punkfairie/punkfairie-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

✨ feat: Add RSS Feed to btn

Browse source
This commit is contained in:
marleyrae 2023-06-08 20:25:43 -07:00
parent c447f1c1bc
commit 77f4d7cef4
30 changed files with 8 additions and 420 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored
View file

@ -1,3 +1,3 @@
node_modules node_modules
dist/** dist/**/*
.DS_Store .DS_Store

151
dist/about/index.html vendored
View file

@ -1,151 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>punkfairie.net</title>
<!--suppress HtmlUnknownTarget -->
<link rel="stylesheet" href="/style/style.css">
<!-- Bunny Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=bungee-shade:400|imprima:400" rel="stylesheet"/>
</head>
<body class="Site">
<h1 class="Site-title">punkfairie.net</h1>
<nav class="Site-nav Nav" x-data :style="$store['subNav'].open ? '--Site-nav-gridArea: Site-nav;' : ''">
<a href="/" class="Nav-link">index</a>
<button class="Nav-link" @click="$store['subNav'].toggle('collections')" aria-controls="collections-submenu"
aria-expanded="false">
collections
</button>
<a href="/about/" class="Nav-link">about</a>
<a href="/manifesto/" class="Nav-link">manifesto</a>
<a href="/diary/" class="Nav-link Status--new">diary</a>
<a href="/links/" class="Nav-link">links</a>
</nav>
<nav class="Site-subNav Nav" x-data x-show="$store['subNav'].current === 'collections'" id="collections-submenu">
<p class="Nav-caption"><i>Warning: flashing gifs; very image heavy.</i></p>
<a href="/collections/buttons/" class="Nav-link">buttons</a>
<a href="/collections/blinkies/" class="Nav-link">blinkies</a>
<a href="/collections/stamps/" class="Nav-link">stamps</a>
</nav>
<main class="Site-content">
<h2 class="Title--sizeH3 u-textCenter">Domain</h2>
<p>
Punkfairie.net was registered on February 24, 2022. The name punkfairie has been my username for various online
communities since high school (I first came up with it for my Tumblr url).
</p>
<p>
Absolutely everything on this site was coded by me and always will be, with only three exceptions - hit counter,
because Neocities doesn't allow PHP and doing a JS only counter is a little more complicated (but will be done
eventually); the cursor trail script, because I don't have the brain for that sort of thing lol; and the cbox.
</p>
<p>
I used to run the server myself as well, but in June 2023 I switched over to NeoCities for the social aspect :).
</p>
<ul class="List">
<li class="List-item"><b>text editor:</b> WebStorm on macOS 12.6 Monterey.</li>
<li class="List-item"><b>tools used:</b> SCSS, Eleventy</li>
</ul>
<h2 class="Title--sizeH3 u-textCenter">Webmiss</h2>
<p>
Hello! My name is Marley (she/her). I've been tinkering with websites since grade school, mostly making Petz
fansites. I had a brief period of running fanlistings in high school as well. I have always enjoyed the creativity
of designing a website, and figuring out how to make things like autopopulating blinkie pages.
</p>
<p>
IRL, I'm a femme dyke engaged (!!) to the most gorgeous woman ever. I'm an in-person sex worker. I like sewing,
embroidery, cross-stitch, and various other fiber arts. I got the most useless & most expensive degree in the world
- fine arts. I write poetry sometimes and do paint by numbers.
</p>
<p>
I strongly dislike social media (although it's a neccesary evil for work), but I've gotten into Mastedon lately.
This site is hosted on NeoCities, so you can follow me there! I also have RSS & ATOM feeds for my fellow old-school
types :)
</p>
<p>
P.S. if you're looking for an RSS reader, I highly reccommend
<a href="https://feedbin.com/" class="Link">Feedbin</a>, it does cost, but it's only $5/mo, and there's a 30-day
free trial. It's super clean looking, AND they give you an email address, so you can subscribe to newsletters, and
recieve them in your Feedbin inbox! I'm not sponsored or anything, I just love the service haha.
</p>
</main>
<aside class="Site-info Info">
<b>visitors:</b>
<div class="HitCounter">
<!-- Counter Code START -->
<script src="http://hitcounters.net/counter.php?id=11368&cmd=cookie"></script>
<img src="http://hitcounters.net/counter.php?id=11368&cmd=img_only" alt="hit counter"
style="display: inline-block;">
<!-- Counter Code END -->
</div>
<hr>
<a href="https://neocities.org/site/punkfairie">
<img src="/images/neocities-pink.gif" alt="Follow me on Neocities">
</a>
</aside>
<aside class="Site-social Social">
<div class="Social-webring">
<a href="https://hotlinewebring.club/punkfairie/previous" class="Social-webringArrow"><<</a>
<a href="https://hotlinewebring.club/" target="_blank" class="Social-webringLink">hotline</a>
<a href="https://hotlinewebring.club/punkfairie/next" class="Social-webringArrow">>></a>
</div>
<div class="Social-webring">
<a href="https://webring.dinhe.net/prev/https://punkfairie.net" class="Social-webringArrow"><<</a>
<a href="https://webring.dinhe.net/" target="_blank" class="Social-webringLink">retronaut</a>
<a href="https://webring.dinhe.net/next/https://punkfairie.net" class="Social-webringArrow">>></a>
</div>
<hr>
<a href="https://keysklubhouse.neocities.org" target="_blank" class="Social-badge">
<img src="/images/badges/handcoded.png" alt="Badge with the text hand coded">
</a>
<a href="https://linklane.net" target="_blank" class="Social-badge">
<img src="/images/badges/linklane.png" title="Link Lane" alt="LinkLane.net">
</a>
<a href="http://nerdlistings.info/" target="_blank" class="Social-badge">
<img src="/images/badges/nerdlistings.gif" title="Nerd Listings" alt="NerdListings.info">
</a>
</aside>
<!--suppress HtmlUnknownTarget -->
<script src="/js/main.js"></script>
</body>
</html>

