From b8e139d1bddb3052c080510e21806e15cf6964b4 Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 16:26:56 -0700
Subject: [PATCH 01/14] Scaffold of a better suggestion page with a preview

---
 assets/css/custom.css         |  13 ++++
 content/suggest/_index.md     |   5 +-
 layouts/_default/suggest.html | 142 ++++++++++++++++++++++++++++++++++
 layouts/_default/term.html    |  16 +---
 layouts/partials/head.html    |   3 +
 5 files changed, 162 insertions(+), 17 deletions(-)
 create mode 100644 layouts/_default/suggest.html

diff --git a/assets/css/custom.css b/assets/css/custom.css
index eb10b047..b1fcae8b 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -314,3 +314,16 @@ img[alt=diagram] {
     background-color: rgba(var(--color-primary-600), 1);
     border-radius: 0.09rem;
 }
+
+.p-20 {
+    padding: 20px;
+}
+
+.rounded-md {
+    border-radius: 0.375rem;
+}
+
+
+.prose :where(ul):not(:where([class~="not-prose"] *)) {
+    list-style-type: disc;
+}
\ No newline at end of file
diff --git a/content/suggest/_index.md b/content/suggest/_index.md
index b4e36478..69bd8025 100644
--- a/content/suggest/_index.md
+++ b/content/suggest/_index.md
@@ -2,6 +2,7 @@
 title: "Suggest"
 description: "Make a suggestion"
 ---
-<div class="form-container">
+{{<katex>}}
+<!-- <div class="form-container">
     <iframe allowfullscreen src="https://docs.google.com/forms/d/e/1FAIpQLScQP-w7M7BqscA68Htup4KYBE25EgntDg2EhhuVYX50PJHmTg/viewform?embedded=true" width="100%" height="2000" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
