Compare commits
3 Commits
5610b73055
...
8dc239f18a
| Author | SHA1 | Date | |
|---|---|---|---|
8dc239f18a
|
|||
|
81d48c48c7
|
|||
|
5d6a9d58b0
|
BIN
bun.lockb
BIN
bun.lockb
Binary file not shown.
@ -40,7 +40,8 @@
|
||||
},
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"@fontsource/comic-mono": "^5.1.0",
|
||||
"@fontsource/fusion-pixel-10px-monospaced-sc": "^5.0.1",
|
||||
"@fontsource/fusion-pixel-10px-proportional-sc": "^5.0.1",
|
||||
"@neodrag/svelte": "^2.3.1",
|
||||
"@skyware/bot": "^0.3.8",
|
||||
"@std/toml": "npm:@jsr/std__toml",
|
||||
|
||||
@ -2,7 +2,8 @@
|
||||
import getTitle from '$lib/getTitle';
|
||||
import NavButton from '../components/navButton.svelte';
|
||||
import Tooltip from '../components/tooltip.svelte';
|
||||
import "@fontsource/comic-mono";
|
||||
import '@fontsource/fusion-pixel-10px-monospaced-sc';
|
||||
import '@fontsource/fusion-pixel-10px-proportional-sc';
|
||||
import '../styles/app.css';
|
||||
|
||||
interface Props {
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
<Window title="readme?" iconUri="/icons/question.webp" removePadding>
|
||||
<div class="flex flex-col p-1.5 gap-1.5 prose prose-ralsei prose-img:m-0 leading-none">
|
||||
<div
|
||||
class="flex flex-row gap-3 mx-auto bg-ralsei-black bg-opacity-30 overflow-hidden"
|
||||
class="flex flex-row gap-3 mx-auto bg-ralsei-black/20 overflow-hidden"
|
||||
>
|
||||
{#each data.banners as bannerNo, index}
|
||||
{@const hideIfMobile = index === data.banners.length - 1}
|
||||
@ -46,12 +46,12 @@
|
||||
</div>
|
||||
<div class="flex flex-grow">
|
||||
<div
|
||||
class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black bg-opacity-30"
|
||||
class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black/20"
|
||||
>
|
||||
<img class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]" src="/pfp-iojkqpwerojnasduijf.webp" alt="my character" title="hi ;)"/>
|
||||
</div>
|
||||
<div
|
||||
class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black bg-opacity-30"
|
||||
class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black/20"
|
||||
>
|
||||
<ul
|
||||
class="place-self-center m-0 mr-4 [padding-left:1em] sm:[padding-left:0.5em] leading-none marker:[content:'->'] [list-style-type:'->']"
|
||||
@ -70,7 +70,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-row [padding:8px] bg-ralsei-black bg-opacity-30">
|
||||
<div class="flex flex-row [padding:8px] bg-ralsei-black/20">
|
||||
<p class="leading-none m-0 text-sm">
|
||||
hi there
|
||||
<img
|
||||
@ -91,6 +91,7 @@
|
||||
place-self-end [font-family:'Doll_Mono'] text-ralsei-pink-neon text-shadow-none hover:text-shadow-pink
|
||||
hover:!animate-none hover:!no-underline opacity-20 hover:opacity-100 transition-opacity [transition-duration:300ms]
|
||||
"
|
||||
title="dollcode? sure hope they do"
|
||||
href="https://dollcode.v01dlabs.sh/">▌▖▌▖▌▌▘▌▌▌▘▖▌▘▘▘</a
|
||||
>
|
||||
</div>
|
||||
@ -104,7 +105,7 @@
|
||||
</div>
|
||||
<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto w-full md:w-fit place-items-end">
|
||||
<Window title="links!" iconUri="/icons/contact.webp">
|
||||
<div class="prose prose-ralsei prose-ul:leading-[1.1rem] prose-headings:leading-none">
|
||||
<div class="prose prose-ralsei prose-ul:px-[0.9rem] prose-ul:leading-[1.1rem] prose-headings:leading-none">
|
||||
<ul>
|
||||
<li>discord: yusdacra</li>
|
||||
<li>
|
||||
@ -157,7 +158,7 @@
|
||||
class="prose prose-ralsei p-1 border-4 text-sm bg-ralsei-black"
|
||||
style="border-style: double double none double;"
|
||||
>
|
||||
<a href="/entries">last log was...</a>
|
||||
<a href="/entries">last log was…</a>
|
||||
published <Time relative format="dddd @ h:mm A · MMMM D, YYYY" timestamp={data.lastNote.published}/>!
|
||||
</p>
|
||||
<div class="mt-0 p-1.5 border-4 border-double bg-ralsei-black min-w-full max-w-[40ch]">
|
||||
|
||||
@ -10,28 +10,43 @@
|
||||
@apply prose-code:font-monospace prose-headings:font-monospace;
|
||||
cursor: url('/icons/gaze_closed.webp'), default;
|
||||
scrollbar-color: theme(colors.ralsei.green.dark) transparent;
|
||||
-webkit-font-smoothing: none !important;
|
||||
font-smooth: never !important;
|
||||
font-smoothing: none !important;
|
||||
}
|
||||
|
||||
.prose h1::before {
|
||||
content: '> ';
|
||||
content: '[ ';
|
||||
}
|
||||
.prose h1::after {
|
||||
content: ' ]';
|
||||
}
|
||||
|
||||
.prose h2::before {
|
||||
content: '>> ';
|
||||
content: '[= ';
|
||||
}
|
||||
.prose h2::after {
|
||||
content: ' =]';
|
||||
}
|
||||
|
||||
.prose h3::before {
|
||||
content: '>>> ';
|
||||
content: '[== ';
|
||||
}
|
||||
.prose h3::after {
|
||||
content: ' ==]';
|
||||
}
|
||||
|
||||
.prose h4::before {
|
||||
content: '>>>> ';
|
||||
content: '[=== ';
|
||||
}
|
||||
.prose h4::after {
|
||||
content: ' ===]';
|
||||
}
|
||||
|
||||
.prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after {
|
||||
/* .prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after {
|
||||
@apply motion-safe:animate-blink;
|
||||
content: '_';
|
||||
}
|
||||
} */
|
||||
|
||||
.prose a {
|
||||
text-decoration: none;
|
||||
@ -46,10 +61,6 @@
|
||||
text-shadow: 0 0 3px theme(colors.ralsei.black), 0 0 6px theme(colors.ralsei.pink.neon), 0 0 10px #fff3;
|
||||
}
|
||||
|
||||
li,p,summary,.text-shadow-white {
|
||||
text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.white);
|
||||
}
|
||||
|
||||
.text-shadow-red {
|
||||
text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.red.600);
|
||||
}
|
||||
@ -59,19 +70,7 @@
|
||||
}
|
||||
|
||||
.prose ul, ul {
|
||||
list-style-type: '-- ';
|
||||
}
|
||||
|
||||
li::marker {
|
||||
text-shadow: 0 0 4px theme(colors.ralsei.pink.regular), 0 0 6px #fff9;
|
||||
}
|
||||
|
||||
code {
|
||||
text-shadow: 0 0 4px theme(colors.ralsei.pink.regular);
|
||||
}
|
||||
|
||||
.prose code, .prose pre {
|
||||
@apply text-sm;
|
||||
list-style-type: '>>';
|
||||
}
|
||||
|
||||
.text-shadow-green {
|
||||
@ -83,30 +82,6 @@
|
||||
cursor: url('/icons/gaze.webp'), pointer;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Comic Sans';
|
||||
src: local('Comic Sans MS'), url('/fonts/subset-ComicSansMS-Italic.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Comic Sans';
|
||||
src: local('Comic Sans MS'), url('/fonts/subset-ComicSansMS.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Comic Sans';
|
||||
src: local('Comic Sans MS'), url('/fonts/subset-ComicSansMS-Bold.woff2') format('woff2');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
.animate-squiggle {
|
||||
animation: squigglevision 0.3s infinite;
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -49,8 +49,8 @@ export default {
|
||||
}
|
||||
},
|
||||
fontFamily: {
|
||||
'sans-serif': ['"Comic Sans", sans-serif'],
|
||||
monospace: ['"Comic Mono", monospace'],
|
||||
'sans-serif': ['"Fusion Pixel 10px Proportional SC", sans-serif'],
|
||||
monospace: ['"Fusion Pixel 10px Monospaced SC", monospace'],
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user