129
dist/index.html vendored
View file

@ -1,129 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>punkfairie.net</title>
<!--suppress HtmlUnknownTarget -->
<link rel="stylesheet" href="/style/style.css">
<!-- Bunny Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=bungee-shade:400|imprima:400" rel="stylesheet"/>
</head>
<body class="Site">
<h1 class="Site-title">punkfairie.net</h1>
<nav class="Site-nav Nav" x-data :style="$store['subNav'].open ? '--Site-nav-gridArea: Site-nav;' : ''">
<a href="/" class="Nav-link">index</a>
<button class="Nav-link" @click="$store['subNav'].toggle('collections')" aria-controls="collections-submenu"
aria-expanded="false">
collections
</button>
<a href="/about/" class="Nav-link">about</a>
<a href="/manifesto/" class="Nav-link">manifesto</a>
<a href="/diary/" class="Nav-link Status--new">diary</a>
<a href="/links/" class="Nav-link">links</a>
</nav>
<nav class="Site-subNav Nav" x-data x-show="$store['subNav'].current === 'collections'" id="collections-submenu">
<p class="Nav-caption"><i>Warning: flashing gifs; very image heavy.</i></p>
<a href="/collections/buttons/" class="Nav-link">buttons</a>
<a href="/collections/blinkies/" class="Nav-link">blinkies</a>
<a href="/collections/stamps/" class="Nav-link">stamps</a>
</nav>
<main class="Site-content">
<p>
Hello! Welcome to <i>punkfairie.net.</i> This is my little home on the web, and also serves as a directory for my
other sites!
</p>
<div class="UpdateBox">
<h2 class="Title--sizeH4">8 June 2023</h2>
<p>New rainbow layout finished!</p>
</div>
<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" class="Cbox">
<div class="Cbox-messages">
<!--suppress HtmlDeprecatedAttribute -->
<iframe src="https://www3.cbox.ws/box/?boxid=3514647&boxtag=MuJsN5&sec=main" marginheight="0" marginwidth="0"
frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes"
name="cboxmain3-3514647" id="cboxmain3-3514647"></iframe>
</div>
<div class="Cbox-form">
<!--suppress HtmlDeprecatedAttribute -->
<iframe src="https://www3.cbox.ws/box/?boxid=3514647&boxtag=MuJsN5&sec=form" allow="autoplay" marginheight="0"
marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes"
name="cboxform3-3514647" id="cboxform3-3514647"></iframe>
</div>
</div>
<!-- END CBOX -->
</main>
<aside class="Site-info Info">
<b>visitors:</b>
<div class="HitCounter">
<!-- Counter Code START -->
<script src="http://hitcounters.net/counter.php?id=11368&cmd=cookie"></script>
<img src="http://hitcounters.net/counter.php?id=11368&cmd=img_only" alt="hit counter"
style="display: inline-block;">
<!-- Counter Code END -->
</div>
<hr>
<a href="https://neocities.org/site/punkfairie">
<img src="/images/neocities-pink.gif" alt="Follow me on Neocities">
</a>
</aside>
<aside class="Site-social Social">
<div class="Social-webring">
<a href="https://hotlinewebring.club/punkfairie/previous" class="Social-webringArrow"><<</a>
<a href="https://hotlinewebring.club/" target="_blank" class="Social-webringLink">hotline</a>
<a href="https://hotlinewebring.club/punkfairie/next" class="Social-webringArrow">>></a>
</div>
<div class="Social-webring">
<a href="https://webring.dinhe.net/prev/https://punkfairie.net" class="Social-webringArrow"><<</a>
<a href="https://webring.dinhe.net/" target="_blank" class="Social-webringLink">retronaut</a>
<a href="https://webring.dinhe.net/next/https://punkfairie.net" class="Social-webringArrow">>></a>
</div>
<hr>
<a href="https://keysklubhouse.neocities.org" target="_blank" class="Social-badge">
<img src="/images/badges/handcoded.png" alt="Badge with the text hand coded">
</a>
<a href="https://linklane.net" target="_blank" class="Social-badge">
<img src="/images/badges/linklane.png" title="Link Lane" alt="LinkLane.net">
</a>
<a href="http://nerdlistings.info/" target="_blank" class="Social-badge">
<img src="/images/badges/nerdlistings.gif" title="Nerd Listings" alt="NerdListings.info">
</a>
</aside>
<!--suppress HtmlUnknownTarget -->
<script src="/js/main.js"></script>
</body>
</html>