-</div>
\ No newline at end of file
+</div> -->
diff --git a/layouts/_default/suggest.html b/layouts/_default/suggest.html
new file mode 100644
index 00000000..7a30d41b
--- /dev/null
+++ b/layouts/_default/suggest.html
@@ -0,0 +1,142 @@
+{{ define "main" }}
+  <article class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
+    <header class="max-w-prose">
+      <h1 class="mt-0 mb-8 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
+        Suggest a Formula
+      </h1>
+    </header>
+    
+    <section class="bg-white dark:bg-neutral-800 rounded-md shadow-sm border border-neutral-200 dark:border-neutral-700">
+      <div class="p-6">
+        <form id="suggestion-form" class="space-y-6 p-20">
+          <div class="space-y-2">
+            <label 
+            for="title" 
+            class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
+              Title
+            </label>
+            <input 
+              type="text" 
+              id="title" 
+              name="title" 
+              placeholder="Gaussian/Normal Distribution"
+              value="Gaussian/Normal Distribution"
+              required
+              class="w-full px-4 py-2 mb-6 rounded-md dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+            >
+          </div>
+
+          <div class="space-y-2">
+            <label for="tags" class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
+              Tags (comma-separated)
+            </label>
+            <input 
+              type="text" 
+              id="tags" 
+              name="tags" 
+              placeholder="math, statistics, probability theory"
+              value="math, statistics, probability theory"
+              required
+              class="w-full px-4 py-2 mb-6 rounded-md dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+            >
+          </div>
+
+          <div class="space-y-2">
+            <label for="latex" class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
+              LaTeX Formula
+            </label>
+            <textarea 
+              id="latex" 
+              name="latex" 
+              placeholder="f(x) = \frac{1}{\sigma \sqrt{2\pi}} e^{-\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2}"
+              required
+              rows="3"
+              class="w-full px-4 py-2 mb-6 rounded-md dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+            >f(x) = \frac{1}{\sigma \sqrt{2\pi}} e^{-\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2}
+            </textarea>
+          </div>
+
+          <div class="space-y-2">
+            <label for="description" class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
+              Body Text
+            </label>
+            <textarea 
+              id="description" 
+              name="description" 
+              required
+              rows="4"
+              class="w-full px-4 py-2 mb-6 rounded-md dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+            >The formula for the normal distribution as a function of the variable x is:
+$$ \frac{1}{\sigma \sqrt{2\pi}} e^{-\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2} $$
+
+Where
+
+* \\( \small e\ \\) is Euler's number, 
+* \\( \small  \mu\ \\) is the mean of the distribution, and
+* \\\( \small  \sigma\ \\) is the standard deviation of the distribution.
+
+## Sources
+
+- [Wikipedia](https://en.wikipedia.org/wiki/Normal_distribution)
+- [Britannica](https://www.britannica.com/topic/uniform-distribution-statistics)</textarea>
+          </div>
+
+          <button 
+            type="submit"
+            class="px-6 py-2 text-base font-semibold text-white rounded-md border-neutral-200 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-600 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2"
+          >
+            Preview
+          </button>
+        </form>
+      </div>
+    </section>
+
+    <section id="preview" class="max-w-prose mt-8 hidden">
+      <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</h2>
+      <div id="preview-content" class="bg-white dark:bg-neutral-800 rounded-lg shadow-sm border border-neutral-200 dark:border-neutral-700 p-6">
+      </div>
+    </section>
+  </article>
+  <script>
+    document.getElementById('suggestion-form').addEventListener('submit', function(event) {
+      event.preventDefault();
+
+      const title = document.getElementById('title').value;
+      const description = document.getElementById('description').value;
+      const latex = document.getElementById('latex').value;
+      const tags = document.getElementById('tags').value.split(',').map(tag => tag.trim());
+      const parsedDescription = marked.parse(description);
+      console.log(parsedDescription);
+
+      //  marked doesn't add li::markers, so add them manually
+
+      const previewContent = `
+        <article>
+          <header class="max-w-prose">
+            <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
+              ${title}
+            </h1>
+            <div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
+              ${parsedDescription}
+            </div>
+          </header>
+        
+          <footer class="pt-8 max-w-prose print:hidden">
+            <p>Tags: ${tags.join(', ')}</p>
+          </footer>
+        </article>
+      `;
+
+      document.getElementById('preview-content').innerHTML = previewContent;
+      document.getElementById('preview').classList.remove('hidden');
+
+      // Render LaTeX
+        renderMathInElement(document.getElementById('preview-content'), {
+          delimiters: [
+            {left: '$$', right: '$$', display: true},
+            {left: '\\(', right: '\\)', display: false}
+          ]
+        });
+    });
+  </script>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/term.html b/layouts/_default/term.html
index 09e73237..02a1c184 100644
--- a/layouts/_default/term.html
+++ b/layouts/_default/term.html
@@ -3,21 +3,7 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTLzrFGBbBc0tDp4ad/EyewESeXE/Iv67Aj8gKZ0" crossorigin="anonymous">
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.js" integrity="sha384-PwRUT/YqbnEjkZO0zZxNqcxACrXe+j766U2amXcgMg5457rve2Y7I6ZJSm2A0mS4" crossorigin="anonymous"></script>
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"></script>
-    <script>
-        document.addEventListener("DOMContentLoaded", function() {
-            renderMathInElement(document.body, {
-            // customised options
-            // • auto-render specific keys, e.g.:
-            delimiters: [
-                {left: '$$', right: '$$', display: true},
-            ],
-            // • rendering keys, e.g.:
-            fleqn : true,
-            maxSize: 100,
-            displayMode: true,
-            });
-        });
-    </script>
+ 
   <header>
     {{ if .Params.showBreadcrumbs | default (.Site.Params.list.showBreadcrumbs | default false) }}
       {{ partial "breadcrumbs.html" . }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index cd74c4a0..b3a66546 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -141,4 +141,7 @@
       {{ partial "extend-head.html" .Site }}
     {{ end }}
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+    <!-- for parsing suggest markdown to html, since markdownify is not allowed in javascript -->
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+
   </head>

From 7806651edf81a85a909d73b4730297ab531583f5 Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 16:35:26 -0700
Subject: [PATCH 02/14] I'm a golden god (fixed list items not having dot in
 preview)

---
 assets/css/custom.css         | 4 ++++
 layouts/_default/suggest.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index b1fcae8b..effa8df4 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -326,4 +326,8 @@ img[alt=diagram] {
 
 .prose :where(ul):not(:where([class~="not-prose"] *)) {
     list-style-type: disc;
+}
+
+.p-12 {
+    padding: 3rem;
 }
\ No newline at end of file
diff --git a/layouts/_default/suggest.html b/layouts/_default/suggest.html
index 7a30d41b..62f44576 100644
--- a/layouts/_default/suggest.html
+++ b/layouts/_default/suggest.html
@@ -93,7 +93,7 @@ <h1 class="mt-0 mb-8 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
 
     <section id="preview" class="max-w-prose mt-8 hidden">
       <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</h2>
-      <div id="preview-content" class="bg-white dark:bg-neutral-800 rounded-lg shadow-sm border border-neutral-200 dark:border-neutral-700 p-6">
+      <div id="preview-content" class="bg-white dark:bg-neutral-800 rounded-lg shadow-sm border border-neutral-200 dark:border-neutral-700 p-12">
       </div>
     </section>
   </article>
@@ -116,7 +116,7 @@ <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</
             <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
               ${title}
             </h1>
-            <div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
+            <div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden prose">
               ${parsedDescription}
             </div>
           </header>

From 1bbfdb70e42f345bc15871a015ca2a2ed0db4737 Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 17:38:44 -0700
Subject: [PATCH 03/14] Oops add back term page rendering

---
 layouts/_default/term.html | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/layouts/_default/term.html b/layouts/_default/term.html
index 02a1c184..c61fdb1d 100644
--- a/layouts/_default/term.html
+++ b/layouts/_default/term.html
@@ -3,7 +3,22 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTLzrFGBbBc0tDp4ad/EyewESeXE/Iv67Aj8gKZ0" crossorigin="anonymous">
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.js" integrity="sha384-PwRUT/YqbnEjkZO0zZxNqcxACrXe+j766U2amXcgMg5457rve2Y7I6ZJSm2A0mS4" crossorigin="anonymous"></script>
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"></script>
- 
+    <!-- required for rendering on e.g. /tags/math/ -->
+    <script>
+      document.addEventListener("DOMContentLoaded", function() {
+          renderMathInElement(document.body, {
+          // customised options
+          // • auto-render specific keys, e.g.:
+          delimiters: [
+              {left: '$$', right: '$$', display: true},
+          ],
+          // • rendering keys, e.g.:
+          fleqn : true,
+          maxSize: 100,
+          displayMode: true,
+          });
+      });
+  </script>
   <header>
     {{ if .Params.showBreadcrumbs | default (.Site.Params.list.showBreadcrumbs | default false) }}
       {{ partial "breadcrumbs.html" . }}

From e5efbf8f3dc8cc81af0caa3fbe5fd093cbe3226e Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 17:39:01 -0700
Subject: [PATCH 04/14] Fix tags in preview render

---
 layouts/_default/suggest.html | 35 +++++++++++++++++++++++++----------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/layouts/_default/suggest.html b/layouts/_default/suggest.html
index 62f44576..cb231505 100644
--- a/layouts/_default/suggest.html
+++ b/layouts/_default/suggest.html
@@ -1,4 +1,7 @@
 {{ define "main" }}
+<!-- Custom html/js page for submitting formulas. Rather than use hugo templating, which has to be static, 
+ I kind of reverse engineered the formula pages and render a preview using the user's inputs-->
+
   <article class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
     <header class="max-w-prose">
       <h1 class="mt-0 mb-8 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
@@ -43,14 +46,14 @@ <h1 class="mt-0 mb-8 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
 
           <div class="space-y-2">
             <label for="latex" class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
-              LaTeX Formula
+              LaTeX for card preview
             </label>
             <textarea 
               id="latex" 
               name="latex" 
               placeholder="f(x) = \frac{1}{\sigma \sqrt{2\pi}} e^{-\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2}"
               required
-              rows="3"
+              rows="2"
               class="w-full px-4 py-2 mb-6 rounded-md dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
             >f(x) = \frac{1}{\sigma \sqrt{2\pi}} e^{-\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2}
             </textarea>
@@ -58,13 +61,13 @@ <h1 class="mt-0 mb-8 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
 
           <div class="space-y-2">
             <label for="description" class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
-              Body Text
+              Body Text (Markdown, LaTeX)
             </label>
             <textarea 
               id="description" 
               name="description" 
               required
-              rows="4"
+              rows="8"
               class="w-full px-4 py-2 mb-6 rounded-md dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
             >The formula for the normal distribution as a function of the variable x is:
 $$ \frac{1}{\sigma \sqrt{2\pi}} e^{-\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2} $$
@@ -106,7 +109,20 @@ <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</
       const latex = document.getElementById('latex').value;
       const tags = document.getElementById('tags').value.split(',').map(tag => tag.trim());
       const parsedDescription = marked.parse(description);
-      console.log(parsedDescription);
+      const tagsHTML = tags
+        .map((tag) => {
+            return `
+            <a
+                class="rounded-md border border-neutral-200 px-2 py-[1px] hover:border-black hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
+            >
+                ${tag}
+            </a>
+
+            `;
+        })
+        .join(' '); // Join the tags with a space
+
+
 
       //  marked doesn't add li::markers, so add them manually
 
@@ -116,21 +132,20 @@ <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</
             <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
               ${title}
             </h1>
+            <div class="my-2 text-xs text-neutral-500 dark:text-neutral-400">
+                ${tagsHTML}
+            </div>
             <div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden prose">
               ${parsedDescription}
             </div>
           </header>
-        
-          <footer class="pt-8 max-w-prose print:hidden">
-            <p>Tags: ${tags.join(', ')}</p>
-          </footer>
         </article>
       `;
 
       document.getElementById('preview-content').innerHTML = previewContent;
       document.getElementById('preview').classList.remove('hidden');
 
-      // Render LaTeX
+      // Render LaTeX, this can't be removed for some reason lol
         renderMathInElement(document.getElementById('preview-content'), {
           delimiters: [
             {left: '$$', right: '$$', display: true},

From 20f52eb67131df1a4730c3e0c5fca9724181f4d6 Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 17:51:22 -0700
Subject: [PATCH 05/14] Changes to about page

---
 content/about/_index.md | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/content/about/_index.md b/content/about/_index.md
index 19d0b902..345757f9 100644
--- a/content/about/_index.md
+++ b/content/about/_index.md
@@ -5,7 +5,7 @@ showTableOfContents: true
 ---
 Stemformulas is a website dedicated to providing a single place to look for STEM formulas. It has a long way to go to become that, but the foundation is laid out.
 
-It was made by a few engineering students who were frustrated with the current state of formula searching online. This frustration lead to the focus of the features of the site, which include:
+It was made by a few engineering students (lead by [@linguinelabs](https://x.com/linguinelabs)) who were frustrated with the current state of formula searching online. This frustration lead to the focus of the features of the site, which include:
 
 - The search bar being in focus on site load, so you can search for a formula quickly
 - LaTeX being copyable by just clicking on it on any formula's page
@@ -24,7 +24,8 @@ It is hosted on [GitHub Pages](https://pages.github.com/), deployed conveniently
 ## Contributing
 If you want to add a formula to this site, there are two ways you can do so.
 
-1. Submit a suggestion for a formula on our [Google Form](https://forms.gle/EWjwFmiEQrrjsZEF9) (can also be filled out on our [suggest](/suggest) page). This form is also used for general feedback, e.g. if one of our pages has a mistake.
+1. Submit a formula on our [suggest](/suggest) page). This has been revamped to have a preview for ease of use.
 
-2. Create a pull request on the
-[GitHub repo](https://github.com/stemformulas/stemformulas.github.io). More detailed instructions can be found in the [README](https://github.com/stemformulas/stemformulas.github.io#adding-a-formula-by-submitting-a-pull-request).
+2. Create a pull request directly on the
+[GitHub repo](https://github.com/stemformulas/stemformulas.github.io). This is of course easier for us to merge, but requires more effort from you. 
+More detailed contribution instructions can be found in the [README](https://github.com/stemformulas/stemformulas.github.io?tab=readme-ov-file#adding-a-formula).

From d30545b42491a846714ce4a829e1621cc78bbe75 Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 18:13:51 -0700
Subject: [PATCH 06/14] Preview renders automatically on first load. Add
 instructions. Add description field

---
 content/suggest/_index.md     |  5 ++-
 layouts/_default/suggest.html | 74 ++++++++++++++++++++++++-----------
 2 files changed, 55 insertions(+), 24 deletions(-)

diff --git a/content/suggest/_index.md b/content/suggest/_index.md
index 69bd8025..d3af8ed4 100644
--- a/content/suggest/_index.md
+++ b/content/suggest/_index.md
@@ -2,7 +2,10 @@
 title: "Suggest"
 description: "Make a suggestion"
 ---
-{{<katex>}}
+{{<katex>}} 
+<!-- katex tag is required lol -->
+
+<!-- old google form -->
 <!-- <div class="form-container">
     <iframe allowfullscreen src="https://docs.google.com/forms/d/e/1FAIpQLScQP-w7M7BqscA68Htup4KYBE25EgntDg2EhhuVYX50PJHmTg/viewform?embedded=true" width="100%" height="2000" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
 </div> -->
diff --git a/layouts/_default/suggest.html b/layouts/_default/suggest.html
index cb231505..2cdf7822 100644
--- a/layouts/_default/suggest.html
+++ b/layouts/_default/suggest.html
@@ -4,9 +4,12 @@
 
   <article class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
     <header class="max-w-prose">
-      <h1 class="mt-0 mb-8 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
+      <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
         Suggest a Formula
       </h1>
+      <p class="text-lg text-neutral-500 dark:text-neutral-400 mb-6">
+        Replace the example fields below with your own formula, preview your submission, and then submit!
+      </p>
     </header>
     
     <section class="bg-white dark:bg-neutral-800 rounded-md shadow-sm border border-neutral-200 dark:border-neutral-700">
@@ -29,6 +32,23 @@ <h1 class="mt-0 mb-8 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
             >
           </div>
 
+          <div class="space-y-2">
+            <label 
+            for="description" 
+            class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
+              Short Description
+            </label>
+            <input 
+              type="text" 
+              id="description" 
+              name="description" 
+              placeholder="The formula for the normal distribution."
+              value="The formula for the normal distribution."
+              required
+              class="w-full px-4 py-2 mb-6 rounded-md dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+            >
+          </div>
+
           <div class="space-y-2">
             <label for="tags" class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
               Tags (comma-separated)
@@ -60,12 +80,12 @@ <h1 class="mt-0 mb-8 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
           </div>
 
           <div class="space-y-2">
-            <label for="description" class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
+            <label for="body" class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
               Body Text (Markdown, LaTeX)
             </label>
             <textarea 
-              id="description" 
-              name="description" 
+              id="body" 
+              name="body" 
               required
               rows="8"
               class="w-full px-4 py-2 mb-6 rounded-md dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
@@ -101,31 +121,26 @@ <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</
     </section>
   </article>
   <script>
-    document.getElementById('suggestion-form').addEventListener('submit', function(event) {
-      event.preventDefault();
-
+    // Function to render the preview
+    function renderPreview() {
       const title = document.getElementById('title').value;
-      const description = document.getElementById('description').value;
+      const body = document.getElementById('body').value;
       const latex = document.getElementById('latex').value;
       const tags = document.getElementById('tags').value.split(',').map(tag => tag.trim());
-      const parsedDescription = marked.parse(description);
+      const parsedBody = marked.parse(body);
+
       const tagsHTML = tags
         .map((tag) => {
-            return `
+          return `
             <a
-                class="rounded-md border border-neutral-200 px-2 py-[1px] hover:border-black hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
+              class="rounded-md border border-neutral-200 px-2 py-[1px] hover:border-black hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
             >
-                ${tag}
+              ${tag}
             </a>
-
-            `;
+          `;
         })
         .join(' '); // Join the tags with a space
 
-
-
-      //  marked doesn't add li::markers, so add them manually
-
       const previewContent = `
         <article>
           <header class="max-w-prose">
@@ -133,10 +148,10 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
               ${title}
             </h1>
             <div class="my-2 text-xs text-neutral-500 dark:text-neutral-400">
-                ${tagsHTML}
+              ${tagsHTML}
             </div>
             <div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden prose">
-              ${parsedDescription}
+              ${parsedBody}
             </div>
           </header>
         </article>
@@ -145,13 +160,26 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
       document.getElementById('preview-content').innerHTML = previewContent;
       document.getElementById('preview').classList.remove('hidden');
 
-      // Render LaTeX, this can't be removed for some reason lol
+      // Render LaTeX
+      if (typeof renderMathInElement !== 'undefined') {
         renderMathInElement(document.getElementById('preview-content'), {
           delimiters: [
-            {left: '$$', right: '$$', display: true},
-            {left: '\\(', right: '\\)', display: false}
+            { left: '$$', right: '$$', display: true },
+            { left: '\\(', right: '\\)', display: false }
           ]
         });
+      }
+    }
+
+    // Attach the form submission handler
+    document.getElementById('suggestion-form').addEventListener('submit', function(event) {
+      event.preventDefault();
+      renderPreview();
+    });
+
+    // Render the preview when the page loads
+    document.addEventListener('DOMContentLoaded', function() {
+      renderPreview();
     });
   </script>
 {{ end }}
\ No newline at end of file

From 2452dcc2e5c9429435849d0d61091efd2fd0b6de Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 18:38:19 -0700
Subject: [PATCH 07/14] submit button that submits to discord webhook lmao

---
 layouts/_default/suggest.html | 91 +++++++++++++++++++++++++++++++++--
 1 file changed, 86 insertions(+), 5 deletions(-)

diff --git a/layouts/_default/suggest.html b/layouts/_default/suggest.html
index 2cdf7822..7a16bf54 100644
--- a/layouts/_default/suggest.html
+++ b/layouts/_default/suggest.html
@@ -17,8 +17,8 @@ <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
         <form id="suggestion-form" class="space-y-6 p-20">
           <div class="space-y-2">
             <label 
-            for="title" 
-            class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
+              for="title" 
+              class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
               Title
             </label>
             <input 
@@ -34,9 +34,9 @@ <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
 
           <div class="space-y-2">
             <label 
-            for="description" 
-            class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
-              Short Description
+              for="description" 
+              class="block text-lg mb-1 font-medium text-neutral-700 dark:text-neutral-300">
+              Short Description (used in search results only)
             </label>
             <input 
               type="text" 
@@ -118,8 +118,16 @@ <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
       <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</h2>
       <div id="preview-content" class="bg-white dark:bg-neutral-800 rounded-lg shadow-sm border border-neutral-200 dark:border-neutral-700 p-12">
       </div>
+      <!-- Add a "Submit" button below the preview -->
+      <button 
+        id="submit-button"
+        class="mt-6 px-6 py-2 text-base font-semibold text-white rounded-md border-neutral-200 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-600 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2 hidden"
+      >
+        Submit
+      </button>
     </section>
   </article>
+
   <script>
     // Function to render the preview
     function renderPreview() {
@@ -171,10 +179,83 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
       }
     }
 
+    // Function to send data to Discord webhook
+    function submitToDiscord() {
+      const title = document.getElementById('title').value;
+      const description = document.getElementById('description').value;
+      const tags = document.getElementById('tags').value;
+      const latex = document.getElementById('latex').value;
+      const body = document.getElementById('body').value;
+
+      const webhookURL = 'https://discord.com/api/webhooks/1059998584889688134/eUqXbInp90bcFdL1A3ly141TAtn9jiPjbYwCzSfjPV2-4kx2UIX3M-soCJxWTrvSNbLP'; // Replace with your Discord webhook URL
+
+      const data = {
+        embeds: [
+          {
+            title: "New stemformulas.com formula suggestion",
+            fields: [
+              {
+                name: "Title",
+                value: title,
+                inline: true,
+              },
+              {
+                name: "Description",
+                value: description,
+                inline: true,
+              },
+              {
+                name: "Tags",
+                value: tags,
+                inline: true,
+              },
+              {
+                name: "LaTeX",
+                value: `\`\`\`latex\n${latex}\n\`\`\``,
+                inline: false,
+              },
+              {
+                name: "Body",
+                value: `\`\`\`markdown\n${body}\n\`\`\``,
+                inline: false,
+              },
+            ],
+            color: 0x00ff00, // Green color for the embed
+          },
+        ],
+      };
+
+      fetch(webhookURL, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(data),
+      })
+        .then((response) => {
+          if (response.ok) {
+            alert('Submission sent successfully!');
+          } else {
+            alert('Failed to send submission. Please try again.');
+          }
+        })
+        .catch((error) => {
+          console.error('Error:', error);
+          alert('An error occurred. Please try again.');
+        });
+    }
+
     // Attach the form submission handler
     document.getElementById('suggestion-form').addEventListener('submit', function(event) {
       event.preventDefault();
       renderPreview();
+      // Show the "Submit" button once the preview has been rendered once
+      document.getElementById('submit-button').classList.remove('hidden');
+    });
+
+    // Attach the "Submit" button click handler
+    document.getElementById('submit-button').addEventListener('click', function() {
+      submitToDiscord();
     });
 
     // Render the preview when the page loads

