diff --git a/404.html b/404.html new file mode 100644 index 0000000..3eb75b4 --- /dev/null +++ b/404.html @@ -0,0 +1,87 @@ + + + + + + Alfie's basement + + + + + + + + + + + + + + +
+ +
+
+
+ +
+

Alfie King

+

server backend survivor

+
+
+
+
+

404

+

+ It seems like the thing you are looking for is not here :P + 404 + For more information, please visit any page but this one. +

+
+ +
+ + + diff --git a/index.html b/index.html index 29a0c3f..b588013 100644 --- a/index.html +++ b/index.html @@ -10,12 +10,11 @@ - + - @@ -28,6 +27,8 @@
  • Home
  • Gitea
  • LastFm
    • +
  • Prismic
    • +
  • Spotify
  • Steam
  • YouTube
  • Tumblr
    • @@ -36,7 +37,7 @@
    -
    heya, this is 101% totally not a here for no reason
    +
    heya, try typing "furry" and "irken" into this page!

    BUTTONS

    @@ -50,6 +51,9 @@
  • sparkythedogo
  • itsnotstupid
  • blinkies.cafe | make your own blinkies!
    • +
  • 88x31
    • +
  • neocities
    • +
  • 0x4248
    • @@ -67,6 +71,18 @@ +

    A lil bit abt me

    @@ -100,7 +116,6 @@

    -

    @@ -122,7 +137,43 @@
    +
    +

    Projects & stuff

    +

    just some projects ive worked on over time

    + +
    +
    +

    The button collection™

    +
    +
    +
    - \ No newline at end of file + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..c4855ac --- /dev/null +++ b/robots.txt @@ -0,0 +1,7 @@ +User-agent: * +Allow: / +Disallow: /404.html + +Sitemap: https://alfieking.dev/sitemap.xml + +# hewwo :3 \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..e5a8753 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,6 @@ + + + + https://www.example.com/index.html + + \ No newline at end of file diff --git a/static/content/Irken-Like-AllCaps.woff b/static/content/Irken-Like-AllCaps.woff new file mode 100644 index 0000000..1ecc5fd Binary files /dev/null and b/static/content/Irken-Like-AllCaps.woff differ diff --git a/static/content/buttons.txt b/static/content/buttons.txt new file mode 100644 index 0000000..15132bf --- /dev/null +++ b/static/content/buttons.txt @@ -0,0 +1,36 @@ +https://cyber.dabamos.de/88x31/88x31.gif +https://cyber.dabamos.de/88x31/anythingbut.gif +https://cyber.dabamos.de/88x31/bestdesktop.gif +https://kopawz.neocities.org/buttonhoard/buttonsfldr2/diagnosedwithGAY.gif +https://kopawz.neocities.org/indexgraphics/buttondecor/ilikecomputer.png +https://identity-crisis.carrd.co/assets/images/gallery04/ad4f8d52.jpg?v=4e55d939 +https://anlucas.neocities.org/best_viewed_with_eyes.gif +https://anlucas.neocities.org/html_learn_it_today.gif +https://highway.eightyeightthirty.one/badge/5d58a8f32b007d4897db6f862a895a81674fb35f5cc3947fc66595817ca174db +https://cyber.dabamos.de/88x31/keep.gif +https://cyber.dabamos.de/88x31/js-warning.gif +https://cyber.dabamos.de/88x31/linuxnow2.gif +https://cyber.dabamos.de/88x31/nano2.gif +https://cyber.dabamos.de/88x31/nocookie.gif +https://cyber.dabamos.de/88x31/nofuckingthanks.gif +https://cyber.dabamos.de/88x31/nyan.gif +https://cyber.dabamos.de/88x31/pgp-now.gif +https://cyber.dabamos.de/88x31/phonechump.gif +https://cyber.dabamos.de/88x31/pinguonline.gif +https://cyber.dabamos.de/88x31/piracy.gif +https://cyber.dabamos.de/88x31/proxmox.gif +https://cyber.dabamos.de/88x31/pride.gif +https://cyber.dabamos.de/88x31/relax-now.gif +https://cyber.dabamos.de/88x31/skirt.gif +https://cyber.dabamos.de/88x31/steam.gif +https://cyber.dabamos.de/88x31/svenbutton.gif +https://cyber.dabamos.de/88x31/tfnow.gif +https://cyber.dabamos.de/88x31/vscbutton.gif +https://cyber.dabamos.de/88x31/reddit.gif +https://cyber.dabamos.de/88x31/ralseismokingadart.gif +https://cyber.dabamos.de/88x31/blender.gif +https://cyber.dabamos.de/88x31/bob.gif +https://cyber.dabamos.de/88x31/censor_14c.gif +https://cyber.dabamos.de/88x31/chrmevil.gif +https://cyber.dabamos.de/88x31/dark-mode.gif +https://cyber.dabamos.de/88x31/firefox3.gif \ No newline at end of file diff --git a/static/content/game_project.webp b/static/content/game_project.webp deleted file mode 100644 index ce3ead8..0000000 Binary files a/static/content/game_project.webp and /dev/null differ diff --git a/static/content/term owo.png b/static/content/term owo.png deleted file mode 100644 index 06908f7..0000000 Binary files a/static/content/term owo.png and /dev/null differ diff --git a/static/css/index.css b/static/css/index.css index fc6a0ea..0f7b7c8 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -1,10 +1,22 @@ +@import url('https://fonts.googleapis.com/css2?family=Fredoka:wdth,wght@125,700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap'); +@font-face { + font-family:"Irken"; + src:url("/static/content/Irken-Like-AllCaps.woff") format("woff"); + font-weight:normal; + font-style:normal; +} + :root { --primary-color: #5cdd8b; + --primary-color-but-slightly-transparent: #5cdd8b44; --text-color: #b1b8c0; --background-color: #020205; --secondary-background-color: #090914; + --secondary-background-color-but-slightly-transparent: #09091444; --font-size: 0.5cm; - --font-family: 'Roboto Mono', sans-serif; + --font-family: "Space Mono", "serif"; + --title-font: 'Roboto Mono', sans-serif; + --irken-font: 'Irken'; } body { @@ -13,13 +25,14 @@ body { color: var(--text-color); font-size: var(--font-size); font-family: var(--font-family); - margin: 0; display: grid; - grid-template-columns: 7fr 1.3fr; + grid-template-columns: auto auto; grid-template-rows: 1fr; grid-template-areas: "main sidebar"; - padding: 7% 25% 7% 25%; + margin: 7% auto 7% auto; gap: 1rem; + justify-content: center; + width: 940px; } #sidebar { @@ -27,6 +40,7 @@ body { display: flex; flex-direction: column; gap: 1rem; + width: 174px; } #sidebar section { @@ -52,7 +66,6 @@ body { color: var(--text-color); text-decoration: none; font-weight: 100; - font-family: 'Impact', sans-serif; transition: all 0.2s ease-in-out } @@ -70,6 +83,7 @@ body { } #sidebar h1 { + font-family: var(--title-font); font-size: 1.5rem; font-weight: 900; margin: 0; @@ -87,6 +101,7 @@ body { } #buttons h1 { + font-family: var(--title-font); font-size: 1.3rem; font-weight: 900; margin: 0; @@ -110,7 +125,7 @@ body { main { grid-area: main; - width: 100%; + width: 761px; height: 100%; display: flex; flex-direction: column; @@ -144,6 +159,7 @@ header img { } header h1 { + font-family: var(--title-font); font-size: 5rem; font-weight: 900; padding: 0; @@ -151,6 +167,7 @@ header h1 { } header h2 { + font-family: var(--title-font); font-size: 1.75rem; font-weight: 100; padding: 0; @@ -274,7 +291,6 @@ section.rowsect>div { #spotify { background-image: none; - background-color: var(--secondary-background-color); backdrop-filter: blur(2px) brightness(0.6); border: var(--secondary-background-color) 2px solid; border-radius: 10px; @@ -309,4 +325,126 @@ section.rowsect>div { .haj { width: 100%; filter: drop-shadow(0 0 0.5rem rgb(88, 214, 245)); +} + +.irken { + font-family: var(--irken-font); +} + +#button-collection { + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; +} + +#button-collection img { + transition: all 0.2s ease-in-out; +} + +#button-collection img:hover { + transform: scale(1.1) rotate(5deg); +} + +#button-collection img:nth-child(odd):hover { + transform: scale(1.1) rotate(-5deg); +} + +#alt-nav { + display: none; + backdrop-filter: blur(2px) brightness(0.6); + width: 100%; + border: var(--secondary-background-color) 2px solid; + border-radius: 10px; + padding: 15px; + box-sizing: border-box; +} + +#alt-nav ul { + list-style-type: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + flex-direction: row; + gap: 1.5rem; + justify-content: center; +} + +#alt-nav ul li { + width: fit-content; +} +#alt-nav ul li a { + color: var(--text-color); + text-decoration: none; + font-weight: 100; + transition: all 0.2s ease-in-out +} + +#alt-nav ul li a:hover { + color: var(--primary-color); + font-weight: 900; +} + +@media screen and (max-width: 1000px) { + body { + background-color: var(--background-color); + background-image: url("https://blinkies.cafe/purple-stars-bg.gif"); + color: var(--text-color); + font-size: var(--font-size); + font-family: var(--font-family); + display: grid; + grid-template-columns: auto; + grid-template-rows: 1fr; + grid-template-areas: "main"; + margin: 7% 0 7% 0; + gap: 1rem; + justify-content: center; + width: 100%; + } + + #sidebar { + display: none; + } + + #alt-nav { + display: block; + } + + main { + width: 100%; + box-sizing: border-box; + padding: 0 1rem 0 1rem; + } +} + +@media screen and (max-width: 650px) { + header img { + display: none; + } + + header div.row { + justify-content: center; + } + + section.rowsect { + width: 100%; + display: flex; + flex-direction: column; + gap: 1rem; + backdrop-filter: none; + border: none; + padding: 0; + } + + div#spotify { + box-sizing: border-box; + background-repeat: no-repeat; + background-size: contain; + height: 100%; + width: auto; + aspect-ratio: 1/1; + display: flex; + flex-direction: column; + } } \ No newline at end of file diff --git a/static/js/index.js b/static/js/index.js index f7ea8b3..b0f6ce8 100644 --- a/static/js/index.js +++ b/static/js/index.js @@ -82,6 +82,11 @@ document.addEventListener('keydown', function(event) { console.log("owo, whats this?"); document.getElementById('furry').style.display = 'block'; } + if (last5Chars == "irken") { + console.log("doom doom doom!"); + document.querySelector(":root").style.setProperty('--font-family', 'Irken'); + document.querySelector(":root").style.setProperty('--title-font', '1.5em'); + } while (last5Chars.length >= 5) { last5Chars = last5Chars.slice(1); } @@ -93,6 +98,13 @@ function getSpotify() { fetch('https://api.alfieking.dev/spotify/nowplaying/xz02oolstlvwxqu1pfcua9exz').then(response => { return response.json(); }).then(data => { + if (data.item == null) { + document.getElementById('spotify').style.backgroundImage = "none"; + document.getElementById('spotify-title').innerHTML = "Spotify is not playing anything"; + document.getElementById('spotify-artist').innerHTML = ":("; + document.getElementById('spotify-link').href = "https://open.spotify.com/"; + return; + } document.getElementById('spotify').style.backgroundImage = "url(" + data.item.album.images[0].url + ")"; document.getElementById('spotify-title').innerHTML = data.item.name; document.getElementById('spotify-artist').innerHTML = data.item.artists[0].name; @@ -100,5 +112,29 @@ function getSpotify() { }); } -getSpotify(); -setInterval(getSpotify, 15000); \ No newline at end of file +if (document.getElementById('spotify')) { + getSpotify(); + setInterval(getSpotify, 15000); +} + +// load buttons + +function loadButtons() { + fetch('/static/content/buttons.txt').then(response => { + return response.text(); + }).then(data => { + container = document.getElementById('button-collection'); + for (let line of data.split('\n')) { + if (line == "") { + continue; + } + let img = document.createElement('img'); + img.src = line; + container.appendChild(img); + } + }); +} + +if (document.getElementById('button-collection')) { + loadButtons(); +} \ No newline at end of file