WHOOPS
This commit is contained in:
commit
98f163af51
14 changed files with 78 additions and 27 deletions
BIN
bun.lockb
BIN
bun.lockb
Binary file not shown.
|
@ -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
22
src/lib/components/Meta.svelte
Normal 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>
|
|
@ -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'
|
||||
};
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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,6 +32,8 @@
|
|||
});
|
||||
</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
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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
1
static/img/emoji/apple.svg
Normal 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>
|
After Width: | Height: | Size: 666 B |
1
static/img/emoji/archlinux.svg
Normal file
1
static/img/emoji/archlinux.svg
Normal 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>
|
After Width: | Height: | Size: 781 B |
1
static/img/emoji/ubuntu.svg
Normal file
1
static/img/emoji/ubuntu.svg
Normal 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>
|
After Width: | Height: | Size: 964 B |
1
static/img/emoji/windows10.svg
Normal file
1
static/img/emoji/windows10.svg
Normal 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>
|
After Width: | Height: | Size: 242 B |
Loading…
Reference in a new issue