commit eb7720b266ecab5f94b092ef61b9f910b5658572 · ptr.pet/endpoint

+1

.npmrc

···

       1
       1
        
       engine-strict=true

     

       2
       2
       +
       @jsr:registry=https://npm.jsr.io

bun.lockb

This is a binary file and will not be displayed.

+1

package.json

···

       38
       38
        
         },

     

       39
       39
        
         "type": "module",

     

       40
       40
        
         "dependencies": {

     

       41
       41
       +
           "@std/toml": "npm:@jsr/std__toml",

     

       41
       42
        
           "rehype-autolink-headings": "^7.1.0",

     

       42
       43
        
           "rehype-slug": "^6.0.0"

     

       43
       44
        
         },

-3

src/app.css

···

       1
       1
       -
       @tailwind base;

     

       2
       2
       -
       @tailwind components;

     

       3
       3
       -
       @tailwind utilities;

+1 -1

src/app.html

···

       2
       2
        
       <html lang="en">

     

       3
       3
        
       	<head>

     

       4
       4
        
       		<meta charset="utf-8" />

     

       5
       5
       -
       		<link rel="icon" href="%sveltekit.assets%/favicon.png" />

     

       5
       5
       +
       		<link rel="icon" href="%sveltekit.assets%/icons/gaze_site.png" />

     

       6
       6
        
       		<meta name="viewport" content="width=device-width, initial-scale=1" />

     

       7
       7
        
       		%sveltekit.head%

     

       8
       8
        
       	</head>

+30

src/components/navButton.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	export let highlight: boolean = false;

     

       3
       3
       +
       	export let name: string;

     

       4
       4
       +
       	export let href: string;

     

       5
       5
       +
       	export let iconUri: string;

     

       6
       6
       +
       </script>

     

       7
       7
       +
       

     

       8
       8
       +
       <div

     

       9
       9
       +
       	class="

     

       10
       10
       +
           p-0.5 pr-1.5 border-ralsei-white border-4

     

       11
       11
       +
           {highlight

     

       12
       12
       +
       		? 'min-w-36 max-w-36 bg-gradient-to-l to-ralsei-pink-neon/30 from-ralsei-pink-regular/20 from-30% border-ridge motion-safe:animate-pulse hover:animate-none'

     

       13
       13
       +
       		: 'border-double hover:border-solid motion-safe:hover:animate-bounce'}

     

       14
       14
       +
       "

     

       15
       15
       +
       >

     

       16
       16
       +
       	<a

     

       17
       17
       +
       		class="

     

       18
       18
       +
                   flex gap-1 items-center justify-center

     

       19
       19
       +
                   {highlight

     

       20
       20
       +
       			? 'text-ralsei-pink-regular app-selected-route'

     

       21
       21
       +
       			: 'text-ralsei-green-light hover:underline'}

     

       22
       22
       +
               "

     

       23
       23
       +
       		title={name}

     

       24
       24
       +
       		href="/{href}"

     

       25
       25
       +
       		data-sveltekit-preload-data="hover"

     

       26
       26
       +
       	>

     

       27
       27
       +
       		<img class="max-w-4" style="image-rendering: pixelated;" src={iconUri} alt={name} />

     

       28
       28
       +
       		<div class="font-monospace text-sm/3 overflow-hidden text-ellipsis text-nowrap">{name}</div>

     

       29
       29
       +
       	</a>

     

       30
       30
       +
       </div>

+32

