Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Create macro for site buttons

This commit is contained in:
Helen Chong 2024-07-03 18:35:43 +08:00
parent 6675f6f616
commit db612a80ae
10 changed files with 56 additions and 148 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/_includes/main/mod-entry.njk → src/_includes/global/macros.njk
View File

@ -1,3 +1,12 @@
{%- macro siteButton(url, file, alt, tooltip=alt, width=88, height=31) -%}
<li class="tipcontainer">
<a href="{{ url }}" class="tipactivator">
<img src="/assets/buttons/{{ file }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}" loading="lazy">
</a>
<p class="tooltip">{{ tooltip }}</p>
</li>
{%- endmacro -%}
{%- macro modEntry(params) -%} {%- macro modEntry(params) -%}
### {{ params.title }} ### {{ params.title }}
<div class="mod-entry"> <div class="mod-entry">

2
src/_includes/main/links.njk
View File

@ -7,7 +7,7 @@ isContentDivided: true
<section class="content__section"> <section class="content__section">
<h2>Link to My Website</h2> <h2>Link to My Website</h2>
{% include "main/site-btn.njk" %} {% include "main/my-button.njk" %}
</section> </section>
<section class="content__section"> <section class="content__section">

0
src/_includes/main/site-btn.njk → src/_includes/main/my-button.njk
View File

6
src/_includes/main/webrings.njk
View File

@ -1,8 +1,8 @@
<ul class="web-btn-wrapper"> <ul class="web-btn-wrapper">
<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>
<script type="text/javascript" src="https://macaque.moe/autiring/onionring-widget.js"></script> <script type="text/javascript" src="https://macaque.moe/autiring/onionring-textwidget.js"></script>
</div> </div>
</li> </li>
<li> <li>
@ -41,7 +41,7 @@
<img src="/assets/buttons/webrings/queercoded-left.png" alt="left arrow" loading="lazy"> <img src="/assets/buttons/webrings/queercoded-left.png" alt="left arrow" loading="lazy">
</a>&nbsp; </a>&nbsp;
<a href="https://isaacfish.neocities.org/webring/"> <a href="https://isaacfish.neocities.org/webring/">
<img src="/assets/buttons/webrings/queercoded.png" alt="queer coded webring" title="The Queer Coded Webring" loading="lazy"> <img src="/assets/buttons/webrings/queercoded.png" alt="queer coded webring"loading="lazy">
</a>&nbsp; </a>&nbsp;
<a href="https://isaacfish.neocities.org/webring/27.html"> <a href="https://isaacfish.neocities.org/webring/27.html">
<img src="/assets/buttons/webrings/queercoded-right.png" alt="right arrow" loading="lazy"> <img src="/assets/buttons/webrings/queercoded-right.png" alt="right arrow" loading="lazy">

1
src/assets/css/components.css
View File

@ -139,6 +139,7 @@ p + .adoptables { margin-top: 1em; }
background-color: var(--clr-quote-bg); background-color: var(--clr-quote-bg);
border: 0.15em solid var(--clr-main-heading); border: 0.15em solid var(--clr-main-heading);
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
z-index: 998;
} }
/* Web button lists */ /* Web button lists */

2
src/index.njk
View File

@ -36,7 +36,7 @@ eleventyComputed:
<section class="content__section"> <section class="content__section">
<h2>Link to My Website</h2> <h2>Link to My Website</h2>
{% include "main/site-btn.njk" %} {% include "main/my-button.njk" %}
</section> </section>
<section class="content__section"> <section class="content__section">

178
src/links/websites.njk
View File

