Get gallery link on frontpage (#28)

Insax · Jun 16, 2018 · ca5d733 · ca5d733
1 parent 38652fe
commit ca5d733
Show file tree

Hide file tree

Showing 9 changed files with 77 additions and 38 deletions.
diff --git a/assets/css/_shared.scss b/assets/css/_shared.scss
@@ -49,6 +49,10 @@ body {
 
 a {
     outline: none !important;
+    &.highlight {
+        text-decoration: none;
+        color: #ffbf00;
+    }
 }
 
 h1,

diff --git a/assets/css/pages/gallery.scss b/assets/css/pages/gallery.scss
@@ -1,63 +1,81 @@
-.gallery-grid {
-    .gallery, .grid-sizer {
-        width: 20%;
-    }
-    .gallery {
-        margin-bottom: 25px;
-        border: 1px solid #ccc;
+.section-gallery{
+    .title {
+        margin: 0;
+        font-size: 3.4em;
+        font-weight: 500;
 
-        &:hover {
-            border: 1px solid #777;
+        .highlight {
+            color: $accent1;
         }
+    }
+    .gallery-grid {
+        .gallery, .grid-sizer {
+            width: 20%;
+        }
+        .gallery {
+            margin-bottom: 25px;
+            border: 1px solid #ccc;
+
+            &:hover {
+                border: 1px solid #777;
+            }
 
-        a {
-            position: relative;
-            display: block;
+            a {
+                position: relative;
+                display: block;
 
-            img {
-                width: 100%;
-                height: auto;
+                img {
+                    width: 100%;
+                    height: auto;
 
-                &:hover {
-                    background: #0f1c33;
-                    opacity: 0.35;
+                    &:hover {
+                        background: #0f1c33;
+                        opacity: 0.35;
+                    }
                 }
-            }
 
-            .flag-icon{
-                position: absolute;
-                top: 5px;
-                right: 5px;
+                .flag-icon{
+                    position: absolute;
+                    top: 5px;
+                    right: 5px;
+                }
             }
         }
-    }
 
-    .desc {
-        padding: 15px;
-        text-align: center;
+        .desc {
+            padding: 15px;
+            text-align: center;
+        }
     }
 }
 
+
 @media all and (max-width: 1200px) {
-    .gallery-grid {
-        .grid-sizer, .gallery {
-            width: 30%;
+    .section-gallery{
+        .gallery-grid {
+            .grid-sizer, .gallery {
+                width: 30%;
+            }
         }
     }
 }
 
 @media all and (max-width: 768px) {
-    .gallery-grid {
-        .grid-sizer, .gallery {
-            width: 47%;
+    .section-gallery {
+        .gallery-grid {
+            .grid-sizer, .gallery {
+                width: 47%;
+            }
         }
     }
 }
 
 @media all and (max-width: 462px) {
-    .gallery-grid {
-        .grid-sizer, .gallery {
-            width: 100%;
+    .section-gallery {
+        .gallery-grid {
+            .grid-sizer, .gallery {
+                width: 100%;
+            }
         }
     }
 }
diff --git a/templates/gallery/components/content.html.twig b/templates/gallery/components/content.html.twig
@@ -1,4 +1,4 @@
-<div class="container section-article-thirteen">
+<div class="container section-gallery">
     <div class="row">
         <div class="col-12">
             <div class="header">

diff --git a/templates/index/components/what-do.html.twig b/templates/index/components/what-do.html.twig
@@ -10,7 +10,9 @@
         </div>
         <div class="col-9 col-sm-9 col-md-9 col-lg-7 text">
             <h2 class="title">{% trans %}what_do_share{% endtrans %}</h2>
-            <p class="content">{% trans %}what_do_share_content{% endtrans %}&nbsp;<a href="https://www.change.org/p/european-parliament-stop-the-censorship-machinery-save-the-internet?utm_source=share_petition&utm_medium=copylink&utm_campaign=share_petition" class="highlight">change.org</a></p>
+            <p>{% trans %}what_do_share_content{% endtrans %}&nbsp;<a href="https://www.change.org/p/european-parliament-stop-the-censorship-machinery-save-the-internet?utm_source=share_petition&utm_medium=copylink&utm_campaign=share_petition" class="highlight">change.org</a></p>
+            <h2>{% trans %}what_do_need_content{% endtrans %}</h2>
+            <p>{% trans %}what_do_gallery{% endtrans %}</p>
         </div>
         <div class="col-3 icon d-none d-sm-block"></div>
     </div>

diff --git a/translations/messages.da_DK.yml b/translations/messages.da_DK.yml
@@ -52,6 +52,9 @@ what_do_title: 'Hvad kan du gøre??'
 # What-do row section start
 what_do_share: 'Fortæl det du ved til andre, del denne hjemmeside!'
 what_do_share_content: 'Fortæl det du ved til andre, del denne hjemmeside! Vi har brug for enhver og jo flere vi er, jo større et pres kan vi lægge på EU-Parlamentet og politikerne, som VI har valgt og som rent faktisk er forpligtet til at handle i vores interesser! Underskriv vores petition!'
+what_do_need_content: 'Need something to share?'
+what_do_gallery: |
+    <a class="highlight" href="/da_DK/gallery">In our gallery</a> you can find the content you're lookig for!
 
 what_do_mail: 'Skriv til din delegeret!'
 what_do_mail_content: 'Du kan sende en mail til din MEP for at advare ham eller hende og for at fremhæve, at de ikke bør stemme for denne lov. Husk at påminde dem, at der er Europavalg næste år! Mailadresserne og en mailskablon kan du finde her:'

diff --git a/translations/messages.de_DE.yml b/translations/messages.de_DE.yml
@@ -50,6 +50,9 @@ what_do_title: 'Was kannst du tun?'
 # What-do row section start
 what_do_share: 'Rede mit anderen darüber! Teile diese Seite!'
 what_do_share_content: 'Nur wenn möglichst viele Leute Bescheid wissen, können wir Druck auf das Parlament ausüben. Unterzeichne unsere Petition!'
+what_do_need_content: 'Brauchst du was zum teilen?'
+what_do_gallery: |
+    <a class="highlight" href="/de_DE/gallery">In unserer Galerie </a> findest du den Content den du suchst!
 
 what_do_mail: 'Schreib deinem Abgeordneten!'
 what_do_mail_content: 'Du kannst deinem EU-Abgeordneten eine E-Mail schreiben, um ihn darauf aufmerksam zu machen, dass du mit dem Gesetzesvorhaben nicht einverstanden bist. Alle nötigen Mailadressen und eine vorgefertigte Nachricht findest du hier:'

diff --git a/translations/messages.en_GB.yml b/translations/messages.en_GB.yml
@@ -56,6 +56,9 @@ what_do_title: 'What can you do?'
 # What-do row section start
 what_do_share: 'Talk to others about it! Share this page!'
 what_do_share_content: 'Only if as many people as possible know we can put pressure on Parliament. Sign our petition!'
+what_do_need_content: 'Need something to share?'
+what_do_gallery: |
+    <a class="highlight" href="/en_GB/gallery">In our gallery</a> you can find the content you're lookig for!
 
 what_do_mail: 'Write to your deputy!'
 what_do_mail_content: 'You can send an e-mail to your MEP to alert him that you do not agree with the bill. All necessary mail addresses and a ready-made message can be found here:'

diff --git a/translations/messages.fr_FR.yml b/translations/messages.fr_FR.yml
@@ -60,6 +60,9 @@ what_do_title: 'Que pouvez vous faire?'
 # What-do row section start
 what_do_share: 'Parlez de ça autour de vous! Partagez ce site!'
 what_do_share_content: 'Avec le maximum de personnes possible, ainsi nous pourrons faire pression sur le parlement! Signez la pétition!'
+what_do_need_content: 'Need something to share?'
+what_do_gallery: |
+    <a class="highlight" href="/fr_FR/gallery">In our gallery</a> you can find the content you're lookig for!
 
 what_do_mail: 'Écrivez à votre député!'
 what_do_mail_content: |

diff --git a/translations/messages.it_IT.yml b/translations/messages.it_IT.yml
@@ -57,6 +57,9 @@ what_do_title: 'Cosa puoi fare?'
 # What-do row section start
 what_do_share: 'Parla con gli altri! Condividi questa pagina!'
 what_do_share_content: 'Solo se il maggior numero possibile di persone sa che possiamo esercitare pressioni sul Parlamento. Firma la nostra petizione!'
+what_do_need_content: 'Need something to share?'
+what_do_gallery: |
+    <a class="highlight" href="/it_IT/gallery">In our gallery</a> you can find the content you're lookig for!
 
 what_do_mail: 'Scrivi al tuo eurodeputato!'
 what_do_mail_content: "Puoi inviare un'e-mail al tuo eurodeputato per avvertirlo che non sei d'accordo con la legge. Tutti gli indirizzi di posta necessari sono gia' pronti e possono essere trovati qui:"