diff options
author | Luke Smith <luke@lukesmith.xyz> | 2022-05-08 22:41:11 -0400 |
---|---|---|
committer | Luke Smith <luke@lukesmith.xyz> | 2022-05-08 22:41:11 -0400 |
commit | 5d1f06baf0249ce8a5f0229320722aed9568f6fa (patch) | |
tree | fd0bd40782fafcdedd8912e5ec081c80eab4077d /layouts | |
parent | cb9e2589848b89e9ea89cef3c6d16ad8f26f95be (diff) |
index changes with shorcodes instead
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/index.html | 54 | ||||
-rw-r--r-- | layouts/shortcodes/artlist.html | 5 | ||||
-rw-r--r-- | layouts/shortcodes/crypto.html | 32 |
3 files changed, 37 insertions, 54 deletions
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> |