font icon on buttons; button positioning final; "fixed" size manager …

…again
bfeist · Nov 29, 2015 · 2df582e · 2df582e
1 parent da05a30
commit 2df582e
Show file tree

Hide file tree

Showing 10 changed files with 2,051 additions and 70 deletions.
diff --git a/_Website/_webroot/inc/app.html b/_Website/_webroot/inc/app.html
@@ -13,9 +13,6 @@
           <div class="historicalTime time">12:32:00 AM</div>
           <div id="missionTime">Mission Elapsed Time: <span id="missionElapsedTime">000:00:00</span></div>
 
-
-
-
         </div>
     </div>
 
@@ -52,16 +49,21 @@
           <!-- <li><A id="instructionsTab" href="#" class="splash-btn"><SPAN>Instructions</SPAN></A></li> -->
         </div>
 
-        <div style="flex: 1;">
-          <div class="button-row small">
-            <a href="#" class="splash-btn primary entypox entypo-exportx" id="playPauseBtn" title="Play/Pause"><span class="sr-only">Play/Pause</span></a>
-            <a href="#" class="splash-btn primary" id="soundBtn" title="Sound On/Off"><span class="sr-only">Sound On/Off</span></a>
-            <a href="#" class="splash-btn primary" id="realtimeBtn" title="Join In-Progress"><span class="sr-only">Join In-Progress</span></a>
-             <a href="#" class="splash-btn primary" id="aboutBtn" title="Help"><span class="sr-only">Site Info</span></a>
-              <a href="#" class="splash-btn primary" id="fullscreenBtn" title="Toggle Fullscreen"><span class="sr-only">Fullscreen</span></a>
+        <div style="flex: 1; display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    align-content: stretch;">
+          <div class="button-row small" style="flex: 1;">
+            <a href="#" class="splash-btn primary entypo entypo-play" id="playPauseBtn" title="Play/Pause"><span class="sr-only">Play/Pause</span></a>
+            <a href="#" class="splash-btn primary entypo entypo-mute" id="soundBtn" title="Sound On/Off"><span class="sr-only">Sound On/Off</span></a>
+            <a href="#" class="splash-btn primary entypo entypo-ccw" id="realtimeBtn" title="Join In-Progress"><span class="sr-only">Join In-Progress</span></a>
+          </div>
+          <div class="button-row small" style="flex: 1;">
+             <a href="#" class="splash-btn primary entypo entypo-help-circled" id="aboutBtn" title="Help"><span class="sr-only">Site Info</span></a>
+              <a href="#" class="splash-btn primary entypo entypo-resize-full" id="fullscreenBtn" title="Toggle Fullscreen"><span class="sr-only">Fullscreen</span></a>
               <a href="#" class="splash-btn primary" id="shareBtn" title="Share This Moment">
                   <span class="share-button-wrapper">
-                      <div class="share-button"></div>
+                      <div class="entypo share-button sharer-0"></div>
                   </span>
               </a>
           </div>

diff --git a/_Website/_webroot/inc/style_tags.html b/_Website/_webroot/inc/style_tags.html
@@ -1,10 +1,11 @@
-    
+
     <link href='https://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Oswald:300,400,700' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Roboto+Mono:200,400,500,700' rel='stylesheet' type='text/css'>
 
     <link rel="stylesheet" type="text/css" href="lib/share.css" />
-    <link rel="stylesheet" type="text/css" href="https://www.sharebutton.co/fonts/v2/entypo.min.css" />
+    <link rel="stylesheet" type="text/css" href="lib/entypo.min.css" />
+
 
     <link rel="stylesheet" type="text/css" href="styles.css" />