From 97a6e003f15ccd109e30dedea4e4fa0bfbcc1f2c Mon Sep 17 00:00:00 2001 From: Sangelo Date: Mon, 6 Nov 2023 17:43:37 +0100 Subject: [PATCH] Progress - Mobile Support - Error Pages - Socials Page - Bugfixes --- src/app.html | 1 + src/app.scss | 2 +- src/lib/IconGitpot.svelte | 55 ++++ src/routes/+error.svelte | 172 ++++++++++++ src/routes/+page.svelte | 270 +------------------ src/routes/About.svelte | 83 ++++++ src/routes/Home.svelte | 74 ++++++ src/routes/Navbar.svelte | 14 +- src/routes/Projects.svelte | 71 +++++ src/routes/Socials.svelte | 281 ++++++++++++++++++++ src/routes/about/+page.svelte | 67 ----- src/{assets => styles}/about.scss | 22 +- src/{assets/index.scss => styles/home.scss} | 19 +- src/styles/index.scss | 15 ++ src/styles/mobile/about.scss | 22 ++ src/styles/mobile/home.scss | 15 ++ src/styles/mobile/mobile-header.scss | 11 + src/styles/mobile/projects.scss | 5 + src/styles/mobile/socials.scss | 28 ++ src/{assets => styles}/navbar.scss | 0 src/{assets => styles}/projects.scss | 20 +- src/{assets => styles}/socials.scss | 76 ++++-- src/variables.scss | 3 +- static/assets/icons/gitpot.svg | 16 ++ static/assets/img/banner-bg.svg | 18 ++ 25 files changed, 978 insertions(+), 382 deletions(-) create mode 100644 src/lib/IconGitpot.svelte create mode 100644 src/routes/+error.svelte create mode 100644 src/routes/About.svelte create mode 100644 src/routes/Home.svelte create mode 100644 src/routes/Projects.svelte create mode 100644 src/routes/Socials.svelte delete mode 100644 src/routes/about/+page.svelte rename src/{assets => styles}/about.scss (55%) rename src/{assets/index.scss => styles/home.scss} (75%) create mode 100644 src/styles/index.scss create mode 100644 src/styles/mobile/about.scss create mode 100644 src/styles/mobile/home.scss create mode 100644 src/styles/mobile/mobile-header.scss create mode 100644 src/styles/mobile/projects.scss create mode 100644 src/styles/mobile/socials.scss rename src/{assets => styles}/navbar.scss (100%) rename src/{assets => styles}/projects.scss (65%) rename src/{assets => styles}/socials.scss (53%) create mode 100644 static/assets/icons/gitpot.svg create mode 100644 static/assets/img/banner-bg.svg diff --git a/src/app.html b/src/app.html index ec9f27b..e26c5f7 100644 --- a/src/app.html +++ b/src/app.html @@ -1,6 +1,7 @@ + Sangelo's Space diff --git a/src/app.scss b/src/app.scss index 38e1a00..5af6b9e 100644 --- a/src/app.scss +++ b/src/app.scss @@ -1,7 +1,7 @@ /* Write your global styles here, in SCSS syntax. Variables and mixins from the src/variables.scss file are available here without importing */ /* imports */ -// @use "assets/scrollbar.scss"; +// @use "styles/scrollbar.scss"; @import url("https://fonts.cdnfonts.com/css/manrope"); /* general style */ diff --git a/src/lib/IconGitpot.svelte b/src/lib/IconGitpot.svelte new file mode 100644 index 0000000..a99b4dc --- /dev/null +++ b/src/lib/IconGitpot.svelte @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte new file mode 100644 index 0000000..c81f62d --- /dev/null +++ b/src/routes/+error.svelte @@ -0,0 +1,172 @@ + + + +
+

{$page.status}

+ {#if $page.error && $page.error.message} +

{$page.error.message}

+ {/if} +

{@html errorDescription}

+ {#if is400Status} + Fly back home + {/if} +
+
+ + + + + + + + + + + + + + + + + + + + + +
+ + + diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 0c6e81c..b808af6 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,269 +1,19 @@
-
-
-
- -
-

- Hello World, I'm - Sangelo
and I - create things. -

-
-
-
-
- -

About me

-
- -
-

Hi! It's me, Sangelo.

-

- I'm a guy who does stuff.
-
- I enjoy creating a variety of things, including UI prototypes, scripts, and programs. Although - I'm new to programming, I love learning new languages. I support open-source software and design - my workflow around it, using Linux and self-hosted tools daily. -

-
- -
-
-
- -

Projects

-
-
-
- -
- - - - - - - - - - -
- -
- -

© Sangelo 2023-2024, All rights reserved.

-

- - - Designed and developed openWebsite("https://sangelo.space")}>{@html emoji} by Sangelo. -

-
-
+ + + +
+ @import '../styles/index.scss'; + \ No newline at end of file diff --git a/src/routes/About.svelte b/src/routes/About.svelte new file mode 100644 index 0000000..acd9bdb --- /dev/null +++ b/src/routes/About.svelte @@ -0,0 +1,83 @@ + + +
+
+ +

About me

+
+ +
+

Hi! It's me, Sangelo.

+

+ I'm a guy who does stuff.
+
+ I enjoy creating a variety of things, including UI prototypes, scripts, and programs. Although + I'm new to programming, I love learning new languages. I support open-source software and design + my workflow around it, using Linux and self-hosted tools daily. +

+
+ +
+ + \ No newline at end of file diff --git a/src/routes/Home.svelte b/src/routes/Home.svelte new file mode 100644 index 0000000..fe40736 --- /dev/null +++ b/src/routes/Home.svelte @@ -0,0 +1,74 @@ + + +
+
+
+ +
+

+ Hello World, I'm + Sangelo
and I + create things. +

+
+
+ + \ No newline at end of file diff --git a/src/routes/Navbar.svelte b/src/routes/Navbar.svelte index a20dda9..91cca8b 100644 --- a/src/routes/Navbar.svelte +++ b/src/routes/Navbar.svelte @@ -1,4 +1,4 @@ - --> -