From a424dcabcd706c1c193a28d5aa3dd6cb9020c4c6 Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 18:53:26 -0700
Subject: [PATCH 08/14] Fix submit/preview button looking bad after click

---
 layouts/_default/suggest.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/_default/suggest.html b/layouts/_default/suggest.html
index 7a16bf54..3eb11208 100644
--- a/layouts/_default/suggest.html
+++ b/layouts/_default/suggest.html
@@ -106,7 +106,7 @@ <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
 
           <button 
             type="submit"
-            class="px-6 py-2 text-base font-semibold text-white rounded-md border-neutral-200 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-600 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2"
+            class="px-6 py-2 text-base font-semibold text-white rounded-md border-neutral-200 dark:bg-neutral-700 hover:bg-primary-100 dark:hover:bg-primary-600 focus:outline-dotted focus:outline-transparent focus:outline-2"
           >
             Preview
           </button>
@@ -121,7 +121,7 @@ <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</
       <!-- Add a "Submit" button below the preview -->
       <button 
         id="submit-button"
-        class="mt-6 px-6 py-2 text-base font-semibold text-white rounded-md border-neutral-200 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-600 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2 hidden"
+        class="mt-6 px-6 py-2 text-base font-semibold text-white rounded-md border-neutral-200 dark:bg-neutral-700 hover:bg-primary-100 dark:hover:bg-primary-600 focus:outline-dotted focus:outline-transparent focus:outline-2 hidden"
       >
         Submit
       </button>

