skylarmt/glenwing.github.io_withhdmi
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Footer Final 1

Browse Source
This commit is contained in:
Glenwing 2017-08-17 20:30:01 -07:00
parent 6125006313
commit e47c9a7aa5
3 changed files with 127 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
diu.html
View File

@ -1,10 +1,28 @@
<!DOCTYPE html> <!DOCTYPE html>
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<style> <style>
body { html {
font-family:Consolas; 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{ div.title{
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
@ -13,50 +31,71 @@
background-color:#DDDDDD; background-color:#DDDDDD;
padding:8px; padding:8px;
} }
div.main { div.main {
min-height:calc(100vh - 60px); border:0px solid transparent;
font-family:Consolas; font-family:Consolas;
width:512px; width:512px;
border:1px solid transparent;
margin-left:auto; margin-left:auto;
margin-right: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 { input {
padding:4px; padding:4px;
text-align:center; text-align:center;
} }
input[type="text"] { input[type="text"] {
border:1px solid #CCCCCC; border:1px solid #CCCCCC;
background-color:#F4F4F8; background-color:#F4F4F8;
} }
table { table {
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
border:0px solid black; border:0px solid black;
} }
td { td {
padding:8px; padding:8px;
vertical-align:middle; vertical-align:middle;
border:solid 1px transparent; border:solid 1px transparent;
} }
td.label { td.label {
font-weight:bold; font-weight:bold;
min-width:192px; min-width:192px;
text-align:right; text-align:right;
} }
td.result { td.result {
min-width:120px; min-width:120px;
width:100%; width:100%;
} }
input.res_input { input.res_input {
width:32px; width:50px;
} }
sup { sup {
vertical-align: baseline; vertical-align: baseline;
position:relative; position:relative;
top:-0.4em; top:-0.4em;
line-height:0; line-height:0;
} }
sub { sub {
vertical-align: baseline; vertical-align: baseline;
position:relative; position:relative;
@ -82,7 +121,7 @@
<tr> <tr>
<td class="label"><b>Size:</b></td> <td class="label"><b>Size:</b></td>
<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>
<td style="width:100%"> <td style="width:100%">
<form id="unit_select"> <form id="unit_select">
@ -136,9 +175,9 @@
<tr> <tr>
<td class="label">Companion Resolution<br />or Aspect Ratio:</td> <td class="label">Companion Resolution<br />or Aspect Ratio:</td>
<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> <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> </td>
</tr> </tr>
<tr id="21_9_warning" style="display:none;"> <tr id="21_9_warning" style="display:none;">
@ -166,12 +205,12 @@
<!-- MAIN END --> <!-- MAIN END -->
</div> </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> </body>
</html> </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="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="diuJS.js"></script> <script src="diuJS.js"></script>

88
docs.html
View File

@ -3,31 +3,53 @@
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<style> <style>
html {
height: 100%;
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body { body {
positioning:relative;
margin: 0;
font-family:Consolas; font-family:Consolas;
font-size:14px; font-size:15px;
padding:10px;
padding-bottom:40px;
} }
div.main { div.main {
border:1px solid transparent; border:0px solid transparent;
font-family:Consolas; font-family:Consolas;
font-size:14px; padding:4px;
margin-left:auto; margin-left:auto;
margin-right: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;
}
span.title { span.title {
font-weight:bold; font-weight:bold;
} }
table { table, tr, td {
border:1px solid transparent; padding:4px;
} border: 0px solid transparent;
td {
padding:8px;
vertical-align:middle;
border:1px solid transparent;
} }
a:link { a:link {
@ -50,56 +72,62 @@
</style> </style>
<html> <html>
<head> <head>
<title>Display Industry Standards and Specifications</title> <title>Display Industry Standards and Specifications</title>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<div style="font-weight:bold; font-size:16px;">Display Industry Standards and Specifications<br /><hr /></div> <div style="font-weight:bold; font-size:16px;">Display Industry Standards and Specifications<br /><hr /></div>
<table> <table>
<tr><td><span class="title">DisplayPort Standard</span> <tr><td><span class="title">DisplayPort Standard</span>
<ul> <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.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 (January 11, 2008)</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 (January 5, 2010)</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>
<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> </ul>
</td></tr> </td></tr>
<tr><td><span class="title">HDMI Specification</span> <tr><td><span class="title">HDMI Specification</span>
<ul> <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.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 (May 20, 2004)</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 (August 22, 2005)</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 (December 14, 2005)</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 (June 22, 2006)</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 (November 10, 2006)</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 (June 5, 2009)</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 (March 4, 2010)</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 (October 11, 2011)</a></li> <li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4b.pdf">Version 1.4b (2011 October 11)</a></li>
</ul> </ul>
<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> </ul>
</td></tr> </td></tr>
<tr><td><span class="title">DVI Specification</span> <tr><td><span class="title">DVI Specification</span>
<ul> <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> </ul>
</td></tr> </td></tr>
<tr><td><span class="title">Additional Documents</span> <tr><td><span class="title">Additional Documents</span>
<ul> <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>
<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-B.pdf">EIA/CEA-861-B (2002 May)</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-D.pdf">CEA-861-D (2006 July)</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-E.pdf">CEA-861-E (2008 March)</a></li>
</ul> </ul>
</td></tr> </td></tr>
</table> </table>
</div> </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> </body>
</html> </html>

27
index.html
View File

@ -1,16 +1,26 @@
<!DOCTYPE html> <!DOCTYPE html>
<meta name="viewport" content="width=device-width">
<style> <style>
html { html {
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
*,
*:before,
*:after {
box-sizing: inherit;
}
body { body {
positioning:relative; positioning:relative;
margin:0;
font-family:Consolas; font-family:Consolas;
font-size:14px; font-size:15px;
padding-bottom: 40px; padding:10px;
padding-bottom:40px;
} }
div.main { div.main {
@ -43,10 +53,6 @@
border: 0px solid transparent; border: 0px solid transparent;
} }
td {
vertical-align:top;
}
a:link { a:link {
color:#777777; color:#777777;
text-decoration:none; text-decoration:none;
@ -67,9 +73,11 @@
</style> </style>
<html> <html>
<head> <head>
<title>Display Technology Information Repository and Utilities</title> <title>Display Technology Information Repository and Utilities</title>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div> <div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
@ -89,8 +97,9 @@
</table> </table>
</div> </div>
<div class="footer" onclick="document.getElementById('profile_link').click();"> <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> <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>
</body> </body>
</html> </html>