✨ feat(diary): new diary post
This commit is contained in:
parent
47d35567c5
commit
cde99a21a6
15 changed files with 490544 additions and 174 deletions
|
@ -2,17 +2,15 @@
|
|||
<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;">
|
||||
<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>
|
||||
<a href="/feed.xml">
|
||||
<a href="/feed.xml" class="Info-button">
|
||||
<img src="/images/rss-button.png" alt="RSS Feed">
|
||||
</a>
|
||||
<a href="https://neocities.org/site/punkfairie" class="Info-button">
|
||||
<img src="/images/neocities-pink.gif" alt="Follow me on Neocities">
|
||||
</a>
|
||||
|
|
|
@ -1,36 +1,29 @@
|
|||
<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>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<div class="Social-webring">
|
||||
<div id='neossg'>
|
||||
<!--suppress JSUnresolvedLibraryURL -->
|
||||
<script type="text/javascript"
|
||||
src="https://neossg.neocities.org/onionring-variables.js"></script>
|
||||
<script type="text/javascript" src="https://neossg.neocities.org/onionring-variables.js"></script>
|
||||
<!--suppress JSUnresolvedLibraryURL -->
|
||||
<script type="text/javascript"
|
||||
src="https://neossg.neocities.org/onionring-widget.js"></script>
|
||||
<script type="text/javascript" src="https://neossg.neocities.org/onionring-widget.js"></script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<a href="https://keysklubhouse.neocities.org" target="_blank"
|
||||
class="Social-badge">
|
||||
<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>
|
||||
|
||||
|
@ -38,14 +31,7 @@
|
|||
<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>
|
||||
|
||||
<a
|
||||
href="https://www.deviantart.com/king-lulu-deer/art/Lesbian-Pride-Flag-Shooting-Star-685222878"
|
||||
target="_blank"
|
||||
<a href="https://www.deviantart.com/king-lulu-deer/art/Lesbian-Pride-Flag-Shooting-Star-685222878" target="_blank"
|
||||
class="Social-badge">
|
||||
<img src="/images/badges/dyke.gif" alt="Dyke" title="Dyke">
|
||||
</a>
|
||||
|
|
|
@ -23,7 +23,8 @@ layout: layout.liquid
|
|||
</p>
|
||||
|
||||
<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>
|
||||
</ul>
|
||||
|
||||
|
@ -40,22 +41,12 @@ layout: layout.liquid
|
|||
<p>
|
||||
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
|
||||
useless & most expensive degree in the world - fine arts. I write poetry
|
||||
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.
|
||||
I strongly dislike social media, 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>
|
||||
|
|
|
@ -1,73 +1,77 @@
|
|||
const {readdir} = require('node:fs/promises')
|
||||
const {resolve} = require('node:path')
|
||||
const { readdir } = require("node:fs/promises");
|
||||
const { resolve } = require("node:path");
|
||||
|
||||
const credits = {
|
||||
key: 'https://keysklubhouse.neocities.org/',
|
||||
GIFCollection: 'https://cyber.dabamos.de/88x31/',
|
||||
cinni: 'https://cinni.net/',
|
||||
fairytrash: 'https://fairytrash.neocities.org/portal/oldweb.html',
|
||||
'webcore-galore': 'https://www.deviantart.com/webcore-galore',
|
||||
'molly-stamps': 'https://www.deviantart.com/molly-stamps',
|
||||
murderawrz: 'https://www.deviantart.com/murderawrz',
|
||||
'minecr-aft': 'https://www.deviantart.com/minecr-aft',
|
||||
gaarumageddon: 'https://www.deviantart.com/gaarumageddon',
|
||||
morecentipedes: 'https://www.deviantart.com/morecentipedes/',
|
||||
gendercute: 'https://www.deviantart.com/gendercute',
|
||||
uzkost: 'https://www.deviantart.com/uzkost',
|
||||
fawntoy: 'https://www.deviantart.com/fawntoy',
|
||||
antikrist: 'https://antikrist.neocities.org/',
|
||||
panstarry: 'https://www.deviantart.com/panstarry',
|
||||
'rogue-ranger': 'https://www.deviantart.com/rogue-ranger',
|
||||
'virus-xenon': 'https://www.deviantart.com/virus-xenon',
|
||||
kittyjewelpet78: 'https://www.deviantart.com/kittyjewelpet78',
|
||||
dustyhyena: 'https://www.deviantart.com/dustyhyena',
|
||||
'sugary-stardust': 'https://www.deviantart.com/sugary-stardust',
|
||||
tamriei: 'https://www.deviantart.com/tamriei',
|
||||
'100hosts': 'https://www.deviantart.com/100ghosts',
|
||||
dameinatrix: 'https://www.deviantart.com/dameinatrix',
|
||||
nyanfuw: 'https://www.deviantart.com/nyanfuw',
|
||||
skystamps: 'https://www.deviantart.com/skystamps',
|
||||
'hyper--drunk': 'https://www.deviantart.com/hyper--drunk',
|
||||
stampmakerlkj: 'https://www.deviantart.com/stampmakerlkj',
|
||||
beepudding: 'https://www.deviantart.com/beepudding',
|
||||
princessskyler: 'https://www.deviantart.com/princessskyler',
|
||||
buniis: 'https://www.deviantart.com/buniis',
|
||||
goredoq: 'https://www.deviantart.com/goredoq',
|
||||
ufocatchers: 'https://www.deviantart.com/ufocatchers',
|
||||
stitchlovergirl96: 'https://www.deviantart.com/stitchlovergirl96',
|
||||
midousujii: 'https://www.deviantart.com/midousujii',
|
||||
glittersludge: 'https://www.deviantart.com/glittersludge',
|
||||
amekin: 'https://www.deviantart.com/amekin',
|
||||
stratosqueer: 'https://www.deviantart.com/stratosqueer',
|
||||
puppystamps: 'https://www.deviantart.com/puppystamps',
|
||||
turbuggy: 'https://www.deviantart.com/turbuggy',
|
||||
aestheticstamps: 'https://www.deviantart.com/aestheticstamps',
|
||||
kittyjewelpet74: 'https://www.deviantart.com/kittyjewelpet74',
|
||||
'king-lulu-deer': 'https://www.deviantart.com/king-lulu-deer',
|
||||
'r0se-designs': 'https://www.deviantart.com/r0se-designs',
|
||||
aomiarmster: 'https://www.deviantart.com/aomiarmster',
|
||||
'nerdy-pixel-girl': 'https://www.deviantart.com/nerdy-pixel-girl',
|
||||
crystalstamps: 'https://www.deviantart.com/crystalstamps',
|
||||
}
|
||||
key: "https://keysklubhouse.neocities.org/",
|
||||
GIFCollection: "https://cyber.dabamos.de/88x31/",
|
||||
cinni: "https://cinni.net/",
|
||||
fairytrash: "https://fairytrash.neocities.org/portal/oldweb.html",
|
||||
"webcore-galore": "https://www.deviantart.com/webcore-galore",
|
||||
"molly-stamps": "https://www.deviantart.com/molly-stamps",
|
||||
murderawrz: "https://www.deviantart.com/murderawrz",
|
||||
"minecr-aft": "https://www.deviantart.com/minecr-aft",
|
||||
gaarumageddon: "https://www.deviantart.com/gaarumageddon",
|
||||
morecentipedes: "https://www.deviantart.com/morecentipedes/",
|
||||
gendercute: "https://www.deviantart.com/gendercute",
|
||||
uzkost: "https://www.deviantart.com/uzkost",
|
||||
fawntoy: "https://www.deviantart.com/fawntoy",
|
||||
antikrist: "https://antikrist.neocities.org/",
|
||||
panstarry: "https://www.deviantart.com/panstarry",
|
||||
"rogue-ranger": "https://www.deviantart.com/rogue-ranger",
|
||||
"virus-xenon": "https://www.deviantart.com/virus-xenon",
|
||||
kittyjewelpet78: "https://www.deviantart.com/kittyjewelpet78",
|
||||
dustyhyena: "https://www.deviantart.com/dustyhyena",
|
||||
"sugary-stardust": "https://www.deviantart.com/sugary-stardust",
|
||||
tamriei: "https://www.deviantart.com/tamriei",
|
||||
"100hosts": "https://www.deviantart.com/100ghosts",
|
||||
dameinatrix: "https://www.deviantart.com/dameinatrix",
|
||||
nyanfuw: "https://www.deviantart.com/nyanfuw",
|
||||
skystamps: "https://www.deviantart.com/skystamps",
|
||||
"hyper--drunk": "https://www.deviantart.com/hyper--drunk",
|
||||
stampmakerlkj: "https://www.deviantart.com/stampmakerlkj",
|
||||
beepudding: "https://www.deviantart.com/beepudding",
|
||||
princessskyler: "https://www.deviantart.com/princessskyler",
|
||||
buniis: "https://www.deviantart.com/buniis",
|
||||
goredoq: "https://www.deviantart.com/goredoq",
|
||||
ufocatchers: "https://www.deviantart.com/ufocatchers",
|
||||
stitchlovergirl96: "https://www.deviantart.com/stitchlovergirl96",
|
||||
midousujii: "https://www.deviantart.com/midousujii",
|
||||
glittersludge: "https://www.deviantart.com/glittersludge",
|
||||
amekin: "https://www.deviantart.com/amekin",
|
||||
stratosqueer: "https://www.deviantart.com/stratosqueer",
|
||||
puppystamps: "https://www.deviantart.com/puppystamps",
|
||||
turbuggy: "https://www.deviantart.com/turbuggy",
|
||||
aestheticstamps: "https://www.deviantart.com/aestheticstamps",
|
||||
kittyjewelpet74: "https://www.deviantart.com/kittyjewelpet74",
|
||||
"king-lulu-deer": "https://www.deviantart.com/king-lulu-deer",
|
||||
"r0se-designs": "https://www.deviantart.com/r0se-designs",
|
||||
aomiarmster: "https://www.deviantart.com/aomiarmster",
|
||||
"nerdy-pixel-girl": "https://www.deviantart.com/nerdy-pixel-girl",
|
||||
crystalstamps: "https://www.deviantart.com/crystalstamps",
|
||||
gardenofmadeline: "https://thegardenofmadeline.neocities.org/",
|
||||
"99gifshop": "https://99gifshop.neocities.org/",
|
||||
};
|
||||
|
||||
module.exports = async function () {
|
||||
const imagesDir = 'src/collections/images'
|
||||
let collections = {}
|
||||
const categories = await readdir(resolve(imagesDir))
|
||||
const imagesDir = "src/collections/images";
|
||||
let collections = {};
|
||||
const categories = await readdir(resolve(imagesDir));
|
||||
|
||||
for (const category of categories) {
|
||||
collections[category] = {}
|
||||
for (const category of categories) {
|
||||
collections[category] = {};
|
||||
|
||||
const sources = await readdir(resolve(`${imagesDir}/${category}`))
|
||||
const sources = await readdir(resolve(`${imagesDir}/${category}`));
|
||||
|
||||
for (const source of sources) {
|
||||
collections[category][source] =
|
||||
(await readdir(resolve(`${imagesDir}/${category}/${source}`), {withFileTypes: true}))
|
||||
.map(item => item.name)
|
||||
}
|
||||
for (const source of sources) {
|
||||
collections[category][source] = (
|
||||
await readdir(resolve(`${imagesDir}/${category}/${source}`), {
|
||||
withFileTypes: true,
|
||||
})
|
||||
).map((item) => item.name);
|
||||
}
|
||||
}
|
||||
|
||||
collections.credits = credits
|
||||
collections.credits = credits;
|
||||
|
||||
return collections
|
||||
}
|
||||
return collections;
|
||||
};
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
99
src/diary/2024/09/28.liquid
Normal file
99
src/diary/2024/09/28.liquid
Normal 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 & 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
BIN
src/images/links/gardenofmadeline.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.6 KiB |
|
@ -31,11 +31,16 @@ layout: layout.liquid
|
|||
<a href="https://transistorcafe.net/" target="_blank">
|
||||
<img src="/images/links/TransistorCafe.gif" alt="Transistor Cafe">
|
||||
</a>
|
||||
<a href="https://thegardenofmadeline.neocities.org/" target="_blank">
|
||||
<img src="/images/links/gardenofmadeline.gif" alt="The Garden of Madeline">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<ul class="List">
|
||||
<li class="List-item">
|
||||
<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
|
||||
Joy</a>
|
||||
</li>
|
||||
|
|
|
@ -2,14 +2,14 @@
|
|||
* Global styles. This is the ONLY sheet that is allowed plain HTML tags for anything other than margin.
|
||||
*/
|
||||
|
||||
@use 'theme';
|
||||
@use 'mixins';
|
||||
@use "theme";
|
||||
@use "mixins";
|
||||
|
||||
html {
|
||||
min-inline-size: 100vi;
|
||||
min-block-size: 100vb;
|
||||
overflow: hidden;
|
||||
background-image: theme.$gradient;
|
||||
min-block-size: 100vb;
|
||||
min-inline-size: 100vi;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -27,9 +27,9 @@ b {
|
|||
@include mixins.rainbowify-text(b, color);
|
||||
|
||||
hr {
|
||||
block-size: theme.$spacer-4xs;
|
||||
background-image: theme.$gradient;
|
||||
border: none;
|
||||
block-size: theme.$spacer-4xs;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -35,7 +35,16 @@ $neutral-50: rgb(250 250 250);
|
|||
$neutral-900: rgb(24 24 27);
|
||||
|
||||
/* 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) */
|
||||
$colors: (
|
||||
|
@ -59,42 +68,37 @@ $colors: (
|
|||
);
|
||||
|
||||
/* text color iterator */
|
||||
$text-colors: [
|
||||
$red-600,
|
||||
$text-colors:
|
||||
[ $red-600,
|
||||
$orange-600,
|
||||
$yellow-600,
|
||||
$green-600,
|
||||
$blue-600,
|
||||
$purple-600,
|
||||
$pink-600
|
||||
];
|
||||
$pink-600];
|
||||
|
||||
/* bullet image iterator */
|
||||
//noinspection CssUnknownTarget
|
||||
$bullet-images-point-left: [
|
||||
url('/style/assets/ha01-icon-arrow.gif'),
|
||||
url('/style/assets/ha02-icon-arrow.gif'),
|
||||
url('/style/assets/ha03-icon-arrow.gif'),
|
||||
url('/style/assets/ha05-icon-arrow.gif'),
|
||||
url('/style/assets/ha06-icon-arrow.gif'),
|
||||
url('/style/assets/ha08-icon-arrow.gif'),
|
||||
url('/style/assets/ha10-icon-arrow.gif')
|
||||
];
|
||||
//noinspection CssUnknownTarget
|
||||
$bullet-images-point-right: [
|
||||
url('style/assets/hb01-icon-arrow.gif'),
|
||||
url('style/assets/hb02-icon-arrow.gif'),
|
||||
url('style/assets/hb03-icon-arrow.gif'),
|
||||
url('style/assets/hb05-icon-arrow.gif'),
|
||||
url('style/assets/hb06-icon-arrow.gif'),
|
||||
url('style/assets/hb08-icon-arrow.gif'),
|
||||
url('style/assets/hb10-icon-arrow.gif')
|
||||
];
|
||||
$bullet-images-point-left:
|
||||
[ url("/style/assets/ha01-icon-arrow.gif"),
|
||||
url("/style/assets/ha02-icon-arrow.gif"),
|
||||
url("/style/assets/ha03-icon-arrow.gif"),
|
||||
url("/style/assets/ha05-icon-arrow.gif"),
|
||||
url("/style/assets/ha06-icon-arrow.gif"),
|
||||
url("/style/assets/ha08-icon-arrow.gif"),
|
||||
url("/style/assets/ha10-icon-arrow.gif")];
|
||||
$bullet-images-point-right:
|
||||
[ url("style/assets/hb01-icon-arrow.gif"),
|
||||
url("style/assets/hb02-icon-arrow.gif"),
|
||||
url("style/assets/hb03-icon-arrow.gif"),
|
||||
url("style/assets/hb05-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 */
|
||||
$fontFamily--display: 'Bungee Shade', display;
|
||||
$fontFamily--body: 'Imprima', handwriting;
|
||||
$letterSpacing: .6px;
|
||||
$fontFamily--display: "Bungee Shade", display;
|
||||
$fontFamily--body: "Imprima", handwriting;
|
||||
$letterSpacing: 0.6px;
|
||||
|
||||
/**
|
||||
* Fluid type scale
|
||||
|
@ -102,11 +106,11 @@ $letterSpacing: .6px;
|
|||
*/
|
||||
|
||||
$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-2: clamp(1.08rem, calc(0.98rem + 0.50vw), 1.37rem);
|
||||
$fontSize-3: clamp(1.30rem, calc(1.15rem + 0.72vw), 1.71rem);
|
||||
$fontSize-1: clamp(0.9rem, calc(0.83rem + 0.34vw), 1.09rem);
|
||||
$fontSize-2: clamp(1.08rem, calc(0.98rem + 0.5vw), 1.37rem);
|
||||
$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-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);
|
||||
|
||||
/**
|
||||
|
@ -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
|
||||
*/
|
||||
|
||||
$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-2xs: clamp(0.38rem, calc(0.35rem + 0.11vw), 0.44rem);
|
||||
$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-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-2xl: clamp(3.00rem, calc(2.83rem + 0.87vw), 3.50rem);
|
||||
$spacer-3xl: clamp(4.50rem, calc(4.24rem + 1.30vw), 5.25rem);
|
||||
$spacer-4xl: clamp(9.00rem, calc(8.48rem + 2.61vw), 10.50rem);
|
||||
$spacer-5xl: clamp(18.00rem, calc(16.96rem + 5.22vw), 21.00rem);
|
||||
$spacer-2xl: clamp(3rem, calc(2.83rem + 0.87vw), 3.5rem);
|
||||
$spacer-3xl: clamp(4.5rem, calc(4.24rem + 1.3vw), 5.25rem);
|
||||
$spacer-4xl: clamp(9rem, calc(8.48rem + 2.61vw), 10.5rem);
|
||||
$spacer-5xl: clamp(18rem, calc(16.96rem + 5.22vw), 21rem);
|
||||
|
||||
/* One-up pairs */
|
||||
$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-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-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-xl-2xl: clamp(2.25rem, calc(1.82rem + 2.17vw), 3.50rem);
|
||||
$spacer-2xl-3xl: clamp(3.00rem, calc(2.22rem + 3.91vw), 5.25rem);
|
||||
$spacer-3xl-4xl: clamp(4.50rem, calc(2.41rem + 10.43vw), 10.50rem);
|
||||
$spacer-4xl-5xl: clamp(9.00rem, calc(4.83rem + 20.87vw), 21.00rem);
|
||||
$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.5rem);
|
||||
$spacer-2xl-3xl: clamp(3rem, calc(2.22rem + 3.91vw), 5.25rem);
|
||||
$spacer-3xl-4xl: clamp(4.5rem, calc(2.41rem + 10.43vw), 10.5rem);
|
||||
$spacer-4xl-5xl: clamp(9rem, calc(4.83rem + 20.87vw), 21rem);
|
||||
|
||||
/* 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);
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@use '../theme';
|
||||
@use '../mixins';
|
||||
@use "../theme";
|
||||
@use "../mixins";
|
||||
|
||||
.StyleGuide-colors {
|
||||
display: flex;
|
||||
|
@ -26,7 +26,7 @@
|
|||
color: theme.$neutral-50;
|
||||
}
|
||||
|
||||
@if ($name == 'gradient') {
|
||||
@if ($name == "gradient") {
|
||||
background-image: $color;
|
||||
width: 100%;
|
||||
} @else {
|
||||
|
@ -40,7 +40,9 @@
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.StyleGuide-italics, .StyleGuide-bold, .StyleGuide-links {
|
||||
.StyleGuide-italics,
|
||||
.StyleGuide-bold,
|
||||
.StyleGuide-links {
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
@ -1,8 +1,7 @@
|
|||
@use '../../mixins';
|
||||
|
||||
@include mixins.rainbowify-text('.List-item', --rainbow-text);
|
||||
@use "../../mixins";
|
||||
@include mixins.rainbowify-text(".List-item", --rainbow-text);
|
||||
|
||||
.List-item::marker {
|
||||
color: var(--rainbow-text);
|
||||
content: '> ';
|
||||
content: "> ";
|
||||
}
|
||||
|
|
|
@ -1,13 +1,14 @@
|
|||
@use '../../theme';
|
||||
@use "../../theme";
|
||||
|
||||
@mixin Title($size) {
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
|
||||
&::before, &::after {
|
||||
&::before,
|
||||
&::after {
|
||||
font-size: $size;
|
||||
content: '🌈';
|
||||
content: "🌈";
|
||||
}
|
||||
|
||||
&::before {
|
||||
|
|
|
@ -5,3 +5,7 @@
|
|||
.HitCounter {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.Info-button {
|
||||
display: block;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue