v3.4

- Update Colors - New Logo with material colors - Add Twitter button
bgiesing · Jul 19, 2015 · 4652d7e · 4652d7e
1 parent df40cd9
commit 4652d7e
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
-  <meta name="theme-color" content="#6a1b9a">
+  <meta name="theme-color" content="#FF8F00">
   <meta name="application-name" content="Vox Variety"/>
   <link rel="icon" sizes="192x192" href="logo.png">
   <title>Vox Variety</title>
@@ -16,9 +16,9 @@
 </head>
 <body>
   <header>
-  <nav class="purple darken-3">
+  <nav class="amber darken-3">
     <a href="#" class="brand-logo center">
-      <img style="height:65px;width:65px;" src="logo.svg">
+      <img style="height:63px;width:75px;" src="logo.svg">
     </a>
     <ul id="slide-out" class="side-nav fixed">
       <li><a href="http://blog.voxvariety.cf">Blog</a></li>
@@ -51,7 +51,7 @@
         </ul>
       </li>
     </ul>
-  <a href="#" data-activates="slide-out" class="button-collapse waves-effect waves-circle" style="left:10px;"><i class="mdi-navigation-menu"></i></a>
+  <a href="#" data-activates="slide-out" class="button-collapse waves-effect waves-circle" style="left:10px;"><i class="mdi-navigation-menu purple-text text-darken-4"></i></a>
   </nav>
   </header>
 
@@ -60,21 +60,22 @@
     <div class="container centered">
       <br><br>
       <div class="row center">
-        <h5 class="header col s12 light">Unique Radio. 24/7.</h5>
+        <h5 class="header col s12 purple-text text-darken-4">Unique Radio. 24/7.</h5>
       </div>
       <div class="row center">
-        <a href="#schedule" class="btn-large waves-effect waves-light amber darken-2 modal-trigger"><i class="material-icons left">today</i>Schedule</a>
+        <a href="#schedule" class="btn-large waves-effect waves-light amber darken-3 modal-trigger"><i class="material-icons left">today</i>Schedule</a>
+        <a href="https://twitter.com/VoxVariety" class="btn-large waves-effect waves-light twitter-blue"><i class="material-icons left">person_add</i>Twitter</a>
       </div>
       <div class="row center">
-      <a href="https://webmenu.org/apps/vox-variety" class="btn-large waves-effect waves-light grey lighten-5"><i class="material-icons left grey-text text-lighten-1" style="margin-left:-10px;">add</i><img class="center" style="padding-top:17px;margin:0px -10px;" src="https://d2avfbmbvwlo8q.cloudfront.net/assets/logo_5-1ccea9940734e4845fc16ecdff1f1d42.png"></img></a>
+        <a href="https://webmenu.org/apps/vox-variety" class="btn-large waves-effect waves-light grey lighten-5"><i class="material-icons left grey-text text-lighten-1" style="margin-left:-10px;">add</i><img class="center" style="padding-top:17px;margin:0px -10px;" src="https://d2avfbmbvwlo8q.cloudfront.net/assets/logo_5-1ccea9940734e4845fc16ecdff1f1d42.png"></img></a>
       </div>
     </div>
   </div>
 
   <!-- Modal Structure -->
   <div id="schedule" class="modal modal-fixed-footer">
     <div class="modal-content">
-        <table class="bordered" style="width:100%;height:100%;">
+        <table class="bordered amber-text text-darken-3" style="width:100%;height:100%;">
         <thead>
           <tr>
               <th data-field="time">Time</th>
@@ -118,40 +119,40 @@ <h5 class="header col s12 light">Unique Radio. 24/7.</h5>
         </tbody>
       </table>
     </div>
-    <div class="modal-footer">
-      <a href="#!" class="modal-action modal-close waves-effect waves-orange btn-flat ">Close</a>
+    <div class="modal-footer purple darken-4">
+      <a href="#!" class="modal-action modal-close waves-effect waves-orange btn-flat amber-text text-darken-3">Close</a>
     </div>
   </div>
 
   <div id="request" class="modal modal-fixed-footer">
     <div class="modal-content center" style='padding:0px 0px;'>
       <iframe id='frame1' src='' style='overflow:hidden;height:950px;width:100%;border:0;'>Loading...</iframe>
     </div>
-    <div class="modal-footer">
-      <a href="#!" class="modal-action modal-close waves-effect waves-orange btn-flat">Close</a>
+    <div class="modal-footer purple darken-4">
+      <a href="#!" class="modal-action modal-close waves-effect waves-orange btn-flat amber-text text-darken-3">Close</a>
     </div>
   </div>
 
   <div id="player" class="modal modal-fixed-footer" style='width:300px;'>
     <div class="modal-content center" style='padding:0px 0px;overflow:hidden;'>
       <iframe id="frame2" src='' style='overflow:hidden;height:389px;width:100%;border:0;margin-bottom:-50px;'>Loading...</iframe>
     </div>
-    <div class="modal-footer">
-      <a href="#!" class="modal-action modal-close waves-effect waves-orange btn-flat">Hide</a>
+    <div class="modal-footer purple darken-4">
+      <a href="#!" class="modal-action modal-close waves-effect waves-orange btn-flat amber-text text-darken-3">Hide</a>
     </div>
   </div>
 
   <div class="fixed-action-btn" style="bottom:42px;right:24px;">
-    <a href='#player' id='playbutton' class="btn-floating btn-large modal-trigger waves-effect waves-circle purple darken-3">
+    <a href='#player' id='playbutton' class="btn-floating btn-large modal-trigger waves-effect waves-circle amber darken-3">
       <i class="large material-icons" title="Listen Now">play_arrow</i>
     </a>
   </div>
   </main>
 
-  <footer class="page-footer amber darken-2">
+  <footer class="page-footer purple darken-4">
     <div class="footer-copyright">
       <div class="container">
-       ©2015 <a class="orange-text text-lighten-3" href="http://brandon.giesing.cf">Brandon Giesing</a>. Powered by <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a>.
+       ©2015 <a class="amber-text text-darken-3" href="http://brandon.giesing.cf">Brandon Giesing</a>. Powered by <a class="amber-text text-darken-3" href="http://materializecss.com">Materialize</a>.
       </div>
     </div>
   </footer>

diff --git a/logo.png b/logo.png