nelle/nelle-observer
1
1
Fork 0
Code Pull requests Activity

reorganize the buttons/webrings section a bit and add ako button

Browse source
This commit is contained in:
nelle 2025-01-04 23:16:27 -07:00
parent 3a018b52b2
commit 0df1d09767
7 changed files with 23 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
frontend/public/assets/images/badges/friends/ako.png (Stored with Git LFS) Normal file
View file

Binary file not shown.

5
frontend/public/scripts/main.js
View file

@ -5,7 +5,7 @@ const badgeOrange = document.getElementById("badgeOrange");
const colorBool = Math.random() < 0.5;
const is_root = location.pathname === "/";
const badgeAmount = 18
const badgeAmount = 20
// loads all the functions to be loaded on load, pretty simple, it loads shit on load.
function onLoad() {
@ -132,6 +132,7 @@ const micro = '<a href="https://micro.pages.gay/"><img class="badge" src="/asset
const lykrast = '<a href="https://lykrast.com/"><img class="badge" src="https://lykrast.com/8831.png" alt="hand holding a black hole, with the text \'Lykrast\'" loading="lazy"></a>'
const starshines = '<a href="https://starshines.gay/"><img class="badge" src="/assets/images/badges/friends/foxfoxfox.png" alt="image of a neofox in a box, next to it is some text reading off the screen \'fox fox fox fox fox\'" loading="lazy"></a>'
const umbreon = '<a href="https://umbreon.online/"><img class="badge" src="/assets/images/badges/friends/umbreon_dot_online.gif" alt="a button a striped teal background, an umbreon sprite, and the text \'umbreon dot online\' in white" loading="lazy"></a>'
const ako = '<a href="https://catgirl.homes/~ako/index2"><img class="badge" src="/assets/images/badges/friends/ako.png" alt="a blue/white grainy background, a little pixel-art house sits next to the word Ako in blue bordered white text" loading="lazy"></a>'
const missing = '<a><img class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy"></a>'
@ -153,6 +154,8 @@ const badges = [
lykrast,
starshines,
umbreon,
ako,
missing,
missing
];

13
frontend/src/components/footer/buttons.astro
View file

@ -3,20 +3,15 @@ import MyButtons from "./mybuttons.astro"
import FriendlyButtons from "./friendly-buttons.astro"
import OtherButtons from "./other-buttons.astro"
---
<h3>88x31 buttons <a href="#buttons"><i class="nf nf-oct-link"></i></a></h3>
<h3>buttons/webrings <a href="#buttons"><i class="nf nf-oct-link"></i></a></h3>
<MyButtons />
<hr>
<div style="display: flex; flex-wrap: nowrap; justify-content: center;">
<p style="transform: translateX(-10px);">friendly buttons</p>
<hr style="width: 0; margin-left: 130px; margin-right: 130px; transform: translateX(-17px);">
<p style="transform: translateX(-5px);">other buttons</p>
<p style="transform: translateX(-147px);">friendly buttons</p>
<p style="transform: translateX(134px);">other buttons</p>
</div>
<div style="display: flex; flex-wrap: nowrap; justify-content: center;">
<FriendlyButtons />
<hr style="width: 0; height: 300px; margin-left: 80px; margin-right: 80px;">
<OtherButtons />
</div>
<br>

6
frontend/src/components/footer/friendly-buttons.astro
View file

@ -16,7 +16,9 @@
<a id="badgeDefault15" href="https://lykrast.com/"><img class="badge" src="https://lykrast.com/8831.png" alt="hand holding a black hole, with the text 'Lykrast'" loading="lazy"></a>
<a id="badgeDefault16" href="https://starshines.gay/"><img class="badge" src="/assets/images/badges/friends/foxfoxfox.png" alt="image of a neofox in a box, next to it is some text reading off the screen 'fox fox fox fox fox'" loading="lazy"></a>
<a id="badgeDefault17" href="https://umbreon.online/"><img class="badge" src="/assets/images/badges/friends/umbreon_dot_online.gif" alt="a button a striped teal background, an umbreon sprite, and the text 'umbreon dot online' in white" loading="lazy"></a>
<img id="badgeDefault18" class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
<a id="badgeDefault18" href="https://catgirl.homes/~ako/index2"><img class="badge" src="/assets/images/badges/friends/ako.png" alt="a blue/white grainy background, a little pixel-art house sits next to the word Ako in blue bordered white text" loading="lazy"></a>
<img id="badgeDefault19" class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
<img id="badgeDefault20" class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
<div id="badge1" style="display: none"></div>
<div id="badge2" style="display: none"></div>
@ -36,4 +38,6 @@
<div id="badge16" style="display: none"></div>
<div id="badge17" style="display: none"></div>
<div id="badge18" style="display: none"></div>
<div id="badge19" style="display: none"></div>
<div id="badge20" style="display: none"></div>
</div>

8
frontend/src/components/footer/mybuttons.astro
View file

@ -1,5 +1,4 @@
<p>buttons i created</p>
<p style="transform: translateX(-92px); margin-bottom: -3px; margin-top: -15px; font-size: small; color: var(--accent);">for this site!</p>
<div style="display: flex; flex-wrap: nowrap; justify-content: center;">
<div class="badgeContainer">
<a id="badgeGray" href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver-gray.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
@ -10,8 +9,5 @@
<img id="sgaButton" style="cursor: pointer; display: none;" width="88" height="31" style="cursor:pointer;" onclick="toggleTheme()" src="/assets/images/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars" loading="lazy">
</div>
</div>
<p id="sgaButtonText" style="visibility: hidden; transform: translateY(-15px); font-size: small; margin-bottom: -20px; color: var(--accent);">press me!</p>
<hr>
<a href="https://ko-fi.com/limepot"><img class="badge" src="/assets/images/badges/kofi.gif" alt="'buy ko-fi' jumping up and down next to the kofi logo"></a>
<p style="transform: translateX(0px); margin-bottom: -20px; margin-top: -5px; font-size: x-small; color: var(--accent);">if ya feel like helpin out a lil</p>
<br/>
<p id="sgaButtonText" style="visibility: hidden; transform: translateX(140px) translateY(-15px); font-size: small; margin-bottom: -20px; color: var(--accent);">press me!</p>
<p style="transform: translateX(-136px); margin-top: -32px; font-size: small; color: var(--accent);">for this site!</p>

35
frontend/src/components/footer/other-buttons.astro
View file

@ -20,36 +20,7 @@
<a href="https://new.lgbtqia.wiki/wiki/Lesbian"><img class="badge" width="88" height="31" src="/assets/images/badges/lesbian.png" alt="Lesbian flag" loading="lazy"></a>
<a href="https://new.lgbtqia.wiki/wiki/Non-Binary"><img class="badge" width="88" height="31" src="/assets/images/badges/nonbinary.png" alt="Nonbinary flag" loading="lazy"></a>
<a href="https://new.lgbtqia.wiki/wiki/Transgender"><img class="badge" width="88" height="31" src="/assets/images/badges/trans.png" alt="Trans flag" loading="lazy"></a>
<!-- discarded for now -->
<!--<a href="https://graphics.cs.utah.edu/teapot/"><img class="badge" width="88" height="31" src="/assets/images/badges/teapot.gif" alt="teapot utah now!" loading="lazy"/></a>-->
<!--<a href="https://gnu.org"><img class="badge" width="88" height="31" src="/assets/images/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'" loading="lazy"/></a>-->
<!--<img class="badge" width="88" height="31" src="/assets/images/badges/directxnow.gif" alt="DirectX Now" loading="lazy"/>-->
<!-- <a href="https://www.last.fm/user/LimePotato"><img class="badge" width="88" height="31" src="/assets/images/badges/lastfm-01.png" alt="lastfm" loading="lazy"/></a>
<img class="badge" width="88" height="31" src="/assets/images/badges/2019.gif" alt="lastfmstill using buttons in 2019!" loading="lazy"/>
<img class="badge" width="88" height="31" src="/assets/images/badges/n64.gif" alt="n64" loading="lazy"/>-->
<!--<a href="https://diekmann.github.io/wasm-fizzbuzz/doom/"><img class="badge" width="88" height="31" src="/assets/images/badges/doombut.gif" alt="doom" loading="lazy"/></a>-->
<!--<img class="badge" width="88" height="31" src="/assets/images/badges/drpepper.gif" alt="dr pepper" loading="lazy"/>-->
<!--<img class="badge" width="88" height="31" src="/assets/images/badges/360.jpg" alt="xbox 360" loading="lazy"/>-->
<!--<img class="badge" width="88" height="31" src="/assets/images/badges/knbutton.gif" alt="KDE Now" loading="lazy"/>-->
<!--<img class="badge" width="88" height="31" src="/assets/images/badges/bestviewedcomp.gif" alt="best viewed with a computer" loading="lazy"/>-->
<!--<a href="https://steamcommunity.com/id/limepot/"><img class="badge" width="88" height="31" src="/assets/images/badges/steam.gif" alt="friend me on steam" loading="lazy"/></a>-->
<!--<a href="https://developer.valvesoftware.com/wiki/Source"><img class="badge" width="88" height="31" src="/assets/images/badges/source-poweredby-orange.png" alt="powered by source" loading="lazy"/></a>-->
<!--<img class="badge" width="88" height="31" src="/assets/images/badges/p2w.gif" alt="pay to win badge"></img>-->
<!--<img class="badge" width="88" height="31" src="/assets/images/badges/queerpride.gif" alt="Queer Pride!" loading="lazy"/>-->
<!--<a href="https://transfemscience.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/transfemscience.org.gif" alt="Trans Your Gender" loading="lazy"/></a>-->
<!--<a href="https://github.com/yt-dlp/yt-dlp"><img class="badge" width="88" height="31" src="/assets/images/badges/youtube-dl.gif" alt="youtube-dl badge" loading="lazy"></a>-->
<!-- <a href="https://store.steampowered.com/app/70/HalfLife"><img class="badge" width="88" height="31" src="/assets/images/badges/hl.gif" alt="Half-Life" loading="lazy"/></a>-->
<!--<a href="https://store.steampowered.com/app/400/Portal/"><img class="badge" width="88" height="31" src="/assets/images/badges/aperture_labs.jpg" alt="Aperture Labs" loading="lazy"/></a>-->
<!--<a href="https://www.noaa.gov/"><img class="badge" width="88" height="31" src="/assets/images/badges/noaa.gif" alt="NOAA" loading="lazy"/></a>-->
<!--<a href="https://www.java.com/"><img class="badge" width="88" height="31" src="/assets/images/badges/get_java.gif" alt="Get Java Now" loading="lazy"/></a>-->
<!--<img class="badge" width="88" height="31" src="/assets/images/badges/win7startup.gif" alt="Windows 7 Startup" loading="lazy"></img>-->
<!--<img class="badge" width="88" height="31" src="/assets/images/badges/companion_cube.gif" alt="powered by source" loading="lazy"/>-->
<!-- First Line is activism stuff -->
<!-- <a href="https://jointhefediverse.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'" loading="lazy"/></a>-->
<!-- <a href="https://www.anera.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/anera.org.png" alt="Free palestine" loading="lazy"/></a>-->
<!-- <a href="https://privacytests.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/chrmevil.gif" alt="Google Chrome is Evil!" loading="lazy"/></a>-->
<!-- <a href="https://en.wikipedia.org/wiki/Right_to_repair"><img class="badge" width="88" height="31" src="/assets/images/badges/right2repair.gif" alt="I support right to repair" loading="lazy"/></a>-->
<!-- <a href="https://privacytests.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/anythingbut.gif" alt="Anything But Chrome" loading="lazy"/></a>-->
<!-- <img class="badge" width="88" height="31" src="/assets/images/badges/transnow2.gif" alt="Trans rights now!" loading="lazy"/>-->
<!-- <a href="https://archive.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/preserve.gif" alt="Preserve, internet archive" loading="lazy"/></a>-->
<!-- placehold -->
<img class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
<img class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
</div>

3
frontend/src/components/footer/webrings.astro
View file

@ -1,5 +1,4 @@
Web Rings
<br>
<p>web rings</p>
<a href="https://webring.umbreon.online/prev?from=https://nelle.observer"><i class="nf nf-cod-arrow_left"></i></a>
<a href="https://webring.umbreon.online/">umbreon</a>
<a href="https://webring.umbreon.online/next?from=https://nelle.observer"><i class="nf nf-cod-arrow_right"></i></a>