Replace photos with Flickr iframe

1 files changed, 4 insertions, 125 deletions

diff --git a/static/website/templates/home.html b/static/website/templates/home.html
index fd2578b..5309628 100644
--- a/static/website/templates/home.html
+++ b/static/website/templates/home.html
@@ -382,134 +382,13 @@
                     <h3 class="section-title">Memories of <span style="text-transform: none;">SciPy India</span></h3>
                 </div>
             </div>
-
             <div class="row">
-                <div class="row memories">
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-10.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-10.jpg' %}" width="100%"
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-4.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-4.jpg' %}" width="100%" 
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-2.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-2.jpg' %}" width="100%" 
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>
-
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-3.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-3.jpg' %}" width="100%"
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-1.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-1.jpg' %}" width="100%"
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-5.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-5.jpg' %}" width="100%"
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-6.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-6.jpg' %}" width="100%"
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-7.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-7.jpg' %}" width="100%"
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-8.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-8.jpg' %}" width="100%"
-                                 alt="Scipy 2018"> 
-                        </a>
-                    </div>
-                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-9.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-9.jpg' %}" width="100%"
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>
-                     <div class="col-lg-3 col-md-4 col-xs-6 thumb">
-                        <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title=""
-                           data-image="{% static 'website/bootstrap-css/assets/images/photos/photos-11.jpg' %}"
-                           data-target="#image-gallery">
-                            <img class="img-thumbnail"
-                                 src="{% static 'website/bootstrap-css/assets/images/photos/photos-11.jpg' %}" width="100%"
-                                 alt="Scipy 2018">
-                        </a>
-                    </div>                   
-                </div>
-
-                <div class="modal fade" id="image-gallery" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-                    <div class="modal-dialog modal-lg">
-                        <div class="modal-content">
-                            <div class="modal-header">
-                                <h4 class="modal-title" id="image-gallery-title"></h4>
-                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span>
-                                </button>
-                            </div>
-                            <div class="modal-body">
-                                <img id="image-gallery-image" class="img-responsive col-md-12" src="">
-                            </div>
-                            <div class="modal-footer">
-                                <button type="button" class="btn btn-secondary float-left" id="show-previous-image"><i class="fa fa-arrow-left"></i>
-                                </button>
-
-                                <button type="button" id="show-next-image" class="btn btn-secondary float-right"><i class="fa fa-arrow-right"></i>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
+            <center>
+                <div class="col-md-12">
+                    <a data-flickr-embed="true"  href="https://www.flickr.com/photos/138717104@N02/albums/72157710765977263" title="SciPy2019"><img src="https://live.staticflickr.com/65535/48705266592_0e70bb04a4_z.jpg" width="640" height="360" alt="SciPy2019"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
                 </div>
+            </center>
             </div>
-
         </div>
     </section>