Homepage Twitter and Instagram first integration

diff --git a/app/static/src/sass/layout/_footer.scss b/app/static/src/sass/layout/_footer.scss
index f1c96fe9cb1e5344b0203e899b9104ea3991c629..a222db9d7287e2351127fc04c935eb4e31d5fb7f 100755 (executable)
--- a/app/static/src/sass/layout/_footer.scss
+++ b/app/static/src/sass/layout/_footer.scss
@@ -24,7 +24,7 @@ $module: ".footer";
 
     /* Rectangle 2: */
     background-image: linear-gradient(-180deg, #000F24 0%, #FF203C 100%);
-    @include margin-top(5);
+    @include margin-top(10);
 
     @include mq($until: xs) {
         div[class^="col-"] {

diff --git a/app/static/src/sass/layout/_global.scss b/app/static/src/sass/layout/_global.scss
index 2eaa8d1b4d7e07683d3c29b5caa3d3414eee67aa..7c0202b08c943aec95b3313bcacc330dd81813b2 100755 (executable)
--- a/app/static/src/sass/layout/_global.scss
+++ b/app/static/src/sass/layout/_global.scss
@@ -29,6 +29,10 @@
     }
 }
 
+.section {
+    @include margin-top(5);
+}
+
 #container {
     @include mq($until: sm) {
         margin-top: $header-height-tablet;

diff --git a/app/static/src/sass/modules/_section-title.scss b/app/static/src/sass/modules/_section-title.scss
index 64464d2165aace02b7b181f87531404b13eb863b..1dcd1c85ceb63a9c9e439fd96c073fdece89e82a 100644 (file)
--- a/app/static/src/sass/modules/_section-title.scss
+++ b/app/static/src/sass/modules/_section-title.scss
@@ -31,6 +31,13 @@ $module: ".section-title";
             color: $color-accent;
         }
     }
+    
+    &--main {
+        border-color: $color-main;
+        &:before {
+            color: $color-main;
+        }
+    }
 
     &:before {
         content: '_';

diff --git a/app/templates/base.html b/app/templates/base.html
index c4a40843a9e0bfeb2c3206654be8c6dddbb31bf6..0afc3dbf1e835e35e55f64fd6bab28cfe4194034 100644 (file)
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -67,7 +67,29 @@
             {% block content_footer %}{% endblock %}
         </main>
 
-        {% include "twitter/hashtag.html" %}
+        <div class="section container">
+            <div class="row">
+
+                <div class="col-sm-8 tac">
+                    <div class="section-title section-title--uppercase section-title--underline section-title--accent">
+                        {% trans "Instagram feed" %}
+                    </div>
+                    <div>
+                        INSTAGRAM HERE
+                    </div>
+                </div>
+
+                <div class="col-sm-6 col-sm-push-1 tac">
+                    <div class="section-title section-title--uppercase section-title--underline section-title--main">
+                        {% trans "Twitter feed" %}
+                    </div>
+                    <div>
+                        {% include "twitter/hashtag.html" %}
+                    </div>
+                </div>
+
+            </div>
+        </div>
 
         <footer class="footer" role="footer">
             {% include "includes/footer.html" %}

diff --git a/app/templates/index.html b/app/templates/index.html
index 723b3c15799bed43aaee29755b630fcc190f2937..448dd29cf817abca6cb4bb7a4bb1a69fc1813e3e 100644 (file)
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -19,6 +19,8 @@
 
     {% include "home/inc/bio.html" %}
 
-    {% include "home/inc/body.html" %}
+    <div class="section">
+        {% include "home/inc/body.html" %}
+    </div>
 
 {% endblock %}