index changes with shorcodes instead

4 files changed, 63 insertions, 54 deletions

diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000..e06deb1
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,26 @@
+---
+title: "🍲 Based Cooking 🍳"
+---
+
+## Categories
+
+{{< tagcloud >}}
+
+## All Recipes
+
+{{< artlist >}}
+
+## About this site
+
+Founded to provide a simple online cookbook without ads and obese web design.
+See the story of this site unfold in three videos:
+
+- [A Demonstration of Modern Web Bloat](https://odysee.com/@Luke:7/a-demonstration-of-modern-web-bloat:f)
+- [The War Against Web Bloat Continues...](https://odysee.com/@Luke:7/the-war-against-web-bloat-continues...:a)
+- [SoyDevs DESTROYED Epic Style by Based Cooking!](https://odysee.com/@Luke:7/soydevs-destroyed-epic-style-by-based:6)
+
+## It's easy to contribute!
+
+We are funded by you only, not 20MB of ads or privacy-violating trackers per page.
+
+{{< crypto >}}
diff --git a/layouts/index.html b/layouts/index.html
deleted file mode 100644
index 0e385d6..0000000
--- a/layouts/index.html
+++ /dev/null
@@ -1,54 +0,0 @@
-{{ partial "header.html" . }}
-
-<h1>🍲 Based Cooking 🍳</h1>
-
-<style>
-h2 { text-align: center ;}
-</style>
-
-<h2>Categories</h2>
-
-{{ partial "tagcloud.html" . }}
-
-<h2>All Recipes</h2>
-
-<ul id=artlist>
-{{range.Site.RegularPages}}
-<li><a href="{{.Permalink}}">{{.Title}}</a></li>
-{{end}}
-</ul>
-
-<h2>About this site</h2>
-
-<p>Founded to provide a simple online cookbook without ads and obese web design.
-See the story of this site unfold in three videos:</p>
-
-<ol>
-    <li><a href="https://odysee.com/@Luke:7/a-demonstration-of-modern-web-bloat:f">A Demonstration of Modern Web Bloat</a></li>
-    <li><a href="https://odysee.com/@Luke:7/the-war-against-web-bloat-continues...:a">The War Against Web Bloat Continues</a></li>
-    <li><a href="https://odysee.com/@Luke:7/soydevs-destroyed-epic-style-by-based:6">SoyDevs DESTROYED Epic Style by Based Cooking</a></li>
-</ol>
-
-<h2>It's easy to contribute!</h2>
-
-<ul>
-<li>Submit new recipes using git via <a href="https://github.com/lukesmithxyz/based.cooking">GitHub</a>.</li>
-<li>You may also improve recipes or add an image to those without them.</li>
-<li>Donate to the individual people who contribute pages whose names are at the bottom of each page.</li>
-</ul>
-
-<h2>Donate to the Based.Cooking maintenance fund</h2>
-
-We are funded by you only, not 20MB of ads or privacy-violating trackers per page.
-
-<ul>
-    <li>
-        <img src="/pix/btc.svg" alt="BTC Logo"> Bitcoin <a href="/pix/bitcoin-based-cooking.png">QR Code</a>  <code>bc1q763s4ud0hgfa66ce64gyh6tsss49vyk5cqcm6w</code>
-    </li>
-    <li>
-        <img src="/pix/xmr.svg" alt="XMR Logo"> Monero <a href="/pix/monero-based-cooking.png">QR Code</a>
-        <code>84N9N3DMWhQ9cstHwGEjo8hEvm9bjeYgjV5fLrGK6TmA9iVPjnU7NMUT7gyAc22UgGAVTCUgReQ1J67znhWP3L52Usfw6jg</code>
-    </li>
-</ul>
-
-{{ partial "footer.html" . }}
diff --git a/layouts/shortcodes/artlist.html b/layouts/shortcodes/artlist.html
new file mode 100644
index 0000000..ef3eeb8
--- /dev/null
+++ b/layouts/shortcodes/artlist.html
@@ -0,0 +1,5 @@
+<ul id=artlist>
+{{range.Site.RegularPages}}
+<li><a href="{{.Permalink}}">{{.Title}}</a></li>
+{{end}}
+</ul>
diff --git a/layouts/shortcodes/crypto.html b/layouts/shortcodes/crypto.html
new file mode 100644
index 0000000..be03410
--- /dev/null
+++ b/layouts/shortcodes/crypto.html
@@ -0,0 +1,32 @@
+<style>
+.cryptocontainer {
+    display: flex ;
+    flex-wrap: wrap ;
+    justify-content: center ;
+}
+.cryptoinfo {
+    max-width: 350px ;
+    text-align: center ;
+    padding-left: 10px ;
+    padding-right: 10px ;
+}
+.cryptoinfo code {
+	font-size: small ;
+	overflow-wrap: break-word ;
+}
+.qr {
+    max-height: 200px ;
+}
+</style>
+<div class=cryptocontainer>
+<div class=cryptoinfo>
+<img style="max-height:1em;max-width:1em;display:inline" src=/pix/xmr.svg> Monero </br>
+<code style="font-size:xx-small;overflow-wrap:break-word;">84N9N3DMWhQ9cstHwGEjo8hEvm9bjeYgjV5fLrGK6TmA9iVPjnU7NMUT7gyAc22UgGAVTCUgReQ1J67znhWP3L52Usfw6jg</code></br>
+<a href=/pix/xmr.png><img class=qr src=/pix/monero-based-cooking.png></a>
+</div>
+<div class=cryptoinfo>
+<img style="max-height:1em;max-width:1em;display:inline" src=/pix/btc.svg> Bitcoin </br>
+<code style="font-size:small;overflow-wrap:break-word;">bc1q763s4ud0hgfa66ce64gyh6tsss49vyk5cqcm6w</code></br>
+<a href=/pix/btc.png><img class=qr src=/pix/bitcoin-based-cooking.png></a>
+</div>
+</div>