src/components/window.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	export let title: string;

     

       3
       3
       +
       	export let iconUri: string = '';

     

       4
       4
       +
       </script>

     

       5
       5
       +
       

     

       6
       6
       +
       <div

     

       7
       7
       +
       	class="

     

       8
       8
       +
               flex flex-col

     

       9
       9
       +
               max-w-screen-md xl:max-w-screen-lg 2xl:max-w-screen-xl min-w-[30ch] lg:min-w-[40ch] w-fit h-fit

     

       10
       10
       +
               border-ralsei-white border-ridge border-8 border-t-[12px]

     

       11
       11
       +
               bg-ralsei-black

     

       12
       12
       +
           "

     

       13
       13
       +
       >

     

       14
       14
       +
       	<div

     

       15
       15
       +
       		class="

     

       16
       16
       +
                   flex

     

       17
       17
       +
                   p-1 border-ralsei-white border-8

     

       18
       18
       +
                   bg-gradient-to-l from-ralsei-pink-neon to-75%

     

       19
       19
       +
               "

     

       20
       20
       +
       		style="border-style: hidden hidden ridge hidden;"

     

       21
       21
       +
       	>

     

       22
       22
       +
       		<h1 class="font-monospace text-xl text-ralsei-pink-regular grow justify-self-start self-center">

     

       23
       23
       +
       			{title}

     

       24
       24
       +
       		</h1>

     

       25
       25
       +
       		{#if iconUri !== ''}

     

       26
       26
       +
       			<img class="justify-self-end self-center max-h-7" style="image-rendering: pixelated;" src={iconUri} alt={iconUri} />

     

       27
       27
       +
       		{/if}

     

       28
       28
       +
       	</div>

     

       29
       29
       +
       	<div class="p-2 bg-gradient-to-tl to-ralsei-pink-neon/15 from-ralsei-pink-regular/20">

     

       30
       30
       +
       		<slot />

     

       31
       31
       +
       	</div>

     

       32
       32
       +
       </div>

+1 -1

src/lib/convertDate.ts

···

       16
       16
        
       const convertDate = (published: string) => {

     

       17
       17
        
           const date = published.substring(0, 10);

     

       18
       18
        
           const [year, month, day] = date.split('-');

     

       19
       19
       -
           return `${day}-${months[parseInt(month) - 1]}-${year}`;

     

       19
       19
       +
           return `${day} ${months[parseInt(month) - 1]} ${year}`;

     

       20
       20
        
       };

     

       21
       21
        
       

     

       22
       22
        
       export default convertDate;

+11

src/lib/getTitle.ts

···

       1
       1
       +
       const getTitle = (path: string) => {

     

       2
       2
       +
           let sl = path.split('/')

     

       3
       3
       +
           sl = sl.splice(1)

     

       4
       4
       +
           if (sl.length > 1) {

     

       5
       5
       +
               sl[0] = sl[0][0]

     

       6
       6
       +
           }

     

       7
       7
       +
           const newPath = sl.join('/')

     

       8
       8
       +
           return '[gazesystems /' + newPath + ']$'

     

       9
       9
       +
       }

     

       10
       10
       +
       

     

       11
       11
       +
       export default getTitle;

+81 -3

src/routes/+layout.svelte

···

       1
       1
        
       <script lang="ts">

     

       2
       2
       -
           import "../app.css";

     

       2
       2
       +
       	import getTitle from '$lib/getTitle';

     

       3
       3
       +
       	import NavButton from '../components/navButton.svelte';

     

       4
       4
       +
       	import '../styles/app.css';

     

       5
       5
       +
       

     

       6
       6
       +
       	export let data;

     

       7
       7
       +
       

     

       8
       8
       +
       	interface MenuItem {

     

       9
       9
       +
       		href: string;

     

       10
       10
       +
       		name: string;

     

       11
       11
       +
       		iconUri: string;

     

       12
       12
       +
       	}

     

       13
       13
       +
       

     

       14
       14
       +
       	let menuItems: MenuItem[] = [

     

       15
       15
       +
       		{ href: '', name: 'home', iconUri: '/icons/home.png' },

     

       16
       16
       +
       		{ href: 'entries', name: 'entries', iconUri: '/icons/entries.png' },

     

       17
       17
       +
       		{ href: 'about', name: 'about', iconUri: '/icons/about.png' }

     

       18
       18
       +
       	];

     

       19
       19
       +
       

     

       20
       20
       +
       	const routeComponents = data.route.split('/');

     

       21
       21
       +
       	const doAddPostItem = routeComponents.length > 2 && routeComponents[1] === 'entries';

     

       22
       22
       +
       	const isRoute = (_route: string) => {

     

       23
       23
       +
       		if (doAddPostItem) {

     

       24
       24
       +
       			if (_route === 'entries') {

     

       25
       25
       +
       				return false;

     

       26
       26
       +
       			} else if (_route.startsWith('entries/')) {

     

       27
       27
       +
       				return true;

     

       28
       28
       +
       			}

     

       29
       29
       +
       		}

     

       30
       30
       +
       		return _route === routeComponents[routeComponents.length - 1];

     

       31
       31
       +
       	};

     

       32
       32
       +
       

     

       33
       33
       +
       	if (doAddPostItem) {

     

       34
       34
       +
       		menuItems.splice(2, 0, {

     

       35
       35
       +
       			href: data.route.slice(1),

     

       36
       36
       +
       			name: routeComponents[2] + 'aaaaaaaa.md',

     

       37
       37
       +
       			iconUri: '/favicon.png'

     

       38
       38
       +
       		});

     

       39
       39
       +
       	}

     

       40
       40
       +
       

     

       41
       41
       +
       	const title = getTitle(data.route);

     

       3
       42
        
       </script>

     

       4
       4
       -
         

     

       5
       5
       -
       <slot />
     

       43
       43
       +
       

     

       44
       44
       +
       <svelte:head>

     

       45
       45
       +
           <title>{title}</title>

     

       46
       46
       +
       	<meta property="og:title" content={title} />

     

       47
       47
       +
       	<meta property="og:site_name" content="gaze.systems"/>

     

       48
       48
       +
       	<meta property="og:url" content="https://gaze.systems/"/>

     

       49
       49
       +
       	<meta property="og:type" content="website" />

     

       50
       50
       +
       	<meta property="og:image" content="https://gaze.systems/icons/gaze_website.png" />

     

       51
       51
       +
       </svelte:head>

     

       52
       52
       +
       

     

       53
       53
       +
       <div

     

       54
       54
       +
       	class="

     

       55
       55
       +
               app-grid-background motion-safe:app-grid-background-anim

     

       56
       56
       +
               fixed -z-10 w-full h-full top-0 left-0

     

       57
       57
       +
           "

     

       58
       58
       +
       />

     

       59
       59
       +
       <div

     

       60
       60
       +
       	class="

     

       61
       61
       +
               app-grid-background-second-layer motion-safe:app-grid-background-second-layer-anim

     

       62
       62
       +
               fixed -z-20 w-full h-full top-0 left-0

     

       63
       63
       +
           "

     

       64
       64
       +
       />

     

       65
       65
       +
       

     

       66
       66
       +
       <div class="lg:mx-[4vw] 2xl:mx-[8vw] lg:my-[4vh]"><slot /></div>

     

       67
       67
       +
       

     

       68
       68
       +
       <nav class="w-full z-10 fixed bottom-0 bg-ralsei-black">

     

       69
       69
       +
       	<div

     

       70
       70
       +
       		class="

     

       71
       71
       +
                   max-w-full max-h-fit p-1 overflow-auto

     

       72
       72
       +
                   grid grid-flow-col grid-rows-1 gap-2 justify-start

     

       73
       73
       +
                   border-ralsei-white border-8

     

       74
       74
       +
                   bg-gradient-to-r to-ralsei-pink-neon/30 from-ralsei-pink-regular/20 from-30%

     

       75
       75
       +
               "

     

       76
       76
       +
       		style="border-style: ridge hidden hidden hidden;"

     

       77
       77
       +
       	>

     

       78
       78
       +
       		{#each menuItems as item}

     

       79
       79
       +
       			{@const highlight = isRoute(item.href)}

     

       80
       80
       +
       			<NavButton {highlight} {...item} />

     

       81
       81
       +
       		{/each}

     

       82
       82
       +
       	</div>

     

       83
       83
       +
       </nav>

+8 -1

src/routes/+layout.ts

···

       1
       1
       +
       import { dev } from '$app/environment';

     

       2
       2
       +
       

     

       3
       3
       +
       export const csr = dev;

     

       1
       4
        
       export const ssr = true;

     

       2
       2
       -
       export const prerender = true;
     

       5
       5
       +
       export const prerender = true;

     

       6
       6
       +
       

     

       7
       7
       +
       export async function load({ url }) {

     

       8
       8
       +
           return { route: url.pathname }

     

       9
       9
       +
       }

+63 -1

src/routes/+page.svelte

···

       1
       1
       -
       <a href="/posts" data-sveltekit-preload-data="hover">posts</a>
     

       1
       1
       +
       <script>

     

       2
       2
       +
       	import Window from '../components/window.svelte';

     

       3
       3
       +
       </script>

     

       4
       4
       +
       

     

       5
       5
       +
       <div class="flex flex-none gap-y-4 lg:gap-y-0 flex-wrap md:flex-nowrap">

     

       6
       6
       +
       	<Window title="readme?" iconUri='/icons/question.png'>

     

       7
       7
       +
       		<div class="prose prose-ralsei prose-img:m-0 leading-6">

     

       8
       8
       +
       			<p>hi there <img class="inline h-6" src="/wavey.gif" alt="wavey" title="hi :33" /></p>

     

       9
       9
       +
       			<p>

     

       10
       10
       +
       				i'm dusk! and this is my personal spot where i plan to put everything that i do on (<i>if i don't forget to...</i>)

     

       11
       11
       +
       			</p>

     

       12
       12
       +
       			<p>not much else to say, hopefully will add more text here one day :></p>

     

       13
       13
       +
       			<p>website very much in progress still !!!</p>

     

       14
       14
       +
       		</div>

     

       15
       15
       +
       	</Window>

     

       16
       16
       +
       	<div class="grow" />

     

       17
       17
       +
       	<Window title="contacts!" iconUri='/icons/contact.png'>

     

       18
       18
       +
       		<div class="prose prose-ralsei leading-6">

     

       19
       19
       +
       			<ul>

     

       20
       20
       +
       				<li>discord: yusdacra</li>

     

       21
       21
       +
       				<li>

     

       22
       22
       +
       					e-mail:

     

       23
       23
       +
       					<a href="mailto:y.bera003.06@pm.me">y.bera003.06@pm.me</a>

     

       24
       24
       +
       				</li>

     

       25
       25
       +
       			</ul>

     

       26
       26
       +
       			<h3>development</h3>

     

       27
       27
       +
       			<ul>

     

       28
       28
       +
       				<li>

     

       29
       29
       +
       					github:

     

       30
       30
       +
       					<a href="https://github.com/yusdacra">@yusdacra</a>

     

       31
       31
       +
       				</li>

     

       32
       32
       +
       				<li>

     

       33
       33
       +
       					gitlab:

     

       34
       34
       +
       					<a href="https://gitlab.com/yusdacra">@yusdacra</a>

     

       35
       35
       +
       				</li>

     

       36
       36
       +
       				<li>

     

       37
       37
       +
       					my gitea:

     

       38
       38
       +
       					<a href="https://git.gaze.systems/dusk">@dusk</a>

     

       39
       39
       +
       				</li>

     

       40
       40
       +
       			</ul>

     

       41
       41
       +
       			<h3>socials</h3>

     

       42
       42
       +
       			<ul>

     

       43
       43
       +
       				<li>

     

       44
       44
       +
       					bluesky:

     

       45
       45
       +
       					<a href="https://bsky.app/profile/gaze.systems">@gaze.systems</a>

     

       46
       46
       +
       				</li>

     

       47
       47
       +
       				<li>

     

       48
       48
       +
       					misskey.art:

     

       49
       49
       +
       					<a href="https://misskey.art/@yusdacra">@yusdacra</a>

     

       50
       50
       +
       				</li>

     

       51
       51
       +
       			</ul>

     

       52
       52
       +
       		</div>

     

       53
       53
       +
       	</Window>

     

       54
       54
       +
       </div>

     

       55
       55
       +
       

     

       56
       56
       +
       <div class="hidden motion-reduce:md:block absolute max-w-[40ch] bottom-[10vh] right-[8vw]">

     

       57
       57
       +
       	<Window title=":(" iconUri='/icons/warning.png'>

     

       58
       58
       +
       		<div class="prose prose-ralsei leading-6">

     

       59
       59
       +
       			<p>you have <code>prefers-reduced-motion</code> enabled so i disabled (most of) the animations!</p>

     

       60
       60
       +
       			<p class="text-xs italic">they looked nice i think....</p>

     

       61
       61
       +
       		</div>

     

       62
       62
       +
       	</Window>

     

       63
       63
       +
       </div>

+9

src/routes/about/+page.md

···

       1
       1
       +
       +++

     

       2
       2
       +
       title = "about me"

     

       3
       3
       +
       date = "2024-08-14"

     

       4
       4
       +
       layout = "blogpost"

     

       5
       5
       +
       +++

     

       6
       6
       +
       

     

       7
       7
       +
       idk im too lazy to write about myself, bother me if you really want me to

     

       8
       8
       +
       

     

       9
       9
       +
       <p class="text-xs italic">(i will do this later)</p>

+36

src/routes/entries/+page.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import Window from '../../components/window.svelte';

     

       3
       3
       +
       	import type { PostData } from './+page.ts';

     

       4
       4
       +
       

     

       5
       5
       +
       	export let data;

     

       6
       6
       +
       

     

       7
       7
       +
       	let posts: PostData[] = data.posts as PostData[];

     

       8
       8
       +
       </script>

     

       9
       9
       +
       

     

       10
       10
       +
       <div class="flex flex-wrap gap-y-4 lg:mx-3 lg:my-4">

     

       11
       11
       +
       	{#each posts as post, index}

     

       12
       12
       +
       		{@const x = index % 2 === 0 ? 'lg:ml-16' : 'lg:ml-36'}

     

       13
       13
       +
       		{@const y = index % 2 === 0 ? 'lg:mt-6' : 'lg:mt-10'}

     

       14
       14
       +
       		<div class="{x} {y}">

     

       15
       15
       +
       			<Window title={post.metadata.title} iconUri='/icons/entry.png'>

     

       16
       16
       +
       				<a

     

       17
       17
       +
       					href="/entries/{post.path}"

     

       18
       18
       +
       					title="cd /entries/{post.path}"

     

       19
       19
       +
       					data-sveltekit-preload-data="hover"

     

       20
       20
       +
       				>

     

       21
       21
       +
       					<div class="flex flex-col gap-2">

     

       22
       22
       +
       						<p>

     

       23
       23
       +
       							--- on:

     

       24
       24
       +
       							<time datetime="2024-08-11">{post.published}</time>

     

       25
       25
       +
       						</p>

     

       26
       26
       +
       						<p class="max-w-80 text-wrap">

     

       27
       27
       +
       							--- excerpt:

     

       28
       28
       +
       							{post.metadata.excerpt}

     

       29
       29
       +
       						</p>

     

       30
       30
       +
       						<strong class="place-self-end text-ralsei-green-light"> read more... </strong>

     

       31
       31
       +
       					</div>

     

       32
       32
       +
       				</a>

     

       33
       33
       +
       			</Window>

     

       34
       34
       +
       		</div>

     

       35
       35
       +
       	{/each}

     

       36
       36
       +
       </div>

+34

src/routes/entries/+page.ts

···

       1
       1
       +
       import convertDate from "$lib/convertDate";

     

       2
       2
       +
       

     

       3
       3
       +
       export interface PostData {

     

       4
       4
       +
       	path: string,

     

       5
       5
       +
       	published: string,

     

       6
       6
       +
       	metadata: Record<string, string>,

     

       7
       7
       +
       }

     

       8
       8
       +
       

     

       9
       9
       +
       export async function load({ params }) {

     

       10
       10
       +
       	const allPostFiles: Record<string, any> = import.meta.glob('./*/+page.md', {eager: true});

     

       11
       11
       +
       	let allPosts: PostData[] = Object.entries(allPostFiles).map(([path, post]) => {

     

       12
       12
       +
       		const postPath = path.slice(2, -8);

     

       13
       13
       +
       		return {

     

       14
       14
       +
       			metadata: post.metadata,

     

       15
       15
       +
       			path: postPath,

     

       16
       16
       +
       			published: convertDate(post.metadata.date)

     

       17
       17
       +
       		};

     

       18
       18
       +
       	});

     

       19
       19
       +
       	allPosts = allPosts.map((post) => {

     

       20
       20
       +
       		if (!("excerpt" in post.metadata)) {

     

       21
       21
       +
       			post.metadata.excerpt = ""

     

       22
       22
       +
       		}

     

       23
       23
       +
       		return post;

     

       24
       24
       +
       	});

     

       25
       25
       +
       	allPosts = allPosts.toSorted((post, opost) => {

     

       26
       26
       +
       		const date = new Date(post.metadata.date);

     

       27
       27
       +
       		const odate = new Date(opost.metadata.date);

     

       28
       28
       +
       		return odate.getTime() - date.getTime()

     

       29
       29
       +
       	});

     

       30
       30
       +
       	if (!allPosts.length) {

     

       31
       31
       +
       		return { status: 404 };

     

       32
       32
       +
       	}

     

       33
       33
       +
       	return { posts: allPosts };

     

       34
       34
       +
       }

+15

src/routes/entries/_layout.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
           import Window from "../../components/window.svelte";

     

       3
       3
       +
           import "../../styles/app.css";

     

       4
       4
       +
       

     

       5
       5
       +
           export let title;

     

       6
       6
       +
           export let date;

     

       7
       7
       +
       </script>

     

       8
       8
       +
       

     

       9
       9
       +
       <div class="lg:mb-[8vh]">

     

       10
       10
       +
           <Window {title} iconUri='/icons/entry.png'>

     

       11
       11
       +
               <div class="prose prose-ralsei max-w-[80ch]">

     

       12
       12
       +
                   <slot/>

     

       13
       13
       +
               </div>

     

       14
       14
       +
           </Window>

     

       15
       15
       +
       </div>

+8

src/routes/entries/hello-world/+page.md

···

       1
       1
       +
       +++

     

       2
       2
       +
       title = "hello universe"

     

       3
       3
       +
       date = "2024-08-08"

     

       4
       4
       +
       layout = "blogpost"

     

       5
       5
       +
       excerpt = "meow"

     

       6
       6
       +
       +++

     

       7
       7
       +
       

     

       8
       8
       +
       hello everyone :3

+17

src/routes/entries/test/+page.md

···

       1
       1
       +
       +++

     

       2
       2
       +
       title = "test"

     

       3
       3
       +
       date = "2024-08-13"

     

       4
       4
       +
       layout = "blogpost"

     

       5
       5
       +
       excerpt = "this is a test document. it is used for testing stuff."

     

       6
       6
       +
       +++

     

       7
       7
       +
       

     

       8
       8
       +
       

     

       9
       9
       +
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed iaculis ligula sed odio fermentum, ac aliquet diam sagittis. Phasellus vel elementum arcu. Fusce id ante lacus. Nullam malesuada, enim nec maximus mollis, tortor metus dapibus mi, id tincidunt massa massa sed velit. Curabitur cursus, lorem rutrum laoreet posuere, tellus eros faucibus odio, non ullamcorper magna lectus non justo. Fusce pulvinar sagittis nisl et pretium. Proin quis pellentesque risus.

     

       10
       10
       +
       

     

       11
       11
       +
       Pellentesque massa purus, ornare aliquam velit et, hendrerit lacinia felis. Fusce nec felis maximus, egestas lorem et, vehicula libero. Donec gravida sodales porta. Nunc ac urna vestibulum, finibus erat vitae, euismod nisi. Morbi auctor pretium diam ut pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus pulvinar orci vitae dolor sodales placerat. Integer tristique condimentum massa, non euismod nisi sodales eu.

     

       12
       12
       +
       

     

       13
       13
       +
       Integer consectetur ligula quis mauris porta sodales. Morbi tincidunt elementum tortor ut auctor. Vestibulum vehicula sit amet augue sed bibendum. Cras sit amet elit ac tortor malesuada condimentum. Nunc ac mi sed lectus mollis tristique sit amet eu nunc. Nunc dapibus dignissim dolor. Nam sed quam ex. Cras vel pharetra lectus, a interdum ante. Sed condimentum efficitur auctor. Vestibulum dignissim erat in rutrum sodales. Mauris ultrices nibh eget luctus lobortis.

     

       14
       14
       +
       

     

       15
       15
       +
       Etiam sollicitudin suscipit odio, sed malesuada ipsum luctus id. Phasellus commodo, turpis non ornare viverra, arcu tortor tincidunt orci, at pellentesque justo est ut dui. Aliquam erat volutpat. Nulla gravida risus eget nunc commodo hendrerit. Aenean faucibus dui blandit ipsum gravida, non elementum orci fermentum. Morbi consequat elementum nulla, a dictum eros imperdiet sit amet. Sed ac vulputate ante, nec lobortis erat. Aliquam sodales nisi magna, ut molestie orci varius tincidunt. Suspendisse tempor orci quis erat accumsan, nec eleifend tellus interdum. Phasellus nec massa mi. Donec mattis mi imperdiet nisl varius, id vehicula felis tempor. Aliquam in tincidunt erat. Proin nec ornare enim, id lacinia urna. Morbi dolor lorem, porttitor quis orci ac, facilisis fringilla neque. Nulla tempor, dui sit amet lacinia faucibus, felis erat posuere nisi, ac condimentum lorem ex vel elit.

     

       16
       16
       +
       

     

       17
       17
       +
       Pellentesque vitae massa quis purus sodales consectetur. Aliquam ex leo, efficitur vitae nulla sed, pretium luctus ante. Proin et lacus dictum, bibendum leo at, rhoncus sem. Suspendisse non tellus odio. In pulvinar quam sed arcu ornare volutpat. Cras commodo a enim id accumsan. Etiam nec augue ullamcorper, consequat tellus varius, lacinia urna. Aenean rutrum a lorem quis dapibus. Curabitur vitae ipsum faucibus risus elementum condimentum. Proin pretium vulputate leo commodo molestie. Proin ultricies ac nibh vel molestie. Vestibulum vitae lorem lobortis, ultrices odio bibendum, lacinia risus.

-21

src/routes/posts/+page.svelte

···

       1
       1
       -
       <script lang="ts">

     

       2
       2
       -
       	import type { PostData } from './+page.ts';

     

       3
       3
       -
       

     

       4
       4
       -
       	export let data;

     

       5
       5
       -
       

     

       6
       6
       -
           let posts: PostData[] = data.posts as PostData[];

     

       7
       7
       -
       </script>

     

       8
       8
       -
       

     

       9
       9
       -
       <div>

     

       10
       10
       -
           {#each posts as post}

     

       11
       11
       -
               <div>

     

       12
       12
       -
                   <a href="/posts/{post.path}" data-sveltekit-preload-data="hover">

     

       13
       13
       -
                       <p>{post.metadata.title}</p>

     

       14
       14
       -
                       <p>{post.metadata.excerpt}</p>

     

       15
       15
       -
                   </a>

     

       16
       16
       -
                   <div>

     

       17
       17
       -
                       <time datetime="2020-03-16">{post.published}</time>

     

       18
       18
       -
                   </div>

     

       19
       19
       -
               </div>

     

       20
       20
       -
           {/each}

     

       21
       21
       -
       </div>

-20

src/routes/posts/+page.ts

···

       1
       1
       -
       import convertDate from "$lib/convertDate";

     

       2
       2
       -
       

     

       3
       3
       -
       export interface PostData {

     

       4
       4
       -
       	path: string,

     

       5
       5
       -
       	published: string,

     

       6
       6
       -
       	metadata: Record<string, string>,

     

       7
       7
       -
       }

     

       8
       8
       -
       

     

       9
       9
       -
       export async function load({ params }) {

     

       10
       10
       -
       	const allPostFiles: Record<string, any> = import.meta.glob('./*/+page.md', {eager: true});

     

       11
       11
       -
       	const allPosts: PostData[] = Object.entries(allPostFiles).map(([path, post]) => {

     

       12
       12
       -
       		const postPath = path.slice(2, -8);

     

       13
       13
       -
       		return { metadata: post.metadata, path: postPath, published: convertDate(post.metadata.date) };

     

       14
       14
       -
       	});

     

       15
       15
       -
       	if (!allPosts.length) {

     

       16
       16
       -
       		return { status: 404 };

     

       17
       17
       -
       	}

     

       18
       18
       -
       	//console.log(allPosts);

     

       19
       19
       -
       	return { posts: allPosts };

     

       20
       20
       -
       }

-14

src/routes/posts/_layout.svelte

···

       1
       1
       -
       <script lang="ts">

     

       2
       2
       -
           import "../../app.css";

     

       3
       3
       -
       

     

       4
       4
       -
           export let title;

     

       5
       5
       -
           export let author;

     

       6
       6
       -
           export let date;

     

       7
       7
       -
       </script>

     

       8
       8
       -
       

     

       9
       9
       -
       <div class="prose lg:prose-lg">

     

       10
       10
       -
           <h1 class="font-mono">{ title }</h1>

     

       11
       11
       -
           <ul>on: { date }</ul>

     

       12
       12
       -
           <ul>by: { author }</ul>

     

       13
       13
       -
           <slot/>

     

       14
       14
       -
       </div>

-17

src/routes/posts/hello-world/+page.md

···

       1
       1
       -
       ---

     

       2
       2
       -
       title: Hello World

     

       3
       3
       -
       author: Jeff

     

       4
       4
       -
       date: 2022-05-27

     

       5
       5
       -
       layout: blogpost

     

       6
       6
       -
       excerpt: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget massa sit amet arcu varius lacinia nec quis lacus.

     

       7
       7
       -
       ---

     

       8
       8
       -
       

     

       9
       9
       -
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget massa sit amet arcu varius lacinia nec quis lacus. Proin auctor lectus a volutpat porta. Nullam eget ipsum convallis, elementum orci sodales, blandit velit. In imperdiet, ligula sed ultricies pharetra, metus mi consequat dui, vitae luctus dolor ligula eu nunc. Fusce consequat mauris ac egestas iaculis. Quisque pharetra et ante maximus convallis. Nulla sollicitudin velit molestie mauris dignissim, at hendrerit diam fringilla. Donec mollis eget ex non iaculis. In a vehicula nisl. Donec dapibus orci in enim posuere, non rhoncus risus ultrices. Pellentesque elementum metus ipsum, ut scelerisque mauris ultrices vel.

     

       10
       10
       -
       

     

       11
       11
       -
       Aliquam ullamcorper est vehicula, suscipit nulla pellentesque, convallis odio. Praesent eget elit eget magna fringilla pharetra tempor quis magna. Proin et est vestibulum neque rhoncus mattis non vel lacus. Proin vulputate risus vel dignissim vestibulum. Quisque id sollicitudin neque, sed sagittis urna. Vestibulum vehicula metus sed eros venenatis, sit amet facilisis nunc porta. Nam pharetra luctus sapien, ut venenatis nibh tincidunt mollis. Phasellus efficitur, felis vitae mattis cursus, sapien diam vulputate dui, sit amet pulvinar ante ipsum non urna.

     

       12
       12
       -
       

     

       13
       13
       -
       Fusce est nulla, efficitur vitae turpis eget, pretium rutrum turpis. Fusce at lectus eros. Phasellus convallis condimentum dolor ac rutrum. Integer commodo augue et dui efficitur tincidunt. Nam scelerisque egestas quam, vitae ultrices turpis tincidunt rhoncus. Duis rutrum placerat erat. Ut ac tincidunt elit. In laoreet dictum mauris nec posuere. Curabitur tempus, dolor malesuada ultrices feugiat, ipsum eros faucibus tellus, eu ultricies nunc est sed dolor. Suspendisse nisi eros, vehicula vitae iaculis sit amet, aliquet sit amet leo. Sed euismod urna at eros posuere laoreet. Curabitur in sodales lorem. Nulla rutrum aliquam felis ac tempor.

     

       14
       14
       -
       

     

       15
       15
       -
       Ut pretium vitae elit ac facilisis. Aliquam nisi tortor, feugiat at lacus sed, condimentum egestas urna. Vestibulum hendrerit augue non urna volutpat, et fermentum tortor pellentesque. Aenean eget pharetra leo. Vestibulum ut laoreet dui. Phasellus nec nunc imperdiet, mollis urna eget, interdum lacus. Nulla ac neque pulvinar ex vestibulum venenatis at sed mi. Aliquam faucibus risus eget dolor porttitor interdum. Phasellus rutrum augue ex, vel tempus velit sollicitudin vitae. Pellentesque libero sapien, ullamcorper nec elementum nec, pharetra sed nisl. Nullam egestas arcu et ex vulputate, pretium vestibulum odio convallis. Nam auctor risus nec fermentum ultricies.

     

       16
       16
       -
       

     

       17
       17
       -
       Donec porttitor quis ipsum ut imperdiet. Fusce ac pretium felis, sit amet pharetra orci. Donec vitae quam ac tellus pellentesque fringilla. Curabitur placerat quam a leo imperdiet tincidunt. Nunc porta pulvinar orci sit amet varius. Suspendisse dapibus ipsum nec magna ultricies gravida. Maecenas varius justo ac sem rhoncus lobortis. Integer eget cursus diam. Vestibulum sollicitudin enim at metus scelerisque blandit. In sit amet pulvinar nunc. Sed sit amet rutrum ex, efficitur imperdiet nunc.

+136

src/styles/app.css

···

       1
       1
       +
       @import './prism-synthwave84.css';

     

       2
       2
       +
       

     

       3
       3
       +
       @tailwind base;

     

       4
       4
       +
       @tailwind components;

     

       5
       5
       +
       @tailwind utilities;

     

       6
       6
       +
       

     

       7
       7
       +
       @layer base {

     

       8
       8
       +
           :root {

     

       9
       9
       +
               @apply font-sans-serif bg-ralsei-black text-ralsei-white;

     

       10
       10
       +
               @apply prose-code:font-monospace prose-headings:font-monospace;

     

       11
       11
       +
               cursor: url('/icons/gaze_closed.png'), default;

     

       12
       12
       +
           }

     

       13
       13
       +
       

     

       14
       14
       +
           .prose h1::before {

     

       15
       15
       +
               content: '> ';

     

       16
       16
       +
           }

     

       17
       17
       +
       

     

       18
       18
       +
           .prose h2::before {

     

       19
       19
       +
               content: '>> ';

     

       20
       20
       +
           }

     

       21
       21
       +
           

     

       22
       22
       +
           .prose h3::before {

     

       23
       23
       +
               content: '>>> ';

     

       24
       24
       +
           }

     

       25
       25
       +
           

     

       26
       26
       +
           .prose h4::before {

     

       27
       27
       +
               content: '>>>> ';

     

       28
       28
       +
           }

     

       29
       29
       +
       

     

       30
       30
       +
           .prose a:hover {

     

       31
       31
       +
               @apply animate-pulse-fast;

     

       32
       32
       +
           }

     

       33
       33
       +
       

     

       34
       34
       +
           h1,h2,h3,h4,h5,h6 {

     

       35
       35
       +
               text-shadow: 0 0 3px theme(colors.ralsei.black), 0 0 6px theme(colors.ralsei.pink.neon), 0 0 10px #fff3;

     

       36
       36
       +
           }

     

       37
       37
       +
       

     

       38
       38
       +
           li,p {

     

       39
       39
       +
               text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.white);

     

       40
       40
       +
           }

     

       41
       41
       +
       

     

       42
       42
       +
           li::marker {

     

       43
       43
       +
               text-shadow: 0 0 4px theme(colors.ralsei.pink.regular), 0 0 6px #fff9;

     

       44
       44
       +
           }

     

       45
       45
       +
       

     

       46
       46
       +
           code {

     

       47
       47
       +
               text-shadow: 0 0 4px theme(colors.ralsei.pink.regular);

     

       48
       48
       +
           }

     

       49
       49
       +
       

     

       50
       50
       +
           a {

     

       51
       51
       +
               text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.green.light);

     

       52
       52
       +
               cursor: url('/icons/gaze.png'), pointer;

     

       53
       53
       +
           }

     

       54
       54
       +
       

     

       55
       55
       +
           @font-face {

     

       56
       56
       +
               font-family: 'Comic Shanns';

     

       57
       57
       +
               font-display: swap;

     

       58
       58
       +
               src: url('/fonts/ComicMono-Condensed.woff2') format('woff2');

     

       59
       59
       +
           }

     

       60
       60
       +
       

     

       61
       61
       +
           @font-face {

     

       62
       62
       +
               font-family: 'Comic Sans';

     

       63
       63
       +
               font-style: normal;

     

       64
       64
       +
               font-display: swap;

     

       65
       65
       +
               src: url('/fonts/comic.woff2') format('woff2');

     

       66
       66
       +
           }

     

       67
       67
       +
       

     

       68
       68
       +
           @font-face {

     

       69
       69
       +
               font-family: 'Comic Sans';

     

       70
       70
       +
               font-style: normal;

     

       71
       71
       +
               font-weight: bold;

     

       72
       72
       +
               font-display: swap;

     

       73
       73
       +
               src: url('/fonts/comicbd.woff2') format('woff2');

     

       74
       74
       +
           }

     

       75
       75
       +
       

     

       76
       76
       +
           @font-face {

     

       77
       77
       +
               font-family: 'Comic Sans';

     

       78
       78
       +
               font-style: italic;

     

       79
       79
       +
               font-display: swap;

     

       80
       80
       +
               src: url('/fonts/comici.woff2') format('woff2');

     

       81
       81
       +
           }

     

       82
       82
       +
       }

     

       83
       83
       +
       

     

       84
       84
       +
       @layer utilities {

     

       85
       85
       +
           .border-groove {

     

       86
       86
       +
               border-style: groove;

     

       87
       87
       +
           }

     

       88
       88
       +
       

     

       89
       89
       +
           .border-ridge {

     

       90
       90
       +
               border-style: ridge;

     

       91
       91
       +
           }

     

       92
       92
       +
       

     

       93
       93
       +
           .app-grid-background-anim {

     

       94
       94
       +
               animation: 4s linear app-grid-move-first-layer infinite;

     

       95
       95
       +
           }

     

       96
       96
       +
           

     

       97
       97
       +
           .app-grid-background-second-layer-anim {

     

       98
       98
       +
               animation: 12s linear app-grid-move-second-layer infinite;

     

       99
       99
       +
           }

     

       100
       100
       +
       

     

       101
       101
       +
           @keyframes app-grid-move-first-layer {

     

       102
       102
       +
               0% {

     

       103
       103
       +
                   background-position: 0px 0px;

     

       104
       104
       +
               }

     

       105
       105
       +
               100% {

     

       106
       106
       +
                   background-position: 126px 84px;

     

       107
       107
       +
               }

     

       108
       108
       +
           }

     

       109
       109
       +
           

     

       110
       110
       +
           @keyframes app-grid-move-second-layer {

     

       111
       111
       +
               0% {

     

       112
       112
       +
                   background-position: 96px 120px;

     

       113
       113
       +
               }

     

       114
       114
       +
               100% {

     

       115
       115
       +
                   background-position: 0px 0px;

     

       116
       116
       +
               }

     

       117
       117
       +
           }

     

       118
       118
       +
       }

     

       119
       119
       +
       

     

       120
       120
       +
       a.app-selected-route {

     

       121
       121
       +
           text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.pink.regular);

     

       122
       122
       +
       }

     

       123
       123
       +
       

     

       124
       124
       +
       .app-grid-background {

     

       125
       125
       +
           background-image: 

     

       126
       126
       +
               linear-gradient(theme(colors.ralsei.green.light / 0.4), transparent 2px),

     

       127
       127
       +
               linear-gradient(to right, theme(colors.ralsei.green.light / 0.4), transparent 2px);

     

       128
       128
       +
           background-size: 100% 42px, 42px 100%;

     

       129
       129
       +
       }

     

       130
       130
       +
       

     

       131
       131
       +
       .app-grid-background-second-layer {

     

       132
       132
       +
           background-image: 

     

       133
       133
       +
               linear-gradient(theme(colors.ralsei.pink.neon / 0.4), transparent 1px),

     

       134
       134
       +
               linear-gradient(to right, theme(colors.ralsei.pink.neon / 0.4), transparent 1px);

     

       135
       135
       +
           background-size: 100% 24px, 24px 100%;

     

       136
       136
       +
       }

