chore: futz with styling

This commit is contained in:
Cory Dransfeldt 2023-07-17 11:44:04 -07:00
parent 05185eda53
commit 28bf60dc4f
No known key found for this signature in database
4 changed files with 36 additions and 30 deletions

View file

@ -1,8 +1,22 @@
<div class="mb-4" style="border: 2px outset; text-align:center">
<p style="margin: 0; padding: 0.1em; border: 2px inset">CSS JOY Webring</p>
<div style="display: flex">
<a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/cssjoy/previous?via=https://example.com/path">Previous Site</a>
<a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/cssjoy/random?via=https://example.com/path">Random Site</a>
<a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/cssjoy/next?via=https://example.com/path">Next Site</a>
<div class="mb-4">
<a class="no-underline" href="https://cs.sjoy.lol">
<h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6 text-center">
CSS JOY Webring
</h3>
</a>
<div class="flex flex-row justify-center items-center">
<a class="link--icon" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
{% tablericon "arrow-left" "Previous site" "width=20 height=20" %}
</a>
<div class="flex justify-center">
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="mx-4 flex flex-row items-start md:items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500">
<span class="pt-1 md:pt-0 mr-1">
{% tablericon "dice-3" "Random site" "height=24" %}
</span>
</a>
</div>
<a class="link--icon" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
{% tablericon "arrow-right" "Next site" "width=20 height=20" %}
</a>
</div>
</div>