💄 🚚 feat: Work on about; shuffle files around
This commit is contained in:
marleyrae
parent
590d203410
commit
a90fd9b2f0
20 changed files with 268 additions and 41 deletions
142
dist/about/index.html
vendored
Normal file
142
dist/about/index.html
vendored
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
<!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>
|
||||
|
||||
<hr>
|
||||
|
||||
<a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
|
||||
<a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</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>
|
||||
<!-- 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 -->
|
||||
|
||||
</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="/collections/badges/handcoded.png" alt="Badge with the text hand coded">
|
||||
</a>
|
||||
|
||||
<a href="https://linklane.net" target="_blank" class="Social-badge">
|
||||
<img src="../collections/badges/linklane.png" title="Link Lane" alt="LinkLane.net">
|
||||
</a>
|
||||
|
||||
<a href="http://nerdlistings.info/" target="_blank" class="Social-badge">
|
||||
<img src="../collections/badges/nerdlistings.gif" title="Nerd Listings" alt="NerdListings.info">
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
|
||||
<!--suppress HtmlUnknownTarget -->
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
7
dist/index.html
vendored
7
dist/index.html
vendored
|
|
@ -59,13 +59,13 @@
|
|||
|
||||
<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
|
||||
<div id="cboxdiv" class="Cbox">
|
||||
<div style="position: relative; height: 123px; overflow: auto; -webkit-overflow-scrolling: touch; border: 0 solid;">
|
||||
<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 style="position: relative; height: 127px; overflow: hidden; border: 0 solid;">
|
||||
<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"
|
||||
|
|
@ -76,13 +76,12 @@
|
|||
|
||||
</main>
|
||||
|
||||
<aside class="Site-info">
|
||||
<aside class="Site-info Info">
|
||||
<b>visitors:</b>
|
||||
<!-- 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 -->
|
||||
<b>updated:</b>
|
||||
|
||||
</aside>
|
||||
|
||||
|
|
|
|||
1
dist/style/components/Social.css
vendored
1
dist/style/components/Social.css
vendored
|
|
@ -1 +0,0 @@
|
|||
.Social{text-align:center}.Social-webringArrow,.Social-webringLink{color:inherit}.Social-webringArrow{-webkit-text-decoration:none;text-decoration:none}@media(prefers-reduced-motion:no-preference){.Social-webringArrow{transition:letter-spacing .2s}.Social-webringArrow:focus,.Social-webringArrow:hover{letter-spacing:2.4px;-webkit-text-decoration:none;text-decoration:none}}.Social hr{margin-bottom:clamp(.75rem,.71rem + .22vw,.88rem);margin-top:clamp(.75rem,.71rem + .22vw,.88rem)}.Social-badge{display:inline-block}:nth-child(7n+1 of .Social-webring){color:#dc2626}:nth-child(7n+2 of .Social-webring){color:#ea580c}:nth-child(7n+3 of .Social-webring){color:#ca8a04}:nth-child(7n+4 of .Social-webring){color:#65a30d}:nth-child(7n+5 of .Social-webring){color:#0892a2}:nth-child(7n+6 of .Social-webring){color:#9333ea}:nth-child(7n+7 of .Social-webring){color:#db2777}
|
||||
2
dist/style/style.css
vendored
2
dist/style/style.css
vendored
File diff suppressed because one or more lines are too long
52
src/about.liquid
Normal file
52
src/about.liquid
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
---
|
||||
layout: layout.liquid
|
||||
---
|
||||
|
||||
<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>
|
||||
|
|
@ -14,13 +14,13 @@ layout: layout.liquid
|
|||
|
||||
<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
|
||||
<div id="cboxdiv" class="Cbox">
|
||||
<div style="position: relative; height: 123px; overflow: auto; -webkit-overflow-scrolling: touch; border: 0 solid;">
|
||||
<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 style="position: relative; height: 127px; overflow: hidden; border: 0 solid;">
|
||||
<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"
|
||||
|
|
|
|||
3
src/style/_utils.scss
Normal file
3
src/style/_utils.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.u-textCenter {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
@use '../theme';
|
||||
@use '../mixins';
|
||||
|
||||
.Cbox {
|
||||
@include mixins.gradient-border;
|
||||
|
||||
position: relative;
|
||||
margin: theme.$spacer-m auto 0;
|
||||
inline-size: theme.$spacer-5xl;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
|
|
@ -1,8 +1,14 @@
|
|||
@forward 'Site';
|
||||
@forward 'Nav';
|
||||
@forward 'Info';
|
||||
@forward 'Social';
|
||||
@forward 'Status';
|
||||
@forward 'UpdateBox';
|
||||
@forward 'Title';
|
||||
@forward 'Cbox';
|
||||
/* layout */
|
||||
@forward 'layout/Site';
|
||||
@forward 'layout/Nav';
|
||||
@forward 'layout/Info';
|
||||
@forward 'layout/Social';
|
||||
@forward 'layout/Status';
|
||||
|
||||
/* base elements */
|
||||
@forward 'base/Title';
|
||||
@forward 'base/Link';
|
||||
|
||||
/* page-specific components */
|
||||
@forward 'index/UpdateBox';
|
||||
@forward 'index/Cbox';
|
||||
|
|
|
|||
7
src/style/components/base/_Link.scss
Normal file
7
src/style/components/base/_Link.scss
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
@use '../../mixins';
|
||||
|
||||
.Link {
|
||||
@include mixins.link-style;
|
||||
}
|
||||
|
||||
@include mixins.rainbowify-text('.Link', color);
|
||||
0
src/style/components/base/_List.scss
Normal file
0
src/style/components/base/_List.scss
Normal file
|
|
@ -1,4 +1,4 @@
|
|||
@use '../theme';
|
||||
@use '../../theme';
|
||||
|
||||
@mixin Title($size) {
|
||||
font-weight: normal;
|
||||
29
src/style/components/index/_Cbox.scss
Normal file
29
src/style/components/index/_Cbox.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
@use '../../theme';
|
||||
@use '../../mixins';
|
||||
|
||||
// stylelint-disable scale-unlimited/declaration-strict-value, rem-over-px/rem-over-px
|
||||
|
||||
.Cbox {
|
||||
@include mixins.gradient-border;
|
||||
|
||||
position: relative;
|
||||
margin: theme.$spacer-m auto 0;
|
||||
inline-size: theme.$spacer-5xl;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
&-messages {
|
||||
position: relative;
|
||||
block-size: 175px;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
border: 0 solid;
|
||||
}
|
||||
|
||||
&-form {
|
||||
position: relative;
|
||||
block-size: 100px;
|
||||
overflow: hidden;
|
||||
border: 0 solid;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
@use '../mixins';
|
||||
@use '../theme';
|
||||
@use '../../mixins';
|
||||
@use '../../theme';
|
||||
|
||||
.UpdateBox {
|
||||
@include mixins.gradient-border;
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
@use '../theme';
|
||||
@use '../mixins';
|
||||
@use '../../theme';
|
||||
@use '../../mixins';
|
||||
|
||||
.Nav {
|
||||
text-align: end;
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
@use 'sass:color';
|
||||
@use '../theme';
|
||||
@use '../mixins';
|
||||
@use '../../theme';
|
||||
@use '../../mixins';
|
||||
|
||||
%_SiteContent {
|
||||
$_SiteContent-backgroundColor: color.adjust(theme.$neutral-50, $alpha: -0.5);
|
||||
|
|
@ -18,8 +18,8 @@
|
|||
'Site-social Site-content Site-subNav' 3fr
|
||||
'Site-title Site-title Site-title' 2fr
|
||||
/ 1fr 3fr 1fr;
|
||||
inline-size: 100%;
|
||||
block-size: 100%;
|
||||
max-block-size: 100vb;
|
||||
max-inline-size: 100vi;
|
||||
padding: theme.$spacer-4xl;
|
||||
|
||||
&-title {
|
||||
|
|
@ -51,6 +51,7 @@
|
|||
|
||||
grid-area: Site-content;
|
||||
padding: theme.$spacer-m;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
&-info {
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
@use '../theme';
|
||||
@use '../mixins';
|
||||
@use '../../theme';
|
||||
@use '../../mixins';
|
||||
|
||||
.Social {
|
||||
text-align: center;
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@use '../theme';
|
||||
@use '../../theme';
|
||||
|
||||
%_Status--before {
|
||||
display: inline-block;
|
||||
|
|
@ -15,6 +15,6 @@
|
|||
|
||||
.Status--up::before {
|
||||
@extend %_Status--before;
|
||||
|
||||
|
||||
content: url('/style/assets/neonlove-lani-icon-pinkup.gif');
|
||||
}
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
@use 'reset';
|
||||
@use 'base';
|
||||
@use 'components';
|
||||
@use 'utils';
|
||||
|
|
|
|||
Loading…
Reference in a new issue