From 5877f4037089aef7ad43a83990f9b770b729e35d Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 19:17:15 -0700
Subject: [PATCH 09/14] Rate limit submissions

---
 layouts/_default/suggest.html | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/layouts/_default/suggest.html b/layouts/_default/suggest.html
index 3eb11208..ff29a67b 100644
--- a/layouts/_default/suggest.html
+++ b/layouts/_default/suggest.html
@@ -8,7 +8,7 @@ <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
         Suggest a Formula
       </h1>
       <p class="text-lg text-neutral-500 dark:text-neutral-400 mb-6">
-        Replace the example fields below with your own formula, preview your submission, and then submit!
+        Replace the example fields below, preview your submission, and then submit!
       </p>
     </header>
     
@@ -234,7 +234,7 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
       })
         .then((response) => {
           if (response.ok) {
-            alert('Submission sent successfully!');
+            alert('Submission sent successfully. Thank you!');
           } else {
             alert('Failed to send submission. Please try again.');
           }
@@ -253,9 +253,35 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
       document.getElementById('submit-button').classList.remove('hidden');
     });
 
+    function handleRateLimit() {
+        // limit submissions so we can't get spammed
+        const submitButton = document.getElementById('submit-button');
+        const lastSubmissionTime = localStorage.getItem('lastSubmissionTime');
+        const currentTime = new Date().getTime();
+
+        // Check if 5 minutes have passed since the last submission
+        const timeLeft = 120000 - (currentTime - lastSubmissionTime);
+        if (lastSubmissionTime && timeLeft > 0) {
+            alert(`Please wait ${Math.ceil(timeLeft / 1000)} seconds before submitting again.`);
+            return;
+        }
+
+        // Disable the button and store the current time
+        submitButton.disabled = true;
+        localStorage.setItem('lastSubmissionTime', currentTime);
+
+        // Submit the data to Discord
+        submitToDiscord();
+
+        // Re-enable the button after the correct time has elapsed
+        setTimeout(() => {
+            submitButton.disabled = false;
+        }, timeLeft);
+    }
+
     // Attach the "Submit" button click handler
     document.getElementById('submit-button').addEventListener('click', function() {
-      submitToDiscord();
+        handleRateLimit();
     });
 
     // Render the preview when the page loads

