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

✨ feat(diary): new diary post

Browse source
This commit is contained in:
punkfairie 2024-09-28 13:17:40 -07:00
parent 47d35567c5
commit cde99a21a6
Signed by: punkfairie
GPG key ID: A86AF57F837E320F
15 changed files with 490544 additions and 174 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2,17 +2,15 @@
<div class="HitCounter"> <div class="HitCounter">
<!-- Counter Code START --> <!-- Counter Code START -->
<script src="http://hitcounters.net/counter.php?id=11368&cmd=cookie"></script> <script src="http://hitcounters.net/counter.php?id=11368&cmd=cookie"></script>
<img src="http://hitcounters.net/counter.php?id=11368&cmd=img_only" <img src="http://hitcounters.net/counter.php?id=11368&cmd=img_only" alt="hit counter" style="display: inline-block;">
alt="hit counter"
style="display: inline-block;">
<!-- Counter Code END --> <!-- Counter Code END -->
</div> </div>
<hr> <hr>
<a href="https://neocities.org/site/punkfairie"> <a href="/feed.xml" class="Info-button">
<img src="/images/neocities-pink.gif" alt="Follow me on Neocities">
</a>
<a href="/feed.xml">
<img src="/images/rss-button.png" alt="RSS Feed"> <img src="/images/rss-button.png" alt="RSS Feed">
</a> </a>
<a href="https://neocities.org/site/punkfairie" class="Info-button">
<img src="/images/neocities-pink.gif" alt="Follow me on Neocities">
</a>

38
src/_includes/site-social.liquid
View file

@ -1,36 +1,29 @@
<div class="Social-webring"> <div class="Social-webring">
<a href="https://hotlinewebring.club/punkfairie/previous" <a href="https://hotlinewebring.club/punkfairie/previous" class="Social-webringArrow">
class="Social-webringArrow"><<</a> <<< /a>
<a href="https://hotlinewebring.club/" target="_blank" <a href="https://hotlinewebring.club/" target="_blank" class="Social-webringLink">hotline</a>
class="Social-webringLink">hotline</a> <a href="https://hotlinewebring.club/punkfairie/next" class="Social-webringArrow">>></a>
<a href="https://hotlinewebring.club/punkfairie/next"
class="Social-webringArrow">>></a>
</div> </div>
<div class="Social-webring"> <div class="Social-webring">
<a href="https://webring.dinhe.net/prev/https://punkfairie.net" <a href="https://webring.dinhe.net/prev/https://punkfairie.net" class="Social-webringArrow">
class="Social-webringArrow"><<</a> <<< /a>
<a href="https://webring.dinhe.net/" target="_blank" <a href="https://webring.dinhe.net/" target="_blank" class="Social-webringLink">retronaut</a>
class="Social-webringLink">retronaut</a> <a href="https://webring.dinhe.net/next/https://punkfairie.net" class="Social-webringArrow">>></a>
<a href="https://webring.dinhe.net/next/https://punkfairie.net"
class="Social-webringArrow">>></a>
</div> </div>
<div class="Social-webring"> <div class="Social-webring">
<div id='neossg'> <div id='neossg'>
<!--suppress JSUnresolvedLibraryURL --> <!--suppress JSUnresolvedLibraryURL -->
<script type="text/javascript" <script type="text/javascript" src="https://neossg.neocities.org/onionring-variables.js"></script>
src="https://neossg.neocities.org/onionring-variables.js"></script>
<!--suppress JSUnresolvedLibraryURL --> <!--suppress JSUnresolvedLibraryURL -->
<script type="text/javascript" <script type="text/javascript" src="https://neossg.neocities.org/onionring-widget.js"></script>
src="https://neossg.neocities.org/onionring-widget.js"></script>
</div> </div>
</div> </div>
<hr> <hr>
<a href="https://keysklubhouse.neocities.org" target="_blank" <a href="https://keysklubhouse.neocities.org" target="_blank" class="Social-badge">
class="Social-badge">
<img src="/images/badges/handcoded.png" alt="Badge with the text hand coded"> <img src="/images/badges/handcoded.png" alt="Badge with the text hand coded">
</a> </a>
@ -38,14 +31,7 @@
<img src="/images/badges/linklane.png" title="Link Lane" alt="LinkLane.net"> <img src="/images/badges/linklane.png" title="Link Lane" alt="LinkLane.net">
</a> </a>
<a href="http://nerdlistings.info/" target="_blank" class="Social-badge"> <a href="https://www.deviantart.com/king-lulu-deer/art/Lesbian-Pride-Flag-Shooting-Star-685222878" target="_blank"
<img src="/images/badges/nerdlistings.gif" title="Nerd Listings"
alt="NerdListings.info">
</a>
<a
href="https://www.deviantart.com/king-lulu-deer/art/Lesbian-Pride-Flag-Shooting-Star-685222878"
target="_blank"
class="Social-badge"> class="Social-badge">
<img src="/images/badges/dyke.gif" alt="Dyke" title="Dyke"> <img src="/images/badges/dyke.gif" alt="Dyke" title="Dyke">
</a> </a>

