From 2b27303fae68a01939395a054fd90bc7b0e2cd60 Mon Sep 17 00:00:00 2001
From: Bill Niblock <bill_niblock@yahoo.com>
Date: Wed, 23 Nov 2016 13:35:31 -0500
Subject: [PATCH] Add upper-left links

---
 firefox/mytab.html | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)
diff --git a/firefox/mytab.html b/firefox/mytab.html
index e86d4cd..6567dab 100644
--- a/firefox/mytab.html
+++ b/firefox/mytab.html
@@ -3,26 +3,28 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <meta charset="UTF-8">
     <style>
         html {
-            background-color: #0e0e0e;
-            color: #555555; }
+            background-color: #0e0e0e; color: #555555; }
         a {
-            color: #555555;
-            text-decoration: none;
+            color: #555555; text-decoration: none;
             transition: color 1s; }
         a:hover {
-            color: #d4d454;
-            text-decoration: none;
+            color: #d4d454; text-decoration: none;
             transition: color 1s; }
         body {
             position: absolute; bottom: 0px; display: table;
-            width: 100%; height: 100%;
-            margin: 0; padding: 0; }
+            width: 100%; height: 100%; margin: 0; padding: 0; }
         header {
-            position: fixed; top: 0px; right: 0px;
-            height: 50px; width: 50px;
-            border: 2px solid white;}
+            position: fixed; top: 5%; right: 5%; height: 50px; }
+        #icon {
+            display: table;
+            float: left; margin: 0 10px; height: 64px; width: 64px;
+            background: #270e24; border: 1px solid #270e24; border-radius: 50%;
+            font-size: 30px; text-align: center; }
+        #icon a {
+            display: table-cell; vertical-align: middle; }
         #fence {
             display: table-cell; vertical-align: middle;
             margin: 0px auto; width: 1000px; }
@@ -31,15 +33,14 @@
             margin: 25px 46px; padding: 0px 0px 12px 0px;
             list-style: none;
             border: 2px solid #270e24; border-radius: 10px;
-            background-color: #270e24; }
+            background: #270e24; }
         #links #header {
             background-color: #270e24;
             color: lightgray; font-weight: bold;
             border-top-right-radius: 10px; border-top-left-radius: 10px; }
         #links li {
-            padding: 5px 10px;
-            background-color: black;
-            text-align: center; }
+            padding: 5px 10px; text-align: center;
+            background-color: black; }
         footer {
             position: fixed; bottom: 0px; left: 0px; right: 0px; width: 75%;
             margin: 0px auto;
@@ -50,6 +51,9 @@
 </head>
 <body >
     <header>
+        <div id="icon"><a href="https://mail.google.com">M</a></div>
+        <div id="icon"><a href="https://drive.google.com">D</a></div>
+        <div id="icon"><a href="#">L</a></div>
     </header>
      <!-- Commonly visited links -->
     <section id="fence">
