diff --git a/README.md b/README.md index 12512cf..b6c5bd5 100644 --- a/README.md +++ b/README.md @@ -2,3 +2,7 @@ I want to test SvelteKit. Might want to rewrite my website in it. + +## TODOs + +- diff --git a/src/components/about/content.svelte b/src/components/about/content.svelte new file mode 100644 index 0000000..124d54e --- /dev/null +++ b/src/components/about/content.svelte @@ -0,0 +1,28 @@ + + +
+ Hi, I am DutchEllie. I am the creator of this website. Thanks for checking it out! I made this + website partly to have some project to express myself with and to learn some new skills. +
+
+ I am a {years} year old person from The Netherlands. I am still a student and I am aspiring to be a + Cloud Engineer. + +
+
+ My favorite programming language is Go. It's just so nice. Unfortunately, browsers don't run Go code + (or well, they can with WebAssembly) and that's why I had to make this website in JavaScript. I had + done this in Go, but it was just too clunky. The results of that can be seen in the Gitea repository + DutchEllie/proper-website-2. +
+
+ As for other things, here is a list! +
diff --git a/src/components/about/sidebar.svelte b/src/components/about/sidebar.svelte new file mode 100644 index 0000000..8e3b343 --- /dev/null +++ b/src/components/about/sidebar.svelte @@ -0,0 +1,60 @@ + + +
+
+

Profile:

+
+
+

Name: DutchEllie

+

Country: The Netherlands

+

Occupation: Student

+
+ Languages: +
    +
    +

    🌍

    +

    Dutch

    +

    English

    +

    Japanese

    +

    💻

    +

    Go

    +

    C/C++

    +

    JS

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
+
+
+
+ + diff --git a/src/components/homepage/content.svelte b/src/components/homepage/content.svelte index 67566d8..eb12ce0 100644 --- a/src/components/homepage/content.svelte +++ b/src/components/homepage/content.svelte @@ -1,4 +1,6 @@ -
+ +

@@ -41,22 +43,21 @@ Drone CI/CD Drone build status -
+

- This entire project is open source (GPL-3) and the source code is linked above. - In addition, a CI/CD pipeline deploys this website on every push. + This entire project is open source (GPL-3) and the source code is linked above. In + addition, a CI/CD pipeline deploys this website on every push.

- \ No newline at end of file diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte index ed1eab4..fe7ff23 100644 --- a/src/routes/__layout.svelte +++ b/src/routes/__layout.svelte @@ -1,14 +1,60 @@ +
+ +
+ + +
+ + +
+ Current song: {musicArtist} - {musicTitle} +
diff --git a/src/routes/about.svelte b/src/routes/about.svelte index 74c4d4e..34096bc 100644 --- a/src/routes/about.svelte +++ b/src/routes/about.svelte @@ -1,5 +1,50 @@ + + About -About page \ No newline at end of file + +
+ +
+ +
+ +
+ +
+ +
+
    +

    Music

    +
  • Hatsune Miku
    • +
  • Amane Kanata
    • +
  • Mothy/Akuno-p
    • +
+
    +

    TV

    +
  • Game of Thrones
    • +
  • Avatar the Last Airbender
    • +
+
    +

    VTubers

    +
  • Momosuzu Nene
    • +
  • Amane Kanata
    • +
  • Petra Gurin
    • +
  • Ninomae Ina'nis
    • +
+
    +

    Food

    +
  • Spaghetti
    • +
  • Steak!
    • +
