css changes to index page footer, added social media links; added footer to base.html

author: Sharanya A 2019-07-10 16:15:22 +0530
committer: Sharanya A 2019-07-10 16:15:22 +0530
commit: 8dd58d6521c59a8b228b594de83f4f9edf2942cc (patch)
tree: 50a4a3905337df56ce6abdac7fc40cf7adce5532 /fossee_manim/templates
parent: a4141747322e6cf454d623a93aa2f4e92cfa8b78 (diff)
download: FOSSEE_animations-8dd58d6521c59a8b228b594de83f4f9edf2942cc.tar.gz
FOSSEE_animations-8dd58d6521c59a8b228b594de83f4f9edf2942cc.tar.bz2
FOSSEE_animations-8dd58d6521c59a8b228b594de83f4f9edf2942cc.zip
2 files changed, 133 insertions, 122 deletions
diff --git a/fossee_manim/templates/fossee_manim/base.html b/fossee_manim/templates/fossee_manim/base.html
index b966054..60c5982 100644
--- a/fossee_manim/templates/fossee_manim/base.html
+++ b/fossee_manim/templates/fossee_manim/base.html
@@ -53,7 +53,7 @@
 				</li>
 		    </ul>
 	   </div>
-         <!-- {% if user.is_authenticated %}
+        <!-- {% if user.is_authenticated %}
             <ul class="navbar-nav ml-auto mr-5">
             <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -105,10 +105,38 @@
 		<h1>Base Template Content. Please override me</h1>
 	{% endblock %}
 	</main>
+
 	{% block footer %}
+	<div class="jumbotron" style="background-color: #222222; margin-bottom: 0px; border-radius: 0 !important;">
 
-{% endblock %}
+		<div class="container">
+			<div class="row">
+				<div class="col-md text-center">
+					<img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" style="">
+				</div>
+				<div class="col-md text" style="color:#e9ecef;">
+					FOSSEE | IIT-Bombay <br>
+					Mumbai, India  - 400-076 <br>
+					Phone: (+91) 22-2576-4133<br>
+					Email: animations@fossee.in
+				</div>
+				<div class="col-md text-center" style="color:#e9ecef; margin-top: 15px">
+				  <b>Follow us on:<br/>
+				  <a href="https://twitter.com/fosseenmeict" class="fa fa-twitter"></a>
+				  <a href="https://www.instagram.com/fossee_nmeict/" class="fa fa-instagram"></a>
+				  <a href="https://www.facebook.com/FOSSEENMEICT/" class="fa fa-facebook"></a>
+				  <a href="https://github.com/FOSSEE/" class="fa fa-github"></a>
+				</div>
+			</div>
+			<hr>
+			<div class="text-center row" style="color: #e9ecef; color:white;  padding:10px;margin-left: 10px; text-align:center">
+				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>
+	{% endblock footer%}
 
 </body>
-<br>
+
 </html>
diff --git a/fossee_manim/templates/fossee_manim/index.html b/fossee_manim/templates/fossee_manim/index.html
index 5e4062a..1cfdaab 100644
--- a/fossee_manim/templates/fossee_manim/index.html
+++ b/fossee_manim/templates/fossee_manim/index.html
@@ -29,136 +29,119 @@
 		</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="150" height="33.75" alt="Main_Logo" 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" id="search_bar" method="POST" action="/search/" style="margin-left: 10px; margin-top: 10px ">
-					{% csrf_token %}
-					<input class="form-control mr-sm-2" type="search" id="search_tab" placeholder="Search">
-						<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="{% url 'login' %}">Login</a>
-							<div class="dropdown-divider">
+			<!--<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="150" height="33.75" alt="Main_Logo" 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" id="search_bar" method="POST" action="/search/" style="margin-left: 10px; margin-top: 10px ">
+						{% csrf_token %}
+						<input class="form-control mr-sm-2" type="search" id="search_tab" placeholder="Search">
+							<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="{% url 'login' %}">Login</a>
+								<div class="dropdown-divider">
+								</div>
+								<a class="dropdown-item" href="{% url 'register' %}">Register</a>
 							</div>
