David A. Windham
david
/
kw
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

adding 🎧

windhamdavid 1 year ago
parent
75143d86ae
commit
844d8d66c3
6 changed files with 372 additions and 85 deletions
Split View Show Diff Stats
  1. 6 4
      css/site.css
  2. 6 4
      css/styles.css
  3. 128 71
      index.html
  4. 116 3
      js/scripts.js
  5. 116 3
      js/site.js
  6. 0 0
      js/site.js.map

+ 6 - 4
css/site.css
View File 

@@ -370,8 +370,7 @@ div#progress-container {
 
     background: #6c6c6c; }
 
 
 div#control-container {
 
-  margin-top: 25px;
 
-  margin-top: 20px; }
 
+  margin-top: 50px; }
 
   div#control-container div#repeat-container {
 
     width: 25%;
 
     float: left;
 
@@ -599,6 +598,9 @@ input[type=range].amplitude-volume-slider:focus::-ms-fill-upper {
 
 input[type=range].amplitude-volume-slider::-ms-tooltip {
 
   display: none; }
 
 
+div#time-container {
 
+  padding-top:15px
 
+}
 
 div#time-container span.current-time {
 
   color: #607D8B;
 
   font-size: 14px;
 
@@ -654,12 +656,12 @@ body {
 
 }
 
 
 div.amplitude-wave-form{
 
-    margin-top: -14px;
 
+    margin-top: -65px;
 
 }
 
       
 div.amplitude-wave-form svg{
 
   stroke: #5f5f5f;
 
-  height: 50px;
 
+  height: 150px;
 
   width: 100%;
 
   stroke-width: .5px;
 
 }

+ 6 - 4
css/styles.css
View File 

@@ -370,8 +370,7 @@ div#progress-container {
 
     background: #6c6c6c; }
 
 
 div#control-container {
 
-  margin-top: 25px;
 
-  margin-top: 20px; }
 
+  margin-top: 50px; }
 
   div#control-container div#repeat-container {
 
     width: 25%;
 
     float: left;
 
@@ -599,6 +598,9 @@ input[type=range].amplitude-volume-slider:focus::-ms-fill-upper {
 
 input[type=range].amplitude-volume-slider::-ms-tooltip {
 
   display: none; }
 
 
+div#time-container {
 
+  padding-top:15px
 
+}
 
 div#time-container span.current-time {
 
   color: #607D8B;
 
   font-size: 14px;
 
@@ -654,12 +656,12 @@ body {
 
 }
 
 
 div.amplitude-wave-form{
 
-    margin-top: -14px;
 
+    margin-top: -65px;
 
 }
 
       
 div.amplitude-wave-form svg{
 
   stroke: #5f5f5f;
 
-  height: 50px;
 
+  height: 150px;
 
   width: 100%;
 
   stroke-width: .5px;
 
 }

+ 128 - 71
index.html
View File 

@@ -4,10 +4,10 @@
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
     <title>Kris Windham</title>
 
-    <meta name="description" content="I've published this website as an archive for my brother. It's a collection of materials he published and had asked me to take care of it prior to his passing.">
 
+    <meta name="description" content="An archive of Kris Windham">
 
   	<meta property="og:site_name" content="Kris Windham" /> 
-  	<meta property="og:title" content="About - Kris Windham"/> 
-  	<meta property="og:description" content="An archive of piano Music from Kris Windham" />
 
+  	<meta property="og:title" content="Kris Windham"/> 
+  	<meta property="og:description" content="An archive of Kris Windham" />
 
   	<meta property="og:image" content="https://kriswindham.com/img/kris.jpg" />
 
   	<meta property="og:url" content="https://kriswindham.com" />
 
   	<meta name="twitter:card" content="summary_large_image">
 
@@ -17,15 +17,20 @@
 
 <body>
 
 
 <header>
 
-  <nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+  <!--<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
     <div class="container-fluid">
 
       <a class="navbar-brand mx-auto noto fw-bold fs-3" href="#">Kris Windham</a>
 
+    </div>-->
 
+  <div class="container pt-lg-5 mt-5">
 
