start page styling update

froide_govplan/templates/cms/mypage.html

@@ -235,6 +235,9 @@
   header img {
     height: 40px !important;
   }
+  .teaser {
+    padding: 0 !important;
+  }
 }
 
 .bg-body-tertiary {

froide_govplan/templates/froide_govplan/base.html

@@ -5,13 +5,6 @@
 {% load static %}
 {% block body %}
 
-<style>
-.featurette-divider {
-  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
-}
-
-</style>
-
 <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
     <symbol id="check2" viewBox="0 0 16 16">
         <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z" />
@@ -129,7 +122,7 @@
     <main>
 
         {% if request.path == '/' %}
-        <div class="py-5">
+        <div class="py-5 teaser">
             
             <h1 class="text-body-emphasis">Wir bringen Licht ins Dunkel der Behörden</h1>
             <p class="fs-5 col-md-8">
@@ -165,8 +158,11 @@
 
         {% if request.path == '/' %}
 
-          <div class="row featurette py-5">
+          <div class="row featurette mt-5">
-            <div class="col-md-7">
+            <div class="col-md-5 d-flex align-items-center justify-content-center order-1 order-md-2 mb-4">
+                <img src="{% static 'froide_govplan/images/magnify_pyramid.webp' %}" height="250px">
+            </div>
+            <div class="col-md-7 order-2 order-md-1">
                 <h2 class="featurette-heading fw-normal lh-1">Mitmachen!</h2>
                 <p class="lead">
                     Gemeinsam schaffen wir mehr Transparenz in der Arbeit der Stadtverwaltung Karlsruhe.
@@ -184,9 +180,6 @@
                     </a>
                 </p>
             </div>
-            <div class="col-md-5 d-flex align-items-center justify-content-center">
-                <img src="{% static 'froide_govplan/images/magnify_pyramid.webp' %}" height="250px">
-            </div>
         </div>
 
         {% endif %}

froide_govplan/templates/froide_govplan/plugins/sections.html

@@ -110,15 +110,15 @@
 <div class="py-5">
 
         <div class="row featurette">
-            <div class="col-md-7">
+            <div class="col-md-5  d-flex align-items-center justify-content-center order-1 order-md-2 mb-4">
+              <img src="{% static 'froide_govplan/images/magnify_pyramid.webp' %}" height="250px">
+          </div>
+            <div class="col-md-7 order-2 order-md-1">
                 <h2 class="featurette-heading fw-normal lh-1">We’re watching you! <span class="text-body-secondary">Karlsruhe.</span></h2>
                 <p class="lead">
                     Wir haben die Verwaltungsvorhaben der Stadt Karlsruhe genau unter die Lupe genommen und rund 250 überprüfbare Projekte identifiziert, die die Stadtverwaltung plant: Es geht um Klimaschutz und Digitalisierung, um Vorhaben im Bereich Wohnen und Mobilität, um moderne Verwaltungsprozesse und Maßnahmen zur Gleichstellung.
                 </p>
             </div>
-            <div class="col-md-5  d-flex align-items-center justify-content-center">
-                <img src="{% static 'froide_govplan/images/magnify_pyramid.webp' %}" height="250px">
-            </div>
         </div>
 
         <div class="row">

froide_govplan/templates/froide_govplan/plugins/updates.html

@@ -54,7 +54,7 @@
         
             {% with update.content|markdown as content %}
               {% if show_context %}
-                {{ content|truncatewords_html:50 }}
+                {{ content|truncatewords_html:15 }}
               {% else %}
                 {{ content }}
               {% endif %}