add some opengraph (ogp.me) meta

do note they don't get updated on ajax page change, but that shouldn't be
a problem as this is targetting crawlers, not javascript users.

panikweb_templates/templates/base.html

@@ -8,6 +8,8 @@
     <link rel="apple-touch-icon" href="{{ STATIC_URL}}img/touch-icon.png">
     <link rel="apple-touch-icon-precomposed" href="{{ STATIC_URL}}img/touch-icon.png">
 
+    <meta name="og:site_name" content="Radio Panik"/>
+
 <link rel="alternate" type="application/rss+xml"  href="{% url 'rss-feed' %}" title="News rss feed">
 <link rel="alternate" type="application/rss+xml"  href="{% url 'atom-feed' %}" title="News atom feed">
 <link rel="alternate" type="application/rss+xml"  href="{% url 'podcasts-feed' %}" title="Podcast sounds">

panikweb_templates/templates/emissions/emission_detail.html

@@ -4,6 +4,14 @@
 {% load staticfiles %}
 {% block bodyID %}Emissions{% endblock %}
 {% block title %}{{ emission.title }}{% endblock %}
+
+{% block head %}
+<meta property="og:title" content="{{ emission.title }}" />
+{% if emission.image %}
+<meta property="og:image" content="{{ emission.image.url }}" />
+{% endif %}
+{% endblock %}
+
 {% block toptitle %}
 <h1 class="top"><a href="{% url 'grid' %}">Programme</a></h1>
 {% endblock %}

panikweb_templates/templates/emissions/episode_detail.html

@@ -4,6 +4,15 @@
 {% load staticfiles %}
 {% block title %}{{ episode.title }} - {{ episode.emission.title }} {% endblock %}
 
+{% block head %}
+<meta property="og:title" content="{{ episode.emission.title }} - {{ episode.title }}" />
+{% if episode.image %}
+<meta property="og:image" content="{{ episode.image.url }}" />
+{% elif episode.emission.image %}
+<meta property="og:image" content="{{ episode.emission.image.url }}" />
+{% endif %}
+{% endblock %}
+
 {% block related %}
 {% related_objects object=episode %}
 {% endblock %}

panikweb_templates/templates/emissions/newsitem_detail.html

@@ -2,6 +2,15 @@
 {% load thumbnails %}
 {% load paniktags %}
 {% block title %}{{ newsitem.title }}{% endblock %}
+
+{% block head %}
+<meta property="og:title" content="{{ newsitem.title }}" />
+{% if newsitem.image %}
+<meta property="og:image" content="{{ newsitem.image.url }}" />
+{% endif %}
+{% endblock %}
+
+
 {% block main %}
 <div class="detail news cf">
 	<div class="wrapper navigation">