+140

src/styles/prism-synthwave84.css

···

       1
       1
       +
       /*

     

       2
       2
       +
        * Synthwave '84 Theme originally by Robb Owen [@Robb0wen] for Visual Studio Code

     

       3
       3
       +
        * Demo: https://marc.dev/demo/prism-synthwave84

     

       4
       4
       +
        *

     

       5
       5
       +
        * Ported for PrismJS by Marc Backes [@themarcba]

     

       6
       6
       +
        */

     

       7
       7
       +
       

     

       8
       8
       +
       code[class*="language-"],

     

       9
       9
       +
       pre[class*="language-"] {

     

       10
       10
       +
       	color: theme(colors.ralsei.pink.neon);

     

       11
       11
       +
       	text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px #ff3eb733, 0 0 10px #fff3;

     

       12
       12
       +
       	@apply bg-ralsei-green-dark;

     

       13
       13
       +
       	@apply font-monospace;

     

       14
       14
       +
       	font-size: 1rem;

     

       15
       15
       +
       	line-height: 1.4rem;

     

       16
       16
       +
       	text-align: left;

     

       17
       17
       +
       	white-space: pre;

     

       18
       18
       +
       	word-spacing: normal;

     

       19
       19
       +
       	word-break: normal;

     

       20
       20
       +
       	word-wrap: normal;

     

       21
       21
       +
       

     

       22
       22
       +
       	-moz-tab-size: 4;

     

       23
       23
       +
       	-o-tab-size: 4;

     

       24
       24
       +
       	tab-size: 4;

     

       25
       25
       +
       

     

       26
       26
       +
       	-webkit-hyphens: none;

     

       27
       27
       +
       	-moz-hyphens: none;

     

       28
       28
       +
       	-ms-hyphens: none;

     

       29
       29
       +
       	hyphens: none;

     

       30
       30
       +
       }

     

       31
       31
       +
       

     

       32
       32
       +
       /* Code blocks */

     

       33
       33
       +
       pre[class*="language-"] {

     

       34
       34
       +
       	padding: 1em;

     

       35
       35
       +
       	margin: .5em 0;

     

       36
       36
       +
       	overflow: auto;

     

       37
       37
       +
       }

     

       38
       38
       +
       

     

       39
       39
       +
       /* :not(pre) > code[class*="language-"],

     

       40
       40
       +
       pre[class*="language-"] {

     

       41
       41
       +
       	background-color: transparent !important;

     

       42
       42
       +
       	background-image: linear-gradient(to bottom, #2a2139 75%, #34294f);

     

       43
       43
       +
       } */

     

       44
       44
       +
       

     

       45
       45
       +
       /* Inline code */

     

       46
       46
       +
       :not(pre) > code[class*="language-"] {

     

       47
       47
       +
       	padding: .1em;

     

       48
       48
       +
       	border-radius: .3em;

     

       49
       49
       +
       	white-space: normal;

     

       50
       50
       +
       }

     

       51
       51
       +
       

     

       52
       52
       +
       .token.comment,

     

       53
       53
       +
       .token.block-comment,

     

       54
       54
       +
       .token.prolog,

     

       55
       55
       +
       .token.doctype,

     

       56
       56
       +
       .token.cdata {

     

       57
       57
       +
       	color: #8e8e8e;

     

       58
       58
       +
       }

     

       59
       59
       +
       

     

       60
       60
       +
       .token.punctuation {

     

       61
       61
       +
       	color: #ccc;

     

       62
       62
       +
       }

     

       63
       63
       +
       

     

       64
       64
       +
       .token.tag,

     

       65
       65
       +
       .token.attr-name,

     

       66
       66
       +
       .token.namespace,

     

       67
       67
       +
       .token.number,

     

       68
       68
       +
       .token.unit,

     

       69
       69
       +
       .token.hexcode,

     

       70
       70
       +
       .token.deleted {

     

       71
       71
       +
       	color: #e2777a;

     

       72
       72
       +
       }

     

       73
       73
       +
       

     

       74
       74
       +
       .token.property,

     

       75
       75
       +
       .token.selector {

     

       76
       76
       +
       	color: #72f1b8;

     

       77
       77
       +
       	text-shadow: 0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475;

     

       78
       78
       +
       }

     

       79
       79
       +
       

     

       80
       80
       +
       .token.function-name {

     

       81
       81
       +
       	color: #6196cc;

     

       82
       82
       +
       }

     

       83
       83
       +
       

     

       84
       84
       +
       .token.boolean,

     

       85
       85
       +
       .token.selector .token.id,

     

       86
       86
       +
       .token.function {

     

       87
       87
       +
       	color: #fdfdfd;

     

       88
       88
       +
       	text-shadow: 0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975;

     

       89
       89
       +
       }

     

       90
       90
       +
       

     

       91
       91
       +
       .token.class-name {

     

       92
       92
       +
       	color: #fff5f6;

     

       93
       93
       +
       	text-shadow: 0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75;

     

       94
       94
       +
       }

     

       95
       95
       +
       

     

       96
       96
       +
       .token.constant,

     

       97
       97
       +
       .token.symbol {

     

       98
       98
       +
       	color: #f92aad;

     

       99
       99
       +
       	text-shadow: 0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3;

     

       100
       100
       +
       }

     

       101
       101
       +
       

     

       102
       102
       +
       .token.important,

     

       103
       103
       +
       .token.atrule,

     

       104
       104
       +
       .token.keyword,

     

       105
       105
       +
       .token.selector .token.class,

     

       106
       106
       +
       .token.builtin {

     

       107
       107
       +
       	color: #f4eee4;

     

       108
       108
       +
       	text-shadow: 0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575;

     

       109
       109
       +
       }

     

       110
       110
       +
       

     

       111
       111
       +
       .token.string,

     

       112
       112
       +
       .token.char,

     

       113
       113
       +
       .token.attr-value,

     

       114
       114
       +
       .token.regex,

     

       115
       115
       +
       .token.variable {

     

       116
       116
       +
       	color: #f87c32;

     

       117
       117
       +
       }

     

       118
       118
       +
       

     

       119
       119
       +
       .token.operator,

     

       120
       120
       +
       .token.entity,

     

       121
       121
       +
       .token.url {

     

       122
       122
       +
       	color: #67cdcc;

     

       123
       123
       +
       }

     

       124
       124
       +
       

     

       125
       125
       +
       .token.important,

     

       126
       126
       +
       .token.bold {

     

       127
       127
       +
       	font-weight: bold;

     

       128
       128
       +
       }

     

       129
       129
       +
       

     

       130
       130
       +
       .token.italic {

     

       131
       131
       +
       	font-style: italic;

     

       132
       132
       +
       }

     

       133
       133
       +
       

     

       134
       134
       +
       .token.entity {

     

       135
       135
       +
       	cursor: help;

     

       136
       136
       +
       }

     

       137
       137
       +
       

     

       138
       138
       +
       .token.inserted {

     

       139
       139
       +
       	color: green;

     

       140
       140
       +
       }