From 315cb6d1eb25a28183014d7985241c89b9578f21 Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 19:19:52 -0700
Subject: [PATCH 10/14] suggest -> submit

---
 config/_default/menus.en.toml                  | 4 ++--
 content/{suggest => submit}/_index.md          | 0
 layouts/_default/{suggest.html => submit.html} | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)
 rename content/{suggest => submit}/_index.md (100%)
 rename layouts/_default/{suggest.html => submit.html} (99%)

diff --git a/config/_default/menus.en.toml b/config/_default/menus.en.toml
index 532a3bc1..d32a5f2f 100644
--- a/config/_default/menus.en.toml
+++ b/config/_default/menus.en.toml
@@ -26,8 +26,8 @@
   weight = 30
 
 [[main]]
-  name = "suggest"
-  pageRef = "suggest"
+  name = "submit"
+  pageRef = "submit"
   weight = 40
 
 [[main]]
diff --git a/content/suggest/_index.md b/content/submit/_index.md
similarity index 100%
rename from content/suggest/_index.md
rename to content/submit/_index.md
diff --git a/layouts/_default/suggest.html b/layouts/_default/submit.html
similarity index 99%
rename from layouts/_default/suggest.html
rename to layouts/_default/submit.html
index ff29a67b..e1d90e23 100644
--- a/layouts/_default/suggest.html
+++ b/layouts/_default/submit.html
@@ -5,7 +5,7 @@
   <article class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
     <header class="max-w-prose">
       <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
