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

Redirect Attempt 1

Browse Source
Main
Glenwing 7 years ago
parent 83dc01024d
commit 23c05e730f
8 changed files with 513 additions and 543 deletions
Show Stats Download Patch File Download Diff File

1
.gitignore vendored
Unescape Escape View File

@ -48,3 +48,4 @@ Temporary Items
docs/CEA-861-E (Original).pdf
docs/CEA-861-D (Original).pdf
docs/IEC-60958-1.pdf
index_OLD.html

216
diu.html
Unescape Escape View File

@ -1,215 +1 @@
<!DOCTYPE html>
<meta name="viewport" content="width=device-width">
<style>
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:50px;
}
sup {
vertical-align: baseline;
position:relative;
top:-0.4em;
line-height:0;
}
sub {
vertical-align: baseline;
position:relative;
top:0.3em;
line-height:0;
}
html,
body {
margin:0;
height:100%
padding:0;
}
body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size:15px;
}
div.wrapper {
position:absolute;
min-height:100%;
min-width:512px;
width:100%;
}
div.title {
margin-left:auto;
margin-right:auto;
text-align:center;
font-weight:bold;
background-color:#DDDDDD;
padding:8px;
}
div.main {
border:0px solid transparent;
width:512px;
padding-bottom:48px;
margin-left:auto;
margin-right:auto;
}
div.footer {
position:absolute;
width:100%;
bottom: 0;
left: 0;
background-color:#DDDDDD;
cursor:pointer;
margin:0;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="diuJS.js"></script>
<html>
<head>
<title>Display Info Utility</title>
</head>
<body>
<div class="wrapper">
<div class="main">
<!-- MAIN START -->
<!-- FIRST SEGMENT -->
<div class="title">DISPLAY INFO UTILITY</div>
<table>
<tr>
<td class="label"><b>Size:</b></td>
<td>
<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">
<label style="cursor:pointer; vertical-align:middle"><input name="unit_select" value="in" type="radio" onchange="document.getElementById('INPUT_SIZE').focus(); update();" style="cursor:pointer; vertical-align:middle; margin-bottom:3px;" tabindex="1" checked />&nbsp;in</label><br />
<label style="cursor:pointer; vertical-align:middle"><input name="unit_select" value="cm" type="radio" onchange="document.getElementById('INPUT_SIZE').focus(); update();" style="cursor:pointer; vertical-align:middle; margin-bottom:3px;" tabindex="1" />&nbsp;cm</label>
</form>
</td>
</tr>
<tr>
<td class="label"><b>Resolution:</b></td>
<td colspan="2" style="width:100%">
<input id="INPUT_HRES" class="res_input" style="text-align:right;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" tabindex="3" />
<span style="font-size:10px; font-family:'Courier New';">&#10005;</span>
<input id="INPUT_VRES" class="res_input" style="text-align:left;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" tabindex="4" />
</td>
</tr>
</table>
<!-- SECOND SEGMENT -->
<div class="title">GENERAL INFO</div>
<table style="min-width:160px;">
<tr>
<td class="label">Ratio:</td>
<td id="RESULT_RATIO" class="result"></td>
</tr>
<tr>
<td class="label">Total Pixels:</td>
<td id="RESULT_TOTAL_PX" class="result"></td>
</tr>
<tr>
<td class="label">Pixel Density:</td>
<td id="RESULT_PX_DENSITY" class="result"></td>
</tr>
<tr>
<td class="label">Width:</td>
<td id="RESULT_WIDTH" class="result"></td>
</tr>
<tr>
<td class="label">Height:</td>
<td id="RESULT_HEIGHT" class="result"></td>
</tr>
<tr>
<td class="label">Area:</td>
<td id="RESULT_AREA" class="result"></td>
</tr>
</table>
<!-- THIRD SEGMENT -->
<div class="title">COMPANION FORMATS</div>
<table>
<tr>
<td class="label">Companion Resolution<br />or Aspect Ratio:</td>
<td>
<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; font-family:'Courier New';">&#10005;</span>
<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;">
<td class="label">&nbsp;</td>
<td class="result" style="color:#DD1111;">
<b>Warning: Formats commonly known as "21:9" are not an exact 21:9 ratio</b><br />
&nbsp;&nbsp;2560 <span style="font-size:10px;">&#10005;</span> 1080 is a 64:27 ratio<br />
&nbsp;&nbsp;3440 <span style="font-size:10px;">&#10005;</span> 1440 is a 43:18 ratio<br />
&nbsp;&nbsp;3840 <span style="font-size:10px;">&#10005;</span> 1600 is a 12:5 ratio<br />
</td>
</tr>
<tr>
<td class="label">Companion Size<br />(Matching Height):</td>
<td id="RESULT_D_MATCH" class="result"></td>
</tr>
<tr>
<td class="label">(Optimum Resolution):</td>
<td id="RESULT_OPT_RES" class="result"></td>
</tr>
<tr>
<td class="label">Companion Size<br />(Matching Density):</td>
<td id="RESULT_SIZE" class="result"></td>
</tr>
</table>
<!-- MAIN END -->
</div>
<div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-bottom:10px; padding-top:10px;">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle; padding:10px;">Glenwing</a>
</div>
</div>
</body>
</html>
<script>window.location = "./diu/";</script>

224
diu/index.html
Unescape Escape View File

@ -1,17 +1,215 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html id="page">
<head>
<link rel="import" href="../diu.html">
</head>
<meta name="viewport" content="width=device-width">
<body>
</body>
</html>
<style>
input {
padding:4px;
text-align:center;
}
<script>
var link = document.querySelector('link[rel="import"]');
var content = link.import;
input[type="text"] {
border:1px solid #CCCCCC;
background-color:#F4F4F8;
}
document.getElementById('page').innerHTML = content.documentElement.innerHTML;
</script>
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:50px;
}
sup {
vertical-align: baseline;
position:relative;
top:-0.4em;
line-height:0;
}
sub {
vertical-align: baseline;
position:relative;
top:0.3em;
line-height:0;
}
html,
body {
margin:0;
height:100%
padding:0;
}
body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size:15px;
}
div.wrapper {
position:absolute;
min-height:100%;
min-width:512px;
width:100%;
}
div.title {
margin-left:auto;
margin-right:auto;
text-align:center;
font-weight:bold;
background-color:#DDDDDD;
padding:8px;
}
div.main {
border:0px solid transparent;
width:512px;
padding-bottom:48px;
margin-left:auto;
margin-right:auto;
}
div.footer {
position:absolute;
width:100%;
bottom: 0;
left: 0;
background-color:#DDDDDD;
cursor:pointer;
margin:0;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="diuJS.js"></script>
<html>
<head>
<title>Display Info Utility</title>
</head>
<body>
<div class="wrapper">
<div class="main">
<!-- MAIN START -->
<!-- FIRST SEGMENT -->
<div class="title">DISPLAY INFO UTILITY</div>
<table>
<tr>
<td class="label"><b>Size:</b></td>
<td>
<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">
<label style="cursor:pointer; vertical-align:middle"><input name="unit_select" value="in" type="radio" onchange="document.getElementById('INPUT_SIZE').focus(); update();" style="cursor:pointer; vertical-align:middle; margin-bottom:3px;" tabindex="1" checked />&nbsp;in</label><br />
<label style="cursor:pointer; vertical-align:middle"><input name="unit_select" value="cm" type="radio" onchange="document.getElementById('INPUT_SIZE').focus(); update();" style="cursor:pointer; vertical-align:middle; margin-bottom:3px;" tabindex="1" />&nbsp;cm</label>
</form>
</td>
</tr>
<tr>
<td class="label"><b>Resolution:</b></td>
<td colspan="2" style="width:100%">
<input id="INPUT_HRES" class="res_input" style="text-align:right;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" tabindex="3" />
<span style="font-size:10px; font-family:'Courier New';">&#10005;</span>
<input id="INPUT_VRES" class="res_input" style="text-align:left;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" tabindex="4" />
</td>
</tr>
</table>
<!-- SECOND SEGMENT -->
<div class="title">GENERAL INFO</div>
<table style="min-width:160px;">
<tr>
<td class="label">Ratio:</td>
<td id="RESULT_RATIO" class="result"></td>
</tr>
<tr>
<td class="label">Total Pixels:</td>
<td id="RESULT_TOTAL_PX" class="result"></td>
</tr>
<tr>
<td class="label">Pixel Density:</td>
<td id="RESULT_PX_DENSITY" class="result"></td>
</tr>
<tr>
<td class="label">Width:</td>
<td id="RESULT_WIDTH" class="result"></td>
</tr>
<tr>
<td class="label">Height:</td>
<td id="RESULT_HEIGHT" class="result"></td>
</tr>
<tr>
<td class="label">Area:</td>
<td id="RESULT_AREA" class="result"></td>
</tr>
</table>
<!-- THIRD SEGMENT -->
<div class="title">COMPANION FORMATS</div>
<table>
<tr>
<td class="label">Companion Resolution<br />or Aspect Ratio:</td>
<td>
<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; font-family:'Courier New';">&#10005;</span>
<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;">
<td class="label">&nbsp;</td>
<td class="result" style="color:#DD1111;">
<b>Warning: Formats commonly known as "21:9" are not an exact 21:9 ratio</b><br />
&nbsp;&nbsp;2560 <span style="font-size:10px;">&#10005;</span> 1080 is a 64:27 ratio<br />
&nbsp;&nbsp;3440 <span style="font-size:10px;">&#10005;</span> 1440 is a 43:18 ratio<br />
&nbsp;&nbsp;3840 <span style="font-size:10px;">&#10005;</span> 1600 is a 12:5 ratio<br />
</td>
</tr>
<tr>
<td class="label">Companion Size<br />(Matching Height):</td>
<td id="RESULT_D_MATCH" class="result"></td>
</tr>
<tr>
<td class="label">(Optimum Resolution):</td>
<td id="RESULT_OPT_RES" class="result"></td>
</tr>
<tr>
<td class="label">Companion Size<br />(Matching Density):</td>
<td id="RESULT_SIZE" class="result"></td>
</tr>
</table>
<!-- MAIN END -->
</div>
<div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-bottom:10px; padding-top:10px;">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle; padding:10px;">Glenwing</a>
</div>
</div>
</body>
</html>

183
docs.html
Unescape Escape View File

@ -1,182 +1 @@
<!DOCTYPE html>
<meta name="viewport" content="width=device-width">
<style>
html,
body {
margin:0;
height:100%;
padding:0;
}
body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size:15px;
min-height:100%;
height:auto;
}
div.wrapper {
min-height:100%;
position:relative;
}
div.main {
border:0px solid transparent;
font-size:15px;
padding:16px;
padding-bottom:48px;
}
div.footer {
width:100%;
position:absolute;
bottom: 0;
left: 0;
vertical-align:middle;
background-color:#DDDDDD;
cursor:pointer;
}
span.title {
font-weight:bold;
}
table, tr, td {
padding:4px;
border: 0px solid transparent;
}
a:link {
color:#777777;
text-decoration:none;
}
a:visited {
color:#777777;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}
a:active {
color:#000000;
text-decoration:underline;
}
</style>
<html>
<head>
<title>Display Industry Standards and Specifications</title>
</head>
<body>
<div class="wrapper">
<div class="main">
<div style="font-weight:bold; font-size:16px;"><a href="https://glenwing.github.io" style="text-decoration:none; color:#000000">Display Industry Standards Archive</a><br /><hr /></div>
<table>
<tr><td><span class="title">DisplayPort Standard</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.2.pdf">Version 1.2&nbsp; (2010&nbsp;January&nbsp;5)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.1a.pdf">Version 1.1a (2008&nbsp;January&nbsp;11)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.0.pdf">Version 1.0&nbsp; (2006&nbsp;May&nbsp;1)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/mDP-1.0.pdf">Mini DisplayPort Connector Standard Version 1.0 (2009&nbsp;October&nbsp;26)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">HDMI Specification</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4b.pdf">Version 1.4b (2011&nbsp;October&nbsp;11)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4a.pdf">Version 1.4a (2010&nbsp;March&nbsp;4)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4.pdf">Version 1.4&nbsp; (2009&nbsp;June&nbsp;5)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.3a.pdf">Version 1.3a (2006&nbsp;November&nbsp;10)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.3.pdf">Version 1.3&nbsp; (2006&nbsp;June&nbsp;22)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.2a.pdf">Version 1.2a (2005&nbsp;December&nbsp;14)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.2.pdf">Version 1.2&nbsp; (2005&nbsp;August&nbsp;22)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.1.pdf">Version 1.1&nbsp; (2004&nbsp;May&nbsp;20)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.0.pdf">Version 1.0&nbsp; (2003&nbsp;September&nbsp;4)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4a-3D.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="https://glenwing.github.io/docs/DVI-1.0.pdf">Version 1.0 (1999&nbsp;April&nbsp;2)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">ITU-R Broadcasting-Television Recommendations</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2100-1.pdf">Rec. ITU-R BT.2100-1 (2017&nbsp;June)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2100-0.pdf">Rec. ITU-R BT.2100-0 (2016&nbsp;July)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2020-2.pdf">Rec. ITU-R BT.2020-2 (2015&nbsp;October)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2020-1.pdf">Rec. ITU-R BT.2020-1 (2014&nbsp;June)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2020-0.pdf">Rec. ITU-R BT.2020-0 (2012&nbsp;August)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-6.pdf">Rec. ITU-R BT.709-6 (2015&nbsp;June)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-5.pdf">Rec. ITU-R BT.709-5 (2002&nbsp;April)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-4.pdf">Rec. ITU-R BT.709-4 (2000&nbsp;March)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-3.pdf">Rec. ITU-R BT.709-3 (1998&nbsp;February)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-2.pdf">Rec. ITU-R BT.709-2 (1995&nbsp;October)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-1.pdf">Rec. ITU-R BT.709-1 (1993&nbsp;November)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.601-7.pdf">Rec. ITU-R BT.601-7 (2011&nbsp;March)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.601-6.pdf">Rec. ITU-R BT.601-6 (2007&nbsp;January)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.601-5.pdf">Rec. ITU-R BT.601-5 (1995&nbsp;October)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.601-4.pdf">Rec. ITU-R BT.601-4 (1994&nbsp;July)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">EIA / CEA / CTA Standards</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-E.pdf">CEA-861-E (2008&nbsp;March)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-D.pdf">CEA-861-D (2006&nbsp;July)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-B.pdf">EIA/CEA-861-B (2002&nbsp;May)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">DCI Digital Cinema System Specification</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.2.pdf">DCI v1.2 (2012&nbsp;August&nbsp;30)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.1.pdf">DCI v1.1 (2007&nbsp;April&nbsp;12)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.0.pdf">DCI v1.0 (2005&nbsp;July&nbsp;20)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">Other VESA Standards</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.2a.pdf">DSC Version 1.2a (2017&nbsp;January&nbsp;18)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.2.pdf">DSC Version 1.2 &nbsp;(2016&nbsp;January&nbsp;16)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.1.pdf">DSC Version 1.1 &nbsp;(2014&nbsp;August&nbsp;1)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-CVT-1.2.pdf">CVT Version 1.2 &nbsp;(2010&nbsp;January&nbsp;5)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-GTF-1.1.pdf">GTF Version 1.1 &nbsp;(1999&nbsp;September&nbsp;2)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DMT-1.13.pdf">DMT Version 1.13 (2013&nbsp;February&nbsp;8)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-A2.pdf">Enhanced EDID Release A2 (2006&nbsp;September&nbsp;25)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-A1.pdf">Enhanced EDID Release A1 (2000&nbsp;February&nbsp;9)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-DDDB-1.pdf">DDDB EDID Extension Block (2006&nbsp;September&nbsp;25)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-VTB-EXT-A.pdf">VTB-EXT EDID Extension Block (2003&nbsp;November&nbsp;24)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-LS-EXT-A.pdf">LS-EXT EDID Extension Block (2003&nbsp;July&nbsp;10)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-DI-EXT-A.pdf">DI-EXT EDID Extension Block (2001&nbsp;August&nbsp;21)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EDDC-1.2.pdf">E-DDC Version 1.2 (2007&nbsp;December&nbsp;26)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DDCCI-1.1.pdf">DDC/CI Version 1.1 (2004&nbsp;October&nbsp;29)</a></li>
</td></tr>
</table>
</div>
<div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-top:10px; padding-bottom:10px;">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle; padding:10px;">Glenwing</a>
</div>
</div>
</body>
</html>
<script>window.location = "./docs/";</script>

189
docs/index.html
Unescape Escape View File

@ -1,17 +1,182 @@
<!DOCTYPE html>
<html id="page">
<head>
<link rel="import" href="../docs.html">
</head>
<meta name="viewport" content="width=device-width">
<body>
</body>
</html>
<style>
html,
body {
margin:0;
height:100%;
padding:0;
}
<script>
var link = document.querySelector('link[rel="import"]');
var content = link.import;
body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size:15px;
min-height:100%;
height:auto;
}
document.getElementById('page').innerHTML = content.documentElement.innerHTML;
</script>
div.wrapper {
min-height:100%;
position:relative;
}
div.main {
border:0px solid transparent;
font-size:15px;
padding:16px;
padding-bottom:48px;
}
div.footer {
width:100%;
position:absolute;
bottom: 0;
left: 0;
vertical-align:middle;
background-color:#DDDDDD;
cursor:pointer;
}
span.title {
font-weight:bold;
}
table, tr, td {
padding:4px;
border: 0px solid transparent;
}
a:link {
color:#777777;
text-decoration:none;
}
a:visited {
color:#777777;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}
a:active {
color:#000000;
text-decoration:underline;
}
</style>
<html>
<head>
<title>Display Industry Standards and Specifications</title>
</head>
<body>
<div class="wrapper">
<div class="main">
<div style="font-weight:bold; font-size:16px;"><a href="https://glenwing.github.io" style="text-decoration:none; color:#000000">Display Industry Standards Archive</a><br /><hr /></div>
<table>
<tr><td><span class="title">DisplayPort Standard</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.2.pdf">Version 1.2&nbsp; (2010&nbsp;January&nbsp;5)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.1a.pdf">Version 1.1a (2008&nbsp;January&nbsp;11)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.0.pdf">Version 1.0&nbsp; (2006&nbsp;May&nbsp;1)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/mDP-1.0.pdf">Mini DisplayPort Connector Standard Version 1.0 (2009&nbsp;October&nbsp;26)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">HDMI Specification</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4b.pdf">Version 1.4b (2011&nbsp;October&nbsp;11)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4a.pdf">Version 1.4a (2010&nbsp;March&nbsp;4)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4.pdf">Version 1.4&nbsp; (2009&nbsp;June&nbsp;5)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.3a.pdf">Version 1.3a (2006&nbsp;November&nbsp;10)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.3.pdf">Version 1.3&nbsp; (2006&nbsp;June&nbsp;22)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.2a.pdf">Version 1.2a (2005&nbsp;December&nbsp;14)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.2.pdf">Version 1.2&nbsp; (2005&nbsp;August&nbsp;22)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.1.pdf">Version 1.1&nbsp; (2004&nbsp;May&nbsp;20)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.0.pdf">Version 1.0&nbsp; (2003&nbsp;September&nbsp;4)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4a-3D.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="https://glenwing.github.io/docs/DVI-1.0.pdf">Version 1.0 (1999&nbsp;April&nbsp;2)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">ITU-R Broadcasting-Television Recommendations</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2100-1.pdf">Rec. ITU-R BT.2100-1 (2017&nbsp;June)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2100-0.pdf">Rec. ITU-R BT.2100-0 (2016&nbsp;July)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2020-2.pdf">Rec. ITU-R BT.2020-2 (2015&nbsp;October)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2020-1.pdf">Rec. ITU-R BT.2020-1 (2014&nbsp;June)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.2020-0.pdf">Rec. ITU-R BT.2020-0 (2012&nbsp;August)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-6.pdf">Rec. ITU-R BT.709-6 (2015&nbsp;June)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-5.pdf">Rec. ITU-R BT.709-5 (2002&nbsp;April)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-4.pdf">Rec. ITU-R BT.709-4 (2000&nbsp;March)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-3.pdf">Rec. ITU-R BT.709-3 (1998&nbsp;February)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-2.pdf">Rec. ITU-R BT.709-2 (1995&nbsp;October)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.709-1.pdf">Rec. ITU-R BT.709-1 (1993&nbsp;November)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.601-7.pdf">Rec. ITU-R BT.601-7 (2011&nbsp;March)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.601-6.pdf">Rec. ITU-R BT.601-6 (2007&nbsp;January)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.601-5.pdf">Rec. ITU-R BT.601-5 (1995&nbsp;October)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/ITU-R-BT.601-4.pdf">Rec. ITU-R BT.601-4 (1994&nbsp;July)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">EIA / CEA / CTA Standards</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-E.pdf">CEA-861-E (2008&nbsp;March)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-D.pdf">CEA-861-D (2006&nbsp;July)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-B.pdf">EIA/CEA-861-B (2002&nbsp;May)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">DCI Digital Cinema System Specification</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.2.pdf">DCI v1.2 (2012&nbsp;August&nbsp;30)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.1.pdf">DCI v1.1 (2007&nbsp;April&nbsp;12)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.0.pdf">DCI v1.0 (2005&nbsp;July&nbsp;20)</a></li>
</ul>
</td></tr>
<tr><td><span class="title">Other VESA Standards</span>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.2a.pdf">DSC Version 1.2a (2017&nbsp;January&nbsp;18)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.2.pdf">DSC Version 1.2 &nbsp;(2016&nbsp;January&nbsp;16)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.1.pdf">DSC Version 1.1 &nbsp;(2014&nbsp;August&nbsp;1)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-CVT-1.2.pdf">CVT Version 1.2 &nbsp;(2010&nbsp;January&nbsp;5)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-GTF-1.1.pdf">GTF Version 1.1 &nbsp;(1999&nbsp;September&nbsp;2)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DMT-1.13.pdf">DMT Version 1.13 (2013&nbsp;February&nbsp;8)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-A2.pdf">Enhanced EDID Release A2 (2006&nbsp;September&nbsp;25)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-A1.pdf">Enhanced EDID Release A1 (2000&nbsp;February&nbsp;9)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-DDDB-1.pdf">DDDB EDID Extension Block (2006&nbsp;September&nbsp;25)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-VTB-EXT-A.pdf">VTB-EXT EDID Extension Block (2003&nbsp;November&nbsp;24)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-LS-EXT-A.pdf">LS-EXT EDID Extension Block (2003&nbsp;July&nbsp;10)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-DI-EXT-A.pdf">DI-EXT EDID Extension Block (2001&nbsp;August&nbsp;21)</a></li>
</ul>
<ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EDDC-1.2.pdf">E-DDC Version 1.2 (2007&nbsp;December&nbsp;26)</a></li>
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DDCCI-1.1.pdf">DDC/CI Version 1.1 (2004&nbsp;October&nbsp;29)</a></li>
</td></tr>
</table>
</div>
<div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-top:10px; padding-bottom:10px;">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle; padding:10px;">Glenwing</a>
</div>
</div>
</body>
</html>

109
flickerer.html
Unescape Escape View File

@ -1,108 +1 @@
<!DOCTYPE html>
<meta name="viewport" content="width=device-width">
<html>
<head>
<title>Color Flickerer</title>
<script src="jquery-3.2.0.min.js"></script>
</head>
<body>
<style>
span.label {
vertical-align: top;
}
body {
font-family: Inconsolata;
font-size: 14px;
line-height: 150%;
}
div {
width: 256px;height: 256px
}
div.bg {
background-color: #FFFFFF;
}
td.flickerbox {
width: 256px;
height: 256px;
border: 1px solid #888888;
}
</style>
<!--<br/><br/>
Colors (00-FF): <input type="text" id="c1 in" size="1" maxlength="2" style="text-align: center;"/>&nbsp;<input type="text" id="c2 in" size="1" maxlength="2" style="text-align: center;"/>&nbsp;<button onclick="UpdateC()">Update</button>
<br/><br/>-->
<table style="padding-left: 20px;">
<tr>
<td style="background-color: #CCCCCC; border: 1px solid #000000; font-weight: bold; text-align: center; cursor: pointer; height: 50px;" colspan="3" onclick="OnOffToggle(); RunC();">
On / Off
</td>
</tr>
<tr>
<td colspan="3" style="text-align: center;">
<!--<label><input type="checkbox" id="button" onclick="RunC();"/><span class="label">Enable</span></label>
<br/><br/>-->
<table align="center">
<tr>
<td style="text-align: left;">
<label><input type="radio" name="framerate" id="f1" onclick="RunC();" checked/><span class="label">Single Frames</span></label>
<br/>
<label><input type="radio" name="framerate" id="f2" onclick="RunC();"/><span class="label">Double Frames</span></label>
<br/>
<label><input type="radio" name="framerate" id="f4" onclick="RunC();"/><span class="label">Quadruple Frames</span></label>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align: center">
C1
</td>
<td>&nbsp;&nbsp;&nbsp;</td>
<td style="text-align: center">
C2
</td>
</tr>
<tr>
<td style="text-align: center;">
<form id="c1form">
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="0" checked/><span class="label">000 (#00)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="50"/><span class="label">050 (#32)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="100"/><span class="label">100 (#64)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="150"/><span class="label">150 (#96)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="200"/><span class="label">200 (#C8)</span></label><br/>
<br/>
</form>
</td>
<td></td>
<td style="text-align: center;">
<form id="c2form">
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="50"/><span class="label">050 (#32)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="100"/><span class="label">100 (#64)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="150"/><span class="label">150 (#96)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="200"/><span class="label">200 (#C8)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="255" checked/><span class="label">255 (#FF)</span></label><br/>
<br/>
</form>
</td>
</tr>
<tr>
<td class="flickerbox" colspan="3" id="a">
</td>
</tr>
</table>
<script src="flickerJS.js"></script>
</body>
</html>
<script>window.location = "./flickerer/";</script>

17
flickerer/index old.html
Unescape Escape View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html id="page">
<head>
<link rel="import" href="../flickerer.html">
</head>
<body>
</body>
</html>
<script>
var link = document.querySelector('link[rel="import"]');
var content = link.import;
document.getElementById('page').innerHTML = content.documentElement.innerHTML;
</script>

117
flickerer/index.html
Unescape Escape View File

@ -1,17 +1,108 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html id="page">
<head>
<link rel="import" href="../flickerer.html">
</head>
<meta name="viewport" content="width=device-width">
<html>
<head>
<title>Color Flickerer</title>
<script src="jquery-3.2.0.min.js"></script>
</head>
<body>
<style>
span.label {
vertical-align: top;
}
body {
font-family: Inconsolata;
font-size: 14px;
line-height: 150%;
}
div {
width: 256px;height: 256px
}
div.bg {
background-color: #FFFFFF;
}
td.flickerbox {
width: 256px;
height: 256px;
border: 1px solid #888888;
}
</style>
<body>
</body>
</html>
<script>
var link = document.querySelector('link[rel="import"]');
var content = link.import;
document.getElementById('page').innerHTML = content.documentElement.innerHTML;
</script>
<!--<br/><br/>
Colors (00-FF): <input type="text" id="c1 in" size="1" maxlength="2" style="text-align: center;"/>&nbsp;<input type="text" id="c2 in" size="1" maxlength="2" style="text-align: center;"/>&nbsp;<button onclick="UpdateC()">Update</button>
<br/><br/>-->
<table style="padding-left: 20px;">
<tr>
<td style="background-color: #CCCCCC; border: 1px solid #000000; font-weight: bold; text-align: center; cursor: pointer; height: 50px;" colspan="3" onclick="OnOffToggle(); RunC();">
On / Off
</td>
</tr>
<tr>
<td colspan="3" style="text-align: center;">
<!--<label><input type="checkbox" id="button" onclick="RunC();"/><span class="label">Enable</span></label>
<br/><br/>-->
<table align="center">
<tr>
<td style="text-align: left;">
<label><input type="radio" name="framerate" id="f1" onclick="RunC();" checked/><span class="label">Single Frames</span></label>
<br/>
<label><input type="radio" name="framerate" id="f2" onclick="RunC();"/><span class="label">Double Frames</span></label>
<br/>
<label><input type="radio" name="framerate" id="f4" onclick="RunC();"/><span class="label">Quadruple Frames</span></label>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align: center">
C1
</td>
<td>&nbsp;&nbsp;&nbsp;</td>
<td style="text-align: center">
C2
</td>
</tr>
<tr>
<td style="text-align: center;">
<form id="c1form">
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="0" checked/><span class="label">000 (#00)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="50"/><span class="label">050 (#32)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="100"/><span class="label">100 (#64)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="150"/><span class="label">150 (#96)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="200"/><span class="label">200 (#C8)</span></label><br/>
<br/>
</form>
</td>
<td></td>
<td style="text-align: center;">
<form id="c2form">
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="50"/><span class="label">050 (#32)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="100"/><span class="label">100 (#64)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="150"/><span class="label">150 (#96)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="200"/><span class="label">200 (#C8)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="255" checked/><span class="label">255 (#FF)</span></label><br/>
<br/>
</form>
</td>
</tr>
<tr>
<td class="flickerbox" colspan="3" id="a">
</td>
</tr>
</table>
<script src="flickerJS.js"></script>
</body>
</html>

Write Preview
Loading…
Cancel
Save