Embedded disqus

index.html

@@ -852,6 +852,36 @@ <h1 class='display-3 mb-sm-3'>2023 JoSAA Cutoffs</h1>
             </div>
         </div>
 
+        <div class='card m-3 d-none' id='comments'>
+            <div class='card-header' class='btn btn-link collapsed' data-bs-toggle='collapse' data-bs-target='#collapseTwo'>
+                Comments
+            </div>
+            <div id='collapseTwo' class='collapse' data-bs-parent='#accordion'>
+                <div class='card-body'>
+                    <div id='disqus_thread'></div>
+                </div>
+            </div>
+        </div>
+
+
+        <script>
+            /**
+            *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
+            *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables    */
+            /*
+            var disqus_config = function () {
+            this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
+            this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+            };
+            */
+            (function () {
+                var d = document, s = d.createElement('script');
+                s.src = 'https://josaa-1.disqus.com/embed.js';
+                s.setAttribute('data-timestamp', +new Date());
+                (d.head || d.body).appendChild(s);
+            })();
+        </script>
+        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
         <!-- Footer -->
         <div class='container-fluid mt-5'>
             <footer class='bg-black text-secondary row justify-content-between py-md-0 px-md-5 py-5 '>

script.js

@@ -25,6 +25,7 @@
 		// show table (as it is hidden initially)
 		if (tableDiv.classList.contains('d-none')) {
 			tableDiv.classList.remove('d-none')
+			comments.classList.remove('d-none')
 		}
 
 		table.bootstrapTable('removeAll') // clear table contents