minor site content refresh

This commit is contained in:
ari melody 2023-11-27 23:29:21 +00:00
parent eac5e9dc00
commit c192350bc0
Signed by: ari
GPG key ID: CF99829C92678188
9 changed files with 119 additions and 325 deletions

View file

@ -1,17 +1,17 @@
server {
listen 443 ssl;
server_name arimelody.me;
server_name arimelody.me www.arimelody.me;
ssl_protocols TLSv1.2 TLSv1.3;
ssl_certificate /etc/nginx/ssl/arimelody.crt;
ssl_certificate_key /etc/nginx/ssl/arimelody.key;
ssl_certificate /etc/nginx/ssl/arimelody.crt;
ssl_certificate_key /etc/nginx/ssl/arimelody.key;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2 TLSv1.3;
ssl_ciphers HIGH:!aNULL:!MD5;
root /usr/share/nginx/arimelody/;
client_max_body_size 0;
add_header Cache-Control "max-age=604800";
add_header Cache-Control "max-age=14400";
location / {
try_files $uri $uri/ $uri.html =404;

BIN
public/audio/transmission20231013.wav (Stored with Git LFS)

Binary file not shown.

View file

@ -1,270 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<music>
<row>
<id>dream</id>
<title>Dream</title>
<type>single</type>
<year>2022</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_Dream.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/track/dream</buylink>
<links>
<title>Spotify</title>
<url>https://open.spotify.com/album/5talRpqzjExP1w6j5LFIAh</url>
</links>
<links>
<title>Apple Music</title>
<url>https://music.apple.com/ie/album/dream-single/1650037132</url>
</links>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/dream</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=nfFgtMuYAx8</url>
</links>
</row>
<row>
<id>gomyway</id>
<title>Go My Way</title>
<type>single</type>
<year>2021</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_Go_My_Way.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/track/go-my-way</buylink>
<links>
<title>Spotify</title>
<url>https://open.spotify.com/album/35WNtxK12IDHCUoXHDePGE</url>
</links>
<links>
<title>Apple Music</title>
<url>https://music.apple.com/ie/album/go-my-way-single/1547145699</url>
</links>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/go-my-way</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=CNptNQdLkl0</url>
</links>
</row>
<row>
<id>rowboat</id>
<title>Rowboat</title>
<type>single</type>
<year>2020</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_Rowboat.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/track/rowboat</buylink>
<links>
<title>Spotify</title>
<url>https://open.spotify.com/album/7jyqJFVKaENCPm58v5O44Y</url>
</links>
<links>
<title>Apple Music</title>
<url>https://music.apple.com/ie/album/rowboat-single/1502608714</url>
</links>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/rowboat</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=uOQyILDTzME</url>
</links>
</row>
<row>
<id>helloworld</id>
<title>Hello World</title>
<type>single</type>
<year>2019</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_Hello_World.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/track/hello-world</buylink>
<links>
<title>Spotify</title>
<url>https://open.spotify.com/album/3LbElPXD4dsDumttGBuYxx</url>
</links>
<links>
<title>Apple Music</title>
<url>https://music.apple.com/ie/album/hello-world-single/1491880155</url>
</links>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/helloworld</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=CQhlRsl0Mjk</url>
</links>
</row>
<row>
<id>sine</id>
<title>Sine</title>
<type>single</type>
<artists>zaire</artists>
<artists>mellodoot</artists>
<year>2019</year>
<artwork>https://mellodoot.com/img/music_artwork/zaire_-_Sine_ft._mellodoot.webp</artwork>
<links>
<title>Spotify</title>
<url>https://open.spotify.com/album/4WPuaJtTV7z86KubD9Rnmk</url>
</links>
<links>
<title>Apple Music</title>
<url>https://music.apple.com/us/album/sine-feat-mellodoot/1489163020</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=z1H1s6VRnyY</url>
</links>
</row>
<row>
<id>10</id>
<title>10</title>
<type>single</type>
<year>2019</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_10.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/track/10</buylink>
<links>
<title>Spotify</title>
<url>https://open.spotify.com/album/2x4gbACfDm99unaXpLXyj0</url>
</links>
<links>
<title>Apple Music</title>
<url>https://music.apple.com/ie/album/ten-single/1483193041</url>
</links>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/ten</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=C7WP5L2BK4U</url>
</links>
</row>
<row>
<id>mad</id>
<title>MAD</title>
<type>single</type>
<year>2018</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_MAD.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/track/mad</buylink>
<links>
<title>Spotify</title>
<url>https://open.spotify.com/album/59nFXw1WNoRhXou7lXqBZd</url>
</links>
<links>
<title>Apple Music</title>
<url>https://music.apple.com/ie/album/mad/1441233120</url>
</links>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/mad</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=OB-Pk6p6mfQ</url>
</links>
</row>
<row>
<id>welcomingparty</id>
<title>Welcoming Party</title>
<type>album</type>
<year>2018</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_Welcoming_Party.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/album/welcoming-party</buylink>
<links>
<title>Spotify</title>
<url>https://open.spotify.com/album/3EPa4HZpkISQVRAks64LfR</url>
</links>
<links>
<title>Apple Music</title>
<url>https://music.apple.com/ie/album/welcoming-party-ep/1441161424</url>
</links>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/sets/welcoming-party</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/playlist?list=PLBG_QJeOHrB5EeniiXBIlHpoQbD6CUJca</url>
</links>
<tracks>
<title>Paradigm</title>
</tracks>
<tracks>
<title>Mitrio</title>
</tracks>
<tracks>
<title>Level One</title>
</tracks>
<tracks>
<title>Cubes</title>
</tracks>
<tracks>
<title>Aria</title>
</tracks>
</row>
<row>
<id>howtheyknow2018</id>
<title>How They Know (2018)</title>
<type>single</type>
<year>2018</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_How_They_Know_2018.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/track/how-they-know-2018-remastered</buylink>
<free>true</free>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/how-they-know-2018</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=mbAgSwCzyMw</url>
</links>
</row>
<row>
<id>howtheyknow</id>
<title>How They Know</title>
<type>single</type>
<year>2017</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_How_They_Know.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/track/how-they-know</buylink>
<free>true</free>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/how-they-know</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=q6lzKuG1Emo</url>
</links>
</row>
<row>
<id>traveller</id>
<title>Traveller</title>
<type>single</type>
<year>2017</year>
<artwork>https://mellodoot.com/img/music_artwork/mellodoot_-_Traveller.webp</artwork>
<buylink>https://mellodoot.bandcamp.com/track/traveller</buylink>
<free>true</free>
<links>
<title>Soundcloud</title>
<url>https://soundcloud.com/mellodoot/traveller</url>
</links>
<links>
<title>YouTube</title>
<url>https://www.youtube.com/watch?v=ZTO7IQZ-yXA</url>
</links>
</row>
</music>

View file

@ -67,39 +67,58 @@
<br>
<small>she/her 🏳️‍⚧️🏳️‍🌈💫🦆🇮🇪</small>
</p>
<p>
creator of the infamous (but barely famous) <a href="https://catdance.xyz" target="_blank">catdance</a>, a lovely little <a href="https://github.com/mellodoot/prideflag" target="_blank">pride flag</a> for
the
web, other <a href="https://github.com/mellodoot?tab=repositories" target="_blank">silly
code
projects</a> and a whole slew of content across <a href="https://youtube.com/mellodoot" target="_blank">youtube</a> and all good <a href="https://mellodoot.com/music" target="_blank">music</a> streaming platforms!
i like to create things on the internet! namely <a href="/music" target="_blank">music</a>,
<a href="https://youtube.com/mellodoot" target="_blank">videos</a>, art <small><em>(link pending)</em></small>, and the odd
<a href="https://github.com/mellodoot?tab=repositories" target="_blank">code project</a> from time to time!
if it's a thing you can create on a computer, i've probably taken a swing at it.
</p>
<p>
i play around with all aspects of creative media. i like making music, writing code,
creating
videos, drawing artwork...if it can be done on a computer, i've probably tried it!
really a jack
of all trades, mastery pending.
you're very welcome to take a look around my little slice of the internet here,
or explore any of the other corners i inhabit!
</p>
<p>
and if you're looking to support me financially, that's so cool of you!!
if you like, you can buy one or more of my songs over on
<a href="https://arimelody.bandcamp.com" target="_blank">bandcamp</a>,
so you can at least get something for your money.
thank you very much either way!! 💕
</p>
<p>
if you're looking to support me financially, that's so cool of you!! if you like, you
can buy
one or more of my songs over on <a href="https://arimelody.bandcamp.com" target="_blank">bandcamp</a>, so you can at least get something for your
troubles. thank
you very much either way!! 💕
for anything else, you can reach me for any and all communications through
<a href="mailto:ari@arimelody.me">ari@arimelody.me</a>.
</p>
<p>
for anything else, you can reach me for any and all communications through <a href="mailto:ari@arimelody.me">ari@arimelody.me</a>.
</p>
<p>
thanks for stopping by, and i hope you have a lovely rest of your day!
thank you for stopping by- i hope you have a lovely rest of your day! 💫
</p>
<hr>
<h2>
## where to find me:
## metadata
</h2>
<p>
<strong>my colours 🌈</strong>
</p>
<ul>
<li>primary: <span class="col-primary">#b7fd49</span></li>
<li>secondary: <span class="col-secondary">#f8e05b</span></li>
<li>tertiary: <span class="col-tertiary">#f788fe</span></li>
</ul>
<p>
<strong>my keys 🔑</strong>
</p>
<ul>
<li>pgp: <a href="/keys/ari melody_0x92678188_public.asc" target="_blank">[link]</a></li>
<li>ssh (ed25519): <a href="/keys/id_ari_ed25519.pub" target="_blank">[link]</a></li>
</ul>
<p>
<strong>where to find me 🛰️</strong>
</p>
<ul class="links">
<li>
<a href="https://youtube.com/@mellodoot" target="_blank">youtube</a>
@ -121,33 +140,45 @@
</li>
</ul>
<h2>
## projects i've worked on:
</h2>
<p>
<strong>projects i've worked on 🛠️</strong>
</p>
<ul class="links">
<li>
<a href="https://catdance.xyz" target="_blank">catdance</a>
<a href="https://catdance.xyz" target="_blank">
catdance
</a>
</li>
<li>
<a href="https://github.com/mellodoot/sandblock" target="_blank">sandblock</a>
<a href="https://github.com/mellodoot/sandblock" target="_blank">
sandblock
</a>
</li>
<li>
<a href="https://github.com/mellodoot/prideflag" target="_blank">pride flag</a>
<a href="https://github.com/mellodoot/prideflag" target="_blank">
pride flag
</a>
</li>
<li>
<a href="https://github.com/mellodoot/ipaddrgen" target="_blank">ipaddrgen</a>
<a href="https://github.com/mellodoot/ipaddrgen" target="_blank">
ipaddrgen
</a>
</li>
<li>
<a href="https://impact.mellodoot.com/" target="_blank">impact meme</a>
<a href="https://impact.mellodoot.com/" target="_blank">
impact meme
</a>
</li>
<li>
<a href="https://term.arimelody.me/" target="_blank">OpenTerminal</a>
<a href="https://term.arimelody.me/" target="_blank">
OpenTerminal
</a>
</li>
</ul>
<hr>
<h2>## cool people!</h2>
<h2>## cool people</h2>
<div id="web-buttons">
<a href="https://arimelody.me" target="_blank">

View file

@ -0,0 +1,13 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
mDMEZNW03RYJKwYBBAHaRw8BAQdAuMUNVjXT7m/YisePPnSYY6lc1Xmm3oS79ZEO
JriRCZy0HWFyaSBtZWxvZHkgPGFyaUBhcmltZWxvZHkubWU+iJMEExYKADsWIQTu
jeuNYocuegkeKt/PmYKckmeBiAUCZNW03QIbAwULCQgHAgIiAgYVCgkICwIEFgID
AQIeBwIXgAAKCRDPmYKckmeBiGCbAP4wTcLCU5ZlfSTJrFtGhQKWA6DxtUO7Cegk
Vu8SgkY3KgEA1/YqjZ1vSaqPDN4137vmhkhfduoYOjN0iptNj39u2wG4OARk1bTd
EgorBgEEAZdVAQUBAQdAnA2drPzQBoXNdwIrFnovuF0CjX+8+8QSugCF4a5ZEXED
AQgHiHgEGBYKACAWIQTujeuNYocuegkeKt/PmYKckmeBiAUCZNW03QIbDAAKCRDP
mYKckmeBiC/xAQD1hu4WcstR40lkUxMqhZ44wmizrDA+eGCdh7Ge3Gy79wEAx385
GnYoNplMTA4BTGs7orV4WSfSkoBx0+px1UOewgs=
=M1Bp
-----END PGP PUBLIC KEY BLOCK-----

View file

@ -0,0 +1 @@
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIBHkNL8tYKlEDX0eAQB9rD1GZ3jYzRXZfKmCEFuYJ9jP ari@aria

View file

@ -65,7 +65,11 @@
<div id="music-container"></div>
<h2 id="usage" class="question">&gt; "can i use your music in my content?"</h2>
<h2 id="usage" class="question">
<a href="#usage">
&gt; "can i use your music in my content?"
</a>
</h2>
<div class="collapse">
<p>
<strong class="big">yes!</strong> well, in most cases...

View file

@ -31,15 +31,6 @@ document.querySelectorAll("h2.question").forEach(element => {
};
});
document.querySelectorAll('blockquote').forEach(
element => {
element.onclick = (e) => {
navigator.clipboard.writeText(e.target.innerText);
console.log('copied quote contents to clipboard!\n\n' + e.target.innerText);
}
}
);
fetch('/music.json')
.then(res => {
if (!res.ok) {
@ -55,5 +46,3 @@ fetch('/music.json')
music_container.append(dom);
};
});

View file

@ -5,6 +5,18 @@
--links: #5eb2ff;
}
.col-primary {
color: var(--primary);
}
.col-secondary {
color: var(--secondary);
}
.col-tertiary {
color: var(--tertiary);
}
body {
margin: 0;
padding: 0;
@ -12,7 +24,7 @@ body {
color: #eee;
font-family: monospace;
font-size: 18px;
text-shadow: 0 0 2em;
text-shadow: 0 0 3em;
scroll-behavior: smooth;
}
@ -201,6 +213,24 @@ blockquote {
transition: background-color 0.1s;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
}
main h1:hover,
main h2:hover,
main h3:hover,
@ -210,13 +240,12 @@ main h6:hover,
main p:hover,
main small:hover,
main blockquote:hover {
background-color: #fff2;
background-color: #fff1;
}
blockquote {
margin: 1rem 0;
padding: 0 2.5rem;
cursor: pointer;
}
hr {