senat campaign: Tweaks of metadata in templates

senat_campaign/templates/senat_campaign/base.html

@@ -22,9 +22,13 @@
   <!-- Meta -->
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <meta name="description" content="{{ page.search_description }}">
+  <meta name="description" content="{% firstof page.search_description page.perex|truncatechars:150 %}">
   <meta name="author" content="Piráti">
-  <title>{% firstof page.seo_title page.title web_settings.full_name %}</title>
+  {% if page.seo_title %}
+  <title>{{ page.seo_title }}</title>
+  {% else %}
+  <title>{{ page.title }} | {{ web_settings.full_name }}</title>
+  {% endif %}
 
   <!-- OpenGraph info -->
   <meta property="og:title" content="{% firstof page.seo_title page.title web_settings.full_name %}" />
@@ -33,7 +37,14 @@
   <meta property="og:url" content="{{ page.full_url }}" />
   {# TODO #}
   <meta property="og:image" content="https://danielhlavacek.cz/pirati/img/og_image.jpg" />
-  <meta property="og:description" content="{{ page.search_description }}" />
+  <meta property="og:description" content="{% firstof page.search_description page.perex %}" />
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="{% static "senat_campaign/favicon/favicon-196.png" %}" sizes="196x196">
+  <link rel="icon" type="image/png" href="{% static "senat_campaign/favicon/favicon-128.png" %}" sizes="128x128">
+  <link rel="icon" type="image/png" href="{% static "senat_campaign/favicon/favicon-96.png" %}" sizes="96x96">
+  <link rel="icon" type="image/png" href="{% static "senat_campaign/favicon/favicon-32.png" %}" sizes="32x32">
+  <link rel="icon" type="image/png" href="{% static "senat_campaign/favicon/favicon-16.png" %}" sizes="16x16">
 
   <!-- Bootstrap CSS -->
   <link rel="stylesheet" href="{% static "senat_campaign/vendor/bootstrap-4.4.1/css/bootstrap.min.css" %}">

senat_campaign/templates/senat_campaign/senat_campaign_home_page.html

@@ -34,7 +34,7 @@
           {% image page.top_photo original as top_photo %}
           <img data-src="{{ top_photo.url }}" class="lazyload img-fluid mb-4" alt="{{ web_settings.full_name }}">
           {% endif %}
-          <h3 class="lead mb-5">{% if page.claim %}„{{ page.claim }}“{% endif %}</h3>
+          <h3 class="lead mb-0">{% if page.claim %}„{{ page.claim }}“{% endif %}</h3>
         </div><!-- /column -->
 
       </div> <!-- /row -->
@@ -151,7 +151,7 @@
 
 
   {% if web_settings.has_news %}
-  <section class="section--primary section--no-bottom-padding" id="aktuality">
+  <section class="section--primary{% if web_settings.has_callendar %} section--no-bottom-padding{% endif %}" id="aktuality">
     <div class="container">
 
       <h2 class="lead page-subheading mb-4">Aktuality</h2>