@ -3,108 +3,38 @@ title: Websites
date: 2023-01-28 date: 2023-01-28
--- ---
{%- macro siteButton(url, file, alt, tooltip=alt, width=88, height=31) -%}
<li class="tipcontainer">
<a href="{{ url }}" class="tipactivator">
<img src="/assets/buttons/{{ file }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}" loading="lazy">
</a>
<p class="tooltip">{{ tooltip }}</p>
</li>
{%- endmacro -%}
<h3>Personal Sites I Enjoy</h3> <h3>Personal Sites I Enjoy</h3>
<ul class="web-btn-wrapper"> <ul class="web-btn-wrapper">
<li> {{ siteButton("https://karuma.me/", "sites/10kph.png", "10kph") }}
<a href="https://karuma.me/" title="10kph"> {{ siteButton("https://www.autisticasfxxk.com/", "sites/autisticasfxxk.gif", "Autistic As Fxxk") }}
<img src="/assets/buttons/sites/10kph.png" alt="10kph" width="88" height="31" loading="lazy"> {{ siteButton("ttps://divergentrays.com/", "sites/divergentrays.png", "Divergent Rays") }}
</a> {{ siteButton("https://cyberneticdryad.neocities.org/", "sites/dryadglen.png", "Dryad Glen") }}
</li> {{ siteButton("https://frills.dev/", "sites/frills.png", "Frills") }}
<li> {{ siteButton("https://groundedwren.com/", "sites/groundedwren.png", "Grounded Wren") }}
<a href="https://www.autisticasfxxk.com/" title="Autistic As Fxxk"> {{ siteButton("https://jasm1nii.xyz/", "sites/jasminesjournal.png", "jasmine's journal") }}
<img src="/assets/buttons/sites/autisticasfxxk.gif" alt="Autistic As Fxxk" width="88" height="31" loading="lazy"> {{ siteButton("https://jefbecker.com/", "sites/jefbecker.png", "JEFBECKER") }}
</a> {{ siteButton("https://kalechips.net/", "sites/kalechips.png", "Kalechips") }}
</li> {{ siteButton("https://lostletters.neocities.org/", "sites/lostletters.gif", "Lost Letters") }}
<li> {{ siteButton("https://macaque.moe/", "sites/macaque.png", "Macaque") }}
<a href="https://divergentrays.com/" title="Divergent Rays"> {{ siteButton("https://mycorrhiza.space/", "sites/mycorrhiza.png", "Mycorrhiza's Space") }}
<img src="/assets/buttons/sites/divergentrays.png" alt="Divergent Rays" width="88" height="31" loading="lazy"> {{ siteButton("https://owlsroost.xyz/", "sites/owlsroost.gif", "Owl's Roost") }}
</a> {{ siteButton("https://pinkvampyr.leprd.space/", "sites/pinkvampyr.gif", "Pinkvampyr") }}
</li> {{ siteButton("https://sanguineroyal.com/", "sites/sanguineroyal.gif", "Sanguine Royal") }}
<li> {{ siteButton("https://solaria.neocities.org/", "sites/solaria.png", "Solaria's Webspace") }}
<a href="https://cyberneticdryad.neocities.org/" title="Dryad Glen"> {{ siteButton("https://starbreaker.org/", "sites/starbreaker.avif", "🤘 starbreaker.org 🤘") }}
<img src="/assets/buttons/sites/dryadglen.png" alt="Dryad Glen" width="88" height="31" loading="lazy"> {{ siteButton("https://symliadoo.com/", "sites/symliadoo.png", "sym's living room 🍨") }}
</a> {{ siteButton("https://whiona.me/", "sites/whiona.png", "Whiona") }}
</li> {{ siteButton("https://xandra.cc/", "sites/xandra.png", "Museum of Alexandra") }}
<li>
<a href="https://frills.dev/" title="Frills">
<img src="/assets/buttons/sites/frills.png" alt="Frills" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://groundedwren.com/" title="Grounded Wren">
<img src="/assets/buttons/sites/groundedwren.png" alt="Grounded Wren" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://jasm1nii.xyz/" title="jasmine's journal">
<img src="/assets/buttons/sites/jasminesjournal.png" alt="jasmine's journal" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://jefbecker.com/" title="JEFBECKER">
<img src="/assets/buttons/sites/jefbecker.png" alt="JEFBECKER" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://kalechips.net/" title="Kalechips">
<img src="/assets/buttons/sites/kalechips.png" alt="Kalechips" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://lostletters.neocities.org/" title="Lost Letters">
<img src="/assets/buttons/sites/lostletters.gif" alt="Lost Letters" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://macaque.moe/" title="Macaque">
<img src="/assets/buttons/sites/macaque.png" alt="Macaque" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://mycorrhiza.space/" title="Mycorrhiza's Space">
<img src="/assets/buttons/sites/mycorrhiza.png" alt="Mycorrhiza's Space" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://owlsroost.xyz/" title="Owl's Roost">
<img src="/assets/buttons/sites/owlsroost.gif" alt="Owl's Roost" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://pinkvampyr.leprd.space/" title="Pinkvampyr">
<img src="/assets/buttons/sites/pinkvampyr.gif" alt="Pinkvampyr" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://sanguineroyal.com/" title="Sanguine Royal">
<img src="/assets/buttons/sites/sanguineroyal.gif" alt="Sanguine Royal" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://solaria.neocities.org/" title="Solaria's Webspace">
<img src="/assets/buttons/sites/solaria.png" alt="Solaria's Webspace" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://starbreaker.org/" title="🤘 starbreaker.org 🤘">
<img src="/assets/buttons/sites/starbreaker.avif" alt="🤘 starbreaker.org 🤘" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://symliadoo.com/" title="sym's living room 🍨">
<img src="/assets/buttons/sites/symliadoo.png" alt="sym's living room 🍨" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://whiona.me/" title="Whiona">
<img src="/assets/buttons/sites/whiona.png" alt="Whiona" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://xandra.cc/" title="Museum of Alexandra">
<img src="/assets/buttons/sites/xandra.png" alt="Museum of Alexandra" width="88" height="31" loading="lazy">
</a>
</li>
</ul> </ul>
<h3>Link Exchanges</h3> <h3>Link Exchanges</h3>
@ -114,50 +44,18 @@ date: 2023-01-28
<h3>Directories</h3> <h3>Directories</h3>
<ul class="web-btn-wrapper"> <ul class="web-btn-wrapper">
<li> {{ siteButton("https://pinkvampyr.leprd.space/accessiblenet/", "directories/accessiblenet.png", "Accessibility Net Directory") }}
<a href="https://pinkvampyr.leprd.space/accessiblenet/" title="Accessibility Net Directory"> {{ siteButton("https://indieseek.xyz/", "directories/indieseek.png", "Indieseek.xyz Indie Web Directory") }}
<img src="/assets/buttons/directories/accessiblenet.png" alt="Accessible Net Directory" width="88" height="31" loading="lazy"> {{ siteButton("https://linklane.net/", "directories/linklane.png", "Link Lane") }}
</a> {{ siteButton("https://list-me.com/", "directories/list-me.png", "List-Me.com") }}
</li> {{ siteButton("https://kalechips.net/responsive/", "directories/responsiveweb.png", "Responsive Web Directory") }}
<li> {{ siteButton("https://smoothsailing.asclaria.org/", "directories/smoothsailing.png", "Smooth Sailing Listings") }}
<a href="https://indieseek.xyz/" title="Indieseek.xyz Indie Web Directory">
<img src="/assets/buttons/directories/indieseek.png" alt="Indieseek.xyz Indie Web Directory" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://linklane.net/" title="Link Lane">
<img src="/assets/buttons/directories/linklane.png" alt="Link Lane" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://list-me.com/" title="List-Me.com">
<img src="/assets/buttons/directories/list-me.png" alt="List-Me.com" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://kalechips.net/responsive/" title="Responsive Web Directory">
<img src="/assets/buttons/directories/responsiveweb.png" alt="Responsive Web Directory" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://smoothsailing.asclaria.org/" title="Smooth Sailing Listings">
<img src="/assets/buttons/directories/smoothsailing.png" alt="Smooth Sailing Listings" width="88" height="31" loading="lazy">
</a>
</li>
</ul> </ul>
<h3>Communities</h3> <h3>Communities</h3>
<ul class="web-btn-wrapper"> <ul class="web-btn-wrapper">
<li> {{ siteButton("https://32bit.cafe/", "communities/32-bit-cafe.png", "32-Bit Cafe") }}
<a href="https://32bit.cafe/" title="32-Bit Cafe"> {{ siteButton("https://zine.kalechips.net/index", "communities/saladmagazine.png", "Salad Magazine") }}
<img src="/assets/buttons/communities/32-bit-cafe.png" alt="32-Bit Cafe" width="88" height="31" loading="lazy">
</a>
</li>
<li>
<a href="https://zine.kalechips.net/index" title="Salad Magazine">
<img src="/assets/buttons/communities/saladmagazine.png" alt="Salad Magazine" width="88" height="31" loading="lazy">
</a>
</li>
</ul> </ul>
<h3>Fanlistings</h3> <h3>Fanlistings</h3>