+
+
+ diff --git a/src/routes/index.svelte b/src/routes/index.svelte index 3f34967..10c4aeb 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -1,7 +1,7 @@ @@ -10,7 +10,18 @@ import Sidebar from '../components/homepage/sidebar.svelte'; - - - + + +
+ +
+ + diff --git a/src/stores/currentMusic.js b/src/stores/currentMusic.js new file mode 100644 index 0000000..f9a2dbd --- /dev/null +++ b/src/stores/currentMusic.js @@ -0,0 +1,10 @@ +import { writable } from 'svelte/store'; + +const CurrentMusicStore = writable({ + musicUrl: '', + musicTitle: '', + musicArtist: '', + paused: true, +}); + +export default CurrentMusicStore; diff --git a/src/stores/musicStore.js b/src/stores/musicStore.js new file mode 100644 index 0000000..06bc01e --- /dev/null +++ b/src/stores/musicStore.js @@ -0,0 +1,46 @@ +import { readable } from "svelte/store"; + +const musicStore = readable([ + { + musicTitle: "I'm glad you're evil too (feat. Hatsune Miku)", + musicUrl: "/music/im-glad-youre-evil-too.m4a", + musicArtist: "PinocchioP", + }, + { + musicTitle: "God-ish (神っぽいな) feat. Hatsune Miku", + musicArtist: "PinocchioP", + musicUrl: "/music/godish.m4a", + }, + { + musicTitle: "Servant of Evil (悪ノ召使) feat. Kagamine Len", + musicArtist: "Mothy / Akuno-p", + musicUrl: "/music/servant-of-evil.m4a" + }, + { + musicTitle: "Tokusya-Seizon Wonder-la-der!!", + musicArtist: "Amane Kanata", + musicUrl: "/music/Tokusya-Seizon Wonder-la-der!!.mp3" + }, + { + musicTitle: "Kegarenaki Barajuuji", + musicArtist: "Ariabl'eyeS", + musicUrl: "/music/kegarenaki-barajuuji.mp3" + }, + { + musicTitle: "-ERROR (Cover)", + musicArtist: "Tokoyami Towa", + musicUrl: "/music/error-towa.mp3" + }, + { + musicTitle: "Diamond City Lights", + musicArtist: "LazuLight", + musicUrl: "/music/diamond-city-lights-lazulight.opus" + }, + { + musicTitle: "TSUNAMI", + musicArtist: "Finana Ryugu", + musicUrl: "/music/tsunami-finana.opus" + } +]); + +export default musicStore; \ No newline at end of file diff --git a/static/music/Tokusya-Seizon Wonder-la-der!!.mp3 b/static/music/Tokusya-Seizon Wonder-la-der!!.mp3 new file mode 100644 index 0000000..019b173 Binary files /dev/null and b/static/music/Tokusya-Seizon Wonder-la-der!!.mp3 differ diff --git a/static/music/diamond-city-lights-lazulight.opus b/static/music/diamond-city-lights-lazulight.opus new file mode 100644 index 0000000..06f6726 Binary files /dev/null and b/static/music/diamond-city-lights-lazulight.opus differ diff --git a/static/music/error-towa.mp3 b/static/music/error-towa.mp3 new file mode 100644 index 0000000..dbe6147 Binary files /dev/null and b/static/music/error-towa.mp3 differ diff --git a/static/music/godish.m4a b/static/music/godish.m4a new file mode 100644 index 0000000..29a5adb Binary files /dev/null and b/static/music/godish.m4a differ diff --git a/static/music/im-glad-youre-evil-too.m4a b/static/music/im-glad-youre-evil-too.m4a new file mode 100644 index 0000000..46a357b Binary files /dev/null and b/static/music/im-glad-youre-evil-too.m4a differ diff --git a/static/music/kegarenaki-barajuuji.mp3 b/static/music/kegarenaki-barajuuji.mp3 new file mode 100644 index 0000000..2d302e8 Binary files /dev/null and b/static/music/kegarenaki-barajuuji.mp3 differ diff --git a/static/music/servant-of-evil.m4a b/static/music/servant-of-evil.m4a new file mode 100644 index 0000000..a818ce8 Binary files /dev/null and b/static/music/servant-of-evil.m4a differ diff --git a/static/music/tsunami-finana.opus b/static/music/tsunami-finana.opus new file mode 100644 index 0000000..d519c89 Binary files /dev/null and b/static/music/tsunami-finana.opus differ diff --git a/svelte.config.js b/svelte.config.js index 502053f..d2bbce7 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -11,8 +11,8 @@ const config = { }), ], kit: { - adapter: adapter() - } + adapter: adapter(), + }, }; export default config;