Visual Tweak

- separated title from date - added some styling
AmsterdamPHP · May 5, 2015 · 8aad201 · 8aad201
1 parent 0add19f
commit 8aad201
Show file tree

Hide file tree

Showing 5 changed files with 20,632 additions and 78 deletions.
diff --git a/app/Resources/less/amsterdamphp.less b/app/Resources/less/amsterdamphp.less
@@ -362,6 +362,15 @@ footer {
         position: absolute;
         left: 0;
     }
+
+    ul {
+        .title { font-weight: bolder; font-size: 125% }
+        .date {
+            font-size: 90%;
+
+            a { color: #393939; }
+        }
+    }
 }
 
 .blog-post {

diff --git a/src/AmsterdamPHP/Bundle/SiteBundle/Resources/views/Default/_videos.html.twig b/src/AmsterdamPHP/Bundle/SiteBundle/Resources/views/Default/_videos.html.twig
@@ -7,10 +7,18 @@
                             class="thumbnail"
                             src="{{ video.snippet.thumbnails.default.url }}" /></a>
             </span>
-            <span>
-                <a href="https://www.youtube.com/watch?v={{ video.snippet.resourceId.videoId }}"
-                   target="_blank">{{ video.snippet.title }}</a>
-            </span>
+
+            {% set title = video.snippet.title|split(':') %}
+            <ul class="list-unstyled">
+                <li class="date">
+                    <a href="https://www.youtube.com/watch?v={{ video.snippet.resourceId.videoId }}"
+                       target="_blank">{{ title[0] }}</a>
+                </li>
+                <li class="title">
+                    <a href="https://www.youtube.com/watch?v={{ video.snippet.resourceId.videoId }}"
+                       target="_blank">{{ title[1] }}</a>
+                </li>
+            </ul>
         </div>
     {% endfor %}
     <a class="more"

diff --git a/web/css/amsterdamphp.css b/web/css/amsterdamphp.css
diff --git a/web/js/amsterdamphp.js b/web/js/amsterdamphp.js