+    <div class="row">
 
+      <h1 class="noto fw-bold fs-3 text-center text-white" style="text-shadow: 2px 2px 4px #373737;">Kris Windham</h1>
 
+      <p class="noto small text-center text-light mb-0">1975-2021</p>
 
     </div>
 
-  </nav>
 
+  </div>
 
 </header>
 
 
 <main>
 
-  <div class="container-fluid pt-lg-5 mt-5">
 
+  <div class="container-fluid pt-lg-2 mt-2">
 
     <div class="row">
 
       <!-- Playlist Container -->
 
       <div id="blue-playlist-container">
 
@@ -99,9 +104,6 @@
 
               <li class="nav-item" role="presentation">
 
                 <a class="nav-link text-secondary rounded-0 border-top-0 border-left-0 active" data-bs-toggle="tab" data-bs-target="#piano-tab-pane" type="button" role="tab" aria-controls="piano-tab-pane" aria-selected="true"><small>Piano</small></a>
 
               </li>
 
-              <li class="nav-item" role="presentation">
 
-                <a class="nav-link text-secondary rounded-0 border-top-0" data-bs-toggle="tab" data-bs-target="#keyboard-tab-pane" type="button" role="tab" aria-controls="keyboard-tab-pane" aria-selected="false"><small>Keyboard</small></a>
 
-              </li>
 
               <li class="nav-item" role="presentation">
 
                 <a class="nav-link text-secondary rounded-0 border-top-0" data-bs-toggle="tab" data-bs-target="#electronic-tab-pane" type="button" role="tab" aria-controls="electronic-tab-pane" aria-selected="false"><small>Electronic</small></a>
 
               </li>
 
@@ -114,6 +116,17 @@
 
               <!-- Piano -->
 
               <div class="tab-pane fade show active" id="piano-tab-pane" role="tabpanel" aria-labelledby="piano-tab" tabindex="0">
 
                 <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="0">
 
+                  <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">Scenes from Childhood, Op. 15 No. 1</span>
 
+                    <span class="song-artist">Robert Schumann</span>
 
+                  </div>
 
+                  <span class="song-duration">1:20</span>
 
+                </div>
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="1">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -124,7 +137,7 @@
 
                   </div>
 
                   <span class="song-duration">1:27</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="1">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="2">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -135,7 +148,7 @@
 
                   </div>
 
                   <span class="song-duration">5:41</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="2">
 
+                <div class="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"/>
 
@@ -146,7 +159,7 @@
 
                   </div>
 
                   <span class="song-duration">5:41</span>
 
                 </div>  
-                <div class="border-top border-secondary 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="4">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -157,7 +170,7 @@
 
                   </div>
 
                   <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 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"/>
 
@@ -168,7 +181,7 @@
 
                   </div>
 
                   <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 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"/>
 
@@ -179,7 +192,7 @@
 
                   </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 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"/>
 
@@ -190,7 +203,7 @@
 
                   </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 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"/>
 
@@ -201,7 +214,7 @@
 
                   </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 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"/>
 
@@ -212,7 +225,7 @@
 
                   </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 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"/>
 
@@ -223,7 +236,7 @@
 
                   </div>
 
                   <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 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"/>
 
@@ -234,7 +247,7 @@
 
                   </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 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"/>
 
@@ -245,7 +258,7 @@
 
                   </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 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"/>
 
@@ -256,7 +269,7 @@
 
                   </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 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"/>
 
@@ -267,7 +280,7 @@
 
                   </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="border-top border-secondary 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"/>
 
@@ -278,7 +291,7 @@
 
                   </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 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"/>
 
@@ -287,9 +300,9 @@
 
                     <span class="song-title">Clementi Sample #2</span>
 
                     <span class="song-artist">Diversions ( 2012 )</span>
 
                   </div>
 
-                  <span class="song-duration">1:00</span>
 
+                  <span class="song-duration">1:05</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="16">
 
+                <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"/>
 
@@ -298,9 +311,9 @@
 
                     <span class="song-title">Nocturne Sample</span>
 
                     <span class="song-artist">Diversions ( 2012 )</span>
 
                   </div>
 
