gallery frontend implementation #28

Insax · Jun 16, 2018 · 0d9feaa · 0d9feaa
1 parent e7be519
commit 0d9feaa
Show file tree

Hide file tree

Showing 11 changed files with 29 additions and 10 deletions.
diff --git a/assets/css/_shared.scss b/assets/css/_shared.scss
@@ -85,8 +85,8 @@ h6 {
 
 .label {
     color: white;
-    padding: 5px;
-    border-radius: 15px;
+    padding: 6px;
+    border-radius: 13px;
 }
 
 .success {background-color: #4CAF50;} /* Green */

diff --git a/assets/css/pages/gallery.scss b/assets/css/pages/gallery.scss
@@ -1,8 +1,9 @@
 div.gallery {
-    margin: 5px;
+    margin: 0 auto;
     border: 1px solid #ccc;
     float: left;
-    width: 180px;
+    min-width: 180px;
+    max-width: 320px;
 }
 
 div.gallery:hover {
@@ -12,6 +13,13 @@ div.gallery:hover {
 div.gallery img {
     width: 100%;
     height: auto;
+    margin-top: -20px;
+}
+
+div.gallery a span.flag-icon{
+    float: right;
+    margin-top: 5px;
+    margin-right: 5px;
 }
 
 div.desc {

diff --git a/assets/static/gallery/files/4x4_illegal_klein.pdf b/assets/static/gallery/files/4x4_illegal_klein.pdf
diff --git a/assets/static/gallery/files/ILLEGAL-4x.pdf b/assets/static/gallery/files/ILLEGAL-4x.pdf
diff --git a/assets/static/gallery/files/flyer_illegal_4x.pdf b/assets/static/gallery/files/flyer_illegal_4x.pdf
diff --git a/assets/static/gallery/preview/4x4_illegal_klein.png b/assets/static/gallery/preview/4x4_illegal_klein.png
diff --git a/assets/static/gallery/ILLEGAL-4x.png → assets/static/gallery/preview/ILLEGAL-4x.png b/assets/static/gallery/ILLEGAL-4x.png → assets/static/gallery/preview/ILLEGAL-4x.png
diff --git a/assets/static/gallery/flyer_illegal_4x.png → ...atic/gallery/preview/flyer_illegal_4x.png b/assets/static/gallery/flyer_illegal_4x.png → ...atic/gallery/preview/flyer_illegal_4x.png
diff --git a/templates/gallery/components/content.html.twig b/templates/gallery/components/content.html.twig
@@ -7,16 +7,25 @@
                 </h2>
                 <br>
                 <div class="gallery">
-                    <a target="_blank" href="https://raw.github.com/NoSpread/eu_media/master/Freigegeben/Flyer/4x6/ILLEGAL-4x.pdf">
-                        <img src="{{ absolute_url(asset('build/static/gallery/ILLEGAL-4x.png')) }}" alt="ILLEGAL-4x.pdf" width="300" height="200">
+                    <a target="_blank" href="{{ absolute_url(asset('build/static/gallery/files/ILLEGAL-4x.pdf')) }}">
+                        <span class="flag-icon flag-icon-de"></span>
+                        <img src="{{ absolute_url(asset('build/static/gallery/preview/ILLEGAL-4x.png')) }}" alt="ILLEGAL-4x.pdf" width="300" height="200">
                     </a>
-                    <div class="desc"><span class="flag-icon flag-icon-de"></span> <span class="label danger">PDF</span></div>
+                    <div class="desc"><span class="label danger">{% trans %}gallery_download_pdf{% endtrans %}</span></div>
                 </div>
                 <div class="gallery">
-                    <a target="_blank" href="https://raw.github.com/NoSpread/eu_media/master/Freigegeben/Flyer/4x6/flyer_illegal_4x.pdf">
-                        <img src="{{ absolute_url(asset('build/static/gallery/flyer_illegal_4x.png')) }}" alt="flyer_illegal_4x.pdf" width="300" height="200">
+                    <a target="_blank" href="{{ absolute_url(asset('build/static/gallery/files/flyer_illegal_4x.pdf')) }}">
+                        <span class="flag-icon flag-icon-de"></span>
+                        <img src="{{ absolute_url(asset('build/static/gallery/preview/flyer_illegal_4x.png')) }}" alt="flyer_illegal_4x.pdf" width="300" height="200">
                     </a>
-                    <div class="desc"><span class="flag-icon flag-icon-de"></span> <span class="label danger">PDF</span></div>
+                    <div class="desc"><span class="label danger">{% trans %}gallery_download_pdf{% endtrans %}</span></div>
+                </div>
+                <div class="gallery">
+                    <a target="_blank" href="{{ absolute_url(asset('build/static/gallery/files/4x4_illegal_klein.pdf')) }}">
+                        <span class="flag-icon flag-icon-de"></span>
+                        <img src="{{ absolute_url(asset('build/static/gallery/preview/4x4_illegal_klein.png')) }}" alt="4x4_illegal_klein.pdf" width="300" height="200">
+                    </a>
+                    <div class="desc"><span class="label danger">{% trans %}gallery_download_pdf{% endtrans %}</span></div>
                 </div>
             </div>
         </div>

diff --git a/translations/messages.de_DE.yml b/translations/messages.de_DE.yml
@@ -83,6 +83,7 @@ sign_petition: 'Zur Petition'
 
 # gallery section
 gallery_title: 'Gallerie'
+gallery_download_pdf: 'PDF herunterladen'
 
 # Footer section
 imprint_link: 'Impressum'

diff --git a/translations/messages.en_GB.yml b/translations/messages.en_GB.yml
@@ -97,6 +97,7 @@ sign_petition: 'Sign the petition'
 
 # gallery section
 gallery_title: 'Gallery'
+gallery_download_pdf: 'Download PDF'
 
 # Footer section
 imprint_link: 'Imprint'