From 3712e629a26492e3a25fd176aa67ebc9d8b382c9 Mon Sep 17 00:00:00 2001 From: Fred Boniface Date: Thu, 17 Aug 2023 17:01:18 +0100 Subject: [PATCH] Add colour logos --- src/lib/DevBanner.svelte | 18 +++ src/lib/GitLink.svelte | 13 +++ src/lib/articles/latest.svelte | 20 ++++ src/lib/footer.svelte | 63 +++++------ src/lib/global.css | 38 +++++-- src/lib/header.svelte | 28 +++++ src/lib/lang.svelte | 28 ++--- src/lib/logos.ts | 28 ++--- src/lib/navigation.svelte | 98 ++++++++-------- src/lib/projects/fetch.ts | 10 ++ src/lib/projects/types.ts | 6 + src/routes/+layout.svelte | 22 ++-- src/routes/+page.svelte | 125 +++++++++++++++++++-- src/routes/articles/+page.svelte | 2 +- src/routes/articles/[slug]/+page.svelte | 16 +-- src/routes/articles/[slug]/+page.ts | 44 ++++---- src/routes/articles/markdown/map-dots.md | 3 +- src/routes/articles/markdown/notFound.md | 4 +- src/routes/articles/markdown/owlboard.md | 2 +- src/routes/projects/+page.server.ts | 5 + src/routes/projects/+page.svelte | 43 ++++--- static/font/shadowsintolight-regular.ttf | Bin 0 -> 48468 bytes static/font/shadowsintolight-regular.woff | Bin 0 -> 47604 bytes static/font/shadowsintolight-regular.woff2 | Bin 0 -> 37028 bytes static/hoar.jpg | Bin 0 -> 4322376 bytes static/logos/color/android.svg | 1 + static/logos/color/angular.svg | 1 + static/logos/color/ansible.svg | 1 + static/logos/color/apple.svg | 1 + static/logos/color/arduino.svg | 1 + static/logos/color/c#.svg | 1 + static/logos/color/c++.svg | 1 + static/logos/color/c.svg | 1 + static/logos/color/css.svg | 1 + static/logos/color/dart.svg | 1 + static/logos/color/docker.svg | 1 + static/logos/color/dotnet.svg | 1 + static/logos/color/electron.svg | 1 + static/logos/color/erlang.svg | 1 + static/logos/color/express.svg | 1 + static/logos/color/f#.svg | 1 + static/logos/color/git.svg | 1 + static/logos/color/go.svg | 1 + static/logos/color/html.svg | 1 + static/logos/color/java.svg | 1 + static/logos/color/js.svg | 1 + static/logos/color/k8s.svg | 1 + static/logos/color/kotlin.svg | 1 + static/logos/color/lua.svg | 1 + static/logos/color/md.svg | 1 + static/logos/color/mongo.svg | 1 + static/logos/color/mysql.svg | 1 + static/logos/color/node.svg | 1 + static/logos/color/php.svg | 1 + static/logos/color/postgres.svg | 1 + static/logos/color/py.svg | 1 + static/logos/color/qt.svg | 1 + static/logos/color/r.svg | 1 + static/logos/color/react.svg | 1 + static/logos/color/redis.svg | 1 + static/logos/color/rpi.svg | 1 + static/logos/color/rust.svg | 1 + static/logos/color/scala.svg | 1 + static/logos/color/sqlite.svg | 1 + static/logos/color/svelte.svg | 1 + static/logos/color/ts.svg | 1 + static/logos/git.svg | 1 + static/logos/redis.svg | 2 +- static/me/face-200.jxl | Bin 0 -> 7045 bytes static/me/face-200.webp | Bin 0 -> 40558 bytes static/me/face-500.jxl | Bin 0 -> 27740 bytes static/me/face-500.webp | Bin 0 -> 59296 bytes svelte.config.js | 5 +- 73 files changed, 473 insertions(+), 192 deletions(-) create mode 100644 src/lib/DevBanner.svelte create mode 100644 src/lib/GitLink.svelte create mode 100644 src/lib/articles/latest.svelte create mode 100644 src/lib/header.svelte create mode 100644 src/lib/projects/fetch.ts create mode 100644 src/lib/projects/types.ts create mode 100644 src/routes/projects/+page.server.ts create mode 100644 static/font/shadowsintolight-regular.ttf create mode 100644 static/font/shadowsintolight-regular.woff create mode 100644 static/font/shadowsintolight-regular.woff2 create mode 100644 static/hoar.jpg create mode 100644 static/logos/color/android.svg create mode 100644 static/logos/color/angular.svg create mode 100644 static/logos/color/ansible.svg create mode 100644 static/logos/color/apple.svg create mode 100644 static/logos/color/arduino.svg create mode 100644 static/logos/color/c#.svg create mode 100644 static/logos/color/c++.svg create mode 100644 static/logos/color/c.svg create mode 100644 static/logos/color/css.svg create mode 100644 static/logos/color/dart.svg create mode 100644 static/logos/color/docker.svg create mode 100644 static/logos/color/dotnet.svg create mode 100644 static/logos/color/electron.svg create mode 100644 static/logos/color/erlang.svg create mode 100644 static/logos/color/express.svg create mode 100644 static/logos/color/f#.svg create mode 100644 static/logos/color/git.svg create mode 100644 static/logos/color/go.svg create mode 100644 static/logos/color/html.svg create mode 100644 static/logos/color/java.svg create mode 100644 static/logos/color/js.svg create mode 100644 static/logos/color/k8s.svg create mode 100644 static/logos/color/kotlin.svg create mode 100644 static/logos/color/lua.svg create mode 100644 static/logos/color/md.svg create mode 100644 static/logos/color/mongo.svg create mode 100644 static/logos/color/mysql.svg create mode 100644 static/logos/color/node.svg create mode 100644 static/logos/color/php.svg create mode 100644 static/logos/color/postgres.svg create mode 100644 static/logos/color/py.svg create mode 100644 static/logos/color/qt.svg create mode 100644 static/logos/color/r.svg create mode 100644 static/logos/color/react.svg create mode 100644 static/logos/color/redis.svg create mode 100644 static/logos/color/rpi.svg create mode 100644 static/logos/color/rust.svg create mode 100644 static/logos/color/scala.svg create mode 100644 static/logos/color/sqlite.svg create mode 100644 static/logos/color/svelte.svg create mode 100644 static/logos/color/ts.svg create mode 100644 static/logos/git.svg create mode 100644 static/me/face-200.jxl create mode 100644 static/me/face-200.webp create mode 100644 static/me/face-500.jxl create mode 100644 static/me/face-500.webp diff --git a/src/lib/DevBanner.svelte b/src/lib/DevBanner.svelte new file mode 100644 index 0000000..4b8faa9 --- /dev/null +++ b/src/lib/DevBanner.svelte @@ -0,0 +1,18 @@ + + + diff --git a/src/lib/GitLink.svelte b/src/lib/GitLink.svelte new file mode 100644 index 0000000..ebe97c3 --- /dev/null +++ b/src/lib/GitLink.svelte @@ -0,0 +1,13 @@ + + +Git Repository +

