Browse Source

adding 🎼

windhamdavid 2 years ago
parent
commit
75143d86ae
4 changed files with 296 additions and 52 deletions
  1. 146 14
      index.html
  2. 75 19
      js/scripts.js
  3. 75 19
      js/site.js
  4. 0 0
      js/site.js.map

+ 146 - 14
index.html

@@ -146,16 +146,16 @@
                   </div>
                   <span class="song-duration">5:41</span>
                 </div>  
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="3">
+                <div class="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="3">
                   <div class="song-now-playing-icon-container">
                     <div class="play-button-container"></div>
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
                   </div>
                   <div class="song-meta-data">
-                    <span class="song-title">Domenica</span>
-                    <span class="song-artist">2014 - Piano</span>
+                    <span class="song-title">China</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
                   </div>
-                  <span class="song-duration">6:39</span>
+                  <span class="song-duration">2:55</span>
                 </div>
                 <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="4">
                   <div class="song-now-playing-icon-container">
@@ -163,21 +163,153 @@
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
                   </div>
                   <div class="song-meta-data">
-                    <span class="song-title">Poem #2</span>
-                    <span class="song-artist">2007</span>
+                    <span class="song-title">Experiment in C Minor</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
                   </div>
-                  <span class="song-duration">2:21</span>
+                  <span class="song-duration">6:57</span>
                 </div>
                 <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="5">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">E Minor Diversion</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
+                  </div>
+                  <span class="song-duration">3:20</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="6">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">Poem</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
+                  </div>
+                  <span class="song-duration">3:17</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="7">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">The Other Room</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
+                  </div>
+                  <span class="song-duration">2:33</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="8">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">Smokin</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
+                  </div>
+                  <span class="song-duration">1:15</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="9">
                   <div class="song-now-playing-icon-container">
                     <div class="play-button-container"></div>
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
                   </div>
                   <div class="song-meta-data">
                     <span class="song-title">Poem #3</span>
-                    <span class="song-artist">2007</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
                   </div>
-                  <span class="song-duration">1:02</span>
+                  <span class="song-duration">1:03</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="10">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">Poem #4</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
+                  </div>
+                  <span class="song-duration">1:18</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="11">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">Prelude in G Minor</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
+                  </div>
+                  <span class="song-duration">2:26</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="12">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">Farout</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
+                  </div>
+                  <span class="song-duration">1:38</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="13">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">China #2</span>
+                    <span class="song-artist">Icon ( 2010 )</span>
+                  </div>
+                  <span class="song-duration">2:55</span>
+                </div>
+                <div class="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="14">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">Clementi Sample</span>
+                    <span class="song-artist">Diversions ( 2012 )</span>
+                  </div>
+                  <span class="song-duration">1:00</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="15">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">Clementi Sample #2</span>
+                    <span class="song-artist">Diversions ( 2012 )</span>
+                  </div>
+                  <span class="song-duration">1:00</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="16">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">Nocturne Sample</span>
+                    <span class="song-artist">Diversions ( 2012 )</span>
+                  </div>
+                  <span class="song-duration">1:00</span>
+                </div>
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="17">
+                  <div class="song-now-playing-icon-container">
+                    <div class="play-button-container"></div>
+                    <img class="now-playing" src="/img/audio/now-playing.svg"/>
+                  </div>
+                  <div class="song-meta-data">
+                    <span class="song-title">Diversion in D Sharp</span>
+                    <span class="song-artist">Diversions ( 2012 )</span>
+                  </div>
+                  <span class="song-duration">1:00</span>
                 </div>
 
               </div>
@@ -302,7 +434,7 @@
                   </div>
                   <span class="song-duration">31:26</span>
                 </div>
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="100">
+                <div class="mb-3 border-bottom border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="100">
                   <div class="song-now-playing-icon-container">
                     <div class="play-button-container"></div>
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
@@ -313,8 +445,8 @@
                   </div>
                   <span class="song-duration">55:16</span>
                 </div>
-                <p class="mx-5 text-decoration-underline">* Will set these up below after the licensing is in place. Please check back later.</p>
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="100">
+                <p class="mx-5 text-decoration-underline">* Will set these up the following after music licensing is in place. Please check back later.</p>
+                <div class="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="100">
                   <div class="song-now-playing-icon-container">
                     <div class="play-button-container"></div>
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
@@ -426,7 +558,7 @@
           <div class="row mt-5">
             <h5>REDEMPTION</h5>
             <p>(2017) Music copyright Kris Windham. Thanks Jeter.  This is the video for an original composition recorded last year by yours truly.</p>
-            <video id="redemption" controls src="/audio/redemption.mp4" type="video/mp4">
+            <video id="redemption" poster="/img/redemption.png" controls src="/audio/redemption.mp4" type="video/mp4">
           </div>
           <div class="row mt-5">
             <h5>Heart of Darkness The Hollow Men T.S. Eliot</h5>
@@ -449,7 +581,7 @@
       <div class="modal-body"> 
         <div class="container-fluid px-lg-5 mb-5">
           <h4>Code</h4>
