Added Community Snippet (#35)

Co-authored-by: Tim Lorsbach <tim@lorsba.ch>
Reviewed-on: enviPath/enviPy#35

templates/framework.html

@@ -13,6 +13,7 @@
     <link rel="stylesheet"
           href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.3/css/bootstrap-select.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.3/js/bootstrap-select.min.js"></script>
+    <script src="https://community.envipath.org/javascripts/embed-topics.js"></script>
     <!-- CDN END -->
     <meta name="csrf-token" content="{{ csrf_token }}">
     <script>
@@ -218,7 +219,6 @@
         </div>
     </div>
 </div>
-
 <div class="row">
     <div class="col-lg-12">
         <ul class="nav nav-pills nav-justified">

templates/index/index.html

@@ -1,7 +1,6 @@
 {% extends "framework.html" %}
 {% load static %}
 {% block content %}
-
     <!-- TODO rename ids as well as remove pathways if modal is closed!-->
     <div class="modal fade" tabindex="-1" id="foundMatching" role="dialog" aria-labelledby="foundModal"
          aria-hidden="true">
@@ -31,6 +30,8 @@
             </div>
         </div>
     </div>
+    <div class="row">
+        <div class="col-xs-8">
             <div class="jumbotron">
                 <h1>
                     <img id="image-logo-long" class="img-responsive" alt="enviPath" width="1000ex"
@@ -48,7 +49,15 @@
                        href="https://wiki.envipath.org/index.php/Main_Page">Learn more &gt;&gt;</a>
                 </p>
             </div>
-    <p></p>
+
+        </div>
+        <div id="loading"></div>
+        <div class="col-xs-4">
+            <d-topics-list discourse-url="https://community.envipath.org" per-page="10" category="10"
+                           template="complete"></d-topics-list>
+        </div>
+    </div>
+    <div class="row">
         <form id="index-form" action="{{ meta.current_package.url }}/pathway" method="POST">
             {% csrf_token %}
             <div class="input-group" id="index-form-bar">
@@ -81,7 +90,8 @@
             <input type="hidden" id="index-form-smiles" name="smiles" value="smiles">
             <input type="hidden" id="index-form-predict" name="predict" value="predict">
         </form>
-    <div id="loading"></div>
+    </div>
+    <p></p>
     <script language="javascript">
         var currentPackage = "{{ meta.current_package.url }}";