Redirect Attempt 1
This commit is contained in:
Glenwing
parent
83dc01024d
commit
23c05e730f
1
.gitignore
vendored
1
.gitignore
vendored
@ -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
216
diu.html
@ -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 /> 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" /> 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';">✕</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';">✕</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"> </td>
|
||||
<td class="result" style="color:#DD1111;">
|
||||
<b>Warning: Formats commonly known as "21:9" are not an exact 21:9 ratio</b><br />
|
||||
2560 <span style="font-size:10px;">✕</span> 1080 is a 64:27 ratio<br />
|
||||
3440 <span style="font-size:10px;">✕</span> 1440 is a 43:18 ratio<br />
|
||||
3840 <span style="font-size:10px;">✕</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>
|
||||
226
diu/index.html
226
diu/index.html
@ -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>
|
||||
<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 /> 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" /> 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';">✕</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';">✕</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"> </td>
|
||||
<td class="result" style="color:#DD1111;">
|
||||
<b>Warning: Formats commonly known as "21:9" are not an exact 21:9 ratio</b><br />
|
||||
2560 <span style="font-size:10px;">✕</span> 1080 is a 64:27 ratio<br />
|
||||
3440 <span style="font-size:10px;">✕</span> 1440 is a 43:18 ratio<br />
|
||||
3840 <span style="font-size:10px;">✕</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>
|
||||
var link = document.querySelector('link[rel="import"]');
|
||||
var content = link.import;
|
||||
|
||||
document.getElementById('page').innerHTML = content.documentElement.innerHTML;
|
||||
</script>
|
||||
183
docs.html
183
docs.html
@ -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 (2010 January 5)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.1a.pdf">Version 1.1a (2008 January 11)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.0.pdf">Version 1.0 (2006 May 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 October 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 October 11)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4a.pdf">Version 1.4a (2010 March 4)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4.pdf">Version 1.4 (2009 June 5)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.3a.pdf">Version 1.3a (2006 November 10)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.3.pdf">Version 1.3 (2006 June 22)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.2a.pdf">Version 1.2a (2005 December 14)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.2.pdf">Version 1.2 (2005 August 22)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.1.pdf">Version 1.1 (2004 May 20)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.0.pdf">Version 1.0 (2003 September 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 April 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 March)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-D.pdf">CEA-861-D (2006 July)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-B.pdf">EIA/CEA-861-B (2002 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 August 30)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.1.pdf">DCI v1.1 (2007 April 12)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.0.pdf">DCI v1.0 (2005 July 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 January 18)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.2.pdf">DSC Version 1.2 (2016 January 16)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.1.pdf">DSC Version 1.1 (2014 August 1)</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-CVT-1.2.pdf">CVT Version 1.2 (2010 January 5)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-GTF-1.1.pdf">GTF Version 1.1 (1999 September 2)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DMT-1.13.pdf">DMT Version 1.13 (2013 February 8)</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-A2.pdf">Enhanced EDID Release A2 (2006 September 25)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-A1.pdf">Enhanced EDID Release A1 (2000 February 9)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-DDDB-1.pdf">DDDB EDID Extension Block (2006 September 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 November 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 July 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 August 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 December 26)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DDCCI-1.1.pdf">DDC/CI Version 1.1 (2004 October 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>
|
||||
191
docs/index.html
191
docs/index.html
@ -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>
|
||||
<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 (2010 January 5)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.1a.pdf">Version 1.1a (2008 January 11)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.0.pdf">Version 1.0 (2006 May 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 October 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 October 11)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4a.pdf">Version 1.4a (2010 March 4)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.4.pdf">Version 1.4 (2009 June 5)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.3a.pdf">Version 1.3a (2006 November 10)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.3.pdf">Version 1.3 (2006 June 22)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.2a.pdf">Version 1.2a (2005 December 14)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.2.pdf">Version 1.2 (2005 August 22)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.1.pdf">Version 1.1 (2004 May 20)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/HDMI-1.0.pdf">Version 1.0 (2003 September 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 April 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 March)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-D.pdf">CEA-861-D (2006 July)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/CEA-861-B.pdf">EIA/CEA-861-B (2002 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 August 30)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.1.pdf">DCI v1.1 (2007 April 12)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/DCI-1.0.pdf">DCI v1.0 (2005 July 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 January 18)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.2.pdf">DSC Version 1.2 (2016 January 16)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DSC-1.1.pdf">DSC Version 1.1 (2014 August 1)</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-CVT-1.2.pdf">CVT Version 1.2 (2010 January 5)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-GTF-1.1.pdf">GTF Version 1.1 (1999 September 2)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DMT-1.13.pdf">DMT Version 1.13 (2013 February 8)</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-A2.pdf">Enhanced EDID Release A2 (2006 September 25)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-A1.pdf">Enhanced EDID Release A1 (2000 February 9)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-EEDID-DDDB-1.pdf">DDDB EDID Extension Block (2006 September 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 November 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 July 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 August 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 December 26)</a></li>
|
||||
<li><a target="_blank" href="https://glenwing.github.io/docs/VESA-DDCCI-1.1.pdf">DDC/CI Version 1.1 (2004 October 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>
|
||||
var link = document.querySelector('link[rel="import"]');
|
||||
var content = link.import;
|
||||
|
||||
document.getElementById('page').innerHTML = content.documentElement.innerHTML;
|
||||
</script>
|
||||
109
flickerer.html
109
flickerer.html
@ -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;"/> <input type="text" id="c2 in" size="1" maxlength="2" style="text-align: center;"/> <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> </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
Normal file
17
flickerer/index old.html
Normal 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>
|
||||
@ -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">
|
||||
|
||||
<body>
|
||||
</body>
|
||||
<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;"/> <input type="text" id="c2 in" size="1" maxlength="2" style="text-align: center;"/> <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> </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>
|
||||
var link = document.querySelector('link[rel="import"]');
|
||||
var content = link.import;
|
||||
|
||||
document.getElementById('page').innerHTML = content.documentElement.innerHTML;
|
||||
</script>
|
||||
Loading…
x
Reference in New Issue
Block a user