static/favicon.png

This is a binary file and will not be displayed.

static/fonts/ComicMono-Condensed.woff2

This is a binary file and will not be displayed.

static/fonts/comic.woff2

This is a binary file and will not be displayed.

static/fonts/comicbd.woff2

This is a binary file and will not be displayed.

static/fonts/comici.woff2

This is a binary file and will not be displayed.

static/icons/about.png

This is a binary file and will not be displayed.

static/icons/contact.png

This is a binary file and will not be displayed.

static/icons/entries.png

This is a binary file and will not be displayed.

static/icons/entry.png

This is a binary file and will not be displayed.

static/icons/gaze.png

This is a binary file and will not be displayed.

static/icons/gaze_closed.png

This is a binary file and will not be displayed.

static/icons/gaze_site.png

This is a binary file and will not be displayed.

static/icons/home.png

This is a binary file and will not be displayed.

static/icons/question.png

This is a binary file and will not be displayed.

static/icons/warning.png

This is a binary file and will not be displayed.

static/wavey.gif

This is a binary file and will not be displayed.

+31 -4

svelte.config.js

···

       1
       1
       -
       import adapter from "@sveltejs/adapter-static";

     

       1
       1
       +
       import adapter from "svelte-adapter-bun";

     

       2
       2
        
       import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

     

       3
       3
        
       

     

       4
       4
        
       import { mdsvex } from 'mdsvex'

     

       5
       5
        
       import rehypeAutolinkHeadings from 'rehype-autolink-headings'

     

       6
       6
        
       import rehypeSlug from 'rehype-slug'

     

       7
       7
       +
       

     

       8
       8
       +
       import * as toml from "@std/toml";

     

       7
       9
        
       

     

       8
       10
        
       /** @type {import('@sveltejs/kit').Config} */

     

       9
       11
        
       const config = {

     
···

       13
       15
        
       		vitePreprocess(),

     

       14
       16
        
       		mdsvex({

     

       15
       17
        
       			extensions: ['.md', '.svx'],

     

       18
       18
       +
       			frontmatter: {

     

       19
       19
       +
       				type: "toml",

     

       20
       20
       +
       				marker: "+",

     

       21
       21
       +
       				parse(frontmatter, messages) {

     

       22
       22
       +
       					try {

     

       23
       23
       +
       						return toml.parse(frontmatter);

     

       24
       24
       +
       					} catch (e) {

     

       25
       25
       +
       						messages.push(

     

       26
       26
       +
       							"Parsing error on line " +

     

       27
       27
       +
       								e.line +

     

       28
       28
       +
       								", column " +

     

       29
       29
       +
       								e.column +

     

       30
       30
       +
       								": " +

     

       31
       31
       +
       								e.message

     

       32
       32
       +
       						);

     

       33
       33
       +
       					}

     

       34
       34
       +
       				},

     

       35
       35
       +
       			},

     

       16
       36
        
       			rehypePlugins: [

     

       17
       37
        
       				rehypeSlug,

     

       18
       38
        
       				rehypeAutolinkHeadings,

     

       19
       39
        
       			],

     

       20
       20
       -
       			smartypants: { dashes: 'oldschool' },

     

       40
       40
       +
       			smartypants: {

     

       41
       41
       +
       				dashes: 'oldschool',

     

       42
       42
       +
       				quotes: true,

     

       43
       43
       +
       				ellipses: true,

     

       44
       44
       +
       				backticks: false,

     

       45
       45
       +
       			},

     

       21
       46
        
       			layout: {

     

       22
       22
       -
       				_: './src/routes/+layout.svelte',

     

       23
       23
       -
       				blogpost: './src/routes/posts/_layout.svelte',

     

       47
       47
       +
       				blogpost: './src/routes/entries/_layout.svelte',

     

       24
       48
        
       			},

     

       25
       49
        
       		}),

     

       26
       50
        
       	],

     

       27
       51
        
       

     

       28
       52
        
       	kit: {

     

       53
       53
       +
       		prerender: {

     

       54
       54
       +
       			handleHttpError: 'warn',

     

       55
       55
       +
       		},

     

       29
       56
        
       		adapter: adapter({

     

       30
       57
        
       			precompress: true,

     

       31
       58
        
       		}),

+48 -1

tailwind.config.js

···

       1
       1
       +
       const colors = require('tailwindcss/colors')

     

       2
       2
       +
       

     

       1
       3
        
       /** @type {import('tailwindcss').Config} */

     

       2
       4
        
       export default {

     

       3
       5
        
         content: ['./src/**/*.{html,js,svelte,ts,md}'],

     

       4
       6
        
         theme: {

     

       5
       5
       -
           extend: {},

     

       7
       7
       +
           extend: {

     

       8
       8
       +
             typography: ({ theme }) => ({

     

       9
       9
       +
               ralsei: {

     

       10
       10
       +
                 css: {

     

       11
       11
       +
                   '--tw-prose-body': theme('colors.ralsei.white'),

     

       12
       12
       +
                   '--tw-prose-headings': theme('colors.ralsei.pink.neon'),

     

       13
       13
       +
                   '--tw-prose-lead': theme('colors.ralsei.white'),

     

       14
       14
       +
                   '--tw-prose-links': theme('colors.ralsei.green.light'),

     

       15
       15
       +
                   '--tw-prose-bold': theme('colors.ralsei.white'),

     

       16
       16
       +
                   '--tw-prose-counters': theme('colors.ralsei.pink.regular'),

     

       17
       17
       +
                   '--tw-prose-bullets': theme('colors.ralsei.pink.regular'),

     

       18
       18
       +
                   '--tw-prose-hr': theme('colors.ralsei.white'),

     

       19
       19
       +
                   '--tw-prose-quotes': theme('colors.ralsei.white'),

     

       20
       20
       +
                   '--tw-prose-quote-borders': theme('colors.ralsei.white'),

     

       21
       21
       +
                   '--tw-prose-captions': theme('colors.ralsei.white'),

     

       22
       22
       +
                   '--tw-prose-code': theme('colors.ralsei.pink.regular'),

     

       23
       23
       +
                   '--tw-prose-pre-code': theme('colors.ralsei.white'),

     

       24
       24
       +
                   '--tw-prose-pre-bg': theme('colors.ralsei.green.dark'),

     

       25
       25
       +
                   '--tw-prose-th-borders': theme('colors.ralsei.white'),

     

       26
       26
       +
                   '--tw-prose-td-borders': theme('colors.ralsei.white'),

     

       27
       27
       +
                 },

     

       28
       28
       +
               },

     

       29
       29
       +
             }),

     

       30
       30
       +
             animation: {

     

       31
       31
       +
               'bounce-slow' : 'bounce 3s infinite',

     

       32
       32
       +
               'pulse-fast' : 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite',

     

       33
       33
       +
             },

     

       34
       34
       +
             colors: {

     

       35
       35
       +
               ralsei: {

     

       36
       36
       +
                 pink: {

     

       37
       37
       +
                   regular: '#fe96e0',

     

       38
       38
       +
                   neon: '#ff3eb7',

     

       39
       39
       +
                 },

     

       40
       40
       +
                 white: '#fff9fe',

     

       41
       41
       +
                 black: '#000801',

     

       42
       42
       +
                 green: {

     

       43
       43
       +
                   light: '#4dcc8e',

     

       44
       44
       +
                   dark: '#162d26',

     

       45
       45
       +
                 }

     

       46
       46
       +
               }

     

       47
       47
       +
             }

     

       48
       48
       +
           },

     

       49
       49
       +
           fontFamily: {

     

       50
       50
       +
             'sans-serif': ['"Comic Sans", sans-serif'],

     

       51
       51
       +
             monospace: ['"Comic Shanns", monospace'],

     

       52
       52
       +
           }

     

       6
       53
        
         },

     

       7
       54
        
         plugins: [

     

       8
       55
        
           require('@tailwindcss/typography')