diff options
| author | ozpv <39195175+ozpv@users.noreply.github.com> | 2026-05-29 21:56:55 -0500 |
|---|---|---|
| committer | ozpv <39195175+ozpv@users.noreply.github.com> | 2026-05-29 21:56:55 -0500 |
| commit | e0c12600ee090fa360be7e56446b9212a3cbd3b3 (patch) | |
| tree | 08e509fee6fe86ca9c0e7e125166bd65257b5a69 /public | |
| parent | b34d3907c6a598c60df8bc5c733df22fe1119363 (diff) | |
lots of work
Diffstat (limited to 'public')
| -rw-r--r-- | public/assets/bunny.webp | bin | 0 -> 491322 bytes | |||
| -rw-r--r-- | public/assets/haemolacriaa.webp | bin | 0 -> 17614 bytes | |||
| -rw-r--r-- | public/assets/hhaemolacria.webp | bin | 0 -> 14998 bytes | |||
| -rw-r--r-- | public/blog.html | 5 | ||||
| -rw-r--r-- | public/components/footer.html | 2 | ||||
| -rw-r--r-- | public/components/nav.html | 2 | ||||
| -rw-r--r-- | public/index.html | 8 | ||||
| -rw-r--r-- | public/music.html | 27 | ||||
| -rw-r--r-- | public/releases/phosphenes.html | 76 | ||||
| -rw-r--r-- | public/releases/template.html | 77 | ||||
| -rw-r--r-- | public/site.css | 28 |
11 files changed, 129 insertions, 96 deletions
diff --git a/public/assets/bunny.webp b/public/assets/bunny.webp Binary files differnew file mode 100644 index 0000000..a290c8c --- /dev/null +++ b/public/assets/bunny.webp diff --git a/public/assets/haemolacriaa.webp b/public/assets/haemolacriaa.webp Binary files differnew file mode 100644 index 0000000..40c0435 --- /dev/null +++ b/public/assets/haemolacriaa.webp diff --git a/public/assets/hhaemolacria.webp b/public/assets/hhaemolacria.webp Binary files differnew file mode 100644 index 0000000..036b397 --- /dev/null +++ b/public/assets/hhaemolacria.webp diff --git a/public/blog.html b/public/blog.html index 0b2864e..5738796 100644 --- a/public/blog.html +++ b/public/blog.html @@ -2,8 +2,7 @@ <html lang="en">
<body>
<main style="min-height: 100vh;">
- <p>Come back later once I write something.</p>
- <p>I plan to start with the very basics, so if you want to learn, bookmark this page for later.</p>
+ <p>Come back later once I get around to writing something.</p>
</main>
</body>
-</html>
\ No newline at end of file +</html>
diff --git a/public/components/footer.html b/public/components/footer.html index c0412ad..b1ca9d8 100644 --- a/public/components/footer.html +++ b/public/components/footer.html @@ -1 +1 @@ -<footer class="center" style="top: 100%; position: sticky; padding: 20px 0px 20px 0px;"><span>copyleft (ɔ) 2023-2026<a href="/" class="link"> haemolacriaa</a>. all wrongs reserved.</span></footer>
\ No newline at end of file +<footer class="center" style="top: 100%; position: sticky; padding: 20px 0px 20px 0px;"><span style="font-size: 0.75rem;">copyleft (ɔ) 2023-2026<a href="/" class="link"> haemolacriaa</a>. all wrongs reserved.</span></footer> diff --git a/public/components/nav.html b/public/components/nav.html index 5768835..447bc12 100644 --- a/public/components/nav.html +++ b/public/components/nav.html @@ -1,6 +1,6 @@ <nav style="padding: 20px 30px 20px 30px;">
<div class="center" style="max-width: 1280px; justify-content: space-between; flex-wrap: wrap;">
- <a href="/" class="link" style="letter-spacing: 1px;">haemolacriaa</a>
+ <a href="/" class="link">haemolacriaa</a>
<button id="link-button" class="rm-l">
<svg id="link-button-open" width="24" height="24" viewBox="0 0 16 16" fill="currentColor" role="graphics-symbol"><g><g><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path></g></g></svg>
<svg id="link-button-close" class="rm" width="24" height="24" viewBox="0 0 16 16" fill="currentColor" role="graphics-symbol"><g><g><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"></path></g></g></svg>
diff --git a/public/index.html b/public/index.html index 9d947c9..51a57f5 100644 --- a/public/index.html +++ b/public/index.html @@ -6,11 +6,11 @@ <div style="display: flex; justify-content: center;">
<div style="text-align: left;">
<p>You might be here because you were tricked! However, I refuse to scam you like the instagram grifters I make fun of will.</p>
- <p>This is a REAL engineer's website.</p>
- <p>There are tutorials on signal processing, software development, and other random things you can find in my <a href="/blog">blog.</a></p>
- <p>You can also find my music <a href="/music">here.</a> The majority of streaming services should be linked.</p>
+ <p><a href="/blog">My blog</a> contains tutorials on signal processing, software development, and other random things</p>
+ <p>Listen to <a href="/music">my music.</a> The majority of streaming services should be linked.</p>
+ <p>The source code for this site, my audio plugins, and other things is available on <a href="https://git.haemolacriaa.com/">my git server</a>, and also on <a href="https://github.com/ozpv">Github.</a></p>
</div>
</div>
</main>
</body>
-</html>
\ No newline at end of file +</html>
diff --git a/public/music.html b/public/music.html index b03b62b..dbe6cfc 100644 --- a/public/music.html +++ b/public/music.html @@ -3,32 +3,37 @@ <body>
<main style="min-height: 100vh;">
<div style="display: grid; justify-content: center;">
- <a href="/releases/phosphenes">
+ <a href="/releases/phosphenes" class="link">
<img src="/assets/bunny.webp" width="400" height="400" alt="Phosphenes album art">
- <h4>Phosphenes</h4>
+ <p>haemolacriaa</p>
+ <p>Phosphenes</p>
<p>3.13.2026</p>
</a>
- <a href="/releases/christmas">
+ <a href="/releases/christmas" class="link">
<img src="/assets/bunny.webp" width="400" height="400" alt="Christmas album art">
- <h4>Christmas</h4>
+ <p>haemolacriaa</p>
+ <p>Christmas</p>
<p>12.12.2025</p>
</a>
- <a href="/releases/waxing-and-waning">
+ <a href="/releases/waxing-and-waning" class="link">
<img src="/assets/bunny.webp" width="400" height="400" alt="Waxing and Waning album art">
- <h4>Christmas</h4>
+ <p>haemolacriaa</p>
+ <p>Waxing and Waning</p>
<p>10.10.2025</p>
</a>
- <a href="/releases/hhaemolacria">
+ <a href="/releases/hhaemolacria" class="link">
<img src="/assets/hhaemolacria.webp" width="400" height="400" alt="hhaemolacria album art">
- <h4>hhaemolacria</h4>
+ <p>haemolacriaa</p>
+ <p>hhaemolacria</p>
<p>5.2.2025</p>
</a>
- <a href="/releases/haemolacriaa">
+ <a href="/releases/haemolacriaa" class="link">
<img src="/assets/haemolacriaa.webp" width="400" height="400" alt="haemolacriaa album art">
- <h4>haemolacriaa</h4>
+ <p>haemolacriaa</p>
+ <p>haemolacriaa</p>
<p>4.19.2024</p>
</a>
</div>
</main>
</body>
-</html>
\ No newline at end of file +</html>
diff --git a/public/releases/phosphenes.html b/public/releases/phosphenes.html index 3550a35..d845c7a 100644 --- a/public/releases/phosphenes.html +++ b/public/releases/phosphenes.html @@ -2,43 +2,45 @@ <html lang="en">
<body>
<main style="min-height: 100vh;">
- <img src="/assets/bunny.webp" width="400" height="400" alt="Phosphenes album art" style="display: block; margin-left: auto; margin-right: auto;">
- <h1 style="display: block; text-align: center;">Phosphenes</h1>
- <h3 style="display: block; text-align: center;">haemolacriaa</h3>
- <div style="display: flex; justify-content: center;">
- <nav>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">spotify</p>
- </div>
- </a>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">youtube</p>
- </div>
- </a>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M1.175 12.225c-.051 0-.094.046-.101.1l-.233 2.154.233 2.105c.007.058.05.098.101.098.05 0 .09-.04.099-.098l.255-2.105-.27-2.154c0-.057-.045-.1-.09-.1m-.899.828c-.06 0-.091.037-.104.094L0 14.479l.165 1.308c0 .055.045.094.09.094s.089-.045.104-.104l.21-1.319-.21-1.334c0-.061-.044-.09-.09-.09m1.83-1.229c-.061 0-.12.045-.12.104l-.21 2.563.225 2.458c0 .06.045.12.119.12.061 0 .105-.061.121-.12l.254-2.474-.254-2.548c-.016-.06-.061-.12-.121-.12m.945-.089c-.075 0-.135.06-.15.135l-.193 2.64.21 2.544c.016.077.075.138.149.138.075 0 .135-.061.15-.15l.24-2.532-.24-2.623c0-.075-.06-.135-.135-.135l-.031-.017zm1.155.36c-.005-.09-.075-.149-.159-.149-.09 0-.158.06-.164.149l-.217 2.43.2 2.563c0 .09.075.157.159.157.074 0 .148-.068.148-.158l.227-2.563-.227-2.444.033.015zm.809-1.709c-.101 0-.18.09-.18.181l-.21 3.957.187 2.563c0 .09.08.164.18.164.094 0 .174-.09.18-.18l.209-2.563-.209-3.972c-.008-.104-.088-.18-.18-.18m.959-.914c-.105 0-.195.09-.203.194l-.18 4.872.165 2.548c0 .12.09.209.195.209.104 0 .194-.089.21-.209l.193-2.548-.192-4.856c-.016-.12-.105-.21-.21-.21m.989-.449c-.121 0-.211.089-.225.209l-.165 5.275.165 2.52c.014.119.104.225.225.225.119 0 .225-.105.225-.225l.195-2.52-.196-5.275c0-.12-.105-.225-.225-.225m1.245.045c0-.135-.105-.24-.24-.24-.119 0-.24.105-.24.24l-.149 5.441.149 2.503c.016.135.121.24.256.24s.24-.105.24-.24l.164-2.503-.164-5.456-.016.015zm.749-.134c-.135 0-.255.119-.255.254l-.15 5.322.15 2.473c0 .15.12.255.255.255s.255-.12.255-.27l.15-2.474-.165-5.307c0-.148-.12-.27-.271-.27m1.005.166c-.164 0-.284.135-.284.285l-.103 5.143.135 2.474c0 .149.119.277.284.277.149 0 .271-.12.284-.285l.121-2.443-.135-5.112c-.012-.164-.135-.285-.285-.285m1.184-.945c-.045-.029-.105-.044-.165-.044s-.119.015-.165.044c-.09.054-.149.15-.149.255v.061l-.104 6.048.115 2.449v.008c.008.06.03.135.074.18.058.061.142.104.234.104.08 0 .158-.044.209-.09.058-.06.091-.135.091-.225l.015-.24.117-2.203-.135-6.086c0-.104-.061-.193-.135-.239l-.002-.022zm1.006-.547c-.045-.045-.09-.061-.15-.061-.074 0-.149.016-.209.061-.075.061-.119.15-.119.24v.029l-.137 6.609.076 1.215.061 1.185c0 .164.148.314.328.314.181 0 .33-.15.33-.329l.15-2.414-.15-6.637c0-.12-.074-.221-.165-.277m8.934 3.777c-.405 0-.795.086-1.139.232-.24-2.654-2.46-4.736-5.188-4.736-.659 0-1.305.135-1.889.359-.225.09-.27.18-.285.359v9.368c.016.18.15.33.33.345h8.185C22.681 17.218 24 15.914 24 14.28s-1.319-2.952-2.938-2.952"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">soundcloud</p>
- </div>
- </a>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">apple music</p>
- </div>
- </a>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M0 18.75l7.437-13.5H24l-7.438 13.5H0z"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">bandcamp</p>
- </div>
- </a>
- </nav>
+ <div>
+ <img src="/assets/bunny.webp" width="400" height="400" alt="Phosphenes album art" style="display: block; margin-left: auto; margin-right: auto;">
+ <h1 style="display: block; text-align: center; font-size: 1.875rem; padding-top: 8px;">Phosphenes</h1>
+ <h2 style="display: block; text-align: center; font-size: 1.125rem;">haemolacriaa</h2>
+ <div style="display: flex; justify-content: center;">
+ <nav>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"></path></g></g></svg>
+ <p style="padding-left: 1rem;">spotify</p>
+ </div>
+ </a>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></g></g></svg>
+ <p style="padding-left: 1rem;">youtube</p>
+ </div>
+ </a>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M1.175 12.225c-.051 0-.094.046-.101.1l-.233 2.154.233 2.105c.007.058.05.098.101.098.05 0 .09-.04.099-.098l.255-2.105-.27-2.154c0-.057-.045-.1-.09-.1m-.899.828c-.06 0-.091.037-.104.094L0 14.479l.165 1.308c0 .055.045.094.09.094s.089-.045.104-.104l.21-1.319-.21-1.334c0-.061-.044-.09-.09-.09m1.83-1.229c-.061 0-.12.045-.12.104l-.21 2.563.225 2.458c0 .06.045.12.119.12.061 0 .105-.061.121-.12l.254-2.474-.254-2.548c-.016-.06-.061-.12-.121-.12m.945-.089c-.075 0-.135.06-.15.135l-.193 2.64.21 2.544c.016.077.075.138.149.138.075 0 .135-.061.15-.15l.24-2.532-.24-2.623c0-.075-.06-.135-.135-.135l-.031-.017zm1.155.36c-.005-.09-.075-.149-.159-.149-.09 0-.158.06-.164.149l-.217 2.43.2 2.563c0 .09.075.157.159.157.074 0 .148-.068.148-.158l.227-2.563-.227-2.444.033.015zm.809-1.709c-.101 0-.18.09-.18.181l-.21 3.957.187 2.563c0 .09.08.164.18.164.094 0 .174-.09.18-.18l.209-2.563-.209-3.972c-.008-.104-.088-.18-.18-.18m.959-.914c-.105 0-.195.09-.203.194l-.18 4.872.165 2.548c0 .12.09.209.195.209.104 0 .194-.089.21-.209l.193-2.548-.192-4.856c-.016-.12-.105-.21-.21-.21m.989-.449c-.121 0-.211.089-.225.209l-.165 5.275.165 2.52c.014.119.104.225.225.225.119 0 .225-.105.225-.225l.195-2.52-.196-5.275c0-.12-.105-.225-.225-.225m1.245.045c0-.135-.105-.24-.24-.24-.119 0-.24.105-.24.24l-.149 5.441.149 2.503c.016.135.121.24.256.24s.24-.105.24-.24l.164-2.503-.164-5.456-.016.015zm.749-.134c-.135 0-.255.119-.255.254l-.15 5.322.15 2.473c0 .15.12.255.255.255s.255-.12.255-.27l.15-2.474-.165-5.307c0-.148-.12-.27-.271-.27m1.005.166c-.164 0-.284.135-.284.285l-.103 5.143.135 2.474c0 .149.119.277.284.277.149 0 .271-.12.284-.285l.121-2.443-.135-5.112c-.012-.164-.135-.285-.285-.285m1.184-.945c-.045-.029-.105-.044-.165-.044s-.119.015-.165.044c-.09.054-.149.15-.149.255v.061l-.104 6.048.115 2.449v.008c.008.06.03.135.074.18.058.061.142.104.234.104.08 0 .158-.044.209-.09.058-.06.091-.135.091-.225l.015-.24.117-2.203-.135-6.086c0-.104-.061-.193-.135-.239l-.002-.022zm1.006-.547c-.045-.045-.09-.061-.15-.061-.074 0-.149.016-.209.061-.075.061-.119.15-.119.24v.029l-.137 6.609.076 1.215.061 1.185c0 .164.148.314.328.314.181 0 .33-.15.33-.329l.15-2.414-.15-6.637c0-.12-.074-.221-.165-.277m8.934 3.777c-.405 0-.795.086-1.139.232-.24-2.654-2.46-4.736-5.188-4.736-.659 0-1.305.135-1.889.359-.225.09-.27.18-.285.359v9.368c.016.18.15.33.33.345h8.185C22.681 17.218 24 15.914 24 14.28s-1.319-2.952-2.938-2.952"></path></g></g></svg>
+ <p style="padding-left: 1rem;">soundcloud</p>
+ </div>
+ </a>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"></path></g></g></svg>
+ <p style="padding-left: 1.25rem;">apple music</p>
+ </div>
+ </a>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M0 18.75l7.437-13.5H24l-7.438 13.5H0z"></path></g></g></svg>
+ <p style="padding-left: 1rem;">bandcamp</p>
+ </div>
+ </a>
+ </nav>
+ </div>
</div>
</main>
</body>
-</html>
\ No newline at end of file +</html>
diff --git a/public/releases/template.html b/public/releases/template.html index ec6d336..2b3a898 100644 --- a/public/releases/template.html +++ b/public/releases/template.html @@ -1,45 +1,46 @@ -<!-- todo make this entire thing into a server side rendered component and config file -->
<!DOCTYPE html>
<html lang="en">
<body>
<main style="min-height: 100vh;">
- <img src="/assets/bunny.webp" width="400" height="400" alt="album-name album art" style="display: block; margin-left: auto; margin-right: auto;">
- <h1 style="display: block; text-align: center;">album-name</h1>
- <h3 style="display: block; text-align: center;">haemolacriaa</h3>
- <div style="display: flex; justify-content: center;">
- <nav>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">spotify</p>
- </div>
- </a>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">youtube</p>
- </div>
- </a>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M1.175 12.225c-.051 0-.094.046-.101.1l-.233 2.154.233 2.105c.007.058.05.098.101.098.05 0 .09-.04.099-.098l.255-2.105-.27-2.154c0-.057-.045-.1-.09-.1m-.899.828c-.06 0-.091.037-.104.094L0 14.479l.165 1.308c0 .055.045.094.09.094s.089-.045.104-.104l.21-1.319-.21-1.334c0-.061-.044-.09-.09-.09m1.83-1.229c-.061 0-.12.045-.12.104l-.21 2.563.225 2.458c0 .06.045.12.119.12.061 0 .105-.061.121-.12l.254-2.474-.254-2.548c-.016-.06-.061-.12-.121-.12m.945-.089c-.075 0-.135.06-.15.135l-.193 2.64.21 2.544c.016.077.075.138.149.138.075 0 .135-.061.15-.15l.24-2.532-.24-2.623c0-.075-.06-.135-.135-.135l-.031-.017zm1.155.36c-.005-.09-.075-.149-.159-.149-.09 0-.158.06-.164.149l-.217 2.43.2 2.563c0 .09.075.157.159.157.074 0 .148-.068.148-.158l.227-2.563-.227-2.444.033.015zm.809-1.709c-.101 0-.18.09-.18.181l-.21 3.957.187 2.563c0 .09.08.164.18.164.094 0 .174-.09.18-.18l.209-2.563-.209-3.972c-.008-.104-.088-.18-.18-.18m.959-.914c-.105 0-.195.09-.203.194l-.18 4.872.165 2.548c0 .12.09.209.195.209.104 0 .194-.089.21-.209l.193-2.548-.192-4.856c-.016-.12-.105-.21-.21-.21m.989-.449c-.121 0-.211.089-.225.209l-.165 5.275.165 2.52c.014.119.104.225.225.225.119 0 .225-.105.225-.225l.195-2.52-.196-5.275c0-.12-.105-.225-.225-.225m1.245.045c0-.135-.105-.24-.24-.24-.119 0-.24.105-.24.24l-.149 5.441.149 2.503c.016.135.121.24.256.24s.24-.105.24-.24l.164-2.503-.164-5.456-.016.015zm.749-.134c-.135 0-.255.119-.255.254l-.15 5.322.15 2.473c0 .15.12.255.255.255s.255-.12.255-.27l.15-2.474-.165-5.307c0-.148-.12-.27-.271-.27m1.005.166c-.164 0-.284.135-.284.285l-.103 5.143.135 2.474c0 .149.119.277.284.277.149 0 .271-.12.284-.285l.121-2.443-.135-5.112c-.012-.164-.135-.285-.285-.285m1.184-.945c-.045-.029-.105-.044-.165-.044s-.119.015-.165.044c-.09.054-.149.15-.149.255v.061l-.104 6.048.115 2.449v.008c.008.06.03.135.074.18.058.061.142.104.234.104.08 0 .158-.044.209-.09.058-.06.091-.135.091-.225l.015-.24.117-2.203-.135-6.086c0-.104-.061-.193-.135-.239l-.002-.022zm1.006-.547c-.045-.045-.09-.061-.15-.061-.074 0-.149.016-.209.061-.075.061-.119.15-.119.24v.029l-.137 6.609.076 1.215.061 1.185c0 .164.148.314.328.314.181 0 .33-.15.33-.329l.15-2.414-.15-6.637c0-.12-.074-.221-.165-.277m8.934 3.777c-.405 0-.795.086-1.139.232-.24-2.654-2.46-4.736-5.188-4.736-.659 0-1.305.135-1.889.359-.225.09-.27.18-.285.359v9.368c.016.18.15.33.33.345h8.185C22.681 17.218 24 15.914 24 14.28s-1.319-2.952-2.938-2.952"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">soundcloud</p>
- </div>
- </a>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">apple music</p>
- </div>
- </a>
- <a href="">
- <div style="display: flex; flex-direction: row; align-items: center;">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M0 18.75l7.437-13.5H24l-7.438 13.5H0z"></path></g></g></svg>
- <p style="padding-left: 1.25rem;">bandcamp</p>
- </div>
- </a>
- </nav>
+ <div>
+ <img src="/assets/bunny.webp" width="400" height="400" alt="example album art" style="display: block; margin-left: auto; margin-right: auto;">
+ <h1 style="display: block; text-align: center; font-size: 1.875rem; padding-top: 8px;">example</h1>
+ <h2 style="display: block; text-align: center; font-size: 1.125rem;">haemolacriaa</h2>
+ <div style="display: flex; justify-content: center;">
+ <nav>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"></path></g></g></svg>
+ <p style="padding-left: 1rem;">spotify</p>
+ </div>
+ </a>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></g></g></svg>
+ <p style="padding-left: 1rem;">youtube</p>
+ </div>
+ </a>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M1.175 12.225c-.051 0-.094.046-.101.1l-.233 2.154.233 2.105c.007.058.05.098.101.098.05 0 .09-.04.099-.098l.255-2.105-.27-2.154c0-.057-.045-.1-.09-.1m-.899.828c-.06 0-.091.037-.104.094L0 14.479l.165 1.308c0 .055.045.094.09.094s.089-.045.104-.104l.21-1.319-.21-1.334c0-.061-.044-.09-.09-.09m1.83-1.229c-.061 0-.12.045-.12.104l-.21 2.563.225 2.458c0 .06.045.12.119.12.061 0 .105-.061.121-.12l.254-2.474-.254-2.548c-.016-.06-.061-.12-.121-.12m.945-.089c-.075 0-.135.06-.15.135l-.193 2.64.21 2.544c.016.077.075.138.149.138.075 0 .135-.061.15-.15l.24-2.532-.24-2.623c0-.075-.06-.135-.135-.135l-.031-.017zm1.155.36c-.005-.09-.075-.149-.159-.149-.09 0-.158.06-.164.149l-.217 2.43.2 2.563c0 .09.075.157.159.157.074 0 .148-.068.148-.158l.227-2.563-.227-2.444.033.015zm.809-1.709c-.101 0-.18.09-.18.181l-.21 3.957.187 2.563c0 .09.08.164.18.164.094 0 .174-.09.18-.18l.209-2.563-.209-3.972c-.008-.104-.088-.18-.18-.18m.959-.914c-.105 0-.195.09-.203.194l-.18 4.872.165 2.548c0 .12.09.209.195.209.104 0 .194-.089.21-.209l.193-2.548-.192-4.856c-.016-.12-.105-.21-.21-.21m.989-.449c-.121 0-.211.089-.225.209l-.165 5.275.165 2.52c.014.119.104.225.225.225.119 0 .225-.105.225-.225l.195-2.52-.196-5.275c0-.12-.105-.225-.225-.225m1.245.045c0-.135-.105-.24-.24-.24-.119 0-.24.105-.24.24l-.149 5.441.149 2.503c.016.135.121.24.256.24s.24-.105.24-.24l.164-2.503-.164-5.456-.016.015zm.749-.134c-.135 0-.255.119-.255.254l-.15 5.322.15 2.473c0 .15.12.255.255.255s.255-.12.255-.27l.15-2.474-.165-5.307c0-.148-.12-.27-.271-.27m1.005.166c-.164 0-.284.135-.284.285l-.103 5.143.135 2.474c0 .149.119.277.284.277.149 0 .271-.12.284-.285l.121-2.443-.135-5.112c-.012-.164-.135-.285-.285-.285m1.184-.945c-.045-.029-.105-.044-.165-.044s-.119.015-.165.044c-.09.054-.149.15-.149.255v.061l-.104 6.048.115 2.449v.008c.008.06.03.135.074.18.058.061.142.104.234.104.08 0 .158-.044.209-.09.058-.06.091-.135.091-.225l.015-.24.117-2.203-.135-6.086c0-.104-.061-.193-.135-.239l-.002-.022zm1.006-.547c-.045-.045-.09-.061-.15-.061-.074 0-.149.016-.209.061-.075.061-.119.15-.119.24v.029l-.137 6.609.076 1.215.061 1.185c0 .164.148.314.328.314.181 0 .33-.15.33-.329l.15-2.414-.15-6.637c0-.12-.074-.221-.165-.277m8.934 3.777c-.405 0-.795.086-1.139.232-.24-2.654-2.46-4.736-5.188-4.736-.659 0-1.305.135-1.889.359-.225.09-.27.18-.285.359v9.368c.016.18.15.33.33.345h8.185C22.681 17.218 24 15.914 24 14.28s-1.319-2.952-2.938-2.952"></path></g></g></svg>
+ <p style="padding-left: 1rem;">soundcloud</p>
+ </div>
+ </a>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"></path></g></g></svg>
+ <p style="padding-left: 1.25rem;">apple music</p>
+ </div>
+ </a>
+ <a href="" class="link-button">
+ <div class="button">
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" role="graphics-symbol"><g><g><path d="M0 18.75l7.437-13.5H24l-7.438 13.5H0z"></path></g></g></svg>
+ <p style="padding-left: 1rem;">bandcamp</p>
+ </div>
+ </a>
+ </nav>
+ </div>
</div>
</main>
</body>
-</html>
\ No newline at end of file +</html>
diff --git a/public/site.css b/public/site.css index 14088c2..0c7200e 100644 --- a/public/site.css +++ b/public/site.css @@ -53,4 +53,30 @@ @media (width >= 768px) {
flex-direction: row;
}
-}
\ No newline at end of file +}
+
+.link-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-image: linear-gradient(to bottom right, #f9e2af, #b4befe);
+ border-radius: .5rem;
+ padding: 1px;
+ margin-top: 1rem;
+}
+
+.button {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ border-radius: .5rem;
+ padding-bottom: 1.25rem;
+ padding-top: 1.25rem;
+ background-color: black;
+ width: 20rem;
+}
+
+.button:hover {
+ background-color: rgb(0, 0, 0, 0);
+}
|
