From e47c9a7aa50128c3e7c520774e171771fd746571 Mon Sep 17 00:00:00 2001
From: Glenwing <glenwingkyros@gmail.com>
Date: Thu, 17 Aug 2017 20:30:01 -0700
Subject: [PATCH] Footer Final 1

---
 diu.html   | 59 +++++++++++++++++++++++++++++-------
 docs.html  | 88 +++++++++++++++++++++++++++++++++++-------------------
 index.html | 27 +++++++++++------
 3 files changed, 125 insertions(+), 49 deletions(-)
diff --git a/diu.html b/diu.html
index b9a2743..dee1a31 100644
--- a/diu.html
+++ b/diu.html
@@ -1,10 +1,28 @@
 ﻿<!DOCTYPE html>
 
 <meta name="viewport" content="width=device-width">
+
 <style>
+    html {
+      height: 100%;
+      box-sizing: border-box;
+    }
+
+    *,
+    *:before,
+    *:after {
+        box-sizing: inherit;
+    }
+
     body {
+        positioning:relative;
+        margin:0;
         font-family:Consolas;
+        font-size:15px;
+        padding:10px;
+        padding-bottom:40px;
     }
+
     div.title{
         margin-left:auto;
         margin-right:auto;
@@ -13,50 +31,71 @@
         background-color:#DDDDDD;
         padding:8px;
     }
+
     div.main {
-        min-height:calc(100vh - 60px);
+        border:0px solid transparent;
         font-family:Consolas;
         width:512px;
-        border:1px solid transparent;
         margin-left:auto;
         margin-right:auto;
     }
+
+    div.footer {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        vertical-align:middle;
+        background-color:#DDDDDD;
+        vertical-align:middle;
+        cursor:pointer;
+        padding:12px;
+    }
+
     input {
         padding:4px;
         text-align:center;
     }
+
     input[type="text"] {
         border:1px solid #CCCCCC;
         background-color:#F4F4F8;
     }
+
     table {
         margin-left:auto;
         margin-right:auto;
         border:0px solid black;
     }
+
     td {
         padding:8px;
         vertical-align:middle;
         border:solid 1px transparent;
     }
+
     td.label {
         font-weight:bold;
         min-width:192px;
         text-align:right;
     }
+
     td.result {
         min-width:120px;
         width:100%;
     }
+
     input.res_input {
-        width:32px;
+        width:50px;
     }
+
     sup {
         vertical-align: baseline;
         position:relative;
         top:-0.4em;
         line-height:0;
     }