-          <p>Kris was particularly good at programming and fond of the Ruby language. The majority of Kris' work was published on his servers under various domains and some additional projects were published to third party repositories at <a class="text-secondary" target="_blank" href="https://github.com/gradus">github.com/gradus</a>. I'm listing all of them below and will fork the original repos to an archived account. </p>
+          <p>Kris was particularly good at programming and fond of the Ruby language and open source software. He like to <a class="text-secondary" target="_blank" href="https://chromium.googlesource.com/external/github.com/v8/node/+/v5.5.0/deps/npm/AUTHORS">contribute</a> to open source software and is listed as an author on gems and packages like various Ruby Gems, Nodejs, and the Node Package Manager. The majority of Kris' work was published on his servers under various domains and some additional projects were published to third party repositories at <a class="text-secondary" target="_blank" href="https://github.com/gradus">github.com/gradus</a>. I'll list some of them below and will fork the original repos to an archived account.</p>
           <div class="row">
             <div class="col">
               <ul class="list-group list-group-flush">

+ 75 - 19
js/scripts.js

@@ -24,32 +24,88 @@ Amplitude.init({
 			"cover_art_url": "/img/kuhlau.png"
 		},
     {
-			"name": "Domenica",
-			"artist": "2014",
-			"album": "Album - Unknown",
-			"url": "/audio/domenica.mp3",
-			"cover_art_url": "/img/scriabin.png"
+			"name": "China",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/01_China.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Experiment in C Minor",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/02_Experiment_in_Cm.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "E Minor Diversion",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/03_EmDiversion.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Poem",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/06_Poem.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "The Other Room",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/07_The_Other_Room.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Smokin",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/08_Smokin.mp3",
+			"cover_art_url": "/img/icons.jpg"
 		},
 		{
 			"name": "Poem #2",
-			"artist": "2007",
-			"album": "Album - Unknown",
-			"url": "/audio/poem2.mp3",
-			"cover_art_url": "/img/unknown.png"
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/09_poem3.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Poem #4",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/06_poem4.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Prelude in G Minor",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/11_Prelude_in_Gm.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Farout",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/12_farout.mp3",
+			"cover_art_url": "/img/icons.jpg"
 		},
 		{
-			"name": "Poem #3",
-			"artist": "2007",
-			"album": "Album - Unknown",
-			"url": "/audio/poem3.mp3",
-			"cover_art_url": "/img/unknown.png"
+			"name": "China #2",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/15_china2.mp3",
+			"cover_art_url": "/img/icons.jpg"
 		},
 		{
-			"name": "Protos",
-			"artist": "2007",
-			"album": "Album - Unknown",
-			"url": "/audio/mystic/1-Protos.mp3",
-			"cover_art_url": "/img/unknown.png"
+			"name": "Clementi Sample",
+			"artist": "2010",
+			"album": "Diversions",
+			"url": "/audio/diversions/1_clementisample.mp3",
+			"cover_art_url": "/img/diversions.jpg"
 		},
 	],
   "callbacks": {

+ 75 - 19
js/site.js

@@ -13455,32 +13455,88 @@ Amplitude.init({
 			"cover_art_url": "/img/kuhlau.png"
 		},
     {
-			"name": "Domenica",
-			"artist": "2014",
-			"album": "Album - Unknown",
-			"url": "/audio/domenica.mp3",
-			"cover_art_url": "/img/scriabin.png"
+			"name": "China",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/01_China.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Experiment in C Minor",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/02_Experiment_in_Cm.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "E Minor Diversion",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/03_EmDiversion.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Poem",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/06_Poem.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "The Other Room",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/07_The_Other_Room.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Smokin",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/08_Smokin.mp3",
+			"cover_art_url": "/img/icons.jpg"
 		},
 		{
 			"name": "Poem #2",
-			"artist": "2007",
-			"album": "Album - Unknown",
-			"url": "/audio/poem2.mp3",
-			"cover_art_url": "/img/unknown.png"
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/09_poem3.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Poem #4",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/06_poem4.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Prelude in G Minor",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/11_Prelude_in_Gm.mp3",
+			"cover_art_url": "/img/icons.jpg"
+		},
+		{
+			"name": "Farout",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/12_farout.mp3",
+			"cover_art_url": "/img/icons.jpg"
 		},
 		{
-			"name": "Poem #3",
-			"artist": "2007",
-			"album": "Album - Unknown",
-			"url": "/audio/poem3.mp3",
-			"cover_art_url": "/img/unknown.png"
+			"name": "China #2",
+			"artist": "2010",
+			"album": "Icon",
+			"url": "/audio/icon/15_china2.mp3",
+			"cover_art_url": "/img/icons.jpg"
 		},
 		{
-			"name": "Protos",
-			"artist": "2007",
-			"album": "Album - Unknown",
-			"url": "/audio/mystic/1-Protos.mp3",
-			"cover_art_url": "/img/unknown.png"
+			"name": "Clementi Sample",
+			"artist": "2010",
+			"album": "Diversions",
+			"url": "/audio/diversions/1_clementisample.mp3",
+			"cover_art_url": "/img/diversions.jpg"
 		},
 	],
   "callbacks": {

File diff suppressed because it is too large
+ 0 - 0
js/site.js.map


Some files were not shown because too many files changed in this diff