21
src/about.liquid
View file

@ -23,7 +23,8 @@ layout: layout.liquid
</p> </p>
<ul class="List"> <ul class="List">
<li class="List-item"><b>text editor:</b> Neovim on Arch Linux.</li> <li class="List-item"><b>text editor:</b> Neovim on Arch Linux (i use arch
btw).</li>
<li class="List-item"><b>tools used:</b> SCSS, Eleventy</li> <li class="List-item"><b>tools used:</b> SCSS, Eleventy</li>
</ul> </ul>
@ -40,22 +41,12 @@ layout: layout.liquid
<p> <p>
IRL, I'm a femme dyke engaged (!!) to the most gorgeous woman ever. I like IRL, I'm a femme dyke engaged (!!) to the most gorgeous woman ever. I like
sewing, embroidery, cross-stitch, and various other fiber arts. I got the most 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 useless &amp; most expensive degree in the world - fine arts. I write poetry
sometimes and do paint by numbers. sometimes and do paint by numbers.
</p> </p>
<p> <p>
I strongly dislike social media (although it's a neccesary evil for work), but I strongly dislike social media, but I've gotten into Mastedon lately. This
I've gotten into Mastedon lately. This site is hosted on NeoCities, so you can site is hosted on NeoCities, so you can follow me there! I also have RSS &amp;
follow me there! I also have RSS & ATOM feeds for my fellow old-school types 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> </p>

124
src/collections/collections.11tydata.js
View file

@ -1,73 +1,77 @@
const {readdir} = require('node:fs/promises') const { readdir } = require("node:fs/promises");
const {resolve} = require('node:path') const { resolve } = require("node:path");
const credits = { const credits = {
key: 'https://keysklubhouse.neocities.org/', key: "https://keysklubhouse.neocities.org/",
GIFCollection: 'https://cyber.dabamos.de/88x31/', GIFCollection: "https://cyber.dabamos.de/88x31/",
cinni: 'https://cinni.net/', cinni: "https://cinni.net/",
fairytrash: 'https://fairytrash.neocities.org/portal/oldweb.html', fairytrash: "https://fairytrash.neocities.org/portal/oldweb.html",
'webcore-galore': 'https://www.deviantart.com/webcore-galore', "webcore-galore": "https://www.deviantart.com/webcore-galore",
'molly-stamps': 'https://www.deviantart.com/molly-stamps', "molly-stamps": "https://www.deviantart.com/molly-stamps",
murderawrz: 'https://www.deviantart.com/murderawrz', murderawrz: "https://www.deviantart.com/murderawrz",
'minecr-aft': 'https://www.deviantart.com/minecr-aft', "minecr-aft": "https://www.deviantart.com/minecr-aft",
gaarumageddon: 'https://www.deviantart.com/gaarumageddon', gaarumageddon: "https://www.deviantart.com/gaarumageddon",
morecentipedes: 'https://www.deviantart.com/morecentipedes/', morecentipedes: "https://www.deviantart.com/morecentipedes/",
gendercute: 'https://www.deviantart.com/gendercute', gendercute: "https://www.deviantart.com/gendercute",
uzkost: 'https://www.deviantart.com/uzkost', uzkost: "https://www.deviantart.com/uzkost",
fawntoy: 'https://www.deviantart.com/fawntoy', fawntoy: "https://www.deviantart.com/fawntoy",
antikrist: 'https://antikrist.neocities.org/', antikrist: "https://antikrist.neocities.org/",
panstarry: 'https://www.deviantart.com/panstarry', panstarry: "https://www.deviantart.com/panstarry",
'rogue-ranger': 'https://www.deviantart.com/rogue-ranger', "rogue-ranger": "https://www.deviantart.com/rogue-ranger",
'virus-xenon': 'https://www.deviantart.com/virus-xenon', "virus-xenon": "https://www.deviantart.com/virus-xenon",
kittyjewelpet78: 'https://www.deviantart.com/kittyjewelpet78', kittyjewelpet78: "https://www.deviantart.com/kittyjewelpet78",
dustyhyena: 'https://www.deviantart.com/dustyhyena', dustyhyena: "https://www.deviantart.com/dustyhyena",
'sugary-stardust': 'https://www.deviantart.com/sugary-stardust', "sugary-stardust": "https://www.deviantart.com/sugary-stardust",
tamriei: 'https://www.deviantart.com/tamriei', tamriei: "https://www.deviantart.com/tamriei",
'100hosts': 'https://www.deviantart.com/100ghosts', "100hosts": "https://www.deviantart.com/100ghosts",
dameinatrix: 'https://www.deviantart.com/dameinatrix', dameinatrix: "https://www.deviantart.com/dameinatrix",
nyanfuw: 'https://www.deviantart.com/nyanfuw', nyanfuw: "https://www.deviantart.com/nyanfuw",
skystamps: 'https://www.deviantart.com/skystamps', skystamps: "https://www.deviantart.com/skystamps",
'hyper--drunk': 'https://www.deviantart.com/hyper--drunk', "hyper--drunk": "https://www.deviantart.com/hyper--drunk",
stampmakerlkj: 'https://www.deviantart.com/stampmakerlkj', stampmakerlkj: "https://www.deviantart.com/stampmakerlkj",
beepudding: 'https://www.deviantart.com/beepudding', beepudding: "https://www.deviantart.com/beepudding",
princessskyler: 'https://www.deviantart.com/princessskyler', princessskyler: "https://www.deviantart.com/princessskyler",
buniis: 'https://www.deviantart.com/buniis', buniis: "https://www.deviantart.com/buniis",
goredoq: 'https://www.deviantart.com/goredoq', goredoq: "https://www.deviantart.com/goredoq",
ufocatchers: 'https://www.deviantart.com/ufocatchers', ufocatchers: "https://www.deviantart.com/ufocatchers",
stitchlovergirl96: 'https://www.deviantart.com/stitchlovergirl96', stitchlovergirl96: "https://www.deviantart.com/stitchlovergirl96",
midousujii: 'https://www.deviantart.com/midousujii', midousujii: "https://www.deviantart.com/midousujii",
glittersludge: 'https://www.deviantart.com/glittersludge', glittersludge: "https://www.deviantart.com/glittersludge",
amekin: 'https://www.deviantart.com/amekin', amekin: "https://www.deviantart.com/amekin",
stratosqueer: 'https://www.deviantart.com/stratosqueer', stratosqueer: "https://www.deviantart.com/stratosqueer",
puppystamps: 'https://www.deviantart.com/puppystamps', puppystamps: "https://www.deviantart.com/puppystamps",
turbuggy: 'https://www.deviantart.com/turbuggy', turbuggy: "https://www.deviantart.com/turbuggy",
aestheticstamps: 'https://www.deviantart.com/aestheticstamps', aestheticstamps: "https://www.deviantart.com/aestheticstamps",
kittyjewelpet74: 'https://www.deviantart.com/kittyjewelpet74', kittyjewelpet74: "https://www.deviantart.com/kittyjewelpet74",
'king-lulu-deer': 'https://www.deviantart.com/king-lulu-deer', "king-lulu-deer": "https://www.deviantart.com/king-lulu-deer",
'r0se-designs': 'https://www.deviantart.com/r0se-designs', "r0se-designs": "https://www.deviantart.com/r0se-designs",
aomiarmster: 'https://www.deviantart.com/aomiarmster', aomiarmster: "https://www.deviantart.com/aomiarmster",
'nerdy-pixel-girl': 'https://www.deviantart.com/nerdy-pixel-girl', "nerdy-pixel-girl": "https://www.deviantart.com/nerdy-pixel-girl",
crystalstamps: 'https://www.deviantart.com/crystalstamps', crystalstamps: "https://www.deviantart.com/crystalstamps",
} gardenofmadeline: "https://thegardenofmadeline.neocities.org/",
"99gifshop": "https://99gifshop.neocities.org/",
};
module.exports = async function () { module.exports = async function () {
const imagesDir = 'src/collections/images' const imagesDir = "src/collections/images";
let collections = {} let collections = {};
const categories = await readdir(resolve(imagesDir)) const categories = await readdir(resolve(imagesDir));
for (const category of categories) { for (const category of categories) {
collections[category] = {} collections[category] = {};
const sources = await readdir(resolve(`${imagesDir}/${category}`)) const sources = await readdir(resolve(`${imagesDir}/${category}`));
for (const source of sources) { for (const source of sources) {
collections[category][source] = collections[category][source] = (
(await readdir(resolve(`${imagesDir}/${category}/${source}`), {withFileTypes: true})) await readdir(resolve(`${imagesDir}/${category}/${source}`), {
.map(item => item.name) withFileTypes: true,
})
).map((item) => item.name);
} }
} }
collections.credits = credits collections.credits = credits;
return collections return collections;
} };

BIN
src/collections/images/blinkies/gardenofmadeline/fuckitweball_blinkie.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

99
src/diary/2024/09/28.liquid Normal file
View file

@ -0,0 +1,99 @@
---
title: It's been a while (what I've been up to)
---
<h3 class="Title--sizeH3">First, site related things:</h3>
<p class="u-rainbowifyChildren">
punkfairie.net moved registrars. I was loyal to NameSilo for probably close to
10 years! But as prices started to creep up, they were no longer the cheapest
option on the market.
<a class="Link" href="https://porkbun.com/" target="_blank">porkbun</a> is now
the winner in that category, and as an added bonus the feature set is wayyy
less bloated which makes the UI super clean and easy to navigate. More
features are not always better!
</p>
<p>
I'm still ironing out DNS migration, so the links to saudade and epiphany
don't work at the moment. Fixed soon I hope!
</p>
<p class="u-rainbowifyChildren">
Also, I may be moving off Neocities soon. Fiancee has a neat little homelab
set up and has promised me a little server of my own (who I've named
'MarleyNet'!). Some sort of load balancer has to be set up though to tell the
difference between traffic to
<a class="Link" href="https://blackcat.vip" target="_blank">blackcat.vip</a>
(fiancee's domain) and punkfairie.net. So that may take some time.
</p>
<p>
Future plans for MarleyNet beyond this site:
</p>
<ul class="List">
<li class="List-item">
A
<a href="https://about.gitea.com/products/gitea/" class="Link" target="_blank">Gitea</a>
instance.
</li>
<li class="List-item">
<a href="https://caddyserver.com/" class="Link" target="_blank">Caddy</a> as
the web server.
</li>
</ul>
<p class="u-rainbowifyChildren">
MarleyNet has an older sister, MarleyCentre (named after the hardware:
ThinkCentre). Currently all she's running is a
<a class="Link" target="_blank" href="https://github.com/charmbracelet/soft-serve">Soft Serve</a>
instance, accessible from a
<a class="Link" target="_blank" href="https://github.com/charmbracelet/wishlist">Wishlist</a>
directory.
</p>
<h3 class="Title--sizeH3">Other tech projects:</h3>
<p>
I became an arch user. And a vim user. I completely ditched Windows a while
ago and for the most part have been happy with that decision! I still can't
get Skyrim to load with a Wabbajack modlist and my Farming Simulator
accessories don't work right but those are the only downsides so far. It's
been a lot of fun tinkering with my own system :)
</p>
<p>
Neovim is mostly going fine, still got some tinkering to do for everything to
work how I want it to for editing this site. But it's absolutely perfect for
editing configs &amp; shell scripts, which I find myself doing a lot of these
days. I even learned Go with it!!
</p>
<p class="u-rainbowifyChildren">
The Neovim config I'm using is
<a href="https://www.lazyvim.org/" class="Link" target="_blank">LazyVim</a>,
but if you're a beginner I don't recommend installing someone else's config
first. Just start using it, and add things to your own config as you go. Once
you get into plugins, and get sick of managing conflicts and plugin opts on
your own, then install LazyVim :). It's super customizable, and most things
<i>just work.</i>
</p>
<h3 class="Title--sizeH3">What I'm up to elsewhere:</h3>
<p class="u-rainbowifyChildren">
I've gotten really into
<a href="https://obsidian.md/" class="Link" target="_blank">Obsidian</a>
lately, and the whole second brain/personal knowledge management thing in
general. I may do a proper writeup about it soon with some links!
</p>
<p class="u-rainbowifyChildren">
I got a new job recently, doing admin work which means <b>NO MORE CUSTOMER
SERVICE!!</b> I'm absolutely loving it so far, and it's what got me into
Obsidian and everything mentioned above, because there's just so much random
information I need to know and processes to follow and I needed some way to
keep track of it all. Plus my day is way more self-structured than before, and
there's a lot of random little to-dos to keep track of!
</p>

