summaryrefslogtreecommitdiffstats
path: root/www/index.html
diff options
context:
space:
mode:
authorben <ben@b9310e46-f624-0410-8ea1-cfbb3a30dc96>2008-07-09 21:40:29 +0000
committerben <ben@b9310e46-f624-0410-8ea1-cfbb3a30dc96>2008-07-09 21:40:29 +0000
commitfbfa3a7f29bf9c7d5a6558e4106e95ced79b5761 (patch)
tree82c76a58d9493738df911e5dceef7047b398b59a /www/index.html
parent2dce8e0fbf76d87460f513e7034989e118ab61f4 (diff)
wwwdir hinzugefügt (Martin Engels Vorschlag No.3)
git-svn-id: https://svn.neo-layout.org@630 b9310e46-f624-0410-8ea1-cfbb3a30dc96
Diffstat (limited to 'www/index.html')
-rw-r--r--www/index.html136
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> &nbsp;
+ <a href="./download.html">Download</a> &nbsp;
+ <a href="./benutzerhandbuch.html">Benutzerhandbuch</a> &nbsp;
+ <a href="./about.html">Impressum</a> &nbsp;
+ <a href="./links.html">Links</a> &nbsp;
+
+</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> &nbsp; &nbsp;
+<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>