+
     sub {
         vertical-align: baseline;
         position:relative;
@@ -82,7 +121,7 @@
             <tr>
                 <td class="label"><b>Size:</b></td>
                 <td>
-                    <input id="INPUT_SIZE" style="width:32px;" type="text" onchange="update();" oninput="this.onchange();" onfocus="this.select();" tabindex="2" autofocus />
+                    <input id="INPUT_SIZE" style="width:50px;" type="text" onchange="update();" oninput="this.onchange();" onfocus="this.select();" tabindex="2" autofocus />
                 </td>
                 <td style="width:100%">
                     <form id="unit_select">
@@ -136,9 +175,9 @@
             <tr>
                 <td class="label">Companion Resolution<br />or Aspect Ratio:</td>
                 <td>
-                    <input id="INPUT_HRES2" style="width:32px; text-align:right;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" />
+                    <input class="res_input" id="INPUT_HRES2" style="text-align:right;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" />
                     <span style="font-size:10px;">&#10005;</span>
-                    <input id="INPUT_VRES2" style="width:32px; text-align:left;"  type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" />
+                    <input class="res_input" id="INPUT_VRES2" style="text-align:left;"  type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" />
                 </td>
             </tr>
             <tr id="21_9_warning" style="display:none;">
@@ -166,12 +205,12 @@
 
     <!-- MAIN END -->
     </div> 
+
+    <div class="footer" onclick="document.getElementById('profile_link').click();">
+        <a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
+    </div>
 </body>
 </html>
 
-<footer onclick="document.getElementById('profile_link').click();"style="background-color:#DDDDDD; padding:8px; cursor:pointer;">
-    <a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none;">Glenwing</a>
-</footer>
-
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script src="diuJS.js"></script>
\ No newline at end of file
diff --git a/docs.html b/docs.html
index 9bc8ccb..8315a4c 100644
--- a/docs.html
+++ b/docs.html
@@ -3,31 +3,53 @@
 <meta name="viewport" content="width=device-width">
 
 <style>
+    html {
+      height: 100%;
+      box-sizing: border-box;
+    }
+
+    *,
+    *:before,
+    *:after {
+        box-sizing: inherit;
+    }
+
     body {
+        positioning:relative;
+        margin: 0;
         font-family:Consolas;
-        font-size:14px;
+        font-size:15px;
+        padding:10px;
+        padding-bottom:40px;
     }
 
     div.main {
-        border:1px solid transparent;
+        border:0px solid transparent;
         font-family:Consolas;
-        font-size:14px;
+        padding:4px;
         margin-left:auto;
         margin-right:auto;
     }
 
-    span.title {
-        font-weight:bold;
+    div.footer {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        vertical-align:middle;
+        background-color:#DDDDDD;
+        vertical-align:middle;
+        cursor:pointer;
+        padding:12px;
     }
 
-    table {
-        border:1px solid transparent;
+    span.title {
+        font-weight:bold;
     }
 
-    td {
-        padding:8px;
-        vertical-align:middle;
-        border:1px solid transparent;
+    table, tr, td {
+        padding:4px;
+        border: 0px solid transparent;
     }
 
     a:link {
@@ -50,56 +72,62 @@
 </style>
 
 <html>
+
 <head>
 <title>Display Industry Standards and Specifications</title>
 </head>
+
 <body>
     <div class="main">
         <div style="font-weight:bold; font-size:16px;">Display Industry Standards and Specifications<br /><hr /></div>
         <table>
             <tr><td><span class="title">DisplayPort Standard</span>
                 <ul>
-                    <li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.0.pdf">Version 1.0 (May 1, 2006)</a></li>
-                    <li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.1a.pdf">Version 1.1a (January 11, 2008)</a></li>
-                    <li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.2.pdf">Version 1.2 (January 5, 2010)</a></li>
+                    <li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.0.pdf">Version 1.0&nbsp; (2006 May 1)</a></li>
+                    <li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.1a.pdf">Version 1.1a (2008 January 11)</a></li>
+                    <li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.2.pdf">Version 1.2&nbsp; (2010 January 5)</a></li>
                 </ul>
                 <ul>
-                    <li><a target="_blank" href="./docs/Mini%20DisplayPort%20Connector%20Standard%20v1.0.pdf">Mini DisplayPort Connector Standard Version 1.0 (October 26, 2009)</a></li>
+                    <li><a target="_blank" href="./docs/Mini%20DisplayPort%20Connector%20Standard%20v1.0.pdf">Mini DisplayPort Connector Standard Version 1.0 (2009 October 26)</a></li>
                 </ul>
             </td></tr>
             <tr><td><span class="title">HDMI Specification</span>
                 <ul>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.0.pdf">Version 1.0 (September 4, 2003)</a></li>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.1.pdf">Version 1.1 (May 20, 2004)</a></li>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.2.pdf">Version 1.2 (August 22, 2005)</a></li>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.2a.pdf">Version 1.2a (December 14, 2005)</a></li>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.3.pdf">Version 1.3 (June 22, 2006)</a></li>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.3a.pdf">Version 1.3a (November 10, 2006)</a></li>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4.pdf">Version 1.4 (June 5, 2009)</a></li>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4a.pdf">Version 1.4a (March 4, 2010)</a></li>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4b.pdf">Version 1.4b (October 11, 2011)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.0.pdf">Version 1.0&nbsp; (2003 September 4)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.1.pdf">Version 1.1&nbsp; (2004 May 20)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.2.pdf">Version 1.2&nbsp; (2005 August 22)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.2a.pdf">Version 1.2a (2005 December 14)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.3.pdf">Version 1.3&nbsp; (2006 June 22)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.3a.pdf">Version 1.3a (2006 November 10)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4.pdf">Version 1.4&nbsp; (2009 June 5)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4a.pdf">Version 1.4a (2010 March 4)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4b.pdf">Version 1.4b (2011 October 11)</a></li>
                 </ul>
                 <ul>
-                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4a%203D%20Signaling%20Extract.pdf">Version 1.4a Extraction of 3D Signaling Portion (March 4, 2010)</a></li>
+                    <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4a%203D%20Signaling%20Extract.pdf">Version 1.4a Extraction of 3D Signaling Portion (2010 March 4)</a></li>
                 </ul>
             </td></tr>
             <tr><td><span class="title">DVI Specification</span>
                 <ul>
-                    <li><a target="_blank" href="./docs/DVI%20Specification%20v1.0.pdf">Version 1.0 (April 2, 1999)</a></li>
+                    <li><a target="_blank" href="./docs/DVI%20Specification%20v1.0.pdf">Version 1.0 (1999 April 2)</a></li>
                 </ul>
             </td></tr>
             <tr><td><span class="title">Additional Documents</span>
                 <ul>
-                    <li><a target="_blank" href="./docs/VESA%20CVT%20Standard%20v1.2.pdf">VESA CVT Standard Version 1.2 (January 5, 2010)</a></li>
+                    <li><a target="_blank" href="./docs/VESA%20CVT%20Standard%20v1.2.pdf">VESA CVT Standard Version 1.2 (2010 January 5)</a></li>
                 </ul>
                 <ul>
-                    <li><a target="_blank" href="./docs/CEA-861-B.pdf">EIA/CEA-861-B (May 2002)</a></li>
-                    <li><a target="_blank" href="./docs/CEA-861-D.pdf">CEA-861-D (July 2006)</a></li>
-                    <li><a target="_blank" href="./docs/CEA-861-E.pdf">CEA-861-E (March 2008)</a></li>
+                    <li><a target="_blank" href="./docs/CEA-861-B.pdf">EIA/CEA-861-B (2002 May)</a></li>
+                    <li><a target="_blank" href="./docs/CEA-861-D.pdf">CEA-861-D (2006 July)</a></li>
+                    <li><a target="_blank" href="./docs/CEA-861-E.pdf">CEA-861-E (2008 March)</a></li>
                 </ul>
             </td></tr>
         </table>
     </div>
 
+    <div class="footer" onclick="document.getElementById('profile_link').click();">
+        <a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
+    </div>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 2391104..2b79747 100644
--- a/index.html
+++ b/index.html
@@ -1,16 +1,26 @@
 <!DOCTYPE html>
 
+<meta name="viewport" content="width=device-width">
+
 <style>
     html {
       height: 100%;
       box-sizing: border-box;
     }
 
+    *,
+    *:before,
+    *:after {
+        box-sizing: inherit;
+    }
+
     body {
         positioning:relative;
+        margin:0;
         font-family:Consolas;
-        font-size:14px;
-        padding-bottom: 40px;
+        font-size:15px;
+        padding:10px;
+        padding-bottom:40px;
     }
 
     div.main {
@@ -43,10 +53,6 @@
         border: 0px solid transparent;
     }
 
-    td {
-        vertical-align:top;
-    }
-
     a:link {
         color:#777777;
         text-decoration:none;
@@ -67,9 +73,11 @@
 </style>
 
 <html>
+
 <head>
 <title>Display Technology Information Repository and Utilities</title>
 </head>
+
 <body>
     <div class="main">
         <div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
@@ -89,8 +97,9 @@
         </table>
     </div>
 
-<div class="footer" onclick="document.getElementById('profile_link').click();">
-    <a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
-</div>
+    <div class="footer" onclick="document.getElementById('profile_link').click();">
+        <a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
+    </div>
+
 </body>
 </html>
\ No newline at end of file