BIN
src/images/links/gardenofmadeline.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

5
src/links.liquid
View file

@ -31,11 +31,16 @@ layout: layout.liquid
<a href="https://transistorcafe.net/" target="_blank"> <a href="https://transistorcafe.net/" target="_blank">
<img src="/images/links/TransistorCafe.gif" alt="Transistor Cafe"> <img src="/images/links/TransistorCafe.gif" alt="Transistor Cafe">
</a> </a>
<a href="https://thegardenofmadeline.neocities.org/" target="_blank">
<img src="/images/links/gardenofmadeline.gif" alt="The Garden of Madeline">
</a>
</div> </div>
<ul class="List"> <ul class="List">
<li class="List-item"> <li class="List-item">
<a href="https://www.cameronsworld.net/" target="_blank" class="Link">Cameron's World</a> <a href="https://www.cameronsworld.net/" target="_blank" class="Link">Cameron's World</a>
</li>
<li class="List-item">
<a href="https://thegardenofmadeline.neocities.org/pages/foreverandalways" target="_blank" class="Link">Queer <a href="https://thegardenofmadeline.neocities.org/pages/foreverandalways" target="_blank" class="Link">Queer
Joy</a> Joy</a>
</li> </li>

10
src/style/_base.scss
View file

@ -2,14 +2,14 @@
* Global styles. This is the ONLY sheet that is allowed plain HTML tags for anything other than margin. * Global styles. This is the ONLY sheet that is allowed plain HTML tags for anything other than margin.
*/ */
@use 'theme'; @use "theme";
@use 'mixins'; @use "mixins";
html { html {
min-inline-size: 100vi;
min-block-size: 100vb;
overflow: hidden; overflow: hidden;
background-image: theme.$gradient; background-image: theme.$gradient;
min-block-size: 100vb;
min-inline-size: 100vi;
} }
body { body {
@ -27,9 +27,9 @@ b {
@include mixins.rainbowify-text(b, color); @include mixins.rainbowify-text(b, color);
hr { hr {
block-size: theme.$spacer-4xs;
background-image: theme.$gradient; background-image: theme.$gradient;
border: none; border: none;
block-size: theme.$spacer-4xs;
} }
a { a {

94
src/style/_theme.scss
View file

@ -35,7 +35,16 @@ $neutral-50: rgb(250 250 250);
$neutral-900: rgb(24 24 27); $neutral-900: rgb(24 24 27);
/* gradient */ /* gradient */
$gradient: linear-gradient(90deg, $red-400 0%, $orange-400 17%, $yellow-400 33%, $green-400 50%, $blue-400 67%, $purple-400 83%, $pink-400 100%); $gradient: linear-gradient(
90deg,
$red-400 0%,
$orange-400 17%,
$yellow-400 33%,
$green-400 50%,
$blue-400 67%,
$purple-400 83%,
$pink-400 100%
);
/* color iterator (mostly used for styleguide classes) */ /* color iterator (mostly used for styleguide classes) */
$colors: ( $colors: (
@ -59,42 +68,37 @@ $colors: (
); );
/* text color iterator */ /* text color iterator */
$text-colors: [ $text-colors:
$red-600, [ $red-600,
$orange-600, $orange-600,
$yellow-600, $yellow-600,
$green-600, $green-600,
$blue-600, $blue-600,
$purple-600, $purple-600,
$pink-600 $pink-600];
];
/* bullet image iterator */ /* bullet image iterator */
//noinspection CssUnknownTarget $bullet-images-point-left:
$bullet-images-point-left: [ [ url("/style/assets/ha01-icon-arrow.gif"),
url('/style/assets/ha01-icon-arrow.gif'), url("/style/assets/ha02-icon-arrow.gif"),
url('/style/assets/ha02-icon-arrow.gif'), url("/style/assets/ha03-icon-arrow.gif"),
url('/style/assets/ha03-icon-arrow.gif'), url("/style/assets/ha05-icon-arrow.gif"),
url('/style/assets/ha05-icon-arrow.gif'), url("/style/assets/ha06-icon-arrow.gif"),
url('/style/assets/ha06-icon-arrow.gif'), url("/style/assets/ha08-icon-arrow.gif"),
url('/style/assets/ha08-icon-arrow.gif'), url("/style/assets/ha10-icon-arrow.gif")];
url('/style/assets/ha10-icon-arrow.gif') $bullet-images-point-right:
]; [ url("style/assets/hb01-icon-arrow.gif"),
//noinspection CssUnknownTarget url("style/assets/hb02-icon-arrow.gif"),
$bullet-images-point-right: [ url("style/assets/hb03-icon-arrow.gif"),
url('style/assets/hb01-icon-arrow.gif'), url("style/assets/hb05-icon-arrow.gif"),
url('style/assets/hb02-icon-arrow.gif'), url("style/assets/hb06-icon-arrow.gif"),
url('style/assets/hb03-icon-arrow.gif'), url("style/assets/hb08-icon-arrow.gif"),
url('style/assets/hb05-icon-arrow.gif'), url("style/assets/hb10-icon-arrow.gif")];
url('style/assets/hb06-icon-arrow.gif'),
url('style/assets/hb08-icon-arrow.gif'),
url('style/assets/hb10-icon-arrow.gif')
];
/* typography */ /* typography */
$fontFamily--display: 'Bungee Shade', display; $fontFamily--display: "Bungee Shade", display;
$fontFamily--body: 'Imprima', handwriting; $fontFamily--body: "Imprima", handwriting;
$letterSpacing: .6px; $letterSpacing: 0.6px;
/** /**
* Fluid type scale * Fluid type scale
@ -102,11 +106,11 @@ $letterSpacing: .6px;
*/ */
$fontSize-0: clamp(0.75rem, calc(0.71rem + 0.22vw), 0.88rem); $fontSize-0: clamp(0.75rem, calc(0.71rem + 0.22vw), 0.88rem);
$fontSize-1: clamp(0.90rem, calc(0.83rem + 0.34vw), 1.09rem); $fontSize-1: clamp(0.9rem, calc(0.83rem + 0.34vw), 1.09rem);
$fontSize-2: clamp(1.08rem, calc(0.98rem + 0.50vw), 1.37rem); $fontSize-2: clamp(1.08rem, calc(0.98rem + 0.5vw), 1.37rem);
$fontSize-3: clamp(1.30rem, calc(1.15rem + 0.72vw), 1.71rem); $fontSize-3: clamp(1.3rem, calc(1.15rem + 0.72vw), 1.71rem);
$fontSize-4: clamp(1.56rem, calc(1.35rem + 1.01vw), 2.14rem); $fontSize-4: clamp(1.56rem, calc(1.35rem + 1.01vw), 2.14rem);
$fontSize-5: clamp(1.87rem, calc(1.59rem + 1.40vw), 2.67rem); $fontSize-5: clamp(1.87rem, calc(1.59rem + 1.4vw), 2.67rem);
$fontSize-6: clamp(2.24rem, calc(1.86rem + 1.91vw), 3.34rem); $fontSize-6: clamp(2.24rem, calc(1.86rem + 1.91vw), 3.34rem);
/** /**
@ -114,31 +118,31 @@ $fontSize-6: clamp(2.24rem, calc(1.86rem + 1.91vw), 3.34rem);
* @link https://utopia.fyi/space/calculator?c=320,12,1.2,1240,14,1.25,6,0,&s=0.75|0.5|0.25|0.15,1.5|2|3|4|6|12|24,s-l&g=s,l,xl,12 * @link https://utopia.fyi/space/calculator?c=320,12,1.2,1240,14,1.25,6,0,&s=0.75|0.5|0.25|0.15,1.5|2|3|4|6|12|24,s-l&g=s,l,xl,12
*/ */
$spacer-4xs: clamp(0.13rem, calc(0.13rem + 0.00vw), 0.13rem); $spacer-4xs: clamp(0.13rem, calc(0.13rem + 0vw), 0.13rem);
$spacer-3xs: clamp(0.19rem, calc(0.17rem + 0.11vw), 0.25rem); $spacer-3xs: clamp(0.19rem, calc(0.17rem + 0.11vw), 0.25rem);
$spacer-2xs: clamp(0.38rem, calc(0.35rem + 0.11vw), 0.44rem); $spacer-2xs: clamp(0.38rem, calc(0.35rem + 0.11vw), 0.44rem);
$spacer-xs: clamp(0.56rem, calc(0.52rem + 0.22vw), 0.69rem); $spacer-xs: clamp(0.56rem, calc(0.52rem + 0.22vw), 0.69rem);
$spacer-s: clamp(0.75rem, calc(0.71rem + 0.22vw), 0.88rem); $spacer-s: clamp(0.75rem, calc(0.71rem + 0.22vw), 0.88rem);
$spacer-m: clamp(1.13rem, calc(1.06rem + 0.33vw), 1.31rem); $spacer-m: clamp(1.13rem, calc(1.06rem + 0.33vw), 1.31rem);
$spacer-l: clamp(1.50rem, calc(1.41rem + 0.43vw), 1.75rem); $spacer-l: clamp(1.5rem, calc(1.41rem + 0.43vw), 1.75rem);
$spacer-xl: clamp(2.25rem, calc(2.12rem + 0.65vw), 2.63rem); $spacer-xl: clamp(2.25rem, calc(2.12rem + 0.65vw), 2.63rem);
$spacer-2xl: clamp(3.00rem, calc(2.83rem + 0.87vw), 3.50rem); $spacer-2xl: clamp(3rem, calc(2.83rem + 0.87vw), 3.5rem);
$spacer-3xl: clamp(4.50rem, calc(4.24rem + 1.30vw), 5.25rem); $spacer-3xl: clamp(4.5rem, calc(4.24rem + 1.3vw), 5.25rem);
$spacer-4xl: clamp(9.00rem, calc(8.48rem + 2.61vw), 10.50rem); $spacer-4xl: clamp(9rem, calc(8.48rem + 2.61vw), 10.5rem);
$spacer-5xl: clamp(18.00rem, calc(16.96rem + 5.22vw), 21.00rem); $spacer-5xl: clamp(18rem, calc(16.96rem + 5.22vw), 21rem);
/* One-up pairs */ /* One-up pairs */
$spacer-4xs-3xs: clamp(0.13rem, calc(0.08rem + 0.22vw), 0.25rem); $spacer-4xs-3xs: clamp(0.13rem, calc(0.08rem + 0.22vw), 0.25rem);
$spacer-3xs-2xs: clamp(0.19rem, calc(0.10rem + 0.43vw), 0.44rem); $spacer-3xs-2xs: clamp(0.19rem, calc(0.1rem + 0.43vw), 0.44rem);
$spacer-2xs-xs: clamp(0.38rem, calc(0.27rem + 0.54vw), 0.69rem); $spacer-2xs-xs: clamp(0.38rem, calc(0.27rem + 0.54vw), 0.69rem);
$spacer-xs-s: clamp(0.56rem, calc(0.45rem + 0.54vw), 0.88rem); $spacer-xs-s: clamp(0.56rem, calc(0.45rem + 0.54vw), 0.88rem);
$spacer-s-m: clamp(0.75rem, calc(0.55rem + 0.98vw), 1.31rem); $spacer-s-m: clamp(0.75rem, calc(0.55rem + 0.98vw), 1.31rem);
$spacer-m-l: clamp(1.13rem, calc(0.91rem + 1.09vw), 1.75rem); $spacer-m-l: clamp(1.13rem, calc(0.91rem + 1.09vw), 1.75rem);
$spacer-l-xl: clamp(1.50rem, calc(1.11rem + 1.96vw), 2.63rem); $spacer-l-xl: clamp(1.5rem, calc(1.11rem + 1.96vw), 2.63rem);
$spacer-xl-2xl: clamp(2.25rem, calc(1.82rem + 2.17vw), 3.50rem); $spacer-xl-2xl: clamp(2.25rem, calc(1.82rem + 2.17vw), 3.5rem);
$spacer-2xl-3xl: clamp(3.00rem, calc(2.22rem + 3.91vw), 5.25rem); $spacer-2xl-3xl: clamp(3rem, calc(2.22rem + 3.91vw), 5.25rem);
$spacer-3xl-4xl: clamp(4.50rem, calc(2.41rem + 10.43vw), 10.50rem); $spacer-3xl-4xl: clamp(4.5rem, calc(2.41rem + 10.43vw), 10.5rem);
$spacer-4xl-5xl: clamp(9.00rem, calc(4.83rem + 20.87vw), 21.00rem); $spacer-4xl-5xl: clamp(9rem, calc(4.83rem + 20.87vw), 21rem);
/* Custom pairs */ /* Custom pairs */
$spacer-s-l: clamp(0.75rem, calc(0.40rem + 1.74vw), 1.75rem); $spacer-s-l: clamp(0.75rem, calc(0.4rem + 1.74vw), 1.75rem);

10
src/style/components/_StyleGuide.scss
View file

@ -1,5 +1,5 @@
@use '../theme'; @use "../theme";
@use '../mixins'; @use "../mixins";
.StyleGuide-colors { .StyleGuide-colors {
display: flex; display: flex;
@ -26,7 +26,7 @@
color: theme.$neutral-50; color: theme.$neutral-50;
} }
@if ($name == 'gradient') { @if ($name == "gradient") {
background-image: $color; background-image: $color;
width: 100%; width: 100%;
} @else { } @else {
@ -40,7 +40,9 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.StyleGuide-italics, .StyleGuide-bold, .StyleGuide-links { .StyleGuide-italics,
.StyleGuide-bold,
.StyleGuide-links {
flex-grow: 1; flex-grow: 1;
text-align: center; text-align: center;
} }

7
src/style/components/base/_List.scss
View file

@ -1,8 +1,7 @@
@use '../../mixins'; @use "../../mixins";
@include mixins.rainbowify-text(".List-item", --rainbow-text);
@include mixins.rainbowify-text('.List-item', --rainbow-text);
.List-item::marker { .List-item::marker {
color: var(--rainbow-text); color: var(--rainbow-text);
content: '> '; content: "> ";
} }

9
src/style/components/base/_Title.scss
View file

@ -1,13 +1,14 @@
@use '../../theme'; @use "../../theme";
@mixin Title($size) { @mixin Title($size) {
font-weight: normal; font-weight: normal;
text-transform: uppercase;
text-align: center; text-align: center;
text-transform: uppercase;
&::before, &::after { &::before,
&::after {
font-size: $size; font-size: $size;
content: '🌈'; content: "🌈";
} }
&::before { &::before {

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

@ -5,3 +5,7 @@
.HitCounter { .HitCounter {
display: inline-block; display: inline-block;
} }
.Info-button {
display: block;
}

490277
tags Normal file
View file

File diff suppressed because it is too large Load diff