NickBland/website-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'svelte' into svelte-prod

Browse Source
This commit is contained in:
Nick Bland 2024-04-25 00:48:13 +10:00
commit 31b01db77f
Signed by: NickBland
GPG Key ID: 31CADD9E5FDD798C
15 changed files with 70 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bun.lockb
View File

Binary file not shown.

10
src/app.d.ts vendored
View File

@ -2,10 +2,14 @@
// for information about these interfaces // for information about these interfaces
declare global { declare global {
namespace App { namespace App {
interface Error {} interface Error {
code: string;
id: string;
message: string;
}
// interface Locals {} // interface Locals {}
// interface PageData {} interface PageData {}
// interface PageState {} interface PageState {}
interface Platform { interface Platform {
env: { env: {
COUNTER: DurableObjectNamespace; COUNTER: DurableObjectNamespace;

2
src/app.html
View File

@ -1,7 +1,9 @@
<!doctype html> <!doctype html>
<html lang="en" data-theme="night"> <html lang="en" data-theme="night">
<head> <head>
<title>Nick Bland's personal website!</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="description" content="This is my personal website as a way to navigate through some of the projects I've done or am working on." />
<link <link
rel="apple-touch-icon" rel="apple-touch-icon"
sizes="180x180" sizes="180x180"

2
src/components/footer.svelte → src/lib/components/footer.svelte
View File

@ -18,6 +18,7 @@
<a <a
role="button" role="button"
class="btn btn-ghost hover:shadow-lg" class="btn btn-ghost hover:shadow-lg"
aria-label="Find me at my GitHub"
href="https://github.com/NickBland"><Github /></a href="https://github.com/NickBland"><Github /></a
> >
</div> </div>
@ -25,6 +26,7 @@
<a <a
role="button" role="button"
class="btn btn-ghost hover:shadow-lg" class="btn btn-ghost hover:shadow-lg"
aria-label="Find me at my GitLab"
href="https://git.nickbland.dev/NickBland"><Gitlab /></a href="https://git.nickbland.dev/NickBland"><Gitlab /></a
> >
</div> </div>

7
src/components/navbar/navbar.svelte → src/lib/components/navbar/navbar.svelte
View File

@ -6,7 +6,12 @@
<div class="navbar bg-neutral text-neutral-content"> <div class="navbar bg-neutral text-neutral-content">
<div class="navbar-start"> <div class="navbar-start">
<div class="dropdown"> <div class="dropdown">
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden"> <div
tabindex="0"
role="button"
aria-label="menu button"
class="btn btn-ghost lg:hidden"
>
<Menu class="w-5 h-5 fill-current" /> <Menu class="w-5 h-5 fill-current" />
</div> </div>
<ul <ul

9
src/components/navbar/themeController.svelte → src/lib/components/navbar/themeController.svelte
View File

@ -3,9 +3,14 @@
import Moon from "lucide-svelte/icons/moon"; import Moon from "lucide-svelte/icons/moon";
</script> </script>
<label class="swap swap-rotate"> <label class="swap swap-rotate" aria-label="Theme swapper">
<!-- this hidden checkbox controls the state --> <!-- this hidden checkbox controls the state -->
<input type="checkbox" class="theme-controller" value="winter" /> <input
type="checkbox"
class="theme-controller"
value="winter"
aria-label="Theme toggle button"
/>
<Sun class="w-7 h-7 swap-on fill-current hover:shadow-lg" /> <Sun class="w-7 h-7 swap-on fill-current hover:shadow-lg" />

4
src/components/countdown.svelte → src/lib/components/portfolio/countdown.svelte
View File

@ -41,7 +41,7 @@
<!-- Display a different type of countdown for smaller screens, as larger one won't fit --> <!-- Display a different type of countdown for smaller screens, as larger one won't fit -->
{#if w >= 768} {#if w >= 768}
<h3 class="p-5 text-4xl text-center">Time to Graduation</h3> <h2 class="p-5 text-4xl text-center">Time to Graduation</h2>
<div class="grid grid-flow-col gap-5 pb-5 text-center auto-cols-max justify-center"> <div class="grid grid-flow-col gap-5 pb-5 text-center auto-cols-max justify-center">
<div class="flex flex-col"> <div class="flex flex-col">
<span class="countdown font-mono text-5xl place-self-center"> <span class="countdown font-mono text-5xl place-self-center">
@ -81,7 +81,7 @@
</div> </div>
</div> </div>
{:else} {:else}
<h3 class="p-5 text-4xl text-center">Time to Graduation<br /> ({FORMATTED})</h3> <h2 class="p-5 text-4xl text-center">Time to Graduation<br /> ({FORMATTED})</h2>
<span class="flex countdown pb-5 font-mono text-4xl justify-center"> <span class="flex countdown pb-5 font-mono text-4xl justify-center">
<span style="--value:{years};"></span>y&nbsp; <span style="--value:{years};"></span>y&nbsp;
<span style="--value:{months};"></span>m&nbsp; <span style="--value:{months};"></span>m&nbsp;

0
src/components/divider.svelte → src/lib/components/portfolio/divider.svelte
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

1
src/components/skills.svelte → src/lib/components/portfolio/skills.svelte
View File

@ -2,7 +2,6 @@
import Stars from "./skills/stars.svelte"; import Stars from "./skills/stars.svelte";
</script> </script>
<!-- Icons on this site have been designed using images from Flaticon.com -->
<div <div
class="m-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 place-content-center justify-items-center gap-5 p-5 md:max-w-4xl lg:min-w-max" class="m-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 place-content-center justify-items-center gap-5 p-5 md:max-w-4xl lg:min-w-max"
> >

0
src/components/skills/stars.svelte → src/lib/components/portfolio/skills/stars.svelte
View File

0
src/components/textContent.svelte → src/lib/components/portfolio/textContent.svelte
View File

0
src/components/timeline.svelte → src/lib/components/portfolio/timeline.svelte
View File

24
src/routes/+error.svelte Normal file
View File

@ -0,0 +1,24 @@
<script lang="ts">
import { page } from "$app/stores";
</script>
<div
class="hero height-minus-nav bg-gradient-to-br from-primary from-10% to-accent to-80%"
>
<div class="hero-overlay bg-opacity-30"></div>
<div class="hero-content text-left text-accent-content flex-col lg:flex-row">
<div>
<h1
class="mb-6 text-5xl md:text-7xl lg:text-9xl font-bold text-primary-content text-center"
>
Whoah!
</h1>
<h3
class="text-3xl md:text-5xl lg:text-7xl font-bold text-primary-content text-center"
>
{$page.status}:
{$page.error?.message}
</h3>
</div>
</div>
</div>

4
src/routes/+layout.svelte
View File

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import "../app.css"; import "../app.css";
import Navbar from "../components/navbar/navbar.svelte"; import Navbar from "$lib/components/navbar/navbar.svelte";
import Footer from "../components/footer.svelte"; import Footer from "$lib/components/footer.svelte";
</script> </script>
<Navbar /> <Navbar />

25
src/routes/portfolio/+page.svelte
View File

@ -1,9 +1,9 @@
<script> <script lang="ts">
import Divider from "../../components/divider.svelte"; import Divider from "$lib/components/portfolio/divider.svelte";
import Countdown from "../../components/countdown.svelte"; import Countdown from "$lib/components/portfolio/countdown.svelte";
import TextContent from "../../components/textContent.svelte"; import TextContent from "$lib/components/portfolio/textContent.svelte";
import Skills from "../../components/skills.svelte"; import Skills from "$lib/components/portfolio/skills.svelte";
import Timeline from "../../components/timeline.svelte"; import Timeline from "$lib/components/portfolio/timeline.svelte";
</script> </script>
<div <div
@ -11,7 +11,11 @@
> >
<div class="hero-overlay bg-opacity-30"></div> <div class="hero-overlay bg-opacity-30"></div>
<div class="hero-content text-left text-accent-content flex-col lg:flex-row"> <div class="hero-content text-left text-accent-content flex-col lg:flex-row">
<div class="skeleton w-48 h-64 shadow-2xl max-w-sm"></div> <img
class=" skeleton w-48 h-64 shadow-2xl max-w-sm rounded-2xl"
alt="what i look like!"
src="https://cdn.nickbland.dev/nickbland%2Fstatic%2Fimages%2Fprofile.webp"
/>
<div> <div>
<h1 class="mb-6 text-6xl font-bold text-wrap text-center text-primary-content"> <h1 class="mb-6 text-6xl font-bold text-wrap text-center text-primary-content">
Hello, my name is Nick Hello, my name is Nick
@ -112,3 +116,10 @@
myself aspects of linux administration in a safer environment. In the future, I may have myself aspects of linux administration in a safer environment. In the future, I may have
a blog with some of the more interesting projects I've worked on. a blog with some of the more interesting projects I've worked on.
</TextContent> </TextContent>
<h1 class="my-6 text-6xl p-5 text-center text-base-content font-bold">Contact</h1>
<TextContent>
Thanks for checking out my site, if you want to get in contact with me, you can find me
on <a class="link" href="https://github.com/NickBland">GitHub</a>, or send an email to
<a class="link" href="mailto:hello@nickbland.dev">hello@nickbland.dev</a>.
</TextContent>