Merge pull request #83 from AmsterdamPHP/pascaldevink-feature/videos

Extra work on videos

app/Resources/less/amsterdamphp.less

@@ -343,6 +343,36 @@ footer {
     background-image: url('../images/speaker-call-bg.png');
 }
 
+.videos {
+    margin-bottom: 15px;
+    .text-center;
+
+    .more {
+       .more-button;
+    }
+}
+
+.video {
+    height: 110px;
+    position: relative;
+    padding-left: 140px;
+    .text-left;
+
+    .thumbnail {
+        position: absolute;
+        left: 0;
+    }
+
+    ul {
+        .title { font-weight: bolder; font-size: 125% }
+        .date {
+            font-size: 90%;
+
+            a { color: #393939; }
+        }
+    }
+}
+
 .blog-post {
 
     margin-bottom: 20px;
@@ -392,12 +422,16 @@ footer {
 .blog-posts {
     .text-center;
     .more {
-        border: 1px solid @amsRed;
-        font-size: 14px;
-        padding: 5px;
+        .more-button;
     }
 }
 
+.more-button {
+    border: 1px solid @amsRed;
+    font-size: 14px;
+    padding: 5px;
+}
+
 .sponsor-box {
 
     background-color: #ffffff;

src/AmsterdamPHP/Bundle/SiteBundle/Controller/DefaultController.php

@@ -24,17 +24,13 @@ public function indexAction()
         $nextEvents   = $eventService->getUpcomingEvents(true)->toArray();
         $pastEvents   = $eventService->getPastEvents(true)->toArray();
 
-        $blogService = $this->get('amsterdamphp_site.integration.blog');
-        $posts       = $blogService->getLatestBlogPosts();
-
         $youtubeService = $this->get('amsterdamphp_site.integration.youtube');
         $videos         = $youtubeService->getLatestVideos();
 
         return [
             'header_photo' => $headerPhoto,
             'next_event'   => array_shift($nextEvents),
             'past_events'  => array_splice($pastEvents, 0, 2),
-            'blog_posts'   => $posts,
             'sponsors'     => $sponsors,
             'videos'       => $videos,
         ];

src/AmsterdamPHP/Bundle/SiteBundle/Resources/views/Default/_videos.html.twig

@@ -0,0 +1,27 @@
+<div class="videos">
+    {% for video in videos|slice(0, 4) %}
+        <div class="video">
+            <span>
+                <a href="https://www.youtube.com/watch?v={{ video.snippet.resourceId.videoId }}"
+                   target="_blank"><img
+                            class="thumbnail"
+                            src="{{ video.snippet.thumbnails.default.url }}" /></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"
+       href="https://www.youtube.com/user/AmsterdamPHP/videos"
+       target="_blank">OLDER VIDEOS</a>
+</div>

src/AmsterdamPHP/Bundle/SiteBundle/Resources/views/Default/index.html.twig

@@ -35,7 +35,7 @@
                 <p>Share your knowledge with the community!</p>
             </a>
 
-            {% include 'AmsterdamPHPSiteBundle:Default:_blog_posts.html.twig' %}
+            {% include 'AmsterdamPHPSiteBundle:Default:_videos.html.twig' %}
         </div>
         <div class="col-md-8 col-lg-8">
             <div class="row">