brandan/personal-website
1
0
Fork 0
Code Pull requests Activity

WHOOPS

Browse source
This commit is contained in:
cirroskais 2024-04-27 19:33:00 -04:00
commit 98f163af51
No known key found for this signature in database
GPG key ID: 5FC73EBF2678E33D
14 changed files with 78 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb
View file

Binary file not shown.

2
src/app.css
View file

@ -14,7 +14,7 @@ body {
font-style: normal;
}
//https://stackoverflow.com/questions/14068103/disable-antialising-when-scaling-images#14068216
/* https://stackoverflow.com/questions/14068103/disable-antialising-when-scaling-images#14068216 */
img {
image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */
image-rendering: -moz-crisp-edges; /* Firefox */

22
src/lib/components/Meta.svelte Normal file
View file

@ -0,0 +1,22 @@
<script>
import { page } from '$app/stores';
export let title = '',
image = '',
descripton = '',
bigImage = '';
</script>
<svelte:head>
<title>{title}</title>
<meta property="og:title" content={title} />
{#if bigImage.length}
<meta property="twitter:card" content="summary_large_image" />
<meta property="og:image" content={$page.url.origin + bigImage} />
{:else}
<meta property="og:image" content={$page.url.origin + (image.length ? image : '/api/avatar')} />
{/if}
{#if descripton.length}
<meta property="og:description" content={descripton} />
{/if}
</svelte:head>

6
src/lib/emojis.js
View file

@ -7,5 +7,9 @@ export default {
typescript: '/img/emoji/typescript.svg',
bun: '/img/emoji/bun.svg',
nodejs: '/img/emoji/nodedotjs.svg',
coolify: '/img/emoji/coolify.png'
coolify: '/img/emoji/coolify.png',
archlinux: '/img/emoji/archlinux.svg',
windows10: '/img/emoji/windows10.svg',
apple: '/img/emoji/apple.svg',
ubuntu: '/img/emoji/ubuntu.svg'
};

17
src/routes/+layout.svelte
View file

@ -4,25 +4,16 @@
import { page } from '$app/stores';
import { fade } from 'svelte/transition';
import config from '$lib/config';
import Header from '$lib/components/Header.svelte';
import Footer from '$lib/components/Footer.svelte';
let avatarApi = '';
page.subscribe((pg) => {
const url = new URL(pg.url);
url.pathname = '/api/avatar';
avatarApi = url.toString();
});
</script>
<svelte:head>
<link href="https://chadthundercock.com/@cirroskais" rel="me" />
<link rel="icon" type="image/png" href={avatarApi} />
<meta property="og:title" content={$page.data.discord.username} />
<link href={config.FEDIVERSE} rel="me" />
<link rel="icon" type="image/png" href={$page.url.origin + '/api/avatar'} />
<meta property="og:url" content={$page.url.toString()} />
<meta property="og:image" content={avatarApi} />
<meta property="og:description" content="snow leopard that likes computers." />
<meta property="og:site_name" content={$page.url.hostname} />
<meta name="theme-color" content="#c4bef3" />
</svelte:head>

5
src/routes/+page.svelte
View file

@ -2,6 +2,7 @@
import { page } from '$app/stores';
import config from '$lib/config';
import Meta from '$lib/components/Meta.svelte';
import SocialIcon from '$lib/components/Home/SocialIcon.svelte';
import HeroContainer from '$lib/components/Home/HeroContainer.svelte';
import ImgButton from '$lib/components/Home/Button.svelte';
@ -15,9 +16,7 @@
import Bluesky from '$lib/components/Icons/Bluesky.svelte';
</script>
<svelte:head>
<title>{$page.data.discord?.username}/home</title>
</svelte:head>
<Meta title="home · cirroskais" descripton="snow leopard that likes computers" />
<div class="hero w-full h-[calc(100vh-5.125rem)] rounded-lg mx-auto my-auto">
<div class="flex p-4 h-full rounded-lg">

7
src/routes/blog/+page.svelte
View file

@ -3,6 +3,7 @@
import { page } from '$app/stores';
import blog from '$lib/blog';
import Meta from '$lib/components/Meta.svelte';
import ListedPost from '$lib/components/Blog/ListedPost.svelte';
import Back from '$lib/components/Icons/Back.svelte';
import Next from '$lib/components/Icons/Next.svelte';
@ -35,12 +36,10 @@
});
</script>
<svelte:head>
<title>{$page.data.discord?.username}/blog</title>
</svelte:head>
<Meta title="blog · cirroskais" descripton="the best blog ever" />
<div class="flex flex-col w-full">
<div class="flex flex-col my-auto space-y-7">
<div class="flex flex-col my-auto space-y-2">
<div class="grid gap-2 md:grid-rows-8 md:grid-cols-2 2xl:grid-cols-4 2xl:grid-rows-4">
{#key posts}
{#each posts as post, i}

7
src/routes/blog/[slug]/+page.svelte
View file

@ -1,4 +1,5 @@
<script>
import { page } from '$app/stores';
import { onMount } from 'svelte';
import { fade } from 'svelte/transition';
@ -10,6 +11,8 @@
export let data;
import Meta from '$lib/components/Meta.svelte';
let markdown = '';
let thisPost = blog.find((post) => post.slug === data.slug);
@ -29,11 +32,13 @@
});
</script>
<Meta title="{thisPost?.title.toLowerCase()} · cirroskais" bigImage={thisPost?.image} />
<div class="flex flex-col mx-auto space-y-2 max-w-[65ch]">
<div class="mx-auto w-full">
<div
class="h-[10rem] w-full rounded-lg aspect-video bg-gray-500/10"
style="background-image: url({thisPost?.image});
style="background-image: url({thisPost?.image});
background-repeat: repeat;
background-size: cover;"
>

6
src/routes/projects/+page.svelte
View file

@ -1,10 +1,10 @@
<script>
import { page } from '$app/stores';
import Meta from '$lib/components/Meta.svelte';
</script>
<svelte:head>
<title>{$page.data.discord?.username}/projects</title>
</svelte:head>
<Meta title="projects · cirroskais" descripton="all of my projects" />
<div class="flex w-full h-[calc(100vh-5.125rem)]">
<p class="m-auto text-2xl italic text-neutral-700">

29
static/blog/hardware.md
View file

@ -1 +1,28 @@
There doesn't appear to be anything here yet...
## My Devices
I currently own/administrate 3 devices. Here's their specs.
### :archlinux: :windows10: Desktop (cirro-desktop)
- OS: Arch Linux / Windows 10
- Shell: bash
- WM: i3
- Terminal: alacritty
- CPU: Intel i5-10400F @ 4.300GHz
- GPU: NVIDIA GeForce RTX 2070 SUPER
- Memory: 16 GB
### :apple: Laptop (cirro-laptop)
- OS: macOS 12.7.3
- Shell: zsh
- CPU: Intel i5-5257U @ 2.700GHz
- GPU: Intel Iris Graphics 6100
- Memory: 8 GB
### :ubuntu: Server (gungus)
- OS: Ubuntu 22.04.4 LTS
- CPU: Intel Xeon E-2288G @ 5.000GHz
- GPU: None
- Memory: 128 GB

1
static/img/emoji/apple.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"><title>Apple</title><path d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 666 B

1
static/img/emoji/archlinux.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" fill="#1793D1" xmlns="http://www.w3.org/2000/svg"><title>Arch Linux</title><path d="M11.39.605C10.376 3.092 9.764 4.72 8.635 7.132c.693.734 1.543 1.589 2.923 2.554-1.484-.61-2.496-1.224-3.252-1.86C6.86 10.842 4.596 15.138 0 23.395c3.612-2.085 6.412-3.37 9.021-3.862a6.61 6.61 0 01-.171-1.547l.003-.115c.058-2.315 1.261-4.095 2.687-3.973 1.426.12 2.534 2.096 2.478 4.409a6.52 6.52 0 01-.146 1.243c2.58.505 5.352 1.787 8.914 3.844-.702-1.293-1.33-2.459-1.929-3.57-.943-.73-1.926-1.682-3.933-2.713 1.38.359 2.367.772 3.137 1.234-6.09-11.334-6.582-12.84-8.67-17.74zM22.898 21.36v-.623h-.234v-.084h.562v.084h-.234v.623h.331v-.707h.142l.167.5.034.107a2.26 2.26 0 01.038-.114l.17-.493H24v.707h-.091v-.593l-.206.593h-.084l-.205-.602v.602h-.091"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 781 B

1
static/img/emoji/ubuntu.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" fill="#E95420" xmlns="http://www.w3.org/2000/svg"><title>Ubuntu</title><path d="M17.61.455a3.41 3.41 0 0 0-3.41 3.41 3.41 3.41 0 0 0 3.41 3.41 3.41 3.41 0 0 0 3.41-3.41 3.41 3.41 0 0 0-3.41-3.41zM12.92.8C8.923.777 5.137 2.941 3.148 6.451a4.5 4.5 0 0 1 .26-.007 4.92 4.92 0 0 1 2.585.737A8.316 8.316 0 0 1 12.688 3.6 4.944 4.944 0 0 1 13.723.834 11.008 11.008 0 0 0 12.92.8zm9.226 4.994a4.915 4.915 0 0 1-1.918 2.246 8.36 8.36 0 0 1-.273 8.303 4.89 4.89 0 0 1 1.632 2.54 11.156 11.156 0 0 0 .559-13.089zM3.41 7.932A3.41 3.41 0 0 0 0 11.342a3.41 3.41 0 0 0 3.41 3.409 3.41 3.41 0 0 0 3.41-3.41 3.41 3.41 0 0 0-3.41-3.41zm2.027 7.866a4.908 4.908 0 0 1-2.915.358 11.1 11.1 0 0 0 7.991 6.698 11.234 11.234 0 0 0 2.422.249 4.879 4.879 0 0 1-.999-2.85 8.484 8.484 0 0 1-.836-.136 8.304 8.304 0 0 1-5.663-4.32zm11.405.928a3.41 3.41 0 0 0-3.41 3.41 3.41 3.41 0 0 0 3.41 3.41 3.41 3.41 0 0 0 3.41-3.41 3.41 3.41 0 0 0-3.41-3.41z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 964 B

1
static/img/emoji/windows10.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" fill="#0078D6" xmlns="http://www.w3.org/2000/svg"><title>Windows 10</title><path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 242 B