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

hero page idffk

Browse source
This commit is contained in:
cirroskais 2024-04-17 20:37:44 -04:00
parent d4ca342a8c
commit aeb15fbe60
No known key found for this signature in database
GPG key ID: 5FC73EBF2678E33D
17 changed files with 97 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb
View file

Binary file not shown.

61
package.json
View file

@ -1,31 +1,34 @@
{
"name": "personal-website",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"start": "bun ./build/index.js",
"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
"lint": "prettier --check .",
"format": "prettier --write ."
},
"devDependencies": {
"@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/kit": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^3.0.0",
"autoprefixer": "^10.4.19",
"postcss": "^8.4.38",
"prettier": "^3.1.1",
"prettier-plugin-svelte": "^3.1.2",
"svelte": "^4.2.7",
"svelte-adapter-bun": "^0.5.2",
"svelte-check": "^3.6.0",
"tailwindcss": "^3.4.3",
"typescript": "^5.0.0",
"vite": "^5.0.3"
},
"type": "module"
"name": "personal-website",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"start": "bun ./build/index.js",
"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
"lint": "prettier --check .",
"format": "prettier --write ."
},
"devDependencies": {
"@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/kit": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^3.0.0",
"autoprefixer": "^10.4.19",
"postcss": "^8.4.38",
"prettier": "^3.1.1",
"prettier-plugin-svelte": "^3.1.2",
"svelte": "^4.2.7",
"svelte-adapter-bun": "^0.5.2",
"svelte-check": "^3.6.0",
"tailwindcss": "^3.4.3",
"typescript": "^5.0.0",
"vite": "^5.0.3"
},
"type": "module",
"dependencies": {
"lucide-svelte": "^0.370.0"
}
}

12
src/app.css
View file

@ -7,3 +7,15 @@ body {
background-color: #171717;
color: white;
}
.hero {
background-image: url(/background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: auto 1280px;
}
.hero > div {
backdrop-filter: blur(10px);
}

10
src/lib/components/Icons/Discord.svelte Normal file
View file

@ -0,0 +1,10 @@
<svg
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
stroke="none"
fill="currentColor"
><title>Discord</title><path
d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"
/></svg
>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

0
src/lib/components/icons/First.svelte → src/lib/components/Icons/First.svelte
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 261 B

After

Width:  |  Height:  |  Size: 261 B

10
src/lib/components/Icons/GitHub.svelte Normal file
View file

@ -0,0 +1,10 @@
<svg
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
stroke="none"
fill="currentColor"
><title>GitHub</title><path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
/></svg
>
Side by side

After

Width:  |  Height:  |  Size: 869 B

0
src/lib/components/icons/Last.svelte → src/lib/components/Icons/Last.svelte
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 259 B

After

Width:  |  Height:  |  Size: 259 B

10
src/lib/components/Icons/LastFM.svelte Normal file
View file

@ -0,0 +1,10 @@
<svg
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
stroke="none"
fill="currentColor"
><title>Last.fm</title><path
d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z"
/></svg
>
Side by side

After

Width:  |  Height:  |  Size: 850 B

0
src/lib/server/discord.js Normal file
View file

0
src/lib/server/lastfm.js Normal file
View file

4
src/routes/+layout.svelte
View file

@ -8,6 +8,10 @@
import Footer from '$lib/components/Footer.svelte';
</script>
<svelte:head>
<link href="https://chadthundercock.com/@cirroskais" rel="me" />
</svelte:head>
<div class="w-screen h-[3rem]">
<Header></Header>
</div>

10
src/routes/+page.svelte
View file

@ -1 +1,9 @@
<a rel="me" href="https://chadthundercock.com/@cirroskais">Mastodon</a>
<svelte:head>
<title>cirroskais/home</title>
</svelte:head>
<div class="hero w-full h-[50rem] rounded-lg mx-auto">
<div class="h-full w-full rounded-lg">
<div></div>
</div>
</div>

2
src/routes/api/blog/+server.js
View file

@ -160,6 +160,6 @@ export async function GET({ url }) {
return json({
index,
pages,
posts: posts.slice(0, 12)
posts: posts.slice(0, 0)
});
}

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

@ -3,8 +3,8 @@
import { writable } from 'svelte/store';
import ListedPost from '$lib/components/Blog/ListedPost.svelte';
import First from '$lib/components/icons/First.svelte';
import Last from '$lib/components/icons/Last.svelte';
import First from '$lib/components/Icons/First.svelte';
import Last from '$lib/components/Icons/Last.svelte';
import ScaffoldListedPost from '$lib/components/Blog/ScaffoldListedPost.svelte';
/** @type {any[]} */
@ -22,6 +22,10 @@
onMount(() => loadPosts(0));
</script>
<svelte:head>
<title>cirroskais/blog</title>
</svelte:head>
<div class="">
<div
class="grid md:grid-cols-2 md:grid-rows-5 lg:grid-cols-3 lg:grid-rows-4 xl:grid-cols-4 xl:grid-rows-3 gap-2"

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

@ -1 +1,3 @@
<p>projects</p>
<svelte:head>
<title>cirroskais/projects</title>
</svelte:head>

BIN
static/background.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
static/blogtest.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 56 KiB