2022-04-09 01:44:33 +00:00
<!DOCTYPE html>
2022-04-09 01:54:33 +00:00
< html lang = 'en' >
2022-04-09 01:44:33 +00:00
< head >
< title > gomepage< / title >
< meta charset = 'utf-8' / >
2022-04-23 15:20:32 +00:00
< meta name = 'theme-color' content = '#efe5d7' >
< meta name = 'viewport' content = 'width=device-width, initial-scale=1.0, shrink-to-fit=no' / >
2022-04-09 01:54:33 +00:00
< link rel = 'icon' type = 'image/x-icon' href = './favicon.ico' >
2022-04-09 01:44:33 +00:00
< link rel = 'preconnect' href = 'https://fonts.googleapis.com' >
< link rel = 'preconnect' href = 'https://fonts.gstatic.com' crossorigin >
2022-04-23 15:20:32 +00:00
< link rel = 'preload' href = 'https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap' as = 'style' onload = 'this.onload=null;this.rel="stylesheet"' >
< noscript > < link rel = 'stylesheet' href = 'https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap' > < / noscript >
2023-01-22 18:40:49 +00:00
< link rel = 'stylesheet' type = 'text/css' href = 'css/gomepage.css' / >
< script defer src = 'js/statuscafe.js' > < / script >
< script defer src = 'js/listening.js' > < / script >
< script defer src = 'js/wotd.js' > < / script >
< script defer src = 'js/background.js' > < / script >
< script defer src = 'js/gomesong.js' > < / script >
2022-04-09 01:44:33 +00:00
< / head >
< body >
2022-12-13 02:57:18 +00:00
< header id = 'header' class = 'show-nav' >
2022-04-09 01:44:33 +00:00
< div class = 'title-box' >
< span class = 'title' > gomepage< / span >
< / div >
< nav >
2023-01-14 15:54:03 +00:00
< a href = 'journal' > < span class = 'link-title' > Journal< / span > < span class = 'link-description' > a collection of articles, essays, and posts authored by me.< / span > < / a >
2022-10-22 17:42:15 +00:00
< a href = 'bookmarks' > < span class = 'link-title' > Bookmarks< / span > < span class = 'link-description' > web pages I want to keep track of and share with others.< / span > < / a >
2022-09-18 23:01:06 +00:00
< a href = 'socials' > < span class = 'link-title' > Socials< / span > < span class = 'link-description' > other accounts of mine around the web.< / span > < / a >
2022-04-09 01:44:33 +00:00
< / nav >
< / header >
< main >
2022-07-02 02:21:01 +00:00
< article >
2023-01-27 04:57:09 +00:00
< p id = 'tagline' > Humble home of user gome< / p >
2023-01-24 04:18:19 +00:00
< div class = 'music-box' >
< audio src = 'audio/forest_river.mp3' loop > < / audio >
2023-01-16 01:47:02 +00:00
< svg xmlns = "http://www.w3.org/2000/svg" width = "20" height = "20" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" class = "play" > < polygon points = "5 3 19 12 5 21 5 3" > < / polygon > < / svg >
< svg xmlns = "http://www.w3.org/2000/svg" width = "20" height = "20" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" class = "pause" > < rect x = "6" y = "4" width = "4" height = "16" > < / rect > < rect x = "14" y = "4" width = "4" height = "16" > < / rect > < / svg >
Play a song
< / div >
2023-01-24 04:18:19 +00:00
< div class = 'music-box' >
< audio src = 'audio/orchard_glen.mp3' loop > < / audio >
< svg xmlns = "http://www.w3.org/2000/svg" width = "20" height = "20" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" class = "play" > < polygon points = "5 3 19 12 5 21 5 3" > < / polygon > < / svg >
< svg xmlns = "http://www.w3.org/2000/svg" width = "20" height = "20" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" class = "pause" > < rect x = "6" y = "4" width = "4" height = "16" > < / rect > < rect x = "14" y = "4" width = "4" height = "16" > < / rect > < / svg >
Play another song
< / div >
2022-07-02 02:21:01 +00:00
< / article >
2022-04-09 01:54:33 +00:00
< article id = 'wotd' >
2022-07-02 02:33:48 +00:00
< h2 class = 'title' > < / h2 >
2022-04-09 01:54:33 +00:00
< time class = 'date' > < / time >
< div class = 'definiendum' > < / div >
< div class = 'pronunciation' > < / div >
< / article >
2022-07-01 03:40:10 +00:00
< article id = 'status' >
2022-07-02 02:33:48 +00:00
< h2 id = 'statuscafe-title' > < / h2 >
2022-07-01 01:01:40 +00:00
< div id = 'statuscafe' >
< div id = 'statuscafe-username' > < / div >
< div id = 'statuscafe-content' > < / div >
< / div >
< / article >
2023-01-14 15:54:03 +00:00
< article >
< h2 > Latest gomepost< / h2 >
2023-02-16 05:05:17 +00:00
< a class = 'journal-link' href = 'journal/dry-spell.html' >
< h3 > Musical dry spell< / h3 >
< div class = 'line stop-0' > < / div >
< time datetime = 'Wed, 15 Feb 2023 23:00:00 CST' > 15 Feb 2023, 11:00 PM< / time >
< p > When your primary creative output dries up< / p >
2023-01-19 05:00:21 +00:00
< / a >
2023-01-14 15:54:03 +00:00
< / article >
2022-10-22 01:34:44 +00:00
< article id = 'listening' >
< h2 id = 'listening-title' > < / h2 >
< / article >
2022-04-09 01:44:33 +00:00
< / main >
< footer >
2023-01-07 15:48:27 +00:00
< img src = './img/desktop_gomes.webp' loading = 'lazy' class = 'gome-img' alt = 'Kabouters at work' / >
< img src = './img/tablet_gomes.webp' loading = 'lazy' class = 'gome-img' alt = 'Kabouters at work' / >
< img src = './img/mobile_gome.webp' loading = 'lazy' class = 'gome-img' alt = 'Lone kabouter' / >
2022-04-09 01:44:33 +00:00
< / footer >
< / body >
< / html >