-							<a class="dropdown-item" href="{% url 'register' %}">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: 90px; 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"><a href="{% url 'guidelines' %}" style="color:#222222">Guidelines</a></button>
-				<button class="btn btn-link perma_link" type="button"><a href="{% url 'faqs' %}" style="color:#222222">FAQ</a></button>
-				<button class="btn btn-link perma_link" type="button"><a href="{% url 'honorarium' %}" style="color:#222222">Honorarium</a></button>
-				<button class="btn btn-link perma_link" type="button"><a href="{% url 'send_proposal' %}" style="color:#dd1100">Submit Proposal</a></button>
+						</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: 90px; 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"><a href="{% url 'guidelines' %}" style="color:#222222">Guidelines</a></button>
+					<button class="btn btn-link perma_link" type="button"><a href="{% url 'faqs' %}" style="color:#222222">FAQ</a></button>
+					<button class="btn btn-link perma_link" type="button"><a href="{% url 'honorarium' %}" style="color:#222222">Honorarium</a></button>
+					<button class="btn btn-link perma_link" type="button"><a href="{% url 'send_proposal' %}" style="color:#dd1100">Submit Proposal</a></button>
+				</div>
 			</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=650>
-		      <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=650>
-		    </div>
-		    <div class="carousel-item">
-		      <img class="d-block w-100" src="https://i.imgur.com/b7lbXaX.png" alt="Third slide" height=650>
-		    </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 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=650>
+			      <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=650>
+			    </div>
+			    <div class="carousel-item">
+			      <img class="d-block w-100" src="https://i.imgur.com/b7lbXaX.png" alt="Third slide" height=650>
+			    </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="{{ URL_ROOT }}/static/img/info.svg" alt="Infographic">
-		    </div>
-		</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="{{ URL_ROOT }}/static/img/info.svg" alt="Infographic">
+			    </div>
+			</div>
 
 		<!--Footer-->
-
-
 		<div class="jumbotron row" style="background-color: #222222; margin-bottom: 0px; border-radius: 0 !important;">
 
-
-
-
-		<div class="container">
-		  <div class="row">
-		    <div class="col-md text-center">
-		                             <img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" style="">
-		    </div>
-
-		    <div class="col-md text-center" style="color:#e9ecef; margin-top: 15px">
-		        <b>FOSSEE | IIT-Bombay </b><br>
-		        <b>Mumbai, India </b> - 400-076 <br>
-		        <b>Phone:</b> (+91) 22-2576-4133<br>
-		        <b>Email:</b> animations@fossee.in
-		    </div>
-		    <div class="col-md text-center" style="color:#e9ecef; margin-top: 15px">
-		      <b>Follow us on:</b><br/>
-		      <a href="#" class="fa fa-twitter"></a>
-		      <a href="#" class="fa fa-instagram"></a>
-			  <a href="#" class="fa fa-facebook"></a>
-			  <a href="#" class="fa fa-github"></a>
-		    </div>
-		  </div>
-		<hr/>
-		<div class="text-center row" style="color: #e9ecef; color:white; padding:10px; margin-left: 10px; text-align:center">
-		                    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 class="container">
+				<div class="row">
+				    <div class="col-md text-center">
+				        <img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" style="">
+				    </div>
+				    <div class="col-md text" style="color:#e9ecef;">
+				        FOSSEE | IIT-Bombay <br>
+				        Mumbai, India  - 400-076 <br>
+				        Phone: (+91) 22-2576-4133<br>
+				        Email: animations@fossee.in
+				    </div>
+				    <div class="col-md text-center" style="color:#e9ecef; margin-top: 15px">
+				      <b>Follow us on:<br/>
+				      <a href="https://twitter.com/fosseenmeict" class="fa fa-twitter"></a>
+				      <a href="https://www.instagram.com/fossee_nmeict/" class="fa fa-instagram"></a>
+					  <a href="https://www.facebook.com/FOSSEENMEICT/" class="fa fa-facebook"></a>
+					  <a href="https://github.com/FOSSEE/" class="fa fa-github"></a>
+					</div>
 				</div>
-
-		        <div class="row col-md-12 text-center" style="background-color: #444444; width: 100%;">
-
-		        </div>
-
+				<hr>
+				<div class="text-center row" style="color: #e9ecef; color:white;  padding:10px;margin-left: 10px; text-align:center">
+				    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>
-
 	</body>
 </html>
author	Sharanya A	2019-07-10 16:15:22 +0530
committer	Sharanya A	2019-07-10 16:15:22 +0530
commit	8dd58d6521c59a8b228b594de83f4f9edf2942cc (patch)
tree	50a4a3905337df56ce6abdac7fc40cf7adce5532 /fossee_manim/templates
parent	a4141747322e6cf454d623a93aa2f4e92cfa8b78 (diff)
download	FOSSEE_animations-8dd58d6521c59a8b228b594de83f4f9edf2942cc.tar.gz FOSSEE_animations-8dd58d6521c59a8b228b594de83f4f9edf2942cc.tar.bz2 FOSSEE_animations-8dd58d6521c59a8b228b594de83f4f9edf2942cc.zip