-                  <span class="song-duration">1:00</span>
 
+                  <span class="song-duration">1:55</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="17">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="18">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -309,29 +322,69 @@
 
                     <span class="song-title">Diversion in D Sharp</span>
 
                     <span class="song-artist">Diversions ( 2012 )</span>
 
                   </div>
 
-                  <span class="song-duration">1:00</span>
 
+                  <span class="song-duration">2:13</span>
 
                 </div>
 
-
 
-              </div>
 
-
 
-              <!-- Keyboard -->
 
-              <div class="tab-pane fade" id="keyboard-tab-pane" role="tabpanel" aria-labelledby="keyboard-tab" tabindex="0">
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="5">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="19">
 
                   <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">Protos</span>
 
-                    <span class="song-artist">Mystic</span>
 
+                    <span class="song-title">Meditation in F Sharp</span>
 
+                    <span class="song-artist">Diversions ( 2012 )</span>
 
                   </div>
 
-                  <span class="song-duration">1:27</span>
 
+                  <span class="song-duration">2:47</span>
 
                 </div>
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="20">
 
+                  <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 #2</span>
 
+                    <span class="song-artist">Diversions ( 2012 )</span>
 
+                  </div>
 
+                  <span class="song-duration">2:24</span>
 
+                </div>
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="21">
 
+                  <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 C Minor</span>
 
+                    <span class="song-artist">Diversions ( 2012 )</span>
 
+                  </div>
 
+                  <span class="song-duration">1:33</span>
 
+                </div>
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="22">
 
+                  <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">Solfeggio</span>
 
+                    <span class="song-artist">Diversions ( 2012 )</span>
 
+                  </div>
 
+                  <span class="song-duration">0:58</span>
 
+                </div>
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="23">
 
+                  <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">Waltz in E Minor</span>
 
+                    <span class="song-artist">Diversions ( 2012 )</span>
 
+                  </div>
 
+                  <span class="song-duration">1:40</span>
 
+                </div>
 
+
 
               </div>
 
 
               <!-- Electronic -->
 
               <div class="tab-pane fade" id="electronic-tab-pane" role="tabpanel" aria-labelledby="electronic-tab" tabindex="0">
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="5">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="24">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -342,7 +395,7 @@
 
                   </div>
 
                   <span class="song-duration">1:27</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="6">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="25">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -353,7 +406,7 @@
 
                   </div>
 
                   <span class="song-duration">6:39</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="7">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="26">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -364,7 +417,7 @@
 
                   </div>
 
                   <span class="song-duration">1:02</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="8">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="27">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -375,7 +428,7 @@
 
                   </div>
 
                   <span class="song-duration">1:02</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="9">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="28">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -386,7 +439,7 @@
 
                   </div>
 
                   <span class="song-duration">1:02</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="10">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="29">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -397,7 +450,7 @@
 
                   </div>
 
                   <span class="song-duration">1:02</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="11">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="30">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -410,9 +463,9 @@
 
                 </div>
 
               </div>
 
 
-              <!-- streams -->
 
+              <!-- Streams -->
 
               <div class="tab-pane fade" id="stream-tab-pane" role="tabpanel" aria-labelledby="stream-tab" tabindex="0">
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="100">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -423,7 +476,7 @@
 
                   </div>
 
                   <span class="song-duration">43:03</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="100">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -434,7 +487,7 @@
 
                   </div>
 
                   <span class="song-duration">31:26</span>
 
                 </div>
 
-                <div class="mb-3 border-bottom border-secondary 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="101">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -446,7 +499,7 @@
 
                   <span class="song-duration">55:16</span>
 
                 </div>
 
                 <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="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -457,7 +510,7 @@
 
                   </div>
 
                   <span class="song-duration">00:00</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="100">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -468,7 +521,7 @@
 
                   </div>
 
                   <span class="song-duration">00:00</span>
 
                 </div>
 
-                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="100">
 
+                <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
 
                   <div class="song-now-playing-icon-container">
 
                     <div class="play-button-container"></div>
 
                     <img class="now-playing" src="/img/audio/now-playing.svg"/>
 
@@ -506,7 +559,7 @@
 
             <blockquote class="px-lg-5">Personal Website of Kris Windham <em>Programmer, Surfer, Father, and Pianist</em> I am a Programmer and surfer who works for Jack Russell Software in Charleston, SC.  We build pharmacy and healthcare applications in Ruby, Rails, Sinatra, Coffeescript and NodeJS.  Personally, I am very fond of nodeJS and CoffeeScript.I am very passionate about surfing and have 2 young daughters who like to surf with me. I am still working on setting up their team site at RootsSurf.com.I also enjoy screen printing and playing piano with the Monkey Men as well as composing and recording original classical compositions.  A sample of a jazz tune I composed, recorded, and performed by myself can be found alongside of examples of original piano compositions can be found and a little trance music. Github: https://github.com/gradus, Twitter: http://twitter.com/krwindham, Blog: http://krwindham.nodejitsu.com</a> Coderwall: http://coderwall.com/gradus</p>
 
             </blockquote>
 
             <p>Kris sometimes attached images to his recordings and I've used those in the audio player. He broadcasted audio shows that I'll set up to stream on demand once I have the licensing.  I'm  organizing and archiving the rest of the materials using the the links at the bottom of this page. He was somewhat skeptical of social media and adamant about his privacy so I'm only including materials he had published. I wrote an essay on Kris which is available @ <a class="text-secondary" href="https://davidawindham.com/kristopher-roland-windham/" target="_blank">https://davidawindham.com/kristopher-roland-windham/</a>.</p><p>Thanks for the visit and please feel free to contact me if you have any questions or comments.</p>
 
-            <p>Sincerely, <br>David A. Windham ( <a class="text-secondary" href="https://davidwindham.com/">davidwindham.com</a> )</p>
 
+            <p class="pb-4">Sincerely, <br>David A. Windham</p>
 
         </div>
 
       </div>
 
     </div>
 
@@ -553,9 +606,7 @@
 
       </div>
 
       <div class="modal-body">
 
         <div class="container-fluid px-lg-5 mb-5">
 
-          <h4>Video</h4>
 
-          <p>Kris had published a few videos on YouTube</p>
 
-          <div class="row mt-5">
 
+          <div class="row">
 
             <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" poster="/img/redemption.png" controls src="/audio/redemption.mp4" type="video/mp4">
 
@@ -581,11 +632,11 @@
 
       <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 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>
 
+          <p>Kris enjoyed programming and was fond of the Ruby language. He enjoyed contributing to open source software and is listed as an contributor on Nodejs, Node Package Manager, and some Ruby Gems. 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">
 
-                <li class="list-group-item"><a class="text-secondary" href="">EasyDoc.org</a></li>
 
+                <li class="list-group-item"><a class="text-secondary" href="">easy-doc</a></li>
 
                 <li class="list-group-item"><a class="text-secondary" href="">coffeeCup <- coffeekup</a></li>
 
                 <li class="list-group-item"><a class="text-secondary" href="">black-coffee</a></li>
 
                 <li class="list-group-item"><a class="text-secondary" href="">petulant-robot</a></li>
 
@@ -596,9 +647,11 @@
 
             </div>
 
             <div class="col">
 
               <ul class="list-group list-group-flush">
 