5
dist/js/main.js vendored
View file

File diff suppressed because one or more lines are too long

133
dist/links/index.html vendored
View file

@ -1,133 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>punkfairie.net</title>
<!--suppress HtmlUnknownTarget -->
<link rel="stylesheet" href="/style/style.css">
<!-- Bunny Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=bungee-shade:400|imprima:400" rel="stylesheet"/>
</head>
<body class="Site">
<h1 class="Site-title">punkfairie.net</h1>
<nav class="Site-nav Nav" x-data :style="$store['subNav'].open ? '--Site-nav-gridArea: Site-nav;' : ''">
<a href="/" class="Nav-link">index</a>
<button class="Nav-link" @click="$store['subNav'].toggle('collections')" aria-controls="collections-submenu"
aria-expanded="false">
collections
</button>
<a href="/about/" class="Nav-link">about</a>
<a href="/manifesto/" class="Nav-link">manifesto</a>
<a href="/diary/" class="Nav-link Status--new">diary</a>
<a href="/links/" class="Nav-link">links</a>
</nav>
<nav class="Site-subNav Nav" x-data x-show="$store['subNav'].current === 'collections'" id="collections-submenu">
<p class="Nav-caption"><i>Warning: flashing gifs; very image heavy.</i></p>
<a href="/collections/buttons/" class="Nav-link">buttons</a>
<a href="/collections/blinkies/" class="Nav-link">blinkies</a>
<a href="/collections/stamps/" class="Nav-link">stamps</a>
</nav>
<main class="Site-content">
<h2 class="Title--sizeH3 u-textCenter">Cool Sites</h2>
<p>Want your site here? Let me know in the cbox!</p>
<div class="Gallery">
<a href="https://keysklubhouse.neocities.org/" target="_blank">
<img src="/images/links/keysklubhouse.gif" alt="Key's Klubhouse">
</a>
<a href="https://cinni.net/" target="_blank">
<img src="/images/links/cinnisdreamhome.gif" alt="Cinni's Dream Home">
</a>
<a href="https://fairytrash.neocities.org/" target="_blank">
<img src="/images/links/fairytrash.png" alt="fairy trash">
</a>
<a href="https://xandra.cc/" target="_blank">
<img src="/images/links/museumofalexandra.png" alt="Museum of Alexandra">
</a>
<a href="https://wiby.me/" target="_blank">
<img src="/images/links/wiby.gif" alt="Wiby Search">
</a>
<a href="https://melonland.net" target="_blank">
<img src="/images/links/melonland.gif" alt="MelonLand">
</a>
</div>
<ul class="List">
<li class="List-item">
<a href="https://www.cameronsworld.net/" target="_blank" class="Link">Cameron's World</a>
</li>
</ul>
</main>
<aside class="Site-info Info">
<b>visitors:</b>
<div class="HitCounter">
<!-- Counter Code START -->
<script src="http://hitcounters.net/counter.php?id=11368&cmd=cookie"></script>
<img src="http://hitcounters.net/counter.php?id=11368&cmd=img_only" alt="hit counter"
style="display: inline-block;">
<!-- Counter Code END -->
</div>
<hr>
<a href="https://neocities.org/site/punkfairie">
<img src="/images/neocities-pink.gif" alt="Follow me on Neocities">
</a>
</aside>
<aside class="Site-social Social">
<div class="Social-webring">
<a href="https://hotlinewebring.club/punkfairie/previous" class="Social-webringArrow"><<</a>
<a href="https://hotlinewebring.club/" target="_blank" class="Social-webringLink">hotline</a>
<a href="https://hotlinewebring.club/punkfairie/next" class="Social-webringArrow">>></a>
</div>
<div class="Social-webring">
<a href="https://webring.dinhe.net/prev/https://punkfairie.net" class="Social-webringArrow"><<</a>
<a href="https://webring.dinhe.net/" target="_blank" class="Social-webringLink">retronaut</a>
<a href="https://webring.dinhe.net/next/https://punkfairie.net" class="Social-webringArrow">>></a>
</div>
<hr>
<a href="https://keysklubhouse.neocities.org" target="_blank" class="Social-badge">
<img src="/images/badges/handcoded.png" alt="Badge with the text hand coded">
</a>
<a href="https://linklane.net" target="_blank" class="Social-badge">
<img src="/images/badges/linklane.png" title="Link Lane" alt="LinkLane.net">
</a>
<a href="http://nerdlistings.info/" target="_blank" class="Social-badge">
<img src="/images/badges/nerdlistings.gif" title="Nerd Listings" alt="NerdListings.info">
</a>
</aside>
<!--suppress HtmlUnknownTarget -->
<script src="/js/main.js"></script>
</body>
</html>

