diff options
Diffstat (limited to 'www/index.html')
| -rw-r--r-- | www/index.html | 136 |
1 files changed, 136 insertions, 0 deletions
diff --git a/www/index.html b/www/index.html new file mode 100644 index 0000000..8f64c9d --- /dev/null +++ b/www/index.html @@ -0,0 +1,136 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html> + +<head> +<title>Neo – Neues Deutsches Tastaturlayout</title> +<meta http-equiv="content-type" content="text/html; charset=UTF-8"> +<link rel="shortcut icon" href="./favicon.png"> +<link rel="stylesheet" type="text/css" href="stylesheet.css"> +</head> + +<body> + + +<p> +<div style="1111oben!!line-height:2em; margin-bottom:3em;" id="linkbutton"> + <object data="./neo-logo.svg" type="image/svg+xml" + style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;"> + <param name="src" value="./neo-logo.svg"> + <img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo"> + </object> + + <a href="./einfuehrung.html">Einführung</a> + <a href="./download.html">Download</a> + <a href="./benutzerhandbuch.html">Benutzerhandbuch</a> + <a href="./about.html">Impressum</a> + <a href="./links.html">Links</a> + +</div> +</p> + + +<div style="position:relative; top:-.6em; margin-bottom:1em;"> + <h1 style="line-height:1em;">Willkommen zum neuen Schreibgefühl!</h1> + <div style="position:relative; top:-.8em; margin-left:1em; color:#999; font-style:italic;">Ergonomischer, schneller und entspannter schreiben:</div> +</div> + +<p><font style="color:#222">Neo ist ein neue Tastaturbelegung, die </font>extra für die Deutsche Sprache<font style="color:#222"> optimiert ist. Ihre Hauptmerkmale sind:</font></p> + +<ul> + <li> + <font style="color:#222">Optimierungen bezüglich deutscher </font> + Zweier- und Dreier-Zeichenfolgen</li> + <li>Programmiertasten + <font style="color:#222">sind gut erreichbar</font></li> + <li><font style="color:#222">Neue Zeichen, wie </font>«,»,∫,√,µ<font style="color:#222"> sind direkt einzugeben</font></li> +</ul> + +<div id="linkbutton"><a href="i" style="AAAAAAAdisplay:block;">Warum neo besser ist als qwertz</a></div> + + +<br> + <br> + +<hr> + +<div style="text-align:center; 111float:left"> + + +<div style="min-width:650px; overflow:visible;"> +<div id="linkbutton" style="text-align:center; "> +<a href="i" style=""><font style="color:#F42">Ebene1</font></a> +<a href="i" style="">Ebene2</a> +<a href="i" style="">Ebene3</a> +<a href="i" style="">Ebene4</a> +<a href="i" style="">Ebene5</a> + +</div> +</div> + + + +<div><img src="./tastatur_ebene1.png"/></div> + +<!-- +<1div style="background-image:url(./hintergrund_button.png); width:650px; text-align:center;"> +/--> +<div id="linkbutton" style="min-width:650px; overflow:visible; text-align:center;"> +<a href="i" style="">Konzeptidee zur Ebene1</a> +<a href="" > <img src="tastatur_ebene1_shift.png" style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a> +<a href="" > <img src="tastatur_ebene1_mod3.png" style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a> +<a href="" > <img src="tastatur_ebene1_mod4.png" style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a> +<br> + +<a href="i" style="">Tastenverteilung an beliebigem Text testen</a> +</div> + + + +</div> +</div> + + +<hr style="clear:left"> + + + +<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe.png); background-repeat:repeat-x; 111opacity:.5; "></div> + +<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; background-attachment:scroll; "></div> +<div style="position:absolute; top:0px; left:0px; width:100%; height:50px; background-image:url(./schatten_oben.png); background-repeat:repeat-x; "></div> +<div style="position:absolute; top:0px; left:0px; width:50px; height:100%; background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "></div> +<div style="position:absolute; top:0px; left:0px; width:50px; height:50px; background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "></div> +<div style="position:absolute; top:11px; right:0px; width:11px; height:11px; background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "></div> + + + + + +<!-- +<div style="position:absolute; bottom:10px; right:50px; z-index:15"><img src="tastentier.png"></div> +/--> + + + + + + + +<div style="text-align:center;"> +<img src="./tastentier_zufrieden2.png" style=";"> +</div> + + + + +<!-- +<img src="./tastenhervorhebung.png"> +/--> + + + + + +</body> +</html> |