new icons

This commit is contained in:
sundae 2025-09-09 18:12:57 +03:00
parent bc8100b101
commit e14118f864
No known key found for this signature in database
29 changed files with 115 additions and 59 deletions

View file

@ -21,13 +21,13 @@
{
"artist": "Bôa",
"cover": "/assets/img/media/music/albums/boa_thousand-camels.png",
"src": "https://musicbrainz.org/release/8bd70552-0a26-466e-bfaf-49f0e5b65e5d",
"src": "https://musicbrainz.org/release-group/2b81ce5f-7b48-3f75-a714-cbab421db712",
"title": "The Race of a Thousand Camels"
},
{
"artist": "Duran Duran",
"cover": "/assets/img/media/music/albums/dd_1993.png",
"src": "https://musicbrainz.org/release/f94309a3-1797-4e29-861c-671b90307e4a",
"src": "https://musicbrainz.org/release-group/faedc66c-59ae-36ee-a89d-9dda4a9ea393",
"title": "The Wedding Album"
},
{
@ -72,22 +72,34 @@
"src": "https://lifeformed.bandcamp.com/album/tunic-original-game-soundtrack",
"title": "TUNIC"
},
{
"artist": "Linkin Park",
"cover": "/assets/img/media/music/albums/lp_hybrid-theory.png",
"src": "https://musicbrainz.org/release-group/b5b4bb4b-8ba5-3acf-88cb-4cae2699d8da",
"title": "Hybrid Theory"
},
{
"artist": "Linkin Park",
"cover": "/assets/img/media/music/albums/lp_meteora.png",
"src": "https://musicbrainz.org/release-group/09474d62-17dd-3a4f-98fb-04c65f38a479",
"title": "Meteora"
},
{
"artist": "Madeon",
"cover": "/assets/img/media/music/albums/madeon_adventure.png",
"src": "https://musicbrainz.org/release/37d1cc6e-a1b2-404e-9896-2b305217e05e",
"src": "https://musicbrainz.org/release-group/5613f475-9235-49cd-bcfb-d69c196d91a7",
"title": "Adventure"
},
{
"artist": "Pendulum",
"cover": "/assets/img/media/music/albums/pendulum_hold-your-colour.png",
"src": "https://musicbrainz.org/release/9d9b873c-fbd4-43df-9533-b401dd86081d",
"src": "https://musicbrainz.org/release-group/8ec197ee-a888-32d7-acb5-0fac3e95e263",
"title": "Hold your Colour"
},
{
"artist": "Pendulum",
"cover": "/assets/img/media/music/albums/pendulum_immersion.png",
"src": "https://musicbrainz.org/release/8eb52812-f660-475c-ba17-3410c8f0c0a8",
"src": "https://musicbrainz.org/release-group/320df089-f656-433d-add7-605d06800852",
"title": "Immersion"
},
{
@ -102,6 +114,12 @@
"src": "https://spearheadrecords.bandcamp.com/album/poetry-in-motion",
"title": "Poetry in Motion"
},
{
"artist": "T.H.C.",
"cover": "/assets/img/media/music/albums/thc_adagio.png",
"src": "https://georgesarah.bandcamp.com/album/t-h-c-adagio",
"title": "Adagio"
},
{
"artist": "Vince Kaichan",
"cover": "/assets/img/media/music/albums/vince-kaichan_tracker-works.png",

View file

@ -1,6 +1,7 @@
---
paw: "m 15.700739,16.184194 c 0,4.483 -2.555,2.038 -5.7060001,2.038 -3.151,0 -5.706,2.445 -5.706,-2.038 0,-2.925 2.555,-6.113001 5.706,-6.113001 3.1510001,0 5.7060001,3.188001 5.7060001,6.113001 z M 4.0687389,8.1071934 c 0.394,1.336 0.007,2.6259996 -0.862,2.8819996 -0.87,0.256001 -1.8929999,-0.619 -2.28599993,-1.9539996 -0.393,-1.336 -0.007,-2.626 0.86199993,-2.882 0.87,-0.256 1.893,0.619 2.286,1.954 z m 15.0000001,0.945 c -0.407,1.3319996 -1.442,2.1960006 -2.312,1.9299996 -0.869,-0.266 -1.244,-1.5609996 -0.837,-2.8919996 0.407,-1.332 1.442,-2.196 2.312,-1.93 0.869,0.265 1.244,1.56 0.837,2.892 z m -10.1100001,-4.859 c 0.365,1.897 -0.218,3.606 -1.302,3.814 -1.085,0.209 -2.261,-1.16 -2.626,-3.059 -0.365,-1.898 0.218,-3.6060001 1.302,-3.8150001 1.085,-0.20799996 2.261,1.1620001 2.626,3.0600001 z m 5.9960001,0.778 c -0.388,1.893 -1.578,3.25 -2.66,3.029 -1.082,-0.222 -1.647,-1.937 -1.26,-3.83 0.388,-1.894 1.578,-3.25000006 2.66,-3.0290001 1.082,0.222 1.647,1.9370001 1.26,3.8300001 z"
meow: "m18.8003 13.7653q0-1.7737-1.156-2.943-1.1563-1.1693-3.2321-1.3925v-.0525q1.8918-.3939 2.8772-1.4976.9986-1.1167.9986-2.8905 0-2.3122-1.5502-3.5996Q15.2006.0889 12.4153.0889q-2.5488 0-4.1778 1.2744-1.616 1.2741-1.8788 3.5471l2.3785.1843q.1577-1.4583 1.1167-2.2597.972-.8014 2.5355-.8014 1.7208 0 2.588.8673.8802.8539.8802 2.3385 0 1.4976-1.0774 2.3516-1.0642.8409-3.0086.8409h-1.2873v2.0495h1.3399q2.1942 0 3.3502.8539 1.1692.8406 1.1692 2.3515 0 1.7342-1.0249 2.6144-1.0116.8802-2.7983.8802-3.5604 0-4.0334-3.2847l-2.4437.2236q.3154 2.4829 1.984 3.7573 1.6815 1.2611 4.4931 1.2611 3.0219 0 4.6509-1.4058t1.629-3.9676zM2.5618 18.8759v-2.7195H-0v2.7195zm0-11.4959V4.6606H-0V7.38z"
back: "M2 16 18 4h6L12 14H50v4H12L24 28H18Z"
theme: "M16 6a1 1 0 010 20Zm0-4a1 1 0 000 28A1 1 0 0016 2"
---
<!DOCTYPE html>
@ -38,16 +39,16 @@ meow: "m18.8003 13.7653q0-1.7737-1.156-2.943-1.1563-1.1693-3.2321-1.3925v-.0525q
<ul role="list">
<li>
<a href="../">
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<path d="M 4 11 L 12 5 L 15 5 L 9 10 L 28 10 L 28 12 L 9 12 L 15 17 L 12 17 Z"></path>
<svg width="20" height="20" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="{{back}}"></path>
</svg>
Back
</a>
</li>
<li>
<button id="theme-toggle">
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="{{meow}}"></svg>
<svg width="20" height="20" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="{{theme}}"></svg>
Toggle theme
</button>
</li>

View file

@ -1,6 +1,5 @@
---
layout: base
icon: "M 6 3 L 19 3 L 26 10 L 26 30 L 6 30 Z M 17 12 L 24 12 L 17 5 Z"
---
<article>

View file

@ -1,6 +1,5 @@
---
layout: base
icon: "M 30 26 L 27 26 L 21 14 L 16 23 L 11 17 L 5 26 L 2 26 L 2 2 Q 2 2 10 6 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 6 L 2 2 L 30 2 L 30 26 L 30 30 L 2 30 L 2 26"
---
<article id="art">

View file

@ -1,6 +1,7 @@
@import url("./variables.css");
@import url("../default/variables.css");
@import url("./nav.css");
#bio,
#interests,
#badges,
@ -72,7 +73,7 @@ article {
border-radius: inherit;
background-color: color-mix(in lch, magenta, white);
&:is(:hover, :focus) {
background-color: magenta;
background-color: color-mix(in lch, magenta, white 30%);
}
}
& code:not(pre *) {
@ -85,7 +86,11 @@ article {
#interests div:has(img)::after {
display: none !important;
}
#interests li:has(div img) {
#interests li {
& a {
align-content: center;
}
&:has(div img) {
margin: var(--pad-sm);
box-shadow: var(--shadow);
background: color-mix(in lch, yellow, white);
@ -93,6 +98,7 @@ article {
transform: rotate(1deg);
}
}
}
ul:not([role]) li::before {
background-color: #000;
}
@ -164,6 +170,9 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
& p {
color: initial;
}
& p:not(:last-child) {
color: color-mix(in lch, var(--dark), var(--light) 50%);
}
&:is(:hover, :focus) {
border-color: currentColor;
}
@ -211,7 +220,7 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
height: 32px;
width: calc(100% + var(--pad-xl) * 2);
margin: -4rem 0 var(--pad-l) calc(var(--pad-xl) * -1);
background-image: var(--border), var(--lined);
background-image: var(--border), var(--lined), var(--noise);
background-size: 32px, 32px;
background-blend-mode: darken;
}

