create pages for library of topics

7 files changed, 117 insertions, 6 deletions

diff --git a/fossee_manim/templates/fossee_manim/about.html b/fossee_manim/templates/fossee_manim/about.html
index aaae771..9bed61d 100644
--- a/fossee_manim/templates/fossee_manim/about.html
+++ b/fossee_manim/templates/fossee_manim/about.html
@@ -13,9 +13,7 @@
 		</center>
 
 		<div class="container" style= "font-family: 'Lato', sans-serif; background-color: #e7edee;">
-	
 		<hr>
-
 </div>
 	</div>
 		{% endblock %}
diff --git a/fossee_manim/templates/fossee_manim/base.html b/fossee_manim/templates/fossee_manim/base.html
index f9c17dc..d09fad5 100644
--- a/fossee_manim/templates/fossee_manim/base.html
+++ b/fossee_manim/templates/fossee_manim/base.html
@@ -102,7 +102,8 @@
 			<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"><b>Submit Proposal</b></a></button>
-			<button class="btn btn-link perma_link" type="button"><a href="{% url 'workshops' %}" style="color:#157b80">Workshops</a></button>
+			<button class="btn btn-link perma_link" type="button"><a href="{% url 'outreach' %}" style="color:#222222">Outreach</a></button>
+			<button class="btn btn-link perma_link" type="button"><a href="{% url 'library' %}" style="color:#222222">Library</a></button>
 		</div>
 	</div>
   	{% endblock %}
diff --git a/fossee_manim/templates/fossee_manim/library.html b/fossee_manim/templates/fossee_manim/library.html
new file mode 100644
index 0000000..7cfc95c
--- /dev/null
+++ b/fossee_manim/templates/fossee_manim/library.html
@@ -0,0 +1,62 @@
+{% extends 'fossee_manim/base.html' %}
+
+	{% block title %}
+		FOSSEE Animations | Topic Library
+	{% endblock %}
+
+  {% block content %}
+  <div class="container-fluid jumbotron" align = "justify" style="padding: 50px; background-color: transparent;">
+		<center><h2>Library of Topics</h2></center>
+		<div class="container" style= "font-family: 'Lato', sans-serif; background-color: transparent;">
+			<center style= "color: #555555;">
+			Muddled about what you could possibly animate? <br>
+			Feel free to pick up topics from the lists below! <br>
+			<!-- We like to call it "<i>low-hanging fruit</i>". -->
+			</center>
+      <hr>
+			<br>
+      <div class="row">
+        <!-- Math Category -->
+        <div class="col-md-4">
+          <div class="card mb-4 box-shadow">
+              <a>
+               <img class="card-img-top" alt="Category Thumbnail">
+              </a>
+              <div class="card-body" align= "center">
+                <a href="{% url 'libraryMath' %}">
+                  <h4 class="card-text" style="color: #157b80;">Mathematics</h4>
+                </a>
+              </div>
+          </div>
+         </div>
+        <!-- Physics Category -->
+        <div class="col-md-4">
+          <div class="card mb-4 box-shadow">
+              <a>
+               <img class="card-img-top" alt="Category Thumbnail">
+              </a>
+              <div class="card-body" align= "center">
+                <a href="{% url 'libraryPhys' %}">
+                  <h4 class="card-text" style="color: #157b80;">Physics</h4>
+                </a>
+              </div>
+          </div>
+         </div>
+        <!-- CS Category -->
+        <div class="col-md-4">
+          <div class="card mb-4 box-shadow">
+              <a>
+               <img class="card-img-top" alt="Category Thumbnail">
+              </a>
+              <div class="card-body" align= "center">
+                <a href="{% url 'libraryCS' %}">
+                  <h4 class="card-text" style="color: #157b80;">Computer Science</h4>
+                </a>
+              </div>
+          </div>
+         </div>
+        <!-- end of library -->
+      </div>
+		</div>
+  </div>
+  {% endblock %}
diff --git a/fossee_manim/templates/fossee_manim/libraryMath.html b/fossee_manim/templates/fossee_manim/libraryMath.html
new file mode 100644
index 0000000..8e781f3
--- /dev/null
+++ b/fossee_manim/templates/fossee_manim/libraryMath.html
@@ -0,0 +1,16 @@
+{% extends 'fossee_manim/base.html' %}
+
+	{% block title %}
+		FOSSEE Animations | Library of Mathhematics Topics
+	{% endblock %}
+
+{% block content %}
+	<div class="container-fluid jumbotron" align = "justify" style="background-color: transparent">
+		<center><h2>Mathematics Topics</h2></center>
+    <div class="container" style= "font-family: 'Lato', sans-serif; background-color: transparent;">
+		<hr>
+    <script src="https://gist.github.com/Jar-win/b8207bb59110a459ab7a9089144d1621.js"></script>
+    </div>
+	</div>
+
+		{% endblock %}
diff --git a/fossee_manim/templates/fossee_manim/libraryPhys.html b/fossee_manim/templates/fossee_manim/libraryPhys.html
new file mode 100644
index 0000000..74ce6c7
--- /dev/null
+++ b/fossee_manim/templates/fossee_manim/libraryPhys.html
@@ -0,0 +1,16 @@
+{% extends 'fossee_manim/base.html' %}
+
+	{% block title %}
+		FOSSEE Animations | Library of Mathhematics Topics
+	{% endblock %}
+
+{% block content %}
+	<div class="container-fluid jumbotron" align = "justify" style="background-color: transparent">
+		<center><h2>Physics Topics</h2></center>
+    <div class="container" style= "font-family: 'Lato', sans-serif; background-color: transparent;">
+		<hr>
+		<script src="https://gist.github.com/Jar-win/e7601528c911fe35250d19b86b652a02.js"></script>
+    </div>
+	</div>
+
+		{% endblock %}
diff --git a/fossee_manim/urls.py b/fossee_manim/urls.py
index d9f9bc2..dac61e2 100644
--- a/fossee_manim/urls.py
+++ b/fossee_manim/urls.py
@@ -27,7 +27,11 @@ urlpatterns = [
     url(r'^search_category/(?P<cat>.+)$', views.search_category,
         name='search_category'),
     url(r'^about/$',views.about, name='about'),
-    url(r'^workshops/$',views.workshops, name='workshops'),
+    url(r'^outreach/$',views.outreach, name='outreach'),
+    url(r'^library/$',views.library, name='library'),
+    url(r'^libraryMath/$',views.libraryMath, name='libraryMath'),
+    url(r'^libraryPhys/$',views.libraryPhys, name='libraryPhys'),
+    url(r'^libraryCS/$',views.libraryCS, name='libraryCS'),
     url(r'^explore/(?P<category>.+)$', views.explore,
         name='explore'),
 ]
diff --git a/fossee_manim/views.py b/fossee_manim/views.py
index f547db2..3732ce7 100644
--- a/fossee_manim/views.py
+++ b/fossee_manim/views.py
@@ -541,6 +541,20 @@ def faqs(request):
     categories = Category.objects.all()
     return render(request, 'fossee_manim/faqs.html', {'categories': categories})
 
-def workshops(request):
+def outreach(request):
     categories = Category.objects.all()
-    return render(request, 'fossee_manim/workshops.html', {'categories': categories})
+    return render(request, 'fossee_manim/outreach.html', {'categories': categories})
+
+def library(request):
+    categories = Category.objects.all()
+    return render(request, 'fossee_manim/library.html', {'categories': categories})
+
+def libraryMath(request):
+    categories = Category.objects.all()
+    return render(request, 'fossee_manim/libraryMath.html', {'categories': categories})
+def libraryPhys(request):
+    categories = Category.objects.all()
+    return render(request, 'fossee_manim/libraryPhys.html', {'categories': categories})
+def libraryCS(request):
+    categories = Category.objects.all()
+    return render(request, 'fossee_manim/libraryCS.html', {'categories': categories})