BIN
dist/style/assets/arrows/ha01-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/ha02-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/ha03-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/ha05-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/ha06-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/ha08-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/ha10-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/hb01-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/hb02-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/hb03-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/hb05-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/hb06-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/hb08-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/arrows/hb10-icon-arrow.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 B

BIN
dist/style/assets/emote/angry.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 266 B

BIN
dist/style/assets/emote/annoyed.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 928 B

BIN
dist/style/assets/emote/love.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 275 B

BIN
dist/style/assets/emote/sick.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 922 B

BIN
dist/style/assets/emote/smile.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 920 B

BIN
dist/style/assets/neonlove-lani-icon-pinknew.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 906 B

BIN
dist/style/assets/neonlove-lani-icon-pinkup.gif vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 884 B

1
dist/style/style.css vendored
View file

File diff suppressed because one or more lines are too long

3
src/_includes/site-info.liquid
View file

@ -12,3 +12,6 @@
<a href="https://neocities.org/site/punkfairie"> <a href="https://neocities.org/site/punkfairie">
<img src="/images/neocities-pink.gif" alt="Follow me on Neocities"> <img src="/images/neocities-pink.gif" alt="Follow me on Neocities">
</a> </a>
<a href="/feed.xml">
<img src="/images/rss-button.gif" alt="RSS Feed">
</a>

BIN
src/images/rss-button.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 567 B

4
src/style/components/layout/_Info.scss
View file

@ -1,3 +1,7 @@
.Info { .Info {
text-align: center; text-align: center;
} }
.HitCounter {
display: inline-block;
}