-        Suggest a Formula
+        Submit a Formula
       </h1>
       <p class="text-lg text-neutral-500 dark:text-neutral-400 mb-6">
         Replace the example fields below, preview your submission, and then submit!

From 43bc3ccf625af3eeab1d0a61496b3187d3feabeb Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 19:33:03 -0700
Subject: [PATCH 11/14] Sanitize inputs to prevent xss

---
 layouts/_default/submit.html | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/layouts/_default/submit.html b/layouts/_default/submit.html
index e1d90e23..0a06e944 100644
--- a/layouts/_default/submit.html
+++ b/layouts/_default/submit.html
@@ -127,14 +127,17 @@ <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</
       </button>
     </section>
   </article>
-
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.2.3/purify.min.js"></script>
   <script>
+    function sanitizeInput(input) {
+      return DOMPurify.sanitize(input);
+    }
     // Function to render the preview
     function renderPreview() {
-      const title = document.getElementById('title').value;
-      const body = document.getElementById('body').value;
-      const latex = document.getElementById('latex').value;
-      const tags = document.getElementById('tags').value.split(',').map(tag => tag.trim());
+      const title = sanitizeInput(document.getElementById('title').value);
+      const body = sanitizeInput(document.getElementById('body').value);
+      const latex = sanitizeInput(document.getElementById('latex').value);
+      const tags = sanitizeInput(document.getElementById('tags').value).split(',').map(tag => tag.trim());
       const parsedBody = marked.parse(body);
 
       const tagsHTML = tags
@@ -181,11 +184,11 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
 
     // Function to send data to Discord webhook
     function submitToDiscord() {
-      const title = document.getElementById('title').value;
-      const description = document.getElementById('description').value;
-      const tags = document.getElementById('tags').value;
-      const latex = document.getElementById('latex').value;
-      const body = document.getElementById('body').value;
+      const title = sanitizeInput(document.getElementById('title').value);
+      const description = sanitizeInput(document.getElementById('description').value);
+      const tags = sanitizeInput(document.getElementById('tags').value);
+      const latex = sanitizeInput(document.getElementById('latex').value);
+      const body = sanitizeInput(document.getElementById('body').value);
 
       const webhookURL = 'https://discord.com/api/webhooks/1059998584889688134/eUqXbInp90bcFdL1A3ly141TAtn9jiPjbYwCzSfjPV2-4kx2UIX3M-soCJxWTrvSNbLP'; // Replace with your Discord webhook URL
 

From 77718ae2e7df3340cf4c2a3d5d464d9206ef3984 Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 19:39:59 -0700
Subject: [PATCH 12/14] padding, capitalization

---
 assets/css/custom.css        | 8 ++++++++
 layouts/_default/submit.html | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index effa8df4..ecf8c151 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -330,4 +330,12 @@ img[alt=diagram] {
 
 .p-12 {
     padding: 3rem;
+}
+
+.pt-20 {
+    padding-top: 5rem;
+}
+
+.pb-8 {
+    padding-bottom: 2rem;
 }
\ No newline at end of file
diff --git a/layouts/_default/submit.html b/layouts/_default/submit.html
index 0a06e944..f6d666e2 100644
--- a/layouts/_default/submit.html
+++ b/layouts/_default/submit.html
@@ -5,7 +5,7 @@
   <article class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
     <header class="max-w-prose">
       <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
-        Submit a Formula
+        submit a formula
       </h1>
       <p class="text-lg text-neutral-500 dark:text-neutral-400 mb-6">
         Replace the example fields below, preview your submission, and then submit!
@@ -116,7 +116,7 @@ <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
 
     <section id="preview" class="max-w-prose mt-8 hidden">
       <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</h2>
-      <div id="preview-content" class="bg-white dark:bg-neutral-800 rounded-lg shadow-sm border border-neutral-200 dark:border-neutral-700 p-12">
+      <div id="preview-content" class="bg-white dark:bg-neutral-800 rounded-lg shadow-sm border border-neutral-200 dark:border-neutral-700 p-12 pt-20 pb-8">
       </div>
       <!-- Add a "Submit" button below the preview -->
       <button 

From 7e9bfb69458acaac65354e3ef7a396d07f6727c7 Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 19:44:20 -0700
Subject: [PATCH 13/14] Prevent / from triggering search when on the formula
 suggestion page

---
 assets/js/search.js          | 7 +++++++
 layouts/_default/submit.html | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/assets/js/search.js b/assets/js/search.js
index 69d1ba6a..8da48413 100644
--- a/assets/js/search.js
+++ b/assets/js/search.js
@@ -1,5 +1,6 @@
 var fuse;
 var onMainPage = document.getElementById("search-query-main");
+var onSubmitPage = document.getElementById("formula-suggestion-form")
 var showButtons = document.querySelectorAll("[id^='search-button']");
 if(onMainPage){
   var input = document.getElementById("search-query-main");
@@ -41,6 +42,12 @@ if (!(onMainPage)){
 document.addEventListener("keydown", function (event) {
   // Forward slash to open search wrapper
   if (event.key == "/") {
+    // ignore if we're on the suggest page
+    if (onSubmitPage){
+      event.preventDefault();
+      return;
+    }
+
     if (!searchVisible) {
       event.preventDefault();
       displaySearch();
diff --git a/layouts/_default/submit.html b/layouts/_default/submit.html
index f6d666e2..302249ae 100644
--- a/layouts/_default/submit.html
+++ b/layouts/_default/submit.html
@@ -14,7 +14,7 @@ <h1 class="mt-0 mb-2 text-4xl font-extrabold text-neutral-900 dark:text-neutral"
     
     <section class="bg-white dark:bg-neutral-800 rounded-md shadow-sm border border-neutral-200 dark:border-neutral-700">
       <div class="p-6">
-        <form id="suggestion-form" class="space-y-6 p-20">
+        <form id="formula-suggestion-form" class="space-y-6 p-20">
           <div class="space-y-2">
             <label 
               for="title" 
@@ -249,7 +249,7 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
     }
 
     // Attach the form submission handler
-    document.getElementById('suggestion-form').addEventListener('submit', function(event) {
+    document.getElementById('formula-suggestion-form').addEventListener('submit', function(event) {
       event.preventDefault();
       renderPreview();
       // Show the "Submit" button once the preview has been rendered once

From 4f859a358d24f2aac3ca10646646bd5a5e796b3a Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinlinxc@gmail.com>
Date: Sat, 4 Jan 2025 19:53:35 -0700
Subject: [PATCH 14/14] Move javascript from submit.html to separate file for
 better organization cough

---
 assets/js/formula-suggest.js | 162 ++++++++++++++++++++++++++++++++++
 layouts/_default/submit.html | 166 +----------------------------------
 2 files changed, 164 insertions(+), 164 deletions(-)
 create mode 100644 assets/js/formula-suggest.js

diff --git a/assets/js/formula-suggest.js b/assets/js/formula-suggest.js
new file mode 100644
index 00000000..ee47be7b
--- /dev/null
+++ b/assets/js/formula-suggest.js
@@ -0,0 +1,162 @@
+function sanitizeInput(input) {
+    return DOMPurify.sanitize(input);
+  }
+  // Function to render the preview
+  function renderPreview() {
+    const title = sanitizeInput(document.getElementById('title').value);
+    const body = sanitizeInput(document.getElementById('body').value);
+    const latex = sanitizeInput(document.getElementById('latex').value);
+    const tags = sanitizeInput(document.getElementById('tags').value).split(',').map(tag => tag.trim());
+    const parsedBody = marked.parse(body);
+
+    const tagsHTML = tags
+      .map((tag) => {
+        return `
+          <a
+            class="rounded-md border border-neutral-200 px-2 py-[1px] hover:border-black hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
+          >
+            ${tag}
+          </a>
+        `;
+      })
+      .join(' '); // Join the tags with a space
+
+    const previewContent = `
+      <article>
+        <header class="max-w-prose">
+          <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
+            ${title}
+          </h1>
+          <div class="my-2 text-xs text-neutral-500 dark:text-neutral-400">
+            ${tagsHTML}
+          </div>
+          <div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden prose">
+            ${parsedBody}
+          </div>
+        </header>
+      </article>
+    `;
+
+    document.getElementById('preview-content').innerHTML = previewContent;
+    document.getElementById('preview').classList.remove('hidden');
+
+    // Render LaTeX
+    if (typeof renderMathInElement !== 'undefined') {
+      renderMathInElement(document.getElementById('preview-content'), {
+        delimiters: [
+          { left: '$$', right: '$$', display: true },
+          { left: '\\(', right: '\\)', display: false }
+        ]
+      });
+    }
+  }
+
+  // Function to send data to Discord webhook
+  function submitToDiscord() {
+    const title = sanitizeInput(document.getElementById('title').value);
+    const description = sanitizeInput(document.getElementById('description').value);
+    const tags = sanitizeInput(document.getElementById('tags').value);
+    const latex = sanitizeInput(document.getElementById('latex').value);
+    const body = sanitizeInput(document.getElementById('body').value);
+
+    const webhookURL = 'https://discord.com/api/webhooks/1059998584889688134/eUqXbInp90bcFdL1A3ly141TAtn9jiPjbYwCzSfjPV2-4kx2UIX3M-soCJxWTrvSNbLP'; // Replace with your Discord webhook URL
+
+    const data = {
+      embeds: [
+        {
+          title: "New stemformulas.com formula suggestion",
+          fields: [
+            {
+              name: "Title",
+              value: title,
+              inline: true,
+            },
+            {
+              name: "Description",
+              value: description,
+              inline: true,
+            },
+            {
+              name: "Tags",
+              value: tags,
+              inline: true,
+            },
+            {
+              name: "LaTeX",
+              value: `\`\`\`latex\n${latex}\n\`\`\``,
+              inline: false,
+            },
+            {
+              name: "Body",
+              value: `\`\`\`markdown\n${body}\n\`\`\``,
+              inline: false,
+            },
+          ],
+          color: 0x00ff00, // Green color for the embed
+        },
+      ],
+    };
+
+    fetch(webhookURL, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(data),
+    })
+      .then((response) => {
+        if (response.ok) {
+          alert('Submission sent successfully. Thank you!');
+        } else {
+          alert('Failed to send submission. Please try again.');
+        }
+      })
+      .catch((error) => {
+        console.error('Error:', error);
+        alert('An error occurred. Please try again.');
+      });
+  }
+
+  // Attach the form submission handler
+  document.getElementById('formula-suggestion-form').addEventListener('submit', function(event) {
+    event.preventDefault();
+    renderPreview();
+    // Show the "Submit" button once the preview has been rendered once
+    document.getElementById('submit-button').classList.remove('hidden');
+  });
+
+  function handleRateLimit() {
+      // limit submissions so we can't get spammed
+      const submitButton = document.getElementById('submit-button');
+      const lastSubmissionTime = localStorage.getItem('lastSubmissionTime');
+      const currentTime = new Date().getTime();
+
+      // Check if 5 minutes have passed since the last submission
+      const timeLeft = 120000 - (currentTime - lastSubmissionTime);
+      if (lastSubmissionTime && timeLeft > 0) {
+          alert(`Please wait ${Math.ceil(timeLeft / 1000)} seconds before submitting again.`);
+          return;
+      }
+
+      // Disable the button and store the current time
+      submitButton.disabled = true;
+      localStorage.setItem('lastSubmissionTime', currentTime);
+
+      // Submit the data to Discord
+      submitToDiscord();
+
+      // Re-enable the button after the correct time has elapsed
+      setTimeout(() => {
+          submitButton.disabled = false;
+      }, timeLeft);
+  }
+
+  // Attach the "Submit" button click handler
+  document.getElementById('submit-button').addEventListener('click', function() {
+      handleRateLimit();
+  });
+
+  // Render the preview when the page loads
+  document.addEventListener('DOMContentLoaded', function() {
+    renderPreview();
+  });
\ No newline at end of file
diff --git a/layouts/_default/submit.html b/layouts/_default/submit.html
index 302249ae..597f5703 100644
--- a/layouts/_default/submit.html
+++ b/layouts/_default/submit.html
@@ -128,168 +128,6 @@ <h2 class="mb-6 text-2xl font-bold text-neutral-900 dark:text-neutral">Preview</
     </section>
   </article>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.2.3/purify.min.js"></script>
-  <script>
-    function sanitizeInput(input) {
-      return DOMPurify.sanitize(input);
-    }
-    // Function to render the preview
-    function renderPreview() {
-      const title = sanitizeInput(document.getElementById('title').value);
-      const body = sanitizeInput(document.getElementById('body').value);
-      const latex = sanitizeInput(document.getElementById('latex').value);
-      const tags = sanitizeInput(document.getElementById('tags').value).split(',').map(tag => tag.trim());
-      const parsedBody = marked.parse(body);
-
-      const tagsHTML = tags
-        .map((tag) => {
-          return `
-            <a
-              class="rounded-md border border-neutral-200 px-2 py-[1px] hover:border-black hover:text-primary-700 dark:border-neutral-600 dark:hover:border-primary-600 dark:hover:text-primary-400"
-            >
-              ${tag}
-            </a>
-          `;
-        })
-        .join(' '); // Join the tags with a space
-
-      const previewContent = `
-        <article>
-          <header class="max-w-prose">
-            <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
-              ${title}
-            </h1>
-            <div class="my-2 text-xs text-neutral-500 dark:text-neutral-400">
-              ${tagsHTML}
-            </div>
-            <div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden prose">
-              ${parsedBody}
-            </div>
-          </header>
-        </article>
-      `;
-
-      document.getElementById('preview-content').innerHTML = previewContent;
-      document.getElementById('preview').classList.remove('hidden');
-
-      // Render LaTeX
-      if (typeof renderMathInElement !== 'undefined') {
-        renderMathInElement(document.getElementById('preview-content'), {
-          delimiters: [
-            { left: '$$', right: '$$', display: true },
-            { left: '\\(', right: '\\)', display: false }
-          ]
-        });
-      }
-    }
-
-    // Function to send data to Discord webhook
-    function submitToDiscord() {
-      const title = sanitizeInput(document.getElementById('title').value);
-      const description = sanitizeInput(document.getElementById('description').value);
-      const tags = sanitizeInput(document.getElementById('tags').value);
-      const latex = sanitizeInput(document.getElementById('latex').value);
-      const body = sanitizeInput(document.getElementById('body').value);
-
-      const webhookURL = 'https://discord.com/api/webhooks/1059998584889688134/eUqXbInp90bcFdL1A3ly141TAtn9jiPjbYwCzSfjPV2-4kx2UIX3M-soCJxWTrvSNbLP'; // Replace with your Discord webhook URL
-
-      const data = {
-        embeds: [
-          {
-            title: "New stemformulas.com formula suggestion",
-            fields: [
-              {
-                name: "Title",
-                value: title,
-                inline: true,
-              },
-              {
-                name: "Description",
-                value: description,
-                inline: true,
-              },
-              {
-                name: "Tags",
-                value: tags,
-                inline: true,
-              },
-              {
-                name: "LaTeX",
-                value: `\`\`\`latex\n${latex}\n\`\`\``,
-                inline: false,
-              },
-              {
-                name: "Body",
-                value: `\`\`\`markdown\n${body}\n\`\`\``,
-                inline: false,
-              },
-            ],
-            color: 0x00ff00, // Green color for the embed
-          },
-        ],
-      };
-
-      fetch(webhookURL, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(data),
-      })
-        .then((response) => {
-          if (response.ok) {
-            alert('Submission sent successfully. Thank you!');
-          } else {
-            alert('Failed to send submission. Please try again.');
-          }
-        })
-        .catch((error) => {
-          console.error('Error:', error);
-          alert('An error occurred. Please try again.');
-        });
-    }
-
-    // Attach the form submission handler
-    document.getElementById('formula-suggestion-form').addEventListener('submit', function(event) {
-      event.preventDefault();
-      renderPreview();
-      // Show the "Submit" button once the preview has been rendered once
-      document.getElementById('submit-button').classList.remove('hidden');
-    });
-
-    function handleRateLimit() {
-        // limit submissions so we can't get spammed
-        const submitButton = document.getElementById('submit-button');
-        const lastSubmissionTime = localStorage.getItem('lastSubmissionTime');
-        const currentTime = new Date().getTime();
-
-        // Check if 5 minutes have passed since the last submission
-        const timeLeft = 120000 - (currentTime - lastSubmissionTime);
-        if (lastSubmissionTime && timeLeft > 0) {
-            alert(`Please wait ${Math.ceil(timeLeft / 1000)} seconds before submitting again.`);
-            return;
-        }
-
-        // Disable the button and store the current time
-        submitButton.disabled = true;
-        localStorage.setItem('lastSubmissionTime', currentTime);
-
-        // Submit the data to Discord
-        submitToDiscord();
-
-        // Re-enable the button after the correct time has elapsed
-        setTimeout(() => {
-            submitButton.disabled = false;
-        }, timeLeft);
-    }
-
-    // Attach the "Submit" button click handler
-    document.getElementById('submit-button').addEventListener('click', function() {
-        handleRateLimit();
-    });
-
-    // Render the preview when the page loads
-    document.addEventListener('DOMContentLoaded', function() {
-      renderPreview();
-    });
-  </script>
+  {{ $js := resources.Get "js/formula-suggest.js" | fingerprint }}
+  <script src="{{ $js.Permalink }}"></script>
 {{ end }}
\ No newline at end of file