Skip to content

Commit 4cf2f15

Browse files
nwrengernwrenger
committed
✨ Design rework
1 parent 2424f23 commit 4cf2f15

File tree

6 files changed

+92
-116
lines changed

6 files changed

+92
-116
lines changed

‎bun.lockb

3.94 KB
Binary file not shown.

‎package.json

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
"svelte-check": "^3.6.0",
2121
"tslib": "^2.4.1",
2222
"typescript": "^5.0.0",
23-
"vite": "^5.0.2",
23+
"vite": "^5.2.3",
2424
"postcss": "8.4.32",
2525
"autoprefixer": "10.4.16",
2626
"tailwindcss": "3.3.5",
@@ -33,7 +33,6 @@
3333
"dependencies": {
3434
"@floating-ui/dom": "^1.6.1",
3535
"@fortawesome/fontawesome-free": "^6.5.1",
36-
"@sveltejs/adapter-static": "^2.0.3",
37-
"highlight.js": "^11.9.0"
36+
"@sveltejs/adapter-static": "^2.0.3"
3837
}
3938
}

‎src/app.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@
66
<meta name="viewport" content="width=device-width" />
77
%sveltekit.head%
88
</head>
9-
<body data-sveltekit-preload-data="hover" data-theme="wintry">
9+
10+
<body data-sveltekit-preload-data="hover" data-theme="gold-nouveau">
1011
<div style="display: contents" class="h-full overflow-hidden">%sveltekit.body%</div>
1112
</body>
1213
</html>

‎src/routes/+layout.svelte

