Merge pull request #5743 from iamonuwa/issue-5742-add-youtube-preview…

…-to-vision-page Issue 5742 add youtube preview to vision page
gitcoinco · Jan 14, 2020 · 05cb5e8 · 05cb5e8
2 parents 40b7afe + 730a14d
commit 05cb5e8
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/app/retail/templates/vision.html b/app/retail/templates/vision.html
@@ -238,6 +238,20 @@ <h3 class="mb-4 font-title-lg">{% trans "The Future Of Work" %}</h3>
         </div>
       </div>
     </section>
+    <section class="container bg-white pb-5">
+      <div class="row py-4">
+        <div class="col-12 text-center mb-4">
+          <h2 class="font-bigger-4 mb-3">{% trans "Gitcoin Videos" %}</h2>
+        </div>
+        {% for videoLink in videoLinks %}
+          <div class="col-12 col-md-4 mt-3">
+            <div class="embed-responsive embed-responsive-21by9">
+              <iframe width="700" height="600" src="{{ videoLink }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>
+            </div>
+          </div>
+        {% endfor %}
+      </div>
+    </section>
 
     {% include 'shared/footer.html' %}
     {% include 'shared/analytics.html' %}

diff --git a/app/retail/views.py b/app/retail/views.py
@@ -950,11 +950,17 @@ def jobs(request):
 
 def vision(request):
     """Render the Vision response."""
+    videoLinks = [
+        'https://www.youtube.com/embed/wo0KkSH-6eg',
+        'https://www.youtube.com/embed/nZTVMEh9k5U',
+        'https://www.youtube.com/embed/F2yeOFlRE0E'
+    ]
     context = {
         'is_outside': True,
         'active': 'vision',
         'avatar_url': static('v2/images/vision/triangle.jpg'),
         'title': 'Vision',
+        'videoLinks': videoLinks,
         'card_title': _("Gitcoin's Vision for a Web3 World"),
         'card_desc': _("Gitcoin's Vision for a web3 world is to make it easy for developers to find paid work in open source."),
     }