2
src/pages/about.md
View File

@ -28,7 +28,7 @@ More information about this site can be found on the following pages:
### Link to This Site ### Link to This Site
{% include "main/site-btn.njk" %} {% include "main/my-button.njk" %}
{% endcontainer %} {% endcontainer %}
{% container "article", "content__section" %} {% container "article", "content__section" %}

2
src/projects/videogamemods/kotor1.md
View File

@ -13,7 +13,7 @@ eleventyNavigation:
If your issue is not addressed on my mod's page, ask for support or report issues with my mods on the mod's page on Deadly Stream, Nexus Mods or [send me an email]({{sitemeta.siteAuthor.email}}). If your issue is not addressed on my mod's page, ask for support or report issues with my mods on the mod's page on Deadly Stream, Nexus Mods or [send me an email]({{sitemeta.siteAuthor.email}}).
{% from "main/mod-entry.njk" import modEntry %} {% from "global/macros.njk" import modEntry %}
## Player & Party Members ## Player & Party Members

2
src/projects/videogamemods/kotor2.md
View File

@ -13,7 +13,7 @@ eleventyNavigation:
If your issue is not addressed on my mod's page, ask for support or report issues with my mods on the mod's page on Deadly Stream, Nexus Mods or [send me an email]({{sitemeta.siteAuthor.email}}). If your issue is not addressed on my mod's page, ask for support or report issues with my mods on the mod's page on Deadly Stream, Nexus Mods or [send me an email]({{sitemeta.siteAuthor.email}}).
{% from "main/mod-entry.njk" import modEntry %} {% from "global/macros.njk" import modEntry %}
## Important Note for Steam Users ## Important Note for Steam Users