+ + \ No newline at end of file diff --git a/src/lib/articles/latest.svelte b/src/lib/articles/latest.svelte new file mode 100644 index 0000000..550c5d4 --- /dev/null +++ b/src/lib/articles/latest.svelte @@ -0,0 +1,20 @@ + + +{#each articles as article} +
+

This is Title {article}

+

This is blurb {article}

+
+{/each} + + diff --git a/src/lib/footer.svelte b/src/lib/footer.svelte index 62148bc..13ec2b2 100644 --- a/src/lib/footer.svelte +++ b/src/lib/footer.svelte @@ -1,39 +1,38 @@ \ No newline at end of file + footer { + position: relative; + width: 100%; + background-color: transparent; + height: 30px; + bottom: 0; + } + footer p { + padding: 0; + padding-top: 5px; + margin: auto; + margin-top: 9px; + text-align: center; + font-family: monospace; + } + @media screen and (min-height: 600px) { + footer { + position: fixed; + bottom: 0; + left: 0; + } + footer p { + padding-top: 0px; + margin-top: 6px; + } + } + diff --git a/src/lib/global.css b/src/lib/global.css index 6426970..7ce3909 100644 --- a/src/lib/global.css +++ b/src/lib/global.css @@ -1,21 +1,37 @@ :root { - --main-bg-color: lightslategrey; - --accent-color: darkslategrey; - --overlay-color: #2f4f4fb8; - --main-text-color: azure; - --link-color: cyan; - --link-visited-color: rgb(189, 0, 189); + --main-bg-color: lightslategrey; + --accent-color: darkslategrey; + --overlay-color: #2f4f4fb8; + --main-text-color: azure; + --link-color: cyan; + --link-visited-color: rgb(189, 0, 189); +} + +@font-face { + font-family: 'shadowsintolight'; + src: url('/font/shadowsintolight-regular.woff2') format('woff2'), + url('/font/shadowsintolight-regular.woff') format('woff'), + url('/font/shadowsintolight-regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; } html { - background-color: var(--main-bg-color); - text-align: center; + background-color: var(--main-bg-color); + text-align: center; + width: 100%; +} + +body { + width: 100%; + margin: 0; + padding: 0; } a { - color: var(--link-color) + color: var(--link-color); } a:visited { - color: var(--link-visited-color) -} \ No newline at end of file + color: var(--link-visited-color); +} diff --git a/src/lib/header.svelte b/src/lib/header.svelte new file mode 100644 index 0000000..29482e1 --- /dev/null +++ b/src/lib/header.svelte @@ -0,0 +1,28 @@ + + +
+

{title}

+ {#if subtitle} +

{subtitle}

+ {/if} +
+ + diff --git a/src/lib/lang.svelte b/src/lib/lang.svelte index 0996013..2b42432 100644 --- a/src/lib/lang.svelte +++ b/src/lib/lang.svelte @@ -1,24 +1,24 @@ {#each langs as lang} - {lang} + {lang} {/each} -
+
{#each plats as plat} - {plat} + {plat} {/each} \ No newline at end of file + img { + height: 25px; + width: 25px; + padding-left: 5px; + padding-right: 5px; + } + diff --git a/src/lib/logos.ts b/src/lib/logos.ts index 4456666..65bcd37 100644 --- a/src/lib/logos.ts +++ b/src/lib/logos.ts @@ -1,17 +1,17 @@ export const languages = new Map([ - ['js', '/logos/js.svg'], - ['ts', '/logos/ts.svg'], - ['go', '/logos/go.svg'], - ['py', '/logos/py.svg'], - ['html', '/logos/html.svg'], - ['css', '/logos/css.svg'], - ['php','/logos/php.svg'], -]) + ['js', '/logos/js.svg'], + ['ts', '/logos/ts.svg'], + ['go', '/logos/go.svg'], + ['py', '/logos/py.svg'], + ['html', '/logos/html.svg'], + ['css', '/logos/css.svg'], + ['php', '/logos/php.svg'] +]); export const platforms = new Map([ - ['svelte', '/logos/svelte.svg'], - ['express', '/logos/express.svg'], - ['node', '/logos/node.svg'], - ['mongo', '/logos/mongo.svg'], - ['redis', '/logos/redis.svg'], -]) \ No newline at end of file + ['svelte', '/logos/svelte.svg'], + ['express', '/logos/express.svg'], + ['node', '/logos/node.svg'], + ['mongo', '/logos/mongo.svg'], + ['redis', '/logos/redis.svg'], +]); diff --git a/src/lib/navigation.svelte b/src/lib/navigation.svelte index cdbb258..900742c 100644 --- a/src/lib/navigation.svelte +++ b/src/lib/navigation.svelte @@ -1,58 +1,64 @@ \ No newline at end of file + nav a:active { + color: slategray; + } + diff --git a/src/lib/projects/fetch.ts b/src/lib/projects/fetch.ts new file mode 100644 index 0000000..364941e --- /dev/null +++ b/src/lib/projects/fetch.ts @@ -0,0 +1,10 @@ +import type { Project } from "./types"; + +export async function fetchProjects(number: number|string): Promise { + if (number === "all") { + // Fetch All Projects + } else if (typeof(number) === "number") { + // Fetch {number} random projects + } + return [] +} \ No newline at end of file diff --git a/src/lib/projects/types.ts b/src/lib/projects/types.ts new file mode 100644 index 0000000..98b9828 --- /dev/null +++ b/src/lib/projects/types.ts @@ -0,0 +1,6 @@ +export interface Project { + name: string; + tag: string; + imagePath: string; + summary: string; +} \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 766742c..96f5be8 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,18 +1,20 @@ +{#if dev} + +{/if} + -
- -
+ + +