View file

@ -72,15 +72,18 @@
flex-direction: row;
gap: var(--pad-l);
}
& section:has(a:nth-child(n + 3)) {
flex-direction: column;
}
& section {
& a {
display: flex;
width: calc(var(--post) - var(--view) * 1.2);
width: calc(var(--post) - var(--view));
flex-direction: column;
}
}
}
@media screen and (max-width: 1400px) {
@media screen and (max-width: 1500px) {
#art section:has(a:nth-child(n + 2)) {
flex-direction: column;
& a {

View file

@ -7,27 +7,41 @@
transform: translateY(-4px);
}
}
@keyframes fadeIn {
@keyframes slide {
0% {
color: inherit;
background-position: 0% 100%;
}
100% {
color: transparent;
background-position: 200% 100%;
}
}
article#bio {
& ul {
margin: 0 var(--pad-xl);
}
& li {
display: flex;
}
& span[id] {
color: transparent;
background-clip: text;
background-repeat: repeat;
&:hover {
background-clip: initial;
background-size: 200% 100%;
background-position: 0% 50%;
animation: slide 5s linear infinite;
transition: var(--trans);
animation: fadeIn var(--trans) linear forwards;
&:hover {
opacity: 1;
color: var(--dark);
background-clip: initial;
}
}
& img[alt] {
height: 24px;
display: inline-flex;
margin: 0 0 0 var(--pad-sm);
align-self: center;
}
}
article#badges {
& ul {
@ -127,6 +141,7 @@ article#interests {
}
#agender {
background-image: linear-gradient(
var(--flag),
#000 0 14.28%,
#c0c0c0 0 28.57%,
#fff 0 42.85%,
@ -138,6 +153,7 @@ article#interests {
}
#aromantic {
background-image: linear-gradient(
var(--flag),
#0a2 20%,
#7d6 0 40%,
#fff 0 60%,
@ -146,11 +162,13 @@ article#interests {
);
}
#pansexual {
background-image: linear-gradient(#f09 33.33%, #ffd700 0 66.66%, #00bfff 0);
background-image: linear-gradient(var(--flag), #f09 33.33%, #ffd700 0 66.66%, #00bfff 0);
}
#interests div:has(img)::after {
content: url("/assets/img/icon/shortcut.png");
display: flex;
content: "";
background-image: url("/assets/img/icon/shortcut.png");
background-size: 100%;
display: block;
z-index: 1;
position: absolute;
width: 24px;

View file

@ -1,6 +1,4 @@
@import url("./variables.css");
@import url("./theme-light.css");
@import url("./theme-dark.css");
#index {
color: var(--primary-dark-300);

View file

@ -48,6 +48,7 @@
--pad-l: 1rem;
--pad-m: 0.8rem;
--pad-sm: 0.4rem;
--flag: -45deg;
--paw: url("/assets/img/theme/paw.svg");
--sunny: url("/assets/img/theme/citrus/sundae.png")
}

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 317 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

View file

@ -6,6 +6,6 @@ Hi! My name's Sunny. I'm:
* an audio and video editor
* a graphic designer
* a web designer
* a bunny 🐇
* a bunny <img src="/assets/img/icon/rabbit_1f407.gif" alt="🐇">
I identify as: <span id="agender">agender</span>, <span id="aromantic">aromantic</span> and <span id="pansexual">pansexual</span>.

View file

@ -28,7 +28,7 @@ eleventyConfig.addFilter("ISO", (dateObj) => {
return format(dateObj, "yyyy-LL-dd");
});
eleventyConfig.addFilter("readable", (dateObj) => {
return format(dateObj, "LLLL d, yyyy");
return format(dateObj, "LLLL do, yyyy");
});
```

View file

@ -1,8 +1,8 @@
---
description: Working with Linux
date: 2024-06-22
modified: 2025-05-19
blurb: <p><a href="/assets/img/blog/works-on-my-machine.png"><img src="/assets/img/blog/works-on-my-machine.png"></a></p><p>whatever i'm using might not necessarily work for you</p>
modified: 2025-09-09
blurb: <p><a href="https://blog.codinghorror.com/the-works-on-my-machine-certification-program/"><img src="/assets/img/blog/works-on-my-machine.png"></a></p><p>whatever i'm using might not necessarily work for you</p>
avatar: /assets/img/art/sundae_glistening.png
---
### {{page.fileSlug}}
@ -82,9 +82,9 @@ It's personally been no cost to me with the hobbies I have, keyword: <u>personal
Here's a few programs I used before switching over, that didn't/won't have a Linux port:
* {%ai"https://notepad-plus-plus.org"%}Notepad++{%endai%}, replaced by {%ai"https://apps.kde.org/kate/"%}Kate{%endai%}
* {%ai"https://notepad-plus-plus.org"%}Notepad++{%endai%}, replaced by {%ai"https://vscodium.com/"%}VSCodium{%endai%}
* {%ai"https://getpaint.net/"%}paint.net{%endai%}, replaced by {%ai"https://www.gimp.org"%}GIMP{%endai%}
* {%ai"https://www.foobar2000.org"%}foobar2000{%endai%}, replaced by {%ai"https://www.videolan.org"%}VLC media player{%endai%}
* {%ai"https://www.foobar2000.org"%}foobar2000{%endai%}, replaced by {%ai"https://deadbeef.sourceforge.io/"%}DeaDBeeF{%endai%}
* {%ai"https://www.nvidia.com/en-us/geforce/geforce-experience/shadowplay/"%}Nvidia ShadowPlay{%endai%}, replaced by {%ai"https://obsproject.com"%}OBS Studio{%endai%}, which I achieved by toggling "Enable Replay Buffer" in the Output settings and setting up keybinds associated.
... that being said, the programs that I do miss using from Windows are:

View file

@ -5,6 +5,7 @@ title: Version 5
![](/assets/img/changelog/ver5.png)
Re-wrote the website with [Eleventy](https://11ty.dev/). Read the [accompanying blog post](/blog/break-time/)
* Changed image directory
* If you've linked my 88x31 button on your website, it's now located under `/assets/img/button` instead of `/img/buttons/` and named alphabetically
* Navigation works without JavaScript

View file

@ -16,9 +16,10 @@ Read the [accompanying blog post](/blog/rewrite-2.0)
* Merged with [Home](/home)
* Fixed the Pokemon box cutting off at lower resolutions
* Changed sidebar
* Reverted back to normal text
* Added a pawprint flair
* Sunny is there again, sitting this time.
* Added a "Toggle theme" button to Navigation
* Reverted `summary` text back to normal text
* Added a pawprint flair to `details`
* Sunny is there again, sitting this time
* Changed [Blog](/blog)
* Fixed `h3 a` links not working in blog posts
* Added functionality for blog-specific avatars and image attachments to the postscript blurb
@ -26,11 +27,11 @@ Read the [accompanying blog post](/blog/rewrite-2.0)
* Merged into gallery entries
* Changed [Gallery](/gallery)
* Artworks now direct to their own page, with artist's notes
* Previously, they were a direct link to the artwork.
* Previously, they were a direct link to the artwork
* Changed [Changelog](/changelog)
* Fixed trailing nests and now processed using a linter
* Fixed trailing nests and now processed using [Prettier](https://github.com/prettier/prettier)
* Made modular with templating
* Previously, everything was written manually under one page.
* Previously, everything was written manually under one page
* Updated my 88x31 button [![](/assets/img/button/sunbun_d.gif "sunbun")](/)
* Attribution:
* [Mat's 88x31 button crawler](https://matdoes.dev/buttons)

View file

@ -1,6 +1,6 @@
* Polished the old theme
* Changed [Home](/home)
* Added `details` (dropdown menus) to [interests](/home#interests)
* Added `details` to [interests](/home#interests)
* Changed [Gallery](/gallery)
* Artwork pages themselves are now more modular
* Added a counter if there's multiple artworks in one entry

View file

@ -0,0 +1,10 @@
* Changed sidebar
* Added icon for [Changelog](/changelog)
* For some reason I forgot give it an icon, it previously used the Gallery icon
* Updated every other Navigation icon
* Changed [Home](/home)
* Animated the flags in my [bio](/home#bio)
* Animated the rabbit emoji
* Added new albums to [interests](/home#interests)
* Attribution:
* [Google Noto Animated Emoji](https://googlefonts.github.io/noto-emoji-animation/) (CC-BY 4.0)

View file

@ -1,8 +1,7 @@
---
title: "Blog"
order: 3
icon: "M 4 2 L 28 2 L 28 30 L 4 30 Z M 8 8 L 24 8 L 24 6 L 8 6 Z M 8 14 L 24 14 L 24 12 L 8 12 Z M 8 20 L 20 20 L 20 18
L 8 18 Z"
icon: "m5 3h15l7 7v20H5zm5 22h12v-3H10zm0-6h12v-3H10zm0-6h9v-3h-9z"
---
<section id="posts">
<ul role="list">

View file

@ -1,8 +1,7 @@
---
title: "Changelog"
order: 2
icon: "M 30 26 L 27 26 L 21 14 L 16 23 L 11 17 L 5 26 L 2 26 L 2 2 Q 2 2 10 6 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 6 L 2 2 L
30 2 L 30 26 L 30 30 L 2 30 L 2 26"
icon: "M10 25H21V22H10Zm4-13H10v3h4v4h3V15h4V12H17V8H14ZM5 3H20l7 7V30H5Z"
---
{%for update in collections.updates reversed%}

View file

@ -1,7 +1,7 @@
---
title: "Gallery"
order: 4
icon: "M 30 26 L 27 26 L 21 14 L 16 23 L 11 17 L 5 26 L 2 26 L 2 2 Q 2 2 10 6 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 6 L 2 2 L 30 2 L 30 26 L 30 30 L 2 30 L 2 26"
icon: "M2 2V30H30V2H2M5 26l6-9 5 6 5-9 6 12H5"
---
<section id="artworks">

View file

@ -34,7 +34,7 @@ export default async function (eleventyConfig) {
return format(dateObj, ("yyyy-LL-dd"));
});
eleventyConfig.addFilter("readable", (dateObj) => {
return format(dateObj, ("LLLL d, yyyy"));
return format(dateObj, ("LLLL do, yyyy"));
});
eleventyConfig.setBrowserSyncConfig({

6
package-lock.json generated
View file

@ -411,9 +411,9 @@
}
},
"node_modules/brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
"version": "1.1.12",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
"integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
"license": "MIT",
"dependencies": {
"balanced-match": "^1.0.0",