]> fortfriendship.online Git - gnargle.github.io.git/commitdiff
projects / gnargle.github.io.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: bc2f695)
add music i've made diversion
authorAthene Allen <atheneallen93@gmail.com>
Mon, 3 Mar 2025 18:55:45 +0000 (18:55 +0000)
committerAthene Allen <atheneallen93@gmail.com>
Mon, 3 Mar 2025 18:55:45 +0000 (18:55 +0000)
diversions/music/groovin in the tavern.mp3 [new file with mode: 0644] patch | blob
diversions/musicivemade.html [new file with mode: 0644] patch | blob
index.html patch | blob | blame | history
main.css patch | blob | blame | history

diff --git a/diversions/music/groovin in the tavern.mp3 b/diversions/music/groovin in the tavern.mp3
new file mode 100644 (file)
index 0000000..89e0677
Binary files /dev/null and b/diversions/music/groovin in the tavern.mp3 differ
diff --git a/diversions/musicivemade.html b/diversions/musicivemade.html
new file mode 100644 (file)
index 0000000..7bfdb43
--- /dev/null
+++ b/diversions/musicivemade.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Music I've Made</title>
+    <meta property="og:title" content="Music I've Made" />
+    <meta name="twitter:title" content="Music I've Made" />
+    <meta
+      name="description"
+      content="Sometimes I make music. Then I upload it here."
+    />
+    <meta
+      property="og:description"
+      content="Sometimes I make music. Then I upload it here."
+    />
+    <meta
+      name="twitter:description"
+      content="Sometimes I make music. Then I upload it here."
+    />
+    <meta
+      property="article:published_time"
+      content="2025-03-02T00:00:00+00:00"
+    />
+    <link rel="stylesheet" href="../main.css" />
+  </head>
+  <body class="whole-site">
+    <div>
+      <iframe class="embed-title" src="../shared/title.html"> </iframe>
+      <div class="main-container">
+        <div class="main">
+          <div class="entry">
+            <a href="../index.html">Home</a>
+            <div class="title-block">
+              <h3 class="blog-title">Music I've Made</h3>
+              <h3 class="datestamp">02/03/2025</h3>
+            </div>
+            <div class="content">
+              <p>
+                I am by no means a professional, but I like to mess around with
+                'toy synths,' the kind of thing that Teenage Engineering make.
+                That isn't the OP-1, anyway.
+              </p>
+              <p>
+                I got their EP-1320 recently and it's a delightful bit of kit in
+                the same way their pocket operators are. Basically takes a lot
+                of the pain and sufferring out of composing music and allows you
+                to build up a beat from first principles. It's fun!
+              </p>
+              <p>
+                There's not much memory on the thing tho so I'm dropping 'done'
+                tracks here. Maybe I'll collect them in an album if I make
+                enough one day.
+              </p>
+            </div>
+            <div class="audio-block">
+              <a class="audio-title" href="music/groovin in the tavern.mp3"
+                ><h3>Groovin' In The Tavern</h3></a
+              >
+              <audio class="audio-player" controls>
+                <source
+                  src="music/groovin in the tavern.mp3"
+                  type="audio/mpeg"
+                />
+                Your browser does not support the audio tag.
+              </audio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <iframe class="embed-links" src="../shared/links.html"> </iframe>
+      <iframe class="embed-footer" src="../shared/footer.html"> </iframe>
+    </div>
+  </body>
+</html>
diff --git a/index.html b/index.html
index 5d18cb824094d4958b3e95d5d1a0a33c87fdafe1..3d2333592460a8ce728e3689b15593b8bc8c0563 100644 (file)
--- a/index.html
+++ b/index.html
@@ -100,6 +100,12 @@
                 ><h4>↪ List of Games (updated 01/03/2025)</h4>
               </a>
             </div>
+            <div class="title-block">
+              <a class="blog-title" href="diversions/musicivemade.html">
+                <h3>Music I've Made</h3>
+              </a>
+              <h3 class="datestamp">2025</h3>
+            </div>
           </div>
         </div>
       </div>
diff --git a/main.css b/main.css
index 83040568b1f22dc55716a74508134f5d5c63e8c1..b38ff78629521226571d1598ec15bfb444f7e922 100644 (file)
--- a/main.css
+++ b/main.css
@@ -7,6 +7,16 @@
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
+.audio-block {
+    display: flex;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.audio-title {
+    flex: 1;
+}
+
 body {
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     background-color: bisque;
gnargle.github.io