Browse Source

links and whatnot

windhamdavid 3 years ago
parent
commit
76a341384b
6 changed files with 136 additions and 76 deletions
  1. 1 1
      css/style.min.css
  2. 1 1
      index.html
  3. 1 1
      js/radio.min.js
  4. 12 49
      src/css/style.css
  5. 114 24
      src/index.html
  6. 7 0
      src/js/radio.js

File diff suppressed because it is too large
+ 1 - 1
css/style.min.css


File diff suppressed because it is too large
+ 1 - 1
index.html


+ 1 - 1
js/radio.min.js

@@ -1 +1 @@
-Amplitude.init({songs:[{url:"http://64.207.152.217:8000/stream",live:!0},{url:"http://64.207.176.250:8080/iwoody",live:!0}],autoplay:!0,amplitude_volume:100}),$(document).ready(function(){});
+Amplitude.init({songs:[{url:"http://64.207.152.217:8000/stream",live:!0},{url:"http://64.207.176.250:8080/iwoody",live:!0}],autoplay:!0,amplitude_volume:100}),$(function(){$('[data-toggle="tooltip"]').tooltip()}),$("#amplitude-play-pause").tooltip(options),$(document).ready(function(){});

+ 12 - 49
src/css/style.css

@@ -1,52 +1,6 @@
-body {
-	margin: 20px;
-	padding: 20px;
-	background: #cecece;
-	font-size:18px;
-}
-h1 {
-	color:#222;
-	margin:15px 0 0;
-	font-size: 27px;
-	text-shadow: 2px 2px #999;
-}
-img {
-	float:right;
-	padding:10px 0;
-}
-p {
-	color: #222;
-	list-style:none;
-	line-height:16px;
-	text-decoration:none;
-	margin:7px 10px;
-}
-a {
-	color: #888;
-	list-style:none;
-	line-height:14px;
-	text-decoration:none;
-}
-li {
-	color: #333;
-	list-style:none;
-	line-height:16px;
-	text-decoration:none;
-}
-a:hover {
-	color: #fff;
-}
-::selection {
-	background: #6699ff;
-	}
-::-moz-selection {
-	background: #333;
-}
-.clear {clear:both}
-
 
 header {
-	background: img(img/back.jpg);
+	background: url(img/back.jpg);
 }
 
 
@@ -54,13 +8,22 @@ header {
 #footer {clear:both; text-align:center;}
 
 
+
+
+
+
+
+
+
+
+
+
 /***********************************
 ========== Audio Player ============ 
 ***********************************/
 
 #audio_player {
-  background-color: #f7f7f7;
-
+  
 }
 
 div#player{

+ 114 - 24
src/index.html

@@ -11,43 +11,133 @@
 <body>
 	<header>
       <div class="container">
-		   <!--<img src="img/vu.gif">-->
+         <div class="row"> 
+            <div class="col-sm-12">
+               <img src="img/header.png">
+            </div>
+         </div>
+         <div class="row"> 
+            <div class="col-sm-6">
+      		   
+               <img src="img/vu.gif" width="200px">
+            </div>
+            <div class="col-sm-6">
+               <div id="audio_player">
+                  <div class="panel-body">
+                     <p>Leo Windham - Crossroads Radio</p>
+                     <div id="controls">
+                        <div id="amplitude-play-pause" amplitude-song-index="0" class="amplitude-play-pause amplitude-paused" data-toggle="tooltip" data-placement="left" title="CrossRoads"></div>
+                     </div>
+                  </div>
+               </div>
+               <div id="audio_player">
+                  <div class="panel-body">
+                     <p>Woody Windham - iWoody Radio</p>
+                     <div id="controls">
+                        <div id="amplitude-play-pause" amplitude-song-index="1" class="amplitude-play-pause amplitude-paused" data-toggle="tooltip" data-placement="left" title="iWoody"></div>
+                     </div>
+                  </div>
+               </div>
+            </div> 
+         </div>
       </div>
 	</header>
+   
 
 
 <div class="container">
