add LFS

.gitattributes

@@ -0,0 +1,6 @@
+*.mp3 filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.gif filter=lfs diff=lfs merge=lfs -text
+*.m4a filter=lfs diff=lfs merge=lfs -text

_pages/songs.md

@@ -10,10 +10,14 @@ I grew up loving music and loving singing, and stayed in school choirs beginning
 Anyway, I'll be releasing that kind of stuff here! For now, it's just a collection of my old works...>w< please enjoy!!
 
 <div class="threecol">
-    <div style="align-content: center; text-align: right; font-size: 1.25rem;">
+    <div class="cover">
         <img src="/img/songs/kurorekishi_sounds.png" alt="黒歴史サウンド (kurorekishi sound) by mana"><br>
         <b>黒歴史サウンド</b><br>
-        <small>2024.12.21</small>
+        <small>2024.12.21</small><br>
+        <p style="font-size: .8rem; margin: 0;">
+        <a href="{% link music/kurorekishi.zip %}">
+            full album
+        </a></p>
     </div>
     <div style="font-size: .9rem;">
         <small><b>Disc 1: Solo Works</b></small>

_posts/updates/2024-12-22-title.md

@@ -0,0 +1,6 @@
+---
+title:  "site update"
+date:  2024-12-22
+collection: updates
+---
+fixed some responsiveness issues and added a full-album download to [my music]({% link _pages/songs.md %}) page!

music/kurorekishi.zip

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:de2e42599a49dcd4ef46bf72760a597ccc53514867a691ba94463d8035e84b77
+size 305187872

style.css

@@ -622,10 +622,32 @@ hr {
   gap: 10px;
   flex-wrap: wrap;
   justify-content: center;
+  margin: auto;
 }
 
 .threecol > * {
   margin: .5rem;
+  max-width: calc(100% - .1rem);
+}
+
+.threecol > p {
+  margin: 0;
+}
+
+.threecol > .cover {
+  align-content: center;
+  text-align: right;
+  font-size: 1.25rem;
+}
+
+@media screen and (max-width: 700px) {
+  .threecol {
+    justify-content: left;
+    width: calc(100% - .2rem);
+  }
+  .threecol > .cover > img {
+    width: calc(100% - .1rem);
+  }
 }
 
 #statuscafe {