summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSharanya A2019-07-10 10:26:07 +0530
committerSharanya A2019-07-10 10:26:07 +0530
commit51901cfde13c1b303fbaaff7ac477a39aa362c45 (patch)
treec8ebdf11be81c924b942f45ff58ba3e293497fda
parent967ea94f5f6b6c5a4da8fc28bf4edbec0a40eb74 (diff)
downloadFOSSEE_animations-51901cfde13c1b303fbaaff7ac477a39aa362c45.tar.gz
FOSSEE_animations-51901cfde13c1b303fbaaff7ac477a39aa362c45.tar.bz2
FOSSEE_animations-51901cfde13c1b303fbaaff7ac477a39aa362c45.zip
Added index html file with different template; to change to suit site
Diffstat
-rw-r--r--fossee_manim/templates/fossee_manim/index.html256
1 files changed, 147 insertions, 109 deletions
diff --git a/fossee_manim/templates/fossee_manim/index.html b/fossee_manim/templates/fossee_manim/index.html
index d1e2e41..1a0de91 100644
--- a/fossee_manim/templates/fossee_manim/index.html
+++ b/fossee_manim/templates/fossee_manim/index.html
@@ -1,111 +1,149 @@
+<!DOCTYPE html>
<html>
- <head>
- <meta charset="utf-8">
-
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="Akshen Doke" content="FOSSEE-IITB">
- <meta name="title" content="Welcome to FOSSEE's Animation for Education">
- <meta name="description" content=".">
- <meta name="keywords" content="fossee, iit bombay, animation based learning math, manim, python based animations">
- <!-- favicon -->
- <link rel="shortcut icon" type="image/png" href="{{ URL_ROOT}}/static/img/fevicon_python.png"/>
-
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
-
-
- <!-- Custom CSS -->
- <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/index.css" type="text/css" />
- <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/sticky-footer.css" type="text/css" />
-
- <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
- <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
-
- <!-- Search bar -->
- <link rel="stylesheet" href="{{ URL_ROOT}}/static/css/font-awesome.min.css" type="text/css">
-</a></li>
-</ul>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
-
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-
- <title>Welcome</title>
-
- </head>
- <style>
- #circle:hover {
- color: rgb(13, 108, 233);
- }
- </style>
- <body>
- <nav class="navbar sticky-top navbar-dark" style="background-color: #222222ff;>
- <div class="container-fluid">
- <div class="navbar-header">
- <!-- <a class="navbar-brand" href="#"> -->
- <img alt="Main_Logo" src="{{ URL_ROOT }}/static/img/logo_main.png" style="width: 50%; margin: 10 10 10 10;">
- <!-- </a> -->
- </div>
- <form class="form-inline" margin: 10 10 10 10>
- <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
- <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
- </form>
- </div>
- </nav>
-
- <div class="row" id="center_row">
- <div class="col-md-12">
- <img id="container_img" class="img-responsive" src="{{ URL_ROOT }}/static/img/logo_center.png">
- <p></p>
- </div>
- </div>
-
- <div class="row" style="background-color: white;">
- <div class="col-md-4">
- <center>
- <a href="{% url 'guidelines' %}"> <img src="{{ URL_ROOT }}/static/img/guidelines.png" id="circle" style="margin: 5% 0 5% 0"></a>
- </center>
- </div>
- <div class="col-md-4">
- <center>
- <a href="{% url 'faqs' %}"><img src="{{ URL_ROOT }}/static/img/faqs.png" id="circle" style="margin: 5% 0 5% 0"></a>
- </center>
- </div>
- <div class="col-md-4">
- <center>
- <a href="{% url 'login' %}"><img src="{{ URL_ROOT }}/static/img/submit.png" id="circle" style="margin: 5% 0 5% 0"></a>
- </center>
- </div>
- </div>
- <div class="row" style="background-color: #E4EBEA;">
- <div class="col-md-12">
- <center>
- <img src="{{ URL_ROOT }}/static/img/info.png" style="width:80%; margin-top: 5%; margin-bottom: 5%;">
- </center>
- </div>
- </div>
- <div class="row" style="background-color: #081130;">
- <div class="col-md-4">
- <center>
- <img src="{{ URL_ROOT }}/static/img/fossee_logo_iitb.png" style="margin-top: 5%;">
- </center>
- </div>
- <div class="col-md-4" style="color: white; margin-bottom: 1%;">
- <br> <br>
- FOSSEE,
- IIT-Bombay <br>Mumbai, India <br>
- Phone: (+91) 22 2576 4133 <br>
- Email: animations[at]fossee[dot]in
- </div>
- <div class="col-md-4" style="margin-top:3%;">
- <a style="color:white;" href="https://python.fossee.in/about/" target="_blank">About Us </a>| <a style="color:white;" href="{% url 'honorarium' %}" target="_blank">Honorarium</a>
- </div>
- </div>
- <div class="row" style="background-color: #081130;">
- <hr style="background-color:grey;">
- <div class="col-md-12" style="background-color: #081130; color:white; text-align: center; margin-bottom: 1%;">
- The FOSSEE project is funded by the National Mission on Education through ICT, MHRD, Government of India.
- This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
- </div>
- </div>
- </body>
+ <head>
+ <title>FOSSEE Animations</title>
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+ <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+ <style type="text/css">
+ .perma_link{
+ color: #222222;
+ }
+ .perma_link:hover{
+ background-color:#a0e6ee;
+ text-decoration: none;
+ }
+ .perma_link a{
+ text-decoration: none;
+ }
+ .bck_clr{
+ background-color: #222222;
+ }
+ </style>
+ </head>
+
+ <body>
+ <!--<div class="container-fluid">-->
+ <div class="col-md-12">
+ <nav class="navbar navbar-expand-lg navbar-light row bck_clr fixed-top" style="padding-top: 20px; padding-bottom: 20px;">
+ <a class="navbar-brand" href="#">
+ <img src="{{ URL_ROOT }}/static/img/logo_main.png" width="200" height="45" alt="" style="margin-right: 50px; margin-left: 20px">
+ </a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <form class="form-inline" style="margin-left: 10px; margin-top: 10px">
+ <input class="form-control mr-sm-2" type="text">
+ <button class="btn btn-primary my-2 my-sm-0" type="submit">
+ Search
+ </button>
+ </form>
+
+ <ul class="navbar-nav ml-md-auto">
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" style="color:white">Login / Register</a>
+ <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
+ <a class="dropdown-item" href="#">Login</a>
+ <div class="dropdown-divider">
+ </div> <a class="dropdown-item" href="#">Register</a>
+ </div>
+ </li>
+ </ul>
+
+ </div>
+ </nav>
+ <!-- Remove sticky-top if the buttons are not supposed to scroll down-->
+ <div class="jumbotron row sticky-top" style="padding-top: 100px; padding-bottom: 0.2%; margin-bottom: 0px; color:#dddddd">
+ <div class="btn-group btn-group-lg" role="group">
+ <button class="btn btn-link perma_link" type="button"><a href="#" style="color:#157b80">About</a></button>
+ <button class="btn btn-link perma_link" type="button" style="color:#222222">Guidelines</button>
+ <button class="btn btn-link perma_link" type="button" style="color:#222222">FAQ</button>
+ <button class="btn btn-link perma_link" type="button" style="color:#222222">Honorarium</button>
+ <button class="btn btn-link perma_link" type="button" style="color:#dd1100">Submit Proposal</button>
+ </div>
+ </div>
+
+ <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="https://i.imgur.com/ruP33nb.png" alt="First slide" height=800>
+ <div class="carousel-caption d-none d-md-block">
+ <h5>FOSSEE Animations</h5>
+ <p>some stuff</p>
+ </div>
+ </div>
+ <div class="carousel-item">
+ <img class="d-block w-100" src="https://i.imgur.com/FgdE4et.png" alt="Second slide" height=800>
+ </div>
+ <div class="carousel-item">
+ <img class="d-block w-100" src="https://i.imgur.com/b7lbXaX.png" alt="Third slide" height=800>
+ </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>
+
+
+ <!--Infographics-->
+
+ <div class="jumbotron row text-center" style="background-color: white"> <!-- style="background-image: url(''); background-size: cover;">-->
+
+
+ <div class="container text-center">
+ <h1 style="color: #e45700"><b>HOW IT WORKS</b></h1>
+ <img class="img-fluid d-block text-center" width="100%" src="info.svg" alt="...">
+ </div>
+
+ </div>
+
+
+
+ <!--Footer-->
+ <div class="row" style="background-color: #222222;">
+ <div class="col-md-6">
+ <div class="col-md-4">
+ <center>
+ <img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" style="margin:50px; float:left">
+ </center>
+ </div>
+
+ <div class="col-md-6" style="color: white; margin:50px; float:right">
+ FOSSEE, IIT-Bombay <br>
+ Mumbai, India <br>
+ Phone: (+91) 22-2576-4133 <br>
+ Email: animations[at]fossee[dot]in
+ </div>
+
+ </div>
+ <div class="col-md-4" style="margin-top:3%;">
+ <a style="color:white;" href="https://python.fossee.in/about/" target="_blank">About Us </a>| <a style="color:#6c757d;" href="{% url 'honorarium' %}" target="_blank">Honorarium</a>
+ </div>
+ </div>
+ <div class="row" style="background-color: #444444;">
+ <hr style="color:white;">
+ <div class="col-md-12" style="background-color: #444444; color:white; text-align: center; margin-bottom: 1%;">
+ The FOSSEE project is funded by the National Mission on Education through ICT, MHRD, Government of India.
+ This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
+ </div>
+ </div>
+
+ </div>
+
+
+ <!--</div>-->
+ </body>
</html>
generated by cgit (git 2.34.1) at 2024-12-20 01:24:29 +0000