Merge pull request #791 from IATI/2024-11-08-website-work

2024 11 08 website work
IATI · Nov 13, 2024 · 0aec3cc · 0aec3cc
2 parents c7f4108 + 2b97e15
commit 0aec3cc
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 17 deletions.
diff --git a/home/templates/home/home_page.html b/home/templates/home/home_page.html
@@ -9,10 +9,10 @@
 {% endblock %}
 
 {% block content %}
-    {% include 'home/modules/statistics.html' %}
     {% include 'home/modules/getting-started.html' %}
-    {% include 'home/modules/about-iati.html' %}
+    {% include 'home/modules/statistics.html' %}
     {% include 'home/modules/iati-in-action.html' %}
+    {% include 'home/modules/about-iati.html' %}
     {% include 'home/modules/iati-tools.html' %}
     {% include 'home/modules/flexible-features.html' %}
     {% include 'home/modules/news-tweets.html' with notalt=page.flexible_features|length|divisibleby:2 %}

diff --git a/home/templates/home/modules/about-iati.html b/home/templates/home/modules/about-iati.html
@@ -1,7 +1,7 @@
 {% load iati_tags %}
 
-<div class="row">
-    <div class="section-alt-top section-alt-bottom">
+<div class="section">
+    <div class="row">
         <h2 class="section__heading">{{ page.about_iati_title }}</h2>
         {% if page.about_iati_video %}
             <div class="l-2up">

diff --git a/home/templates/home/modules/flexible-features.html b/home/templates/home/modules/flexible-features.html
@@ -1,7 +1,7 @@
 {% load wagtailcore_tags responsive %}
 
 {% for child in page.flexible_features %}
-    <div class="{% cycle 'section' 'section-alt' %}">
+    <div class="{% cycle 'section' 'section-alt section-alt-top' %}">
         <div class="row">
             <h2 class="section__heading">{{ child.value.title }}</h2>
             {% if child.value.image %}

diff --git a/home/templates/home/modules/getting-started.html b/home/templates/home/modules/getting-started.html
@@ -1,6 +1,6 @@
 {% load responsive %}
 
-<div class="section">
+<div class="section-alt">
     <div class="row">
         <h2 class="section__heading">{{ page.getting_started_title }}</h2>
         <div class="l-3up">

diff --git a/home/templates/home/modules/iati-in-action.html b/home/templates/home/modules/iati-in-action.html
@@ -1,6 +1,6 @@
 {% load responsive %}
 
-<div class="section section-alt-bottom">
+<div class="section-alt section-alt-top section-alt-bottom">
     <div class="row">
         <h2 class="section__heading">{{ page.iati_in_action_title }}</h2>
         {% if page.iati_in_action_description %}

diff --git a/home/templates/home/modules/iati-tools.html b/home/templates/home/modules/iati-tools.html
@@ -1,7 +1,7 @@
 {% load responsive i18n tool_utils %}
 
-<div class="row">
-    <div class="section-alt">
+<div class="section-alt section-alt-top">
+    <div class="row">
         <h2 class="section__heading">{{ page.iati_tools_title }}</h2>
         {% if page.iati_tools_description %}
             <div class="max-meter is-typeset is-typeset--article">

diff --git a/home/templates/home/modules/news-tweets.html b/home/templates/home/modules/news-tweets.html
@@ -3,8 +3,6 @@
 <div {% if not notalt %}class="section-alt-top section-alt-bottom"{% else %}class="section"{% endif %}>
     <div class="row">
         <h2 class="section__heading">{{ page.latest_news_title }}</h2>
-        <div class="l-2up">
-            <div class="l-2up__col">
                 {% for item in page.news %}
                     <article class="listing listing--article listing--article--minor">
                         <aside class="listing__aside">
@@ -31,11 +29,6 @@ <h3 class="listing__heading">{{ item.heading }}</h3>
                     </article>
                 {% endfor %}
                 <a href="{{ page.news_index.url }}" class="button">{{ page.latest_news_link_label }}</a>
-            </div>
-            <div class="l-2up__col">
-                <a class="twitter-timeline" data-height="800" href="https://twitter.com/{{ global.twitter_handle }}?ref_src=twsrc%5Etfw">{{ page.latest_news_tweets_title }} {% trans "by" %} {{ global.twitter_handle }}</a>
-                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-            </div>
         </div>
     </div>
 </div>
diff --git a/home/templates/home/modules/statistics.html b/home/templates/home/modules/statistics.html
@@ -1,5 +1,6 @@
 {% load static responsive iati_tags %}
 
+<div class="section">
 <div class="row">
     <div class="stats stats--standout">
         {% if page.testimonial %}
@@ -30,3 +31,4 @@ <h2 class="stat__heading stat__heading--large" id="stat-publishers" data-inc-dur
         </div>
     </div>
 </div>
+</div>
diff --git a/patterns/assets/css/modules/_stats.scss b/patterns/assets/css/modules/_stats.scss
@@ -8,7 +8,6 @@
 }
 
 .stat {
-    background-color: #fff;
     box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
     .stats--grid & {
         border-left: 3px solid $iati-ocean;