diff options
| -rw-r--r-- | fossee_manim/static/img/carousel1.png | bin | 630660 -> 690969 bytes | |||
| -rw-r--r-- | fossee_manim/static/img/carousel2.png | bin | 260716 -> 412936 bytes | |||
| -rw-r--r-- | fossee_manim/templates/fossee_manim/index.html | 82 |
3 files changed, 41 insertions, 41 deletions
diff --git a/fossee_manim/static/img/carousel1.png b/fossee_manim/static/img/carousel1.png Binary files differindex 7e7eb9a..487843e 100644 --- a/fossee_manim/static/img/carousel1.png +++ b/fossee_manim/static/img/carousel1.png diff --git a/fossee_manim/static/img/carousel2.png b/fossee_manim/static/img/carousel2.png Binary files differindex 11c0aca..8e6ac59 100644 --- a/fossee_manim/static/img/carousel2.png +++ b/fossee_manim/static/img/carousel2.png diff --git a/fossee_manim/templates/fossee_manim/index.html b/fossee_manim/templates/fossee_manim/index.html index 2adf680..20f9a34 100644 --- a/fossee_manim/templates/fossee_manim/index.html +++ b/fossee_manim/templates/fossee_manim/index.html @@ -5,52 +5,52 @@ {% endblock %} {% block content %} - <div class="container-fluid jumbotron row" align = "justify" style= "padding:0px; height: 550px;"> + <div class="container-fluid jumbotron row" align = "justify" style= "padding:0px; height: 550px;"> - <div id="carouselExampleIndicators" class="carousel slide row" data-ride="carousel" style="margin-top: 0px"> - <ol class="carousel-indicators"> - <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> - <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> - <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> - </ol> - <div class="carousel-inner"> + <div id="carouselExampleIndicators" class="carousel slide row" data-ride="carousel" style="margin-top: 0px"> + <ol class="carousel-indicators"> + <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> + <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> + <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> + </ol> + <div class="carousel-inner"> - <div class="carousel-item active"> - <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel1.png" alt="First slide" height=550> - <div class="carousel-caption col-md-4" style="float:left; font-family: 'Lato', sans-serif; text-align: left; margin-left: -20px; margin-bottom:15px"> - <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">FOSSEE Animations</a></h3> - <h5>endeavors to be an extensive library - of community-curated videos on STEM topics - </h5> - </div> - </div> - <div class="carousel-item"> - <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel3.png" alt="Second slide" height=550> - <div class="carousel-caption col-md-3" style="float:right; font-family: 'Lato', sans-serif;"> - <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">Anyone can contribute to the project</a></h3> - <h5> The only requirement is that the video should be made using <i>OpenSource</i> tools</h5>like Blender, Manim, Mayavi, etc. + <div class="carousel-item active"> + <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel1.png" alt="First slide" style= "height:550px;"> + <div class="carousel-caption col-md-4" style="float:left; font-family: 'Lato', sans-serif; text-align: left; margin-left: -20px; margin-bottom:15px"> + <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">FOSSEE Animations</a></h3> + <h5>endeavors to be an extensive library + of community-curated videos on STEM topics + </h5> + </div> + </div> + <div class="carousel-item"> + <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel3.png" alt="Second slide" style= "height:550px;"> + <div class="carousel-caption col-md-3" style="float:right; font-family: 'Lato', sans-serif;"> + <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">Anyone can contribute to the project</a></h3> + <h5> The only requirement is that the video should be made using <i>OpenSource</i> tools</h5>like Blender, Manim, Mayavi, etc. + </div> + </div> + + <div class="carousel-item"> + <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel2.png" alt="Third slide" style= "height:550px; "> + <div class="carousel-caption col-md-4" style="margin-left:560px; margin-bottom:250px;float:right; font-family: 'Lato', sans-serif; text-align:right"> + <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">On successful submission</a></h3> + <h5>you receive a certificate and an<br> + honorarium from FOSSEE,<br>IIT-Bombay</h5> + </div> + </div> </div> + <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> + <span class="carousel-control-prev-icon" aria-hidden="true"></span> + <span class="sr-only">Previous</span> + </a> + <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> + <span class="carousel-control-next-icon" aria-hidden="true"></span> + <span class="sr-only">Next</span> + </a> </div> - <div class="carousel-item"> - <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel2.png" alt="Third slide" height=550> - <div class="carousel-caption col-md-4" style="margin-left:560px; margin-bottom:250px;float:right; font-family: 'Lato', sans-serif; text-align:right"> - <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">On successful submission</a></h3> - <h5>you receive a certificate and an<br> - honorarium from FOSSEE,<br>IIT-Bombay</h5> - </div> - </div> - </div> - <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> - <span class="carousel-control-prev-icon" aria-hidden="true"></span> - <span class="sr-only">Previous</span> - </a> - <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> - <span class="carousel-control-next-icon" aria-hidden="true"></span> - <span class="sr-only">Next</span> - </a> </div> - </div> - <!--Infographics--> |
