Add developmental-changes alert and some about content

2 files changed, 24 insertions, 2 deletions

diff --git a/fossee_manim/templates/fossee_manim/about.html b/fossee_manim/templates/fossee_manim/about.html
index ed15c4a..281c8d7 100644
--- a/fossee_manim/templates/fossee_manim/about.html
+++ b/fossee_manim/templates/fossee_manim/about.html
@@ -1,5 +1,15 @@
 {% extends 'fossee_manim/base.html' %}
 
 	{% block title %}
-		FOSSEE About
+		About
 	{% endblock %}
+
+{% block content %}
+	<div class="container-fluid jumbotron" align = "justify" style="margin-top:20px; padding:80px;">
+		 <!-- style="padding-top:120px"> -->
+	<h1>About FOSSEE Animations</h1>
+	<h4 style= "color: #555555;"><i>What</i> we do and <i>why</i> do we do it?</h4>
+		<div class="container" style= "font-family: 'Lato', sans-serif;">
+		</div>
+		</div>
+		{% endblock %}
diff --git a/fossee_manim/templates/fossee_manim/base.html b/fossee_manim/templates/fossee_manim/base.html
index f54e373..395177c 100644
--- a/fossee_manim/templates/fossee_manim/base.html
+++ b/fossee_manim/templates/fossee_manim/base.html
@@ -13,6 +13,7 @@
   	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
   	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
 	<link rel="stylesheet" href="{{ URL_ROOT }}/static/css/sticky-footer.css" type="text/css" />
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.css">
 
 	<!-- <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
 	<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script> -->
@@ -79,7 +80,7 @@
     </nav>
 	<div class="jumbotron sticky-top" style="padding-top: 90px; padding-bottom: 0.2%; margin-bottom: 0px; background-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 'about' %}" style="color:#157b80">Why FOSSEE Animations?</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>
@@ -91,6 +92,7 @@
     {% block content %}
     <br><br>
 		<h1>Base Template Content. Please override me</h1>
+
 	{% endblock %}
 	<!-- </main> -->
 
@@ -127,6 +129,16 @@
 		</div>
 	</div>
 	{% endblock footer%}
+<!-- START Bootstrap-Alert -->
+	<div class="alert text-center cookiealert" role="alert" style="background: #d1ff3c; color: black;">
+	    The website is currently undergoing some developmental changes. To check out sample animations, just click on the search button (without any query text) !
+			<button type="button" class="close" data-dismiss="alert" aria-label="Close" >
+    		<span aria-hidden="true">&times;</span>
+  		</button>
+	</div>
+	<!-- END Bootstrap-Alert -->
+<!-- JS for alert -->
+<script src="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.js"></script>
 
 </body>