From 8c679bd3e33ff5320d21b7af9c58de6cbc68f549 Mon Sep 17 00:00:00 2001 From: Nekojimi Date: Fri, 25 Oct 2024 16:28:41 +0100 Subject: [PATCH] More changes. --- _layouts/default.html | 20 ++++++++++---------- _projects/card-creator.md | 6 ++++++ _projects/chords.md | 4 +--- _projects/n-fastr-vii.md | 1 + _projects/nekobox.md | 1 + _projects/nekos-extra-components.md | 1 + pages/index.md | 11 ++++++++++- static/css/style.css | 21 +++++++++++++++++---- 8 files changed, 47 insertions(+), 18 deletions(-) create mode 100644 _projects/card-creator.md create mode 100644 _projects/n-fastr-vii.md create mode 100644 _projects/nekobox.md create mode 100644 _projects/nekos-extra-components.md diff --git a/_layouts/default.html b/_layouts/default.html index 3efe5f6..b1788b7 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -8,16 +8,16 @@
diff --git a/_projects/card-creator.md b/_projects/card-creator.md new file mode 100644 index 0000000..3f1044d --- /dev/null +++ b/_projects/card-creator.md @@ -0,0 +1,6 @@ +--- +name: Card Creator +summary: Java application for bulk rendering custom MtG cards +code_url: https://fluff.nekojimi.moe/forgejo/Nekojimi/Chords +--- +Card Creator is a tool I made for creating custom Magic: the Gathering proxies! It allows you to import a deck list, download the card's data from scryfall.com, and lay out image, text, and symbol blocks in a consistent design. diff --git a/_projects/chords.md b/_projects/chords.md index 3d02fda..e29f78c 100644 --- a/_projects/chords.md +++ b/_projects/chords.md @@ -3,6 +3,4 @@ name: Chords summary: A Discord music bot supporting every website ever code_url: https://fluff.nekojimi.moe/forgejo/Nekojimi/Chords --- -Chords is a music bot for Discord! I made it for my circle of friends, after all the ones we tried stopped working with Youtube. - - +Chords is a music bot for Discord! I made it for my circle of friends, after all the ones we tried stopped working with Youtube. It supports searching a bunch of different sites for music, a music queue, playlists, uploading music, and probably much more coming soon! diff --git a/_projects/n-fastr-vii.md b/_projects/n-fastr-vii.md new file mode 100644 index 0000000..8d1c8b6 --- /dev/null +++ b/_projects/n-fastr-vii.md @@ -0,0 +1 @@ + diff --git a/_projects/nekobox.md b/_projects/nekobox.md new file mode 100644 index 0000000..8d1c8b6 --- /dev/null +++ b/_projects/nekobox.md @@ -0,0 +1 @@ + diff --git a/_projects/nekos-extra-components.md b/_projects/nekos-extra-components.md new file mode 100644 index 0000000..8d1c8b6 --- /dev/null +++ b/_projects/nekos-extra-components.md @@ -0,0 +1 @@ + diff --git a/pages/index.md b/pages/index.md index 4e7193a..2240740 100644 --- a/pages/index.md +++ b/pages/index.md @@ -3,7 +3,10 @@ title: "Nekojimi's Webpage!!" permalink: "/" layout: "default" --- -# welcome to Nekojimi's official Web Area +{::options parse_block_html="true" /} +
+ +# Welcome to Nekojimi's official Web Area Hi :3 My name is Nekojimi and I'm a catboy :3 And this website is for showing off things I've made! @@ -14,6 +17,8 @@ Here's some fun facts about me! - 🏴 I'm also some kind of left-anarchist :D at least for the most part - 💻 I tell computers what to do for a living but also for fun! i program in Java, C++, sometimes other stuff +
+
# Projects {% for project in site.projects %} @@ -23,6 +28,10 @@ Here's some fun facts about me! {% endfor %} +
+
# Things +
+ diff --git a/static/css/style.css b/static/css/style.css index 404a86b..1d1c09a 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -14,8 +14,6 @@ body { background-color: var(--color-background); background-image: url(../bgs/stardust.png); - background-attachment: fixed; - background-position: center; /* background-size: cover; */ color: #eeeeee; font-family: monospace; @@ -25,11 +23,12 @@ body { /* transform: skew(1deg, 1deg); */ } -.content { - background-color: rgba( var(--color-content-back), 255); +.section { + background-color: rgba( from var(--color-content-back) r g b / 0.5); /*width: 70%;*/ /* opacity: 30%; */ padding: 16px; + margin: 16px; border-radius: 16px; backdrop-filter: blur(5px); @@ -51,6 +50,20 @@ body { transform: rotate(360deg) } } + +h1, h2, h3, h4, h5, h6 { + color: transparent; + background-clip: text; + filter: drop-shadow(0 2px 0 var(--color-background)); + margin-block: 16px; +} +h1 { + background-image: linear-gradient(to bottom right, var(--col-a), var(--col-b)); +} +h2 { + background-image: linear-gradient(to bottom right, var(--col-b), var(--col-c)); +} + .la { color: var(--col-b);