-   <div class="row"> 
-      <div class="col-sm-8">   
-         <!-- START Audio Player -->  
-         <div id="audio_player" class="panel panel-default">
-            <div class="panel-body">
-               <p>Leo Windham - Crossroads Radio</p>
-               <div id="controls">
-                  <div id="amplitude-play-pause" amplitude-song-index="0" class="amplitude-play-pause amplitude-paused"></div>
+   
+      <ul class="nav nav-tabs" role="tablist">
+       <li role="presentation" class="active"><a href="#about" aria-controls="about" role="tab" data-toggle="tab">About</a></li>
+       <li role="presentation"><a href="#archive" aria-controls="archive" role="tab" data-toggle="tab">Archived Shows</a></li>
+       <li role="presentation"><a href="#schedule" aria-controls="messages" role="tab" data-toggle="tab">Schedule</a></li>
+      </ul>
+
+      <div class="tab-content">
+         <div role="tabpanel" class="tab-pane active" id="about">
+            <div class="row"> 
+               <div class="col-sm-6">
+                  <h3>About</h3>
+                  <p>The Windham Brothers Radio Show is the reunion of two Brothers that worked together on the radio for over 30 years. They're back and broadcasting every weekday morning from 6 to 10:00am live from Windham's Crossroads, South Carolina.</p>
+                  <h3>Connect</h3>
+                     <p><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span> Call the studio Hotline @ 843-968-4757</p>
+                     
+               </div>
+               <div class="col-sm-6">
+                  <h3><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span> How to Listen</h3>
+                  <h4>Web <span class="glyphicon glyphicon-globe" aria-hidden="true"></span></h4>
+                     <p><a href="http://windhambrothers.com/">windhambrothers.com</a><br />
+                     <a href="http://woodywindham.com/">woodywindham.com</a><br />
+                     <a href="http://cottageatthecrossroads.com/crossroads-radio/">cottageatthecrossroads.com</a><br />
+                     <a href="https://www.facebook.com/windhambrothers">facebook.com/windhambrothers</a><br /></p>
+                  <h4>iOS and Android Apps <span class="glyphicon glyphicon-phone" aria-hidden="true"></span></h4>
+                  <div class="row"> 
+                     <div class="col-sm-5">
+                        <p>iWoody Radio</p>
+                        <img src="img/iwoody.png" height="150">
+                        <a href="https://itunes.apple.com/us/app/iwoody-radio/id1035163117" target="_blank"><img src="img/ios.png" width="130"></a>
+                        <a href="https://play.google.com/store/apps/details?id=com.woodywindham.thewoody" target="_blank"><img src="img/android.png" width="130"></a>
+                     </div>
+                     <div class="col-sm-5">
+                        <p>Crossroads Radio</p>
+                        <img src="img/crossroads.png" height="150">
+                        <a href="https://itunes.apple.com/us/app/crossroads-radio/id942306178" target="_blank"><img src="img/ios.png" width="130"></a>
+                        <a href="https://play.google.com/store/apps/details?id=org.cottageatthecrossroads.crossroadsradio" target="_blank"><img src="img/android.png" width="130"></a>
+                     </div>
+                  </div>
                </div>
             </div>
          </div>
-         <!-- END Audio Player -->
-      </div>
-   </div>
-   <div class="row">
-      <div class="col-sm-8">      
-         <!-- START Audio Player -->  
-         <div id="audio_player" class="panel panel-default">
-            <div class="panel-body">
-               <p>Woody Windham - iWoody Radio</p>
-               <div id="controls">
-                  <div id="amplitude-play-pause" amplitude-song-index="1" class="amplitude-play-pause amplitude-paused"></div>
+         <div role="tabpanel" class="tab-pane fade" id="archive">
+
+            <div class="panel panel-default">
+               <!-- Default panel contents -->
+               <div class="panel-heading">Stream Archived Shows</div>
+                  <div class="panel-body">
+                  <p>...coming soon!</p>
+                  </div>
+
+                  <!-- Table -->
+                  <table class="table table-hover">
+                       <thead>
+                         <tr>
+                           <th>Date</th>
+                           <th>Guests</th>
+                           <th><span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span></th>
+                         </tr>
+                       </thead>
+                       <tbody>
+                         <tr>
+                           <td>2/01/16</td>
+                           <td></td>
+                           <td></td>
+                         </tr>
+                         <tr>
+                           <td>2/02/16</td>
+                           <td></td>
+                           <td></td>
+                         </tr>
+                         <tr>
+                           <td>2/02/17</td>
+                           <td></td>
+                           <td></td>
+                         </tr>
+                       </tbody>
+                     </table>
+                  </table>
                </div>
             </div>
+
+         <div role="tabpanel" class="tab-pane fade" id="schedule">
+         ... coming soon!
          </div>
-         <!-- END Audio Player -->
       </div>
-   </div> 
-</div>      
-      
 
+</div>
+
+   <div class="container">
+
+   </div>      
 	
 	<footer>
 	

+ 7 - 0
src/js/radio.js

@@ -17,6 +17,13 @@ Amplitude.init({
 
 /**** Page Features ****/
 
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+})
+
+$('#amplitude-play-pause').tooltip(options)
+
+
 $(document).ready(function() {
 
 });