+                <li class="list-group-item"><a class="text-secondary" href="">pub-med-search</a> - A simple template for adding a pub med (http://www.ncbi.nlm.nih.gov/pubmed/) search to your php website.</li>
 
                 <li class="list-group-item"><a class="text-secondary" href="">dophin-habits</a></li>
 
                 <li class="list-group-item"><a class="text-secondary" href="">saucer</a> - A minimalist node module reaching out with a welcome message</li>
 
-                <li class="list-group-item"><a class="text-secondary" href="">surf-scoreboard</a> - application to help scoring for surf contests.</li>
 
+                <li class="list-group-item"><a class="text-secondary" href="">surf-scoreboard</a> - playing with event-driven coffeescript pattern for rewriting surf scoring application with nodeJS</li>
 
+                <li class="list-group-item"><a class="text-secondary" href="">tako-macho</a> - A Tako, CoffeeCup boilerplate written in CoffeeScript with Skeleton layout.</li>
 
               </ul>
 
             </div>
 
           </div>
 
@@ -608,21 +661,25 @@
 
   </div>
 
 </div>
 
 
-<footer class="text-white py-5">
 
+<footer class="pt-3">
 
   <div class="container-fluid">
 
-    <nav class="navbar fixed-bottom bg-light">
 
-      <div class="container mx-auto">
 
-        <div class="col d-flex justify-content-center">
 
-          <div class="btn-group " role="group" aria-label="extra-items">
 
-            <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="modal" data-bs-target="#About">About</button>
 
-            <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="modal" data-bs-target="#Images">Images</button>
 
-            <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="modal" data-bs-target="#Video">Video</button>
 
-            <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="modal" data-bs-target="#Code">Code</button>
 
+    <div class="row">
 
+      <!--<nav class="navbar fixed-bottom bg-light">-->
 
+        <div class="container mx-auto">
 
+          <div class="col d-flex justify-content-center">
 
+            <div class="btn-group bg-secondary bg-opacity-25" role="group" aria-label="extra-items">
 
+              <a class="btn btn-sm btn-outline-light" type="button" data-bs-toggle="modal" data-bs-target="#About">About</a>
 
+              <a class="btn btn-sm btn-outline-light" type="button" data-bs-toggle="modal" data-bs-target="#Images">Images</a>
 
+              <a class="btn btn-sm btn-outline-light" type="button" data-bs-toggle="modal" data-bs-target="#Video">Video</a>
 
+              <a class="btn btn-sm btn-outline-light" type="button" data-bs-toggle="modal" data-bs-target="#Code">Code</a>
 
+            </div>
 
           </div>
 
-
 
         </div>
 
-      </div>
 
-    </nav>
 
+      <!--</nav>-->
 
+    </div>
 
+    <div class="row mt-2">
 
+      <p class="text-center fs-6 fw-light text-white"><small>&copy; 2022 Kris Windham</small></p>
 
+    </div>
 
   </div>
 
 </footer>

+ 116 - 3
js/scripts.js
View File 

@@ -1,7 +1,12 @@
 
-
 
-
 
 Amplitude.init({
 
 	"songs": [
 
+		{
 
+			"name": "Scenes from Childhood, Op. 15 No. 1",
 
+			"artist": "Robert Schumann",
 
+			"album": "",
 
+			"url": "/audio/schumman.mp3",
 
+			"cover_art_url": "/img/schumann.png"
 
+		},
 
 		{
 
 			"name": "Mazurka in A minor, Op. 17 No. 4",
 
 			"artist": "Frédéric Chopin",
 
@@ -14,7 +19,7 @@ Amplitude.init({
 
 			"artist": "Claude Debussy",
 
 			"album": "Children's Corner Suite, L 113",
 
 			"url": "/audio/dr_gradus.m4a",
 
-			"cover_art_url": "/img/gradus.png"
 
+			"cover_art_url": "/img/gradus.jpg"
 
 		},
 
 		{
 
 			"name": "Sonatina in C Major, Op. 55 No. 1",
 
@@ -107,6 +112,111 @@ Amplitude.init({
 
 			"url": "/audio/diversions/1_clementisample.mp3",
 
 			"cover_art_url": "/img/diversions.jpg"
 
 		},
 
+		{
 
+			"name": "Clementi Sample #2",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/2_Clementisample2.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Nocture Sample",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/3_nocturnesample.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Diversion in D Sharp Minor",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/4_diversion_in_dsharpm.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Meditation in F Sharp",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/mediation_in_fsharp.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Poem #2",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/poemnumber2.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Prelude in C Minor",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/Prelude_in_Cm1.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Solfeggio",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/solfeggio.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Waltz in E Minor",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/waltz_in_em.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Protos",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/1-Protos.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Mercury",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/2-Mercury.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Mystic",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/3-Mystic.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Hermes",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/4-Hermes.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Agentum",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/5-Agentum.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Aurum",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/6-Aurum.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Ouroboros",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/7-Ouroboros.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
 	],
 
   "callbacks": {
 
         'play': function(){
 
@@ -164,9 +274,12 @@ for( var i = 0; i < songElements.length; i++ ){
 
 
 const myModalEl = document.getElementById('Video');
 
 var video = document.getElementById("redemption");
 
+var video2 = document.getElementById("hollow");
 
 function stopVideo() {
 
 	video.pause();
 
 	video.currentTime = 0;
 
+	video2.pause();
 
+	video2.currentTime = 0;
 
 }
 
 myModalEl.addEventListener('hidden.bs.modal', event => {
 
   stopVideo();

+ 116 - 3
js/site.js
View File 

@@ -13429,10 +13429,15 @@ module.exports = {"name":"amplitudejs","version":"5.3.2","description":"A JavaSc
 
 /******/ ]);
 
 });
 
 //# sourceMappingURL=amplitude.js.map
 
-
 
-
 
 Amplitude.init({
 
 	"songs": [
 
+		{
 
+			"name": "Scenes from Childhood, Op. 15 No. 1",
 
+			"artist": "Robert Schumann",
 
+			"album": "",
 
+			"url": "/audio/schumman.mp3",
 
+			"cover_art_url": "/img/schumann.png"
 
+		},
 
 		{
 
 			"name": "Mazurka in A minor, Op. 17 No. 4",
 
 			"artist": "Frédéric Chopin",
 
@@ -13445,7 +13450,7 @@ Amplitude.init({
 
 			"artist": "Claude Debussy",
 
 			"album": "Children's Corner Suite, L 113",
 
 			"url": "/audio/dr_gradus.m4a",
 
-			"cover_art_url": "/img/gradus.png"
 
+			"cover_art_url": "/img/gradus.jpg"
 
 		},
 
 		{
 
 			"name": "Sonatina in C Major, Op. 55 No. 1",
 
@@ -13538,6 +13543,111 @@ Amplitude.init({
 
 			"url": "/audio/diversions/1_clementisample.mp3",
 
 			"cover_art_url": "/img/diversions.jpg"
 
 		},
 
+		{
 
+			"name": "Clementi Sample #2",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/2_Clementisample2.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Nocture Sample",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/3_nocturnesample.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Diversion in D Sharp Minor",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/4_diversion_in_dsharpm.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Meditation in F Sharp",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/mediation_in_fsharp.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Poem #2",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/poemnumber2.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Prelude in C Minor",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/Prelude_in_Cm1.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Solfeggio",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/solfeggio.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Waltz in E Minor",
 
+			"artist": "2010",
 
+			"album": "Diversions",
 
+			"url": "/audio/diversions/waltz_in_em.mp3",
 
+			"cover_art_url": "/img/diversions.jpg"
 
+		},
 
+		{
 
+			"name": "Protos",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/1-Protos.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Mercury",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/2-Mercury.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Mystic",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/3-Mystic.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Hermes",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/4-Hermes.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Agentum",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/5-Agentum.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Aurum",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/6-Aurum.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
+		{
 
+			"name": "Ouroboros",
 
+			"artist": "2015",
 
+			"album": "Mystic",
 
+			"url": "/audio/mystic/7-Ouroboros.mp3",
 
+			"cover_art_url": "/img/mystic.png"
 
+		},
 
 	],
 
   "callbacks": {
 
         'play': function(){
 
@@ -13595,9 +13705,12 @@ for( var i = 0; i < songElements.length; i++ ){
 
 
 const myModalEl = document.getElementById('Video');
 
 var video = document.getElementById("redemption");
 
+var video2 = document.getElementById("hollow");
 
 function stopVideo() {
 
 	video.pause();
 
 	video.currentTime = 0;
 
+	video2.pause();
 
+	video2.currentTime = 0;
 
 }
 
 myModalEl.addEventListener('hidden.bs.modal', event => {
 
   stopVideo();

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