chore: futz with styling
This commit is contained in:
parent
05185eda53
commit
28bf60dc4f
4 changed files with 36 additions and 30 deletions
|
@ -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>
|
Reference in a new issue