layout geflickt und auf JS-rendering umgestellt
This commit is contained in:
parent
10b7de11eb
commit
d9c07aaa2c
2 changed files with 4 additions and 135 deletions
135
index.html
135
index.html
|
|
@ -7,6 +7,7 @@
|
||||||
<script type="text/javascript" src="uhr.js"></script>
|
<script type="text/javascript" src="uhr.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="uhr.css" />
|
<link rel="stylesheet" type="text/css" href="uhr.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="uhr-black.css" id="theme" />
|
<link rel="stylesheet" type="text/css" href="uhr-black.css" id="theme" />
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="uhr">
|
<div id="uhr">
|
||||||
|
|
@ -14,139 +15,7 @@
|
||||||
<span class="item dot dot2" id="dot2"></span>
|
<span class="item dot dot2" id="dot2"></span>
|
||||||
<span class="item dot dot3" id="dot3"></span>
|
<span class="item dot dot3" id="dot3"></span>
|
||||||
<span class="item dot dot4" id="dot4"></span>
|
<span class="item dot dot4" id="dot4"></span>
|
||||||
<!-- <div id="renderarea"></div> -->
|
<div id="renderarea"></div>
|
||||||
<div class="textarea">
|
|
||||||
<!-- line 1: ESkISCHaFÜF -->
|
|
||||||
<span class="item letter es">E</span>
|
|
||||||
<span class="item letter es">S</span>
|
|
||||||
<span class="item letter">K</span>
|
|
||||||
<span class="item letter isch">I</span>
|
|
||||||
<span class="item letter isch">S</span>
|
|
||||||
<span class="item letter isch">C</span>
|
|
||||||
<span class="item letter isch">H</span>
|
|
||||||
<span class="item letter">A</span>
|
|
||||||
<span class="item letter minute5 minute25 minute35 minute55">F</span>
|
|
||||||
<span class="item letter minute5 minute25 minute35 minute55">Ü</span>
|
|
||||||
<span class="item letter minute5 minute25 minute35 minute55">F</span>
|
|
||||||
<br/>
|
|
||||||
<!-- line 2: VIERTUbfZÄÄ -->
|
|
||||||
<span class="item letter minute15 minute45">V</span>
|
|
||||||
<span class="item letter minute15 minute45">I</span>
|
|
||||||
<span class="item letter minute15 minute45">E</span>
|
|
||||||
<span class="item letter minute15 minute45">R</span>
|
|
||||||
<span class="item letter minute15 minute45">T</span>
|
|
||||||
<span class="item letter minute15 minute45">U</span>
|
|
||||||
<span class="item letter">B</span>
|
|
||||||
<span class="item letter">F</span>
|
|
||||||
<span class="item letter minute10 minute50">Z</span>
|
|
||||||
<span class="item letter minute10 minute50">Ä</span>
|
|
||||||
<span class="item letter minute10 minute50">Ä</span>
|
|
||||||
<br/>
|
|
||||||
<!-- line 3: ZWÄNZGsiVOR -->
|
|
||||||
<span class="item letter minute20 minute40">Z</span>
|
|
||||||
<span class="item letter minute20 minute40">W</span>
|
|
||||||
<span class="item letter minute20 minute40">Ä</span>
|
|
||||||
<span class="item letter minute20 minute40">N</span>
|
|
||||||
<span class="item letter minute20 minute40">Z</span>
|
|
||||||
<span class="item letter minute20 minute40">G</span>
|
|
||||||
<span class="item letter">S</span>
|
|
||||||
<span class="item letter">I</span>
|
|
||||||
<span class="item letter minute25 minute40 minute45 minute50 minute55">V</span>
|
|
||||||
<span class="item letter minute25 minute40 minute45 minute50 minute55">O</span>
|
|
||||||
<span class="item letter minute25 minute40 minute45 minute50 minute55">R</span>
|
|
||||||
<br/>
|
|
||||||
<!-- line 4: ABoHAUBIege -->
|
|
||||||
<span class="item letter minute5 minute10 minute15 minute20 minute35">A</span>
|
|
||||||
<span class="item letter minute5 minute10 minute15 minute20 minute35">B</span>
|
|
||||||
<span class="item letter">O</span>
|
|
||||||
<span class="item letter minute25 minute30 minute35">H</span>
|
|
||||||
<span class="item letter minute25 minute30 minute35">A</span>
|
|
||||||
<span class="item letter minute25 minute30 minute35">U</span>
|
|
||||||
<span class="item letter minute25 minute30 minute35">B</span>
|
|
||||||
<span class="item letter minute25 minute30 minute35">I</span>
|
|
||||||
<span class="item letter">E</span>
|
|
||||||
<span class="item letter">G</span>
|
|
||||||
<span class="item letter">E</span>
|
|
||||||
<br/>
|
|
||||||
<!-- line 5: EISZWÖIsDRÜ -->
|
|
||||||
<span class="item letter hour1">E</span>
|
|
||||||
<span class="item letter hour1">I</span>
|
|
||||||
<span class="item letter hour1">S</span>
|
|
||||||
<span class="item letter hour2">Z</span>
|
|
||||||
<span class="item letter hour2">W</span>
|
|
||||||
<span class="item letter hour2">Ö</span>
|
|
||||||
<span class="item letter hour2">I</span>
|
|
||||||
<span class="item letter">S</span>
|
|
||||||
<span class="item letter hour3">D</span>
|
|
||||||
<span class="item letter hour3">R</span>
|
|
||||||
<span class="item letter hour3">Ü</span>
|
|
||||||
<br/>
|
|
||||||
<!-- line 6: VIERIFÜFIqt -->
|
|
||||||
<span class="item letter hour4">V</span>
|
|
||||||
<span class="item letter hour4">I</span>
|
|
||||||
<span class="item letter hour4">E</span>
|
|
||||||
<span class="item letter hour4">R</span>
|
|
||||||
<span class="item letter hour4">I</span>
|
|
||||||
<span class="item letter hour5">F</span>
|
|
||||||
<span class="item letter hour5">Ü</span>
|
|
||||||
<span class="item letter hour5">F</span>
|
|
||||||
<span class="item letter hour5">I</span>
|
|
||||||
<span class="item letter">Q</span>
|
|
||||||
<span class="item letter">T</span>
|
|
||||||
<br/>
|
|
||||||
<!-- line 7: SÄCHSISIBNI -->
|
|
||||||
<span class="item letter hour6">S</span>
|
|
||||||
<span class="item letter hour6">Ä</span>
|
|
||||||
<span class="item letter hour6">C</span>
|
|
||||||
<span class="item letter hour6">H</span>
|
|
||||||
<span class="item letter hour6">S</span>
|
|
||||||
<span class="item letter hour6">I</span>
|
|
||||||
<span class="item letter hour7">S</span>
|
|
||||||
<span class="item letter hour7">I</span>
|
|
||||||
<span class="item letter hour7">B</span>
|
|
||||||
<span class="item letter hour7">N</span>
|
|
||||||
<span class="item letter hour7">I</span>
|
|
||||||
<br/>
|
|
||||||
<!-- line 8: ACHTINÜNIel -->
|
|
||||||
<span class="item letter hour8">A</span>
|
|
||||||
<span class="item letter hour8">C</span>
|
|
||||||
<span class="item letter hour8">H</span>
|
|
||||||
<span class="item letter hour8">T</span>
|
|
||||||
<span class="item letter hour8">I</span>
|
|
||||||
<span class="item letter hour9">N</span>
|
|
||||||
<span class="item letter hour9">Ü</span>
|
|
||||||
<span class="item letter hour9">N</span>
|
|
||||||
<span class="item letter hour9">I</span>
|
|
||||||
<span class="item letter">E</span>
|
|
||||||
<span class="item letter">L</span>
|
|
||||||
<br/>
|
|
||||||
<!-- line 8: ZÄNIerbEUFI -->
|
|
||||||
<span class="item letter hour10">Z</span>
|
|
||||||
<span class="item letter hour10">Ä</span>
|
|
||||||
<span class="item letter hour10">N</span>
|
|
||||||
<span class="item letter hour10">I</span>
|
|
||||||
<span class="item letter">E</span>
|
|
||||||
<span class="item letter">R</span>
|
|
||||||
<span class="item letter">B</span>
|
|
||||||
<span class="item letter hour11">E</span>
|
|
||||||
<span class="item letter hour11">U</span>
|
|
||||||
<span class="item letter hour11">F</span>
|
|
||||||
<span class="item letter hour11">I</span>
|
|
||||||
<br/>
|
|
||||||
<!-- line 9: ZWÖUFInauhr -->
|
|
||||||
<span class="item letter hour12">Z</span>
|
|
||||||
<span class="item letter hour12">W</span>
|
|
||||||
<span class="item letter hour12">Ö</span>
|
|
||||||
<span class="item letter hour12">U</span>
|
|
||||||
<span class="item letter hour12">F</span>
|
|
||||||
<span class="item letter hour12">I</span>
|
|
||||||
<span class="item letter">N</span>
|
|
||||||
<span class="item letter">A</span>
|
|
||||||
<span class="item letter">U</span>
|
|
||||||
<span class="item letter">H</span>
|
|
||||||
<span class="item letter">R</span>
|
|
||||||
<br/>
|
|
||||||
</div>
|
|
||||||
<!-- glossy reflection -->
|
<!-- glossy reflection -->
|
||||||
<span id="reflection"></span>
|
<span id="reflection"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
4
uhr.css
4
uhr.css
|
|
@ -26,7 +26,7 @@ body {
|
||||||
}
|
}
|
||||||
#themeswitcher {
|
#themeswitcher {
|
||||||
}
|
}
|
||||||
.textarea {
|
#renderarea {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5em;
|
top: 5em;
|
||||||
|
|
@ -70,7 +70,7 @@ body {
|
||||||
height: 10%;
|
height: 10%;
|
||||||
width: 9.0909%;
|
width: 9.0909%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0 -4px 0 0;
|
margin: 0;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 2.2em;
|
font-size: 2.2em;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue