info

src/index.html

@@ -119,7 +119,7 @@
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                       <h4 class="modal-title">Off the Air</h4>
+                       <h4 class="modal-title"><img id="radio" src="img/none.svg" title="radio" width="25px" style="float:left;margin-right:15px;"> Off the Air</h4>
                      </div>
                      <div class="modal-body">
                         <div class="alert alert-danger" role="alert">
@@ -427,14 +427,21 @@
       <div class="modal-content">
          <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-            <h4 class="modal-title">About</h4>
+            <h4 class="modal-title"><span class="glyphicon glyphicon-music" aria-hidden="true"></span> About</h4>
          </div>
          <div class="modal-body">
-            <p>This is just a little place I can share some music and talk with friends. I enjoy listening to music and I spend quite a bit of time doing so. I like to tune into terrestrial stations that stream to help find new music, but I’ve found almost all of the robot mixes from the big streaming providers unsatisfying.</p>
-            <p><b>Kudos</b>: This page is powered by <a href="">Linode</a>, <a href="">Node.js</a>, <a href="">Express</a>, <a href="">Socket.io</a>, and <a href="">Icecast-kh</a>.</p>
-         </div>
-         <div class="modal-footer">
-            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+            <p><b>Daveo Radio</b> is just a little place I can share some music and chat with friends. It's only on when I'm listening, but I enjoy listening to music and I spend quite a bit of time doing so. I like to tune into terrestrial stations that stream to help find new music, but I’ve found almost all of the robot mixes from the big streaming providers unsatisfying. For the last couple years, I've been scanning all kinds of discovery mechanisms and making a new mix every month. I'd like to teach others how to setup a basic microphone and board to broacast to these streaming servers so that I can have a variety of playlist and my friends can also host live shows I can listen to. I'd like to thank <a target="_blank" href="https://www.radioparadise.com">Radio Paradise</a> for the original motivation to setup my own servers. It's taken me some time to learn the ropes of building out the servers, but right now I've got two servers running from Los Angeles and Atlanta. It wouldn't be possible without the work of numerous others who have built the software to power this page.</p>
+            <p><b>Kudos</b>:</p>
+               <ul>
+                  <li><a target="_blank" href="https://www.linode.com/?r=827b1692af8a9de4f44267d8d82fd44fd1c4f29c">Linode</a> &amp; <a target="_blank" href="http://bit.ly/1RwygMH">Media Temple</a>: great hosting companies.</li> 
+                  <li><a target="_blank" href="https://nodejs.org/en/">Node.js</a>: A JavaScript runtime built on Chrome's V8 JavaScript engine.</li>
+                  <li><a target="_blank" href="http://expressjs.com/">Express</a>: Fast, unopinionated, minimalist web framework for Node.js.</li>
+                  <li><a target="_blank" href="http://socket.io/">Socket.io</a>: Enables real-time bidirectional event-based communication.</li>
+                  <li><a target="_blank" href="http://getbootstrap.com/">Bootstrap</a>: HTML, CSS, and JS web framework.</li>
+                  <li><a target="_blank" href="https://www.xiph.org/">Xiph.org</a>: A non-profit corporation dedicated to protecting the foundations of Internet multimedia from control by private interests.</li>
+                  <li><a target="_blank" href="https://karlheyes.github.io/">Icecast-kh</a>: A branch of Icecast more suited for large scale installations.</li>
+                  <li>Because it is built on Open Source Technologies, there are <a target="_blank" href="https://github.com/windhamdavid/radio/blob/master/package.json">others too</a>.</li> 
+               </ul>
          </div>
       </div>
    </div>
@@ -463,20 +470,22 @@
 
 <!-- START Support Modal -->
 <div class="modal fade" id="support" tabindex="-1" role="dialog" aria-labelledby="support" aria-hidden="true">
-  <div class="modal-dialog" role="document">
-    <div class="modal-content">
-      <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-        <h4 class="modal-title">Support</h4>
-      </div>
-      <div class="modal-body">
-        <p></p>
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+   <div class="modal-dialog" role="document">
+      <div class="modal-content">
+         <div class="modal-header">
+         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+         <h4 class="modal-title"><span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span> Support</h4>
+         </div>
+         <div class="modal-body">
+            <p>The cost associated with running the servers and the licensing to broadcast music are just about $1500 dollars a year. As the audience grows, so does the cost. Royalties are based on the number of listener hours and I add new relay servers to scale to keep the audio quality up and reduce lag time. If you would like to help support this effort, I've set up some easy ways to do so:</p>
+            <ul>
+               <li>Make a donation: <a target="_blank" href="https://davidawindham.com/contact/">davidawindham.com/donate/</a></li>
+               <li>Buy some swag: <a target="_blank" href="https://shop.davidawindham.com">shop.davidawindham.com</a></li>
+            </ul>
+            <p>Thank you,<br />&nbsp;David</p>
+         </div>
       </div>
-    </div>
-  </div>
+   </div>
 </div>
 <!-- END Support Modal -->