Mercurial > web
changeset 104:c6457452675f default tip
why are you gay?
| author | Paper <paper@tflc.us> |
|---|---|
| date | Wed, 08 Jan 2025 19:56:20 -0500 |
| parents | a8449f9a55d4 |
| children | |
| files | _data/blips.yml _data/plugs.yml css/style.css index.html media/blips/it.png media/blips/linux.png media/blips/religion0.gif media/plugs/schism.gif media/plugs/tarc.webp |
| diffstat | 9 files changed, 28 insertions(+), 8 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/_data/blips.yml Wed Jan 08 19:56:20 2025 -0500 @@ -0,0 +1,6 @@ +- url: '/media/blips/religion0.gif' + alt: '0% religion' +- url: '/media/blips/linux.png' + alt: 'Linux' +- url: '/media/blips/it.png' + alt: 'Impulse Tracker' \ No newline at end of file
--- a/_data/plugs.yml Tue Jan 07 19:01:38 2025 -0500 +++ b/_data/plugs.yml Wed Jan 08 19:56:20 2025 -0500 @@ -1,6 +1,3 @@ -- url: '/media/plugs/schism.gif' - href: 'https://schismtracker.org/' - alt: 'Schism Tracker' - url: '/media/plugs/openmpt.png' href: 'https://openmpt.org/' alt: 'OpenMPT'
--- a/css/style.css Tue Jan 07 19:01:38 2025 -0500 +++ b/css/style.css Wed Jan 08 19:56:20 2025 -0500 @@ -190,6 +190,7 @@ object-fit: contain; } +.blips-list, .plugs-list { display: flex; width: 100%; @@ -201,20 +202,29 @@ row-gap: 0.5em; } +.blips-list-item, .plugs-list-item { display: block; - width: 88px; - height: 31px; - opacity: 80%; image-rendering: pixelated; } +.blips-list-item:hover, .plugs-list-item:hover { opacity: 100%; } +.plugs-list-item { + width: 88px; + height: 31px; +} + +.blips-list-item { + width: 80px; + height: 15px; +} + .code-block { overflow-x: scroll; background-color: rgba(0, 0, 0, 0.6);
--- a/index.html Tue Jan 07 19:01:38 2025 -0500 +++ b/index.html Wed Jan 08 19:56:20 2025 -0500 @@ -28,7 +28,7 @@ E-mail (<a class="prettylink" href="mailto:paper@tflc.us">paper@tflc.us</a>); please send me <a class="prettylink" href="https://useplaintext.email/">plain text email</a> if possible. </li> <li class="drop-shadow-text"> - IRC; you can usually find me in <a class="prettylink" href="irc://irc.libera.chat/openmpt">#openmpt on Libera Chat</a>. + IRC; you can usually find me as slipofpaper in <a class="prettylink" href="irc://irc.libera.chat/openmpt">#openmpt on Libera Chat</a>. </li> <li class="drop-shadow-text"> Discord (@slipofpaper) @@ -45,10 +45,17 @@ <br> - <div class="plugs-list"> {% for plug in site.data.plugs %} <a href="{{ plug.href }}" class="navbar-item-active"><img class="plugs-list-item drop-shadow-box" src="{{ plug.url }}" alt="{{ plug.alt }}"></a> {% endfor %} </div> + + <br> + + <div class="blips-list"> + {% for blip in site.data.blips %} + <a class="navbar-item-active"><img class="blips-list-item drop-shadow-box" src="{{ blip.url }}" alt="{{ blip.alt }}"></a> + {% endfor %} + </div> </div>