Build: (edd40fc
) Refactor CSS classes for web graphics and adoptables
This commit is contained in:
parent
fcc43ba42b
commit
535ef684c8
|
@ -390,7 +390,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
<section class="content__section">
|
<section class="content__section">
|
||||||
<h2>Virtual Pets</h2>
|
<h2>Virtual Pets</h2>
|
||||||
<p>Feel free to check out my virtual pets and feed them!</p>
|
<p>Feel free to check out my virtual pets and feed them!</p>
|
||||||
<ul class="adoptables">
|
<ul class="web-graphics adoptables">
|
||||||
<li data-tooltip>
|
<li data-tooltip>
|
||||||
<a href="https://tamanotchi.world/13150c" data-tooltip-trigger title="Tam, my tamaNOTchi"><img src="https://tamanotchi.world/i2/13150" alt="Tam, my tamaNOTchi" loading="lazy"></a>
|
<a href="https://tamanotchi.world/13150c" data-tooltip-trigger title="Tam, my tamaNOTchi"><img src="https://tamanotchi.world/i2/13150" alt="Tam, my tamaNOTchi" loading="lazy"></a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -404,7 +404,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
<h2>Personal Website Adoptables</h2>
|
<h2>Personal Website Adoptables</h2>
|
||||||
<p>These are adopted from other personal websites.</p>
|
<p>These are adopted from other personal websites.</p>
|
||||||
|
|
||||||
<ul class="adoptables">
|
<ul class="web-graphics adoptables">
|
||||||
<li data-tooltip>
|
<li data-tooltip>
|
||||||
<a href="https://xandra.cc/" data-tooltip-trigger title="Diddles the raccoon by Alexandra">
|
<a href="https://xandra.cc/" data-tooltip-trigger title="Diddles the raccoon by Alexandra">
|
||||||
<img src="/assets/adoptables/alexandra-diddles.png" alt="Diddles the raccoon by Alexandra" loading="lazy">
|
<img src="/assets/adoptables/alexandra-diddles.png" alt="Diddles the raccoon by Alexandra" loading="lazy">
|
||||||
|
@ -463,7 +463,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
<p>An old pixel club about cats, revived by <a href="https://divergentrays.com/kitty">Divergent Rays</a>.</p>
|
<p>An old pixel club about cats, revived by <a href="https://divergentrays.com/kitty">Divergent Rays</a>.</p>
|
||||||
|
|
||||||
<h3>My Kitty Friends</h3>
|
<h3>My Kitty Friends</h3>
|
||||||
<ul class="adoptables">
|
<ul class="web-graphics adoptables">
|
||||||
<li data-tooltip>
|
<li data-tooltip>
|
||||||
<img src="/assets/adoptables/kittyfriends/leilukin-blackkitty.png" alt="Leilukin's black kitty friend" data-tooltip-trigger title="Leilukin's black kitty friend" loading="lazy" tabindex="0">
|
<img src="/assets/adoptables/kittyfriends/leilukin-blackkitty.png" alt="Leilukin's black kitty friend" data-tooltip-trigger title="Leilukin's black kitty friend" loading="lazy" tabindex="0">
|
||||||
</li>
|
</li>
|
||||||
|
@ -474,7 +474,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
<p>Created on 21 July 2024. If you want to adopt any of my kitty friends, please link back to my website and do not hotlink the images.</p>
|
<p>Created on 21 July 2024. If you want to adopt any of my kitty friends, please link back to my website and do not hotlink the images.</p>
|
||||||
|
|
||||||
<h3>Adopted Kitty Friends</h3>
|
<h3>Adopted Kitty Friends</h3>
|
||||||
<ul class="adoptables">
|
<ul class="web-graphics adoptables">
|
||||||
<li data-tooltip>
|
<li data-tooltip>
|
||||||
<a href="https://artwork.neocities.org/cliques" data-tooltip-trigger title="artwork's bat kitty">
|
<a href="https://artwork.neocities.org/cliques" data-tooltip-trigger title="artwork's bat kitty">
|
||||||
<img src="/assets/adoptables/kittyfriends/artwork-bat.gif" alt="artwork's bat kitty" loading="lazy">
|
<img src="/assets/adoptables/kittyfriends/artwork-bat.gif" alt="artwork's bat kitty" loading="lazy">
|
||||||
|
@ -528,7 +528,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
<p><a href="https://zine.kalechips.net/index">Salad Magazine</a> is a web-based zine for creative works run by <a href="https://kalechips.net/">Kalechips</a>.</p>
|
<p><a href="https://zine.kalechips.net/index">Salad Magazine</a> is a web-based zine for creative works run by <a href="https://kalechips.net/">Kalechips</a>.</p>
|
||||||
|
|
||||||
<h3>Ink Snail and Sparkle Snail</h3>
|
<h3>Ink Snail and Sparkle Snail</h3>
|
||||||
<div class="adoptables">
|
<div class="web-graphics adoptables">
|
||||||
<img src="/assets/adoptables/salad-magazine/semper-inksnail-black.png" alt="Black ink snail pixel art by Semper" loading="lazy">
|
<img src="/assets/adoptables/salad-magazine/semper-inksnail-black.png" alt="Black ink snail pixel art by Semper" loading="lazy">
|
||||||
<img src="/assets/adoptables/salad-magazine/semper-inksnail-sparkle.png" alt="Sparkle snail pixel art by Semper" loading="lazy">
|
<img src="/assets/adoptables/salad-magazine/semper-inksnail-sparkle.png" alt="Sparkle snail pixel art by Semper" loading="lazy">
|
||||||
</div>
|
</div>
|
||||||
|
@ -538,7 +538,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
<section class="content__section">
|
<section class="content__section">
|
||||||
<h2>32-Bit Cafe Code Jam: Destination Vacation</h2>
|
<h2>32-Bit Cafe Code Jam: Destination Vacation</h2>
|
||||||
<p>Stuff I collected from <a href="https://tilde.32bit.cafe/~ribose/events/destination/map.html">32-Bit Cafe's Community Code Jam #4: Destination Vacation</a> in June 2024, including a passport with stamps from the code jam entries, and extra goodies from some of the participants.</p>
|
<p>Stuff I collected from <a href="https://tilde.32bit.cafe/~ribose/events/destination/map.html">32-Bit Cafe's Community Code Jam #4: Destination Vacation</a> in June 2024, including a passport with stamps from the code jam entries, and extra goodies from some of the participants.</p>
|
||||||
<ul class="adoptables">
|
<ul class="web-graphics adoptables">
|
||||||
<li>
|
<li>
|
||||||
<img src="/assets/adoptables/32bitcafe-vacation/passport.png" alt="32-Bit Cafe's Destination Vacation code jam passport with stamps" loading="lazy">
|
<img src="/assets/adoptables/32bitcafe-vacation/passport.png" alt="32-Bit Cafe's Destination Vacation code jam passport with stamps" loading="lazy">
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -143,23 +143,8 @@ a.link-btn[href^="http"]:not([href*="leilukin.com"]) { padding-right: calc(var(-
|
||||||
|
|
||||||
.contnet-warning__content { padding: 1em; }
|
.contnet-warning__content { padding: 1em; }
|
||||||
|
|
||||||
/* Adoptables wrapper */
|
/* Web graphic lists */
|
||||||
.adoptables {
|
.web-graphics {
|
||||||
list-style-type: "";
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: flex-end;
|
|
||||||
gap: 0.5em;
|
|
||||||
overflow-x: clip;
|
|
||||||
overflow-clip-margin: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
p + .adoptables { margin-top: 1em; }
|
|
||||||
|
|
||||||
/* Web button lists */
|
|
||||||
.web-btn-wrapper {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 0.5em;
|
gap: 0.5em;
|
||||||
|
@ -171,6 +156,10 @@ p + .adoptables { margin-top: 1em; }
|
||||||
overflow-clip-margin: 0.5em;
|
overflow-clip-margin: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Adoptables wrapper */
|
||||||
|
.adoptables { align-items: flex-end; }
|
||||||
|
p + .adoptables { margin-top: 1em; }
|
||||||
|
|
||||||
/* Tabs */
|
/* Tabs */
|
||||||
.tabwrap section { display: none; }
|
.tabwrap section { display: none; }
|
||||||
|
|
||||||
|
|
2
feed.xml
2
feed.xml
|
@ -4,7 +4,7 @@
|
||||||
<subtitle>Leilukin's personal website.</subtitle>
|
<subtitle>Leilukin's personal website.</subtitle>
|
||||||
<link href="https://leilukin.com/feed.xml" rel="self"/>
|
<link href="https://leilukin.com/feed.xml" rel="self"/>
|
||||||
<link href="https://leilukin.com"/>
|
<link href="https://leilukin.com"/>
|
||||||
<updated>2024-08-04T12:34:24Z</updated>
|
<updated>2024-08-04T16:45:18Z</updated>
|
||||||
<id>https://leilukin.com/</id>
|
<id>https://leilukin.com/</id>
|
||||||
<author>
|
<author>
|
||||||
<name>Leilukin</name>
|
<name>Leilukin</name>
|
||||||
|
|
|
@ -457,7 +457,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
<section class="content__section">
|
<section class="content__section">
|
||||||
<h2>Virtual Pets</h2>
|
<h2>Virtual Pets</h2>
|
||||||
<p>Feel free to check out my virtual pets and feed them!</p>
|
<p>Feel free to check out my virtual pets and feed them!</p>
|
||||||
<ul class="adoptables">
|
<ul class="web-graphics adoptables">
|
||||||
<li data-tooltip>
|
<li data-tooltip>
|
||||||
<a href="https://tamanotchi.world/13150c" data-tooltip-trigger title="Tam, my tamaNOTchi"><img src="https://tamanotchi.world/i2/13150" alt="Tam, my tamaNOTchi" loading="lazy"></a>
|
<a href="https://tamanotchi.world/13150c" data-tooltip-trigger title="Tam, my tamaNOTchi"><img src="https://tamanotchi.world/i2/13150" alt="Tam, my tamaNOTchi" loading="lazy"></a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -469,7 +469,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
|
|
||||||
<section class="content__section">
|
<section class="content__section">
|
||||||
<h2>Always Proud</h2>
|
<h2>Always Proud</h2>
|
||||||
<div class="flag-progress-intersex-lesbian" role="img" aria-label="Custom pride flag which combines the lesbian pride flag and the progress pride flag triangle" style="height: 20rem; margin-bottom: 1em;"></div><ul class="web-btn-wrapper">
|
<div class="flag-progress-intersex-lesbian" role="img" aria-label="Custom pride flag which combines the lesbian pride flag and the progress pride flag triangle" style="height: 20rem; margin-bottom: 1em;"></div><ul class="web-graphics">
|
||||||
<li data-tooltip>
|
<li data-tooltip>
|
||||||
<img src="/assets/buttons/pride/progress.png" alt="2018 Progress Flag" data-tooltip-trigger title="2018 Progress Flag by Daniel Quasar (2018)" width="88" height="31" loading="lazy" tabindex="0">
|
<img src="/assets/buttons/pride/progress.png" alt="2018 Progress Flag" data-tooltip-trigger title="2018 Progress Flag by Daniel Quasar (2018)" width="88" height="31" loading="lazy" tabindex="0">
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -422,7 +422,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
</div>
|
</div>
|
||||||
<h3>Personal Sites I Enjoy</h3>
|
<h3>Personal Sites I Enjoy</h3>
|
||||||
|
|
||||||
<ul class="web-btn-wrapper">
|
<ul class="web-graphics">
|
||||||
<li data-tooltip>
|
<li data-tooltip>
|
||||||
<a href="https://karuma.me/" data-tooltip-trigger title="10kph">
|
<a href="https://karuma.me/" data-tooltip-trigger title="10kph">
|
||||||
<img src="/assets/buttons/sites/10kph.png" alt="10kph" width="88" height="31" loading="lazy">
|
<img src="/assets/buttons/sites/10kph.png" alt="10kph" width="88" height="31" loading="lazy">
|
||||||
|
@ -551,7 +551,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h3>Directories</h3>
|
<h3>Directories</h3>
|
||||||
<ul class="web-btn-wrapper">
|
<ul class="web-graphics">
|
||||||
<li data-tooltip>
|
<li data-tooltip>
|
||||||
<a href="https://pinkvampyr.leprd.space/accessiblenet/" data-tooltip-trigger title="Accessibility Net Directory">
|
<a href="https://pinkvampyr.leprd.space/accessiblenet/" data-tooltip-trigger title="Accessibility Net Directory">
|
||||||
<img src="/assets/buttons/directories/accessiblenet.png" alt="Accessibility Net Directory" width="88" height="31" loading="lazy">
|
<img src="/assets/buttons/directories/accessiblenet.png" alt="Accessibility Net Directory" width="88" height="31" loading="lazy">
|
||||||
|
@ -593,7 +593,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h3>Communities</h3>
|
<h3>Communities</h3>
|
||||||
<ul class="web-btn-wrapper">
|
<ul class="web-graphics">
|
||||||
<li data-tooltip>
|
<li data-tooltip>
|
||||||
<a href="https://32bit.cafe/" data-tooltip-trigger title="32-Bit Cafe">
|
<a href="https://32bit.cafe/" data-tooltip-trigger title="32-Bit Cafe">
|
||||||
<img src="/assets/buttons/communities/32-bit-cafe.png" alt="32-Bit Cafe" width="88" height="31" loading="lazy">
|
<img src="/assets/buttons/communities/32-bit-cafe.png" alt="32-Bit Cafe" width="88" height="31" loading="lazy">
|
||||||
|
@ -665,7 +665,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||||||
<p>Check out <a href="https://fan.leilukin.com/">Beehive, my fanlisting collective</a> to see all the fanlistings I own, have joined or have applied to join.</p>
|
<p>Check out <a href="https://fan.leilukin.com/">Beehive, my fanlisting collective</a> to see all the fanlistings I own, have joined or have applied to join.</p>
|
||||||
|
|
||||||
<h3>Webrings</h3>
|
<h3>Webrings</h3>
|
||||||
<ul class="web-btn-wrapper">
|
<ul class="web-graphics">
|
||||||
<li>
|
<li>
|
||||||
<div id="autiring">
|
<div id="autiring">
|
||||||
<script type="text/javascript" src="https://macaque.moe/autiring/onionring-variables.js"></script>
|
<script type="text/javascript" src="https://macaque.moe/autiring/onionring-variables.js"></script>
|
||||||
|
|
Loading…
Reference in New Issue