move fast and break things (I'm publishing without rigorous testing)

output/index.html

@@ -32,9 +32,16 @@
     </div>
     <div class="flex-col">
         <h2>Merchandise</h2>
-        <p>
-            <i>Coming soon... we'll be selling hats and t-shirts prolly</i>
-        </p>
+        <div class="product-grid">
+            
+
+            
+                                    <a class="product" href="https://shop.printyourcause.com/campaigns/the-panican-party-store/products/port-authority-adjustable-mesh-back-cap">
+                        <img src="http://localhost:8080/res/panican-hat-one.jpg" /><br>
+                        <b>Make America Panic Again Black Hat</b><br>
+                        <span>$30</span>
+                    </a>
+                                    </div>
     </div>
     <div class="flex-col">
         <h2>FAQ</h2>
@@ -80,6 +87,13 @@
             </div>
         </div>
     </div>
+    <div id="foot">
+        <div>
+            <span>The Panican Party is satire and is not a real political organization.</span><br>
+            <a href="https://discord.gg/ZwcU9xHaD5">Discord</a><br>
+            <a href="https://www.instagram.com/thepanicanparty?igsh=eHhpdHl5dWk1d2Rp">Instagram</a>
+        </div>
+    </div>
 
         <script src="http://localhost:8080/scrolly.js"></script>
     </body>