Lines changed: 7 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,15 @@
11
<script lang="ts">
2-
import hljs from 'highlight.js/lib/core';
3-
import rust from 'highlight.js/lib/languages/rust';
4-
import 'highlight.js/styles/github-dark.css';
5-
hljs.registerLanguage('rust', rust);
6-
import { popup, storeHighlightJs, type PopupSettings } from '@skeletonlabs/skeleton';
7-
storeHighlightJs.set(hljs);
8-
92
import '../app.postcss';
103
import '@fortawesome/fontawesome-free/css/all.css';
11-
12-
import { AppShell } from '@skeletonlabs/skeleton';
13-
import { LightSwitch } from '@skeletonlabs/skeleton';
4+
import {
5+
popup,
6+
type PopupSettings,
7+
AppShell,
8+
LightSwitch,
9+
storePopup
10+
} from '@skeletonlabs/skeleton';
1411
1512
import { computePosition, autoUpdate, offset, shift, flip, arrow } from '@floating-ui/dom';
16-
import { storePopup } from '@skeletonlabs/skeleton';
1713
storePopup.set({ computePosition, autoUpdate, offset, shift, flip, arrow });
1814
1915
const profile: PopupSettings = {

‎src/routes/+page.svelte

Lines changed: 80 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -1,134 +1,114 @@
11
<script>
2-
import { Accordion, AccordionItem, CodeBlock } from '@skeletonlabs/skeleton';
3-
4-
const projects = {
5-
'console-utils-rs': {
6-
description: 'CLI Input Library for Rust, down below is an Example!',
7-
url: 'https://github.com/nwrenger/console-utils-rs'
2+
let projects = [
3+
{
4+
title: 'console-utils-rs',
5+
description: 'CLI Input Library for Rust',
6+
href: 'https://github.com/nwrenger/console-utils-rs'
87
},
9-
dashboard: {
8+
{
9+
title: 'dashboard',
1010
description: 'Dashboard of all my websites',
11-
url: 'https://github.com/nwrenger/dashboard'
11+
href: 'https://github.com/nwrenger/dashboard'
1212
},
13-
'doenermann-bot': {
13+
{
14+
title: 'doenermann-bot',
1415
description: 'The Dönermann Discord Bot used on a Discord-Server of mine',
15-
url: 'https://github.com/nwrenger/doenermann-bot'
16+
href: 'https://github.com/nwrenger/doenermann-bot'
1617
},
17-
'Escaping-from-the-Supernova': {
18+
{
19+
title: 'Escaping-from-the-Supernova',
1820
description: 'A procedural generated textadventure coded in Rust',
19-
url: 'https://github.com/nwrenger/Escaping-from-the-Supernova'
21+
href: 'https://github.com/nwrenger/Escaping-from-the-Supernova'
2022
},
21-
eta: {
22-
description: ' An efficient Code Editor made from scratch using egui! ',
23-
url: 'https://github.com/nwrenger/eta'
23+
{
24+
title: 'eta',
25+
description: 'An efficient Code Editor made from scratch using egui!',
26+
href: 'https://github.com/nwrenger/eta'
2427
},
25-
'flip-ui': {
28+
{
29+
title: 'flip-ui',
2630
description: 'The UI Builder for the Flipper Zero',
27-
url: 'https://github.com/flip-ui'
31+
href: 'https://github.com/flip-ui'
2832
},
29-
hadar: {
33+
{
34+
title: 'hadar',
3035
description: 'The current code of Hunger of Hadar, a battlesnake agent',
31-
url: 'https://github.com/nwrenger/hadar'
36+
href: 'https://github.com/nwrenger/hadar'
3237
},
33-
portfolio: {
38+
{
39+
title: 'portfolio',
3440
description: 'My personal Portfolio, or more precise THIS website',
35-
url: 'https://github.com/nwrenger/portfolio'
41+
href: 'https://github.com/nwrenger/portfolio'
3642
},
37-
quickmaths: {
43+
{
44+
title: 'quickmaths',
3845
description: 'A school project...QUICKMATHS!!!',
39-
url: 'https://github.com/nwrenger/quickmaths'
46+
href: 'https://github.com/nwrenger/quickmaths'
4047
},
41-
'schiller-db': {
48+
{
49+
title: 'schiller-db',
4250
description: "Schillernova's Database Management Software",
43-
url: 'https://github.com/nwrenger/schiller-db'
51+
href: 'https://github.com/nwrenger/schiller-db'
4452
},
45-
'schiller-lib': {
53+
{
54+
title: 'schiller-lib',
4655
description: 'The Schiller School Library App',
47-
url: 'https://github.com/wrenger/schiller-lib'
56+
href: 'https://github.com/wrenger/schiller-lib'
4857
},
49-
'schulen-im-chaos': {
58+
{
59+
title: 'schulen-im-chaos',
5060
description: 'Homework-Sharing Platform',
51-
url: 'https://github.com/schulen-im-chaos'
61+
href: 'https://github.com/schulen-im-chaos'
5262
},
53-
shitboard: {
54-
description: 'Soundboard online website',
55-
url: 'https://github.com/nwrenger/shitboard'
63+
{
64+
title: 'shitboard',
65+
description: 'Online Soundboard App',
66+
href: 'https://github.com/nwrenger/shitboard'
5667
}
57-
};
68+
];
5869
</script>
5970

6071
<svelte:head>
61-
<title>Hi, there!</title>
62-
<meta name="description" content="Hi, there!" />
72+
<title>portfolio</title>
73+
<meta
74+
name="description"
75+
content="Hi, there! I'm Nils, a high school student passionate about coding, particularly in Rust and in Svelte."
76+
/>
6377
</svelte:head>
6478

6579
<div class="container space-y-8 flex flex-col items-center !max-w-6xl mx-auto p-4">
6680
<h1 class="h1">Hi, there!</h1>
6781

68-
<div class="card p-4 w-full">
69-
<Accordion autocollapse>
70-
<AccordionItem open>
71-
<svelte:fragment slot="lead"><i class="fa-solid fa-house"></i></svelte:fragment>
72-
<svelte:fragment slot="summary">Welcome</svelte:fragment>
73-
<svelte:fragment slot="content"
74-
>Welcome to my very informative Website! Just go to <code class="code">Projects</code>
75-
or to <code class="code">About Me</code>.
76-
</svelte:fragment>
77-
</AccordionItem>
78-
<AccordionItem>
79-
<svelte:fragment slot="lead"><i class="fa-solid fa-diagram-project"></i></svelte:fragment>
80-
<svelte:fragment slot="summary">Projects</svelte:fragment>
81-
<svelte:fragment slot="content">
82-
<ul class="list pb-2">
83-
{#each Object.entries(projects) as [key, val] (key)}
84-
<li>
85-
<span class="badge-icon p-2 variant-soft-primary"
86-
><i class="fa-solid fa-chevron-right"></i></span
87-
>
88-
<span class="flex-auto"
89-
><span class="font-bold">{key}</span>: {val.description}</span
90-
>
91-
<a href={val.url} class="anchor" target="_blank">
92-
<i class="fa-solid fa-up-right-from-square"></i>
93-
</a>
94-
</li>
95-
{/each}
96-
</ul>
97-
More details and other smaller Projects can be seen on
98-
<a href="https://www.github.com/nwrenger" class="anchor" target="_blank">My Github</a
99-
>.</svelte:fragment
100-
>
101-
</AccordionItem>
102-
<AccordionItem>
103-
<svelte:fragment slot="lead"><i class="fa-solid fa-user"></i></svelte:fragment>
104-
<svelte:fragment slot="summary">About Me</svelte:fragment>
105-
<svelte:fragment slot="content"
106-
>Hi there! I'm Nils, a high school student passionate about coding, particularly in <a
107-
href="https://www.rust-lang.org/"
108-
class="anchor"
109-
target="_blank">Rust</a
110-
>
111-
and in <a href="https://svelte.dev/" class="anchor" target="_blank">Svelte</a>. I have
112-
done a lot of things so far, so look for that under <code class="code">Projects</code>.
113-
Feel free to reach out for a chat about coding or anything else!
114-
</svelte:fragment>
115-
</AccordionItem>
116-
<AccordionItem>
117-
<svelte:fragment slot="lead"><i class="fa-solid fa-envelope"></i></svelte:fragment>
118-
<svelte:fragment slot="summary">Contact</svelte:fragment>
119-
<svelte:fragment slot="content"
120-
>You can contact me via my E-Mail <a
121-
href="mailto:nils@wrenger.net"
122-
class="anchor"
123-
target="_parent">nils@wrenger.net</a
124-
>.</svelte:fragment
125-
>
126-
</AccordionItem>
127-
</Accordion>
82+
<p class="text-center">
83+
I'm Nils, a high school student passionate about coding, particularly in <a
84+
href="https://www.rust-lang.org/"
85+
class="anchor"
86+
target="_blank">Rust</a
87+
>
88+
and in <a href="https://svelte.dev/" class="anchor" target="_blank">Svelte</a>. I have done a
89+
lot of things so far, so look for that under <code class="code">Projects</code>. Feel free to
90+
reach out for a chat about coding or anything else via my E-Mail
91+
<a href="mailto:nils@wrenger.net" class="anchor" target="_parent">nils@wrenger.net</a>!
92+
</p>
93+
94+
<div class="flex flex-col items-center">
95+
<h2 class="h2 pb-2">Projects</h2>
96+
<code class="code">Count: {projects.length}</code>
12897
</div>
129-
<CodeBlock
130-
class="w-full"
131-
language="rust"
132-
code={`use console_utils::input::reveal;\n\nfn main() {\n\t// Display "Rust is awesome!" with a time interval of 0.1 seconds between each character\n\treveal("Rust is awesome!", 0.1);\n}`}
133-
></CodeBlock>
98+
99+
<div class="grid md:grid-cols-2 gap-4 w-full">
100+
{#each projects as project}
101+
<a class="overflow-hidden block card card-hover" href={project.href} target="_blank">
102+
<div class="p-4">
103+
<h3 class="h3">{project.title}</h3>
104+
<p>{project.description}</p>
105+
</div>
106+
</a>
107+
{/each}
108+
</div>
109+
110+
<p class="text-center">
111+
More details and other smaller Projects can be seen on
112+
<a href="https://www.github.com/nwrenger" class="anchor" target="_blank">my Github</a>
113+
</p>
134114
</div>

‎tailwind.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export default {
1616
themes: {
1717
preset: [
1818
{
19-
name: 'wintry',
19+
name: 'gold-nouveau',
2020
enhancements: true
2121
}
2222
]

0 commit comments

Comments
 (0)