summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--www/baustelleninfos.html128
-rw-r--r--www/benutzerhandbuch.html84
-rw-r--r--www/download.html156
-rw-r--r--www/einfuehrung.html152
-rw-r--r--www/hintergrund.pngbin19685 -> 0 bytes
-rw-r--r--www/hintergrund_button.pngbin15942 -> 0 bytes
-rw-r--r--www/hintergrund_papierstruktur.pngbin15154 -> 0 bytes
-rw-r--r--www/index.html355
-rw-r--r--www/links.html63
-rw-r--r--www/schatten_links.pngbin252 -> 0 bytes
-rw-r--r--www/schatten_links_oben.pngbin281 -> 0 bytes
-rw-r--r--www/schatten_oben.pngbin288 -> 0 bytes
-rw-r--r--www/schatten_rechts.pngbin224 -> 0 bytes
-rw-r--r--www/schatten_rechts_oben-versetzt.pngbin262 -> 0 bytes
-rw-r--r--www/schattierer_rechts.pngbin43434 -> 0 bytes
-rw-r--r--www/stylesheet.css178
-rw-r--r--www/stylesheet_ie7.css11
-rw-r--r--www/tastatur_blass_gerastert.pngbin25202 -> 0 bytes
-rw-r--r--www/taste_return.pngbin9557 -> 0 bytes
-rw-r--r--www/taste_schraeg2.pngbin752 -> 0 bytes
-rw-r--r--www/tastenhervorhebung.pngbin78734 -> 0 bytes
-rw-r--r--www/tastentier-reihe.pngbin5075 -> 0 bytes
-rw-r--r--www/tastentier-reihe_blass.pngbin5123 -> 0 bytes
-rw-r--r--www/tastentier.pngbin10988 -> 0 bytes
-rw-r--r--www/tastentier_fliege.pngbin9074 -> 0 bytes
-rw-r--r--www/tastentier_gutmuetig.pngbin4721 -> 0 bytes
-rw-r--r--www/tastentier_zufrieden.pngbin8339 -> 0 bytes
-rw-r--r--www/tastentier_zufrieden2.pngbin10444 -> 0 bytes
-rw-r--r--www/tastentierchen_baustelle.pngbin36867 -> 0 bytes
-rw-r--r--www/verzierung_vertikal_links.pngbin10569 -> 0 bytes
-rw-r--r--www/verzierung_vertikal_rechts.pngbin11438 -> 0 bytes
-rw-r--r--www/vorlage.html49
32 files changed, 211 insertions, 965 deletions
diff --git a/www/baustelleninfos.html b/www/baustelleninfos.html
deleted file mode 100644
index b5456cf..0000000
--- a/www/baustelleninfos.html
+++ /dev/null
@@ -1,128 +0,0 @@
-<!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.ico">
- <link rel="stylesheet" type="text/css" href="stylesheet.css">
-</head>
-
-<body>
-
-
-
-<p>
-<div style="margin-bottom:3em; z-index:100;" 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="http://wiki.neo-layout.org">Wiki</a> &nbsp;
- <a href="http://wiki.neo-layout.org/wiki/Einführung">Einführung</a> &nbsp;
- <a href="./download.html">Download</a> &nbsp;
- <a href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch">Benutzerhandbuch</a> &nbsp;
- <a href="./about.html">Impressum</a> &nbsp;
- <a href="http://wiki.neo-layout.org/wiki/links">Links</a> &nbsp;
- |&nbsp; <a href="./index.html">Startseite</a> &nbsp;
-
-</div>
-</p>
-
-
-
-
-
-
-
-
-<div style="text-align:left;">
-
-
-
-
-
-
-
-
-
-<div style="position:relative; top:-.6em; margin-bottom:1em;">
-<div style="background-color:#fDD; border-color:#f00; margin:2em; padding:2em; border-style:solid; border-width:2px;; text-size:+2">
-Um an Neo zu gelangen, wird auf das SVN-Repository: <b>svn co https://svn.neo-layout.org neo</b> bzw. auf die Mailingliste <b>mailinglist@neo-layout.org</b> verwiesen. <br />
-<br />
-Windows: <a href="https://svn.neo-layout.org/windows/">https://svn.neo-layout.org/windows/</a><br />
-Linux: <a href="https://svn.neo-layout.org/linux/">https://svn.neo-layout.org/linux/</a><br />
-Mac-OS X: <a href="https://svn.neo-layout.org/mac_osx/">https://svn.neo-layout.org/mac_osx/</a><br />
-<br />
-Die aktuelle Belegung findet sich in der Datei <a href="https://svn.neo-layout.org/A-REFERENZ-A/neo20.txt">https://svn.neo-layout.org/A-REFERENZ-A/neo20.txt</a><br />
-Eine (hoffentlich aktuelle) Referenz zum Ausdrucken und Aufstellen findet sich unter <a href="https://svn.neo-layout.org/grafik/neo20-aufsteller.pdf">https://svn.neo-layout.org/grafik/neo20-aufsteller.pdf</a>. Weiter gibt es im svn-Repository Tastaturaufklebergeneratoren.
-<br />
-Auf jeden Fall wird empfohlen, folgende Schriftarten zu installieren, damit alle mit Neo schreibbaren Zeichen dargestellt werden können:<br />
-<a href="http://dejavu.sourceforge.net/wiki/index.php/Download">Deja-Vu</a><br />
-<a href="http://sourceforge.net/project/showfiles.php?group_id=89513">Libertine</a><br />
-<br />
-Neo ist auf den »normalen Ebenen« (will heißen: normale Buchstaben und Klammern, etc.) vollständig benutzbar. Da die Betriebssysteme oder Programme bei weiteren Ebenen gerne noch rumzicken, sind die Treiber auf den anderen Ebenen noch nicht ganz fertig. Fehler sind hier zu finden:<br />
-<a href="http://wiki.neo-layout.org/report/1">aktuelle Fehler (Active Tickets)</a><br />
-<a href="http://wiki.neo-layout.org/newticket">neuen Fehler melden (New Ticket)</a><br />
-<br />
- Bei den Grundebenen sollte sich bei der Belegung nichts mehr ändern.<br />
-Verbesserungsvorschläge sind immer willkommen! Da wir sehr viele Abhängigkeiten haben, kann es aber sein, dass sie nicht unbedingt eingepflegt werden.<br />
-<br />
-Danke fürs Interesse!<br />
-Euer Neo-Team<br />
-
-
-
-</div><br /><br />
-
-
-</div>
-
-
-<hr style="clear:both">
-
-<!-- =================== Hintergrundbilder (Seitenränder) =============== /-->
-
-<div style="position:absolute; top:22px; left:0px; width:100%; height:70px;
- background-image:url(./tastentier-reihe.png); background-repeat:repeat-x;">
-</div>
-
-<div style="position:fixed; 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:fixed; 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>
-
-<!-- ============ ENDE == Hintergrundbilder (Seitenränder) =============== /-->
-
-
-
-
-<div style="text-align:center;">
- <img src="./tastentier_zufrieden2.png" align="middle" style=";">
-</div>
-
-
-
-
-</body>
-</html>
-
-
-
diff --git a/www/benutzerhandbuch.html b/www/benutzerhandbuch.html
deleted file mode 100644
index e23d3c8..0000000
--- a/www/benutzerhandbuch.html
+++ /dev/null
@@ -1,84 +0,0 @@
-<!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.ico">
-<link rel="stylesheet" type="text/css" href="stylesheet.css">
-</head>
-
-<body>
-
-
-
-
-
-
-<p>
-<div style="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;
- |&nbsp; <a href="./index.html">Startseite</a> &nbsp;
-
-
-</div>
-</p>
-
-
-<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 11111opacity:.5; text-align:center;"></div>
-
-<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
-<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Benutzerhandbuch</h1>
-</div>
-
-
-
-
-<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></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 id="linkbutton">
-<a href="">Historisches – oder: Wie alles begann</a><br />
-<br />
-<a href="">Ebene 1: Kleinbuchstaben und Zahlen</a><br />
-<a href="">Ebene 2: Großbuchstaben und Interpunktionszeichen</a><br />
-<a href="">Ebene 3: Programmiertasten und weitere Interpunktionszeichen</a><br />
-<a href="">Ebene 4: Griechische Kleinbuchstaben</a><br />
-<a href="">Ebene 5: Navigationstasten und Zahlen</a><br />
-<a href="">Ebene 6: Wissenschaftliche Zeichen und Griechische Großbuchstaben</a><br />
-<a href="">Nummernblock: Belegung in Ebene 1 bis 6</a><br />
-<br />
-<a href="">Tote Tasten: Funktionsweise und Übersicht über alle erzeugbaren Zeichen</a><br />
-<a href="">Kombinationstaste: Funktionsweise und Übersicht über alle erzeugbaren Zeichen</a><br />
-<a href="">Sonstige Funktionen</a><br />
-<br /><br />
-<a href="">Komplette Zeichenliste nach Themen geordnet, mit Erzeugendentasten</a><br />
-<a href="">LaTeX-Tipps</a><br />
-<br />
-<a href="">Anleitung zum Abändern einer Standardtastatur durch Herausbrechen und Wiedereinsetzen der Tasten</a><br />
-<br /><br />
-<a href="">Anmerkungen zu Treiberproblemen unter Windows</a><br />
-<a href="">Anmerkungen zu Treiberproblemen unter Linux</a><br />
-<a href="">Anmerkungen zu Treiberproblemen unter Mac-OS</a><br />
-</div>
-
-
-
-</body>
-</html>
diff --git a/www/download.html b/www/download.html
deleted file mode 100644
index be450c0..0000000
--- a/www/download.html
+++ /dev/null
@@ -1,156 +0,0 @@
-<!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.ico">
-<link rel="stylesheet" type="text/css" href="stylesheet.css">
-</head>
-
-<body>
-
-<p>
-<div style="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;
- |&nbsp; <a href="./index.html">Startseite</a> &nbsp;
-
-
-</div>
-</p>
-
-
-<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 1111111111opacity:.5; text-align:center;"></div>
-
-<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
-<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Download</h1>
-</div>
-
-
-<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></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="padding:1em; background-color:#fee; margin-left:1.75cm; border-width:thik; border-style:solid; border-color:#dbb">
- <object data="./tastentier_halt.svg" type="image/svg+xml"
- style="position:relative; left:-1.75cm; top:-.2cm; width:55mm; height:31mm; vertical-align:top; float:left">
- <param name="src" value="./tastentier_halt.svg">
- <img src="./tastentier_halt.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo">
- </object>
-<h2>Um Panik vorzubeugen…</h2>
-<p>…sollten SIe sich vor der Installation hier die Anleitung zum <b>Wiederherstellen des qwertz-Layouts</b> anschauen. Im Einzelnen sind dies:<br />
-<div style="text-align:right;">
-<a href="">Windows: Zurücksetzen auf qwertz</a><br />
-<a href="">Linux: Zurücksetzen auf qwertz</a><br />
-<a href="">Mac-OS: Zurücksetzen auf qwertz</a><br />
-</div>
-</p>
-
-</div>
-
-
-<h2>Installationssoftware für Neo</h2>
-<div id="linkbutton">
-<a href="#">Linux</a> &nbsp;
-<a href="#">Windows</a> &nbsp;
-<a href="#">Mac-OS</a> &nbsp;
-</div>
-
-<h2>Weiteres Material</h2>
-<div id="linkbutton">
-<a href="#">Tastenaufkleber</a> &nbsp;
-<a href="#">Aufsteller&nbsp;mit&nbsp;Tastaturlayoutsübersicht</a> &nbsp;
-<a href="#">Zeichenliste&nbsp;(thematisch&nbsp;sortiert)&nbsp;mit&nbsp;Erzeugendentasten</a> &nbsp;
-<a href="#">Werbung&nbsp;zum&nbsp;Selberanbringen</a> &nbsp;
-<a href="#">Gimmicks</a> &nbsp;
-<a href="#">??</a> &nbsp;
-</div>
-
-
-<hr>
-
-<img src="./tastentier_gutmuetig.png"> (Trennelement)
-
-<hr>
-
-
-
-<h2>Linux</h2>
-sdefsdfsdfsdfsdf
-<p>Im Grosdfkjnsd fjksndf oinwe fnuwef iowfnuiwefunwifenu wiuefn wiefnu weifun wiefnuwe finuwe fweuifnweifunw iefunwifuenwifenwifuenw eifun wifuen wiufne wiue fnepirg neipgn slginulst isrut gnilgun rlsgnui rlstgn lirstn gilsrutn glirtgn ilrsu gnilgu nsrlgi unrlg</p>
-<p>xmodmap-Treiber:</p>
-<p>konsolen-Treiber:</p>
-<p>kbd-Treiber:</p>
-
-
-
-<hr>
-<h2>Windows</h2>
-
-s<p>Im Grosdfkjnsd fjksndf oinwe fnuwef iowfnuiwefunwifenu wiuefn wiefnu weifun wiefnuwe finuwe fweuifnweifunw iefunwifuenwifenwifuenw eifun wifuen wiufne wiue fnepirg neipgn slginulst isrut gnilgun rlsgnui rlstgn lirstn gilsrutn glirtgn ilrsu gnilgu nsrlgi unrlg</p>
-<p>xmodmap-Treiber:</p>
-<p>konsolen-Treiber:</p>
-<p>kbd-Treiber:</p>
-
-lfjkds dfklsfj lsd
-
-<hr>
-<h2>Mac-OS</h2>
-
-flokfjdlsfjksd
-<p>Im Grosdfkjnsd fjksndf oinwe fnuwef iowfnuiwefunwifenu wiuefn wiefnu weifun wiefnuwe finuwe fweuifnweifunw iefunwifuenwifenwifuenw eifun wifuen wiufne wiue fnepirg neipgn slginulst isrut gnilgun rlsgnui rlstgn lirstn gilsrutn glirtgn ilrsu gnilgu nsrlgi unrlg</p>
-<p>xmodmap-Treiber:</p>
-<p>konsolen-Treiber:</p>
-<p>kbd-Treiber:</p>
-
-
-<hr>
-
-<img src="./tastentier_gutmuetig.png">
-
-
-<hr>
-
-<h2>Aufsteller</h2>
-Versionen: PDF,...
-
-
-
-<hr>
-
-<h2>Tastenaufkleber</h2>
-sdfdsf
-
-
-
-<hr>
-
-<h2>Werbung</h2>
-Nätürlich musst du vorher nachfragen, ob du die Werbung anbringen darfst.
-
-<hr>
-
-<h2>Gimmicks</h2>
-Hier Tastentierchen zum ausdrucken
-
-
-
-</body>
-</html>
diff --git a/www/einfuehrung.html b/www/einfuehrung.html
deleted file mode 100644
index c8cf5ce..0000000
--- a/www/einfuehrung.html
+++ /dev/null
@@ -1,152 +0,0 @@
-<!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.ico">
-<link rel="stylesheet" type="text/css" href="stylesheet.css">
-</head>
-
-<body>
-
-<p>
-<div style="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;
- |&nbsp; <a href="./index.html">Startseite</a> &nbsp;
-
-
-</div>
-</p>
-
-
-<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 11111111opacity:.5; text-align:center; color:#000"></div>
-
-<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
-<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Einführung</h1>
-</div>
-
-
-
-
-<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></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>
-/-->
-
-
-
-
-<p><font style="color:#222">Empfehlenswert ist auf jeden Fall der Ausdruck des </font><a href="." >Tastaturlayouts als Aufsteller</a>.</p>
-
-
-
-<h2>Einleitung von Prof. Dr.-Fake Pronto</h2>
-
-<p>
-Sie haben Interesse an Neuem?<br />
-An etwas Innovativem?<br />
-Etwas, das Sie in Ihrem Leben weiterbringt?<br />
-</p>
-
-<p>Sehr schön!</p>
-
-<p>Meine Kollegen und ich werden Ihnen im Folgenden eine neue Tastaturbelegung präsentieren, die den überaus hübschen Namen »Neo« trägt.<br />
-Sollten Sie blind sein, oder zur Gruppe der Dunkeltipper gehören, gibt es alternativ zu dieser Einleitung <a href="">hier eine Audioeinführung im OGG-Vorbis-Format</a>.</p>
-
-
-<h2>Die wichtigsten Tasten der Deutschen Sprache</h2>
-
-<p>sind wohl die Vokale. Deswegen haben wir sie besonders gut positioniert, nämlich direkt unter den Fingern der linken Hand in der Grundhaltung. Die Reihenfolge ist leicht zu merken über den schwäbischen Englischkniff: »Ui, a (n)eo«!</p>
-
-<p>Aber wer kennt nicht das berüchtigte »ernstl«, seinerzeit beim Glücksrad gerne verwendet. R,N,S,T,L beschreiben wirklich die häufigsten Buchstaben in der deutschen Sprache. Deswegen werden sie (mit Ausnahme von L wegen Bigramm-Optimierungen unten) auf die Grundposition der rechten Hand gelegt. Statt des L liegt das D in der Grundreihe, weil es durch die Artikel (die es beim Glücksrad nicht gibt) sehr häufig auftritt.</p>
-
-<p>Logisch, oder?</p>
-
-
-
-<h2>Die wichtigsten Tastenfolgen der Deutschen Sprache</h2>
-
-<p>müssen schnell zu schreiben sein. Wir gewährleisten das durch folgende Techniken:</p>
-
-<ul>
-<li><i>Beide Hände wechseln sich ab</i>. Während die eine Hand ihren Buchstaben eingibt, kann die andere Hand ihren Finger bereits über die nächste Taste positionieren.</li>
-<li><i>Zeichenfolgen mit einer Hand werden durch eine Rollbewegung von Innen nach Außen realisiert</i>. *
- Jeder kennt das Auf-den-Tisch-Trommeln: Es geht besonders einfach von der Hand und richtet sich von Außen nach Innen. Andersherum geht es schwerer. Jedoch weist diese Richtung einen Vorteil bei gewollter Belastung auf: Eine Schraubbewegung der Hand von innen nach oben hinaus kann aus der Tipphaltung mit der Handfläche nach unten anatomisch bedingt besser ausgeführt werden, als andersherum, d.h. der ganze Unterarm kann in der Bewegung nach Außen mitschaffen, während beim Fingertrommeln innerwärts nur die Fingerglieder bewegt werden.</li>
-</ul>
-</p>
-
-<p>Die häufigsten »Bigramme« – so nennt man in der Fachsprache zwei aufeinanderfolgende Zeichen – sind im Deutschen </p>
-
-<p>Die häufigsten »Trigramme« sind</p>
-
-<p>Nach unseren oben genannten Richtlinien verteilten wir die Buchstaben. Ein Beispiel:</p>
-
-<p>Das »ch« wird also von der linken und rechten Hand geschrieben. Wir haben es sogar so angeordnet, dass es im gleichen Winkel liegt, und damit leicht zu merken ist.<br />
-Auch beim »sch« erkennt man das Prinzip des Händetauschs.</p>
-
-
-
-<h2>Beibehalten der gewohnten Zeichenpositionen im Entscheidungsfall</h2>
-
-<p>war uns ein Anliegen, um Ihnen die Erlernbarkeit von Neo so einfach wie möglich zu machen. Und wir sind stolz, drei Tasten präsentieren zu können, die sich in ihrer Lage wirklich nicht verändert haben – aber sehen Sie selbst!</p>
-
-<p>Da kommen einem die Tränen der Rührung! Jawohl! Das »M«, das »,« und der ».« sind wirklich immernoch auf der gleichen Stelle zu finden (Drücken Sie jetzt um Himmels Willen nicht die Shifttaste, sondern machen wir lieber schnell weiter).</p>
-
-
-
-<h2>Das Umlaut-Eck</h2>
-
-<p>liegt wie das »-Eck« schon sagt links unten im Eck. Fast. Wir müssen uns an dieser Stelle entschuldigen, da Knorps' Lieblingsplatz (siehe Bild) »etwas ganz Besonderes werden sollte«, sagte er. Nunja. Nachdem er im Sitzstreik verharrte, blieb uns leider nichts anderes übrig, als ihm den Gefallen zu tun. Deshalb: Knorps' Lieblingsplatz direkt neben dem linken Shift bleibt frei, aber dann kommt das »Ü«, »Ö« und »Ä« (Die Reihenfolge lässt sich darüber merken, dass man das »Ü« in das »Ö« schleifen kann, ohne über das »Ä« zu müssen. Andersrum geht es nicht)!</p>
-
-
-<h2>Eine Straße braucht der Staat</h2>
-
-<p>…und diese befindet sich oben rechts. Am Besten findet man sie ausgehend von der schon bekannten Position des »H«. Achtung: Links befindet sich ein Schlagloch aus zwei Buchstaben (Deswegen hat es das »J« ganz nach unten rechts geschlagen – Das »I« ist ja schon im Vokalviertel). Ansonsten ist die Straße aber von »F« bis »K« begehbar.</p>
-
-
-
-<h2>Optimierungen durch Erproben und Verändern</h2>
-
-<p>ermöglichte uns die Tastaturbelegung weiter zu optimieren. Für Sie bedeutet das aber: Auswendiglernen der restlichen paar Tasten – aber mit Blick auf das Erlangen einer tollen Tastaturbelegung, ist das wohl ein kleines Übel.<br />
-Also noch ganz fix eingeprägt:</p>
-
-<ul>
-<li>Nicht XML oben links, sondern XVL.</li>
-<li>Nicht WWW oben mitte, sondern nur ein W.</li>
-<li>Oben rechts das Zeug, das man eh nicht braucht: Am ehesten noch das »Q«, dann das »ß« in einer scharfen Kurve mündend in dem »Y«.</li>
-<li>Und unten, der klägliche Rest: PZB</li>
-</ul>
-
-
-<h2>Ein kleiner Fahrplan</h2>
-
-<p>bietet noch einmal eine Übersicht über alle wichtigen Orte.
-Jetzt verfügen Sie über das Wissen der kompletten Tastaturbelegung von Neo! Probieren Sie es aus! Wo war noch einmal das »F«? Wo verbirgt sich das Schlagloch »J«? XML war ja nicht ganz korrekt. Wie lautet der mittlere Buchstabe, der statt dem »M« zwischen dem »X« und dem »L« steht?</p>
-
-<p>Wenn Sie diese Fragen mühelos beantworten können, geht es hier weiter zum nächsten Teil:</p>
-
-
-Es shift – Interludium bei Regen
-
-Verdammt, wo ist das Fragezeichen?
-
-
-</body>
-</html>
diff --git a/www/hintergrund.png b/www/hintergrund.png
deleted file mode 100644
index d82aaeb..0000000
--- a/www/hintergrund.png
+++ /dev/null
Binary files differ
diff --git a/www/hintergrund_button.png b/www/hintergrund_button.png
deleted file mode 100644
index 88502c3..0000000
--- a/www/hintergrund_button.png
+++ /dev/null
Binary files differ
diff --git a/www/hintergrund_papierstruktur.png b/www/hintergrund_papierstruktur.png
deleted file mode 100644
index 3681de1..0000000
--- a/www/hintergrund_papierstruktur.png
+++ /dev/null
Binary files differ
diff --git a/www/index.html b/www/index.html
index 72b0306..f958f60 100644
--- a/www/index.html
+++ b/www/index.html
@@ -4,7 +4,10 @@
<title>Neo – Ergonomisches Tastaturlayout</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="./favicon.ico">
-<!-- <link rel="stylesheet" type="text/css" href="stylesheet.css"> /-->
+ <link rel="stylesheet" type="text/css" href="stylesheet.css">
+<!--[if lte IE 7]>
+ <link rel="stylesheet" type="text/css" href="stylesheet_ie7.css">
+<![endif]-->
<script type="text/javascript">
function Tastaturbildwechsel_nach (Zielebene) {
@@ -17,221 +20,6 @@ function Tastaturbildwechsel_nach (Zielebene) {
}
</script>
-
-
-<style type="text/css">
-
-#Hauptfeld {
- width:39em;
- border-width:thin;
- border-color:#444;
- border-style:solid;
- margin-left:12em;
- margin-right:0em;
- margin-top:2em;
- padding-left:2.5em;
- padding-right:4em;
- padding-top:2em;
- padding-bottom:2.4em;
-/* text-align:justify; */
-/* font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; */
-/* font-family: LinuxLibertine, Libertine, Linux-Libertine, sans;
- line-height:1.35em;
- font-size:1em;*/
- background-color:White;
- color:Black;
-}
-
-#Hauptfeldlink_rechtsunten {
- position:relative; top:.8em; left:.5em;
- text-align:right;
- margin-bottom:0em;
-}
-
-#Navigationsleiste {
- background-color:#F8F8FA;
- color:WindowText;
- position:relative;
- width:10em;
-/* float:left; */
- text-align:center;
- margin:2em;
- margin-left:0em;
- margin-top:2em;
- border-width:thin;
- border-style:solid;
- border-color:green;
- border-top-width:0px;
-
-}
-
-#Navigationsthema {
- border-bottom-width:1px;
- border-bottom-style:solid;
- border-color:black;
- border-top-width:1px;
- border-top-style:solid;
- border-color:black;
- text-align:center;
- font-weight:bold;
- background-color:#FAFBF8;
- color:InfoText;
- padding-top:.2em;
- padding-bottom:.2em;
-}
-
-#Navigationsunterpunkte {
- padding-top:.5em;
- padding-bottom:.75em;
-}
-
-#Navigationseintrag {
- display:block;
- text-align:left;
- padding-left:1em;
- padding-right:1em;
- padding-top:.25em;
- padding-bottom:.25em;
-}
-
-#Bildcontainer_links {
- width:10em;
- border-width:thin;
- border-color:#DDD;
- border-style:solid;
- margin-right: 1.2em;
- margin-bottom: .8em;
- margin-left: 0em;
- margin-top: 1em;
- float:left;
- text-align:center;
-
-}
-
-
-#Bildcontainer_oben {
- width:39em;
- border-width:thin;
- border-color:#DDD;
- border-style:solid;
- margin-left: 0em;
- margin-bottom: 1.75em;
- margin-right: 0em;
- margin-top: 0em;
-/* float:left; */
- display:block;
- text-align:center;
-}
-
-
-#Bildcontainer_rechts {
- width:10em;
- border-width:thin;
- border-color:#DDD;
- border-style:solid;
- margin-left: 1.2em;
- margin-bottom: .8em;
- margin-right: 0em;
- margin-top: 1em;
- float:right;
- text-align:center;
-
-}
-
-#Bild {
- text-align:center;
- padding:.5em;
- width:9em;
-}
-
-
-#Bild_oben {
- text-align:center;
- padding:.5em;
- width:38em;
-}
-
-
-
-#Bildtext {
- padding:.5em;
- font-size:small;
- text-align:left;
- background-color:#EEE;
-}
-
-#Hintergrundverlauf_von {
- background-color:#F30;
-}
-
-#Hintergrundverlauf_nach {
- background-color:transparent;
-}
-
-a { text-decoration:none; }
-a:hover { color:HighlightText; background-color:Highlight; }
-
-h1 { margin-bottom:1em; margin-top:0em; font-size:1.5em; }
-h2 { margin-bottom:.5em; margin-top:1.5em; font-size:1.2em; /* padding-left:1em; */ }
-
-p { /* text-indent:1em;
- text-align:justify; */
- margin-bottom:-.5em;}
-
-/* Altbestand: */
-
-#linkbutton
- {
- line-height:2em;
- text-align:left; color:#000;
- }
-
-#linkbutton a
- {
- border-width:2px; border-style:solid;
- border-color:#aaaaaa;
- padding-top:.25em; padding-bottom:.25em;
- background-color:#FAFAFA;
- padding-left:1em; padding-right:1em;
- }
-
-#linkbutton a:link { color:#000; text-decoration:none; }
-#linkbutton a:visited { color:#4a4a4a; text-decoration:none; }
-#linkbutton a:focus { color:#223; text-decoration:underline; }
-#linkbutton a:active { color:#8b2121; text-decoration:none; }
-#linkbutton a:hover { color:#020; text-decoration:none;
- background-color:Highlight;
- }
-
-#Gesamtzentrierung {
- background-color: transparent;
- text-align: left;
- margin: 0px auto 0;
- width: 57.5em;
-}
-/*-------------*/
-
-</style>
-
-<!--[if lte IE 7]>
- <style type="text/css">
-
-#Bild_oben {
- width:31em;
-}
-
-#Bildcontainer_oben {
- width:32em;
-}
-#IE6-Bildweitenkorrektur {
- width:32em;
-}
-
-
- </style>
-<![endif]-->
-
-
</head>
<!-- Für Mittenpositionierung: padding: 0; margin: 0; text-align: center; ind bodystyle /-->
<body style="background-color:#dceeee; padding: 0em; margin: 0em; text-align: center; ">
@@ -243,103 +31,39 @@ p { /* text-indent:1em;
-
<div id="Gesamtzentrierung">
-
-
-
-
<!-- Logo /-->
-<!-- <div style="position:relative; top:2.25em; left:3.25em; width:522px; height:70px; overflow:hidden; float:left;"> /-->
<div style="position:relative; top:2.25em; left:3.25em; width:54em; height:70px; overflow:hidden; ">
-<!--
- <object data="./neo_kopf_trac_522x50.svg" type="image/svg+xml" style="width:522px; height:50px; ">
- <param name="src" value="./neo_kopf_trac_522x50.svg">
-/-->
- <img src="./neo_kopf_trac_522x50.png" alt="Neo – Ergonomisches Tastaturlayout">
-<!--
- </object>
-/-->
-<!-- </div> /-->
+ <img src="./neo_kopf_trac_522x50.png" alt="Neo – Ergonomisches Tastaturlayout">
<!-- Quicklinks /-->
+ <!--Wird per post-commit hook immer aktuell gehalten!-->
+ <a href="neo_de.xmodmap">
+ <img src="./tastentierchen_pingu.png" title="quickdownload:Neo_Linux" alt="quickdownload:Neo_Linux" border="0">
+ </a>
-<!-- <div style="position:relative; top:-1.65em; left:43em; width:200px; height:40px;"> /-->
-
- <!-- Achtung: Die Links sind auch jeweils in den SVG-Dateien kodiert! /-->
-
-<!--
- <object data="./tastentier_linksblickend_quicklink_linux.svg" type="image/svg+xml" style="width:61px; height:37px; overflow:hidden; ">
- <param name="src" value="./tastentier_linksblickend_quicklink_linux.svg">
-/-->
-
- <!--Wird per post-commit hook immer aktuell gehalten!-->
- <a href="neo_de.xmodmap">
- <img src="./tastentierchen_pingu.png" title="quickdownload:Neo_Linux" alt="quickdownload:Neo_Linux" border="0">
- </a>
-<!--
- </object>
-/-->
-
-
-<!--
- <object data="./tastentier_laechelnd_quicklink_windows.svg" type="image/svg+xml" style="width:50px; height:34px; overflow:hidden; ">
- <param name="src" value="./tastentier_laechelnd_quicklink_windows.svg">
-/-->
- <!--Wird per post-commit hook immer aktuell gehalten!-->
- <a href="neo20.exe">
- <img src="./tastentierchen_fenster.png" title="quickdownload:Neo_Windows" alt="quickdownload:Neo_Windows" border="0">
- </a>
-<!--
- </object>
-/-->
-
-<!--
- <object data="./tastentier_apfel.svg" type="image/svg+xml" style="width:50px; height:34px; overflow:hidden; ">
- <param name="src" value="./tastentier_grinsend_quicklink_osx.svg">
-/-->
- <!--Wird per post-commit hook immer aktuell gehalten!-->
- <a href="neo.keylayout">
- <img src="./tastentier_apfel.png" title="quickdownload:Neo_OS-X" alt="quickdownload:Neo_OS-X" border="0">
- </a>
-<!--
- </object>
-/-->
-
-
-
-
+ <!--Wird per post-commit hook immer aktuell gehalten!-->
+ <a href="neo20.exe">
+ <img src="./tastentierchen_fenster.png" title="quickdownload:Neo_Windows" alt="quickdownload:Neo_Windows" border="0">
+ </a>
-<!--
+ <!--Wird per post-commit hook immer aktuell gehalten!-->
+ <a href="neo.keylayout">
+ <img src="./tastentier_apfel.png" title="quickdownload:Neo_OS-X" alt="quickdownload:Neo_OS-X" border="0">
+ </a>
- <a href="https://svn.neo-layout.org/windows/neo-vars/out/neo20.exe">
- <img src="./tastentier_laechelnd.png" width="50px" height="34px" title="quickdownload:Neo_Windows" alt="quickdownload:Neo_Windows" border="0">
- </a>
- <a href="./neo_de.xmodmap">
- <img src="./tastentier_linksblickend.png" width="50px" height="37px" title="quickdownload:Neo für Linux" alt="quickdownload:Neo für Linux" border="0">
- </a>
- <a href="http://wiki.neo-layout.org/browser/mac_osx/neo.keylayout?format=raw">
- <img src="./tastentier_grinsend.png" width="50px" height="34px" title="quickdownload:Neo für Mac OS-X" alt="quickdownload:Neo für Mac OS-X" border="0">
- </a>
-/-->
<!--Wird per post-commit hook immer aktuell gehalten!-->
<a href="neo_portable.zip">
- <!-- <img src="./tastentier_usb.png" width="46px" height="40px" title="quickdownload:Neo-Portable für USB-Stick" alt="quickdownload:Neo-Portable für USB-Stick" border="0"> /-->
- <img src="./usb-stick.png" width="40px" height="34px" title="quickdownload:Neo-Portable für USB-Stick" alt="quickdownload:Neo-Portable für USB-Stick" border="0">
- </a>
- </div>
-<!-- /Quicklinks /-->
-
-<!--
-<div style="height:2em; width:1em;">
+ <img src="./usb-stick.png" width="40px" height="34px" title="quickdownload:Neo-Portable für USB-Stick" alt="quickdownload:Neo-Portable für USB-Stick" border="0">
+ </a>
</div>
- /-->
-
-
+
+
+<!-- /Quicklinks /-->
<div style="float:left; width:12em;">
<div id="Navigationsleiste" >
@@ -362,7 +86,6 @@ p { /* text-indent:1em;
<a id="Navigationseintrag" href="http://wiki.neo-layout.org/browser/grafik/druckvorlage-svg/neo-druckvorlage.pdf?format=raw">Druckvorlage</a>
<div id="Navigationsthema">Download</div>
<div id="Navigationsunterpunkte">
-<!-- <a id="Navigationseintrag" href="./download.html">Download</a> -->
<a id="Navigationseintrag" href="http://wiki.neo-layout.org/browser/windows/">Windows-Treiber</a>
<a id="Navigationseintrag" href="http://wiki.neo-layout.org/browser/linux/">Linux-Treiber</a>
<a id="Navigationseintrag" href="http://wiki.neo-layout.org/browser/mac_osx/">Mac&nbsp;OS&nbsp;X-Treiber</a>
@@ -375,20 +98,6 @@ p { /* text-indent:1em;
</div>
</div>
-<!--
-<div id="Navigationsleiste" style="border-color:#AAA; opacity:.2;">
- <div id="Navigationsthema" style="color:#AAA; border-color:#AAA;">FOSS-Links</div>
- <div id="Navigationsunterpunkte" >
- <a id="Navigationseintrag"
- style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-bottom-color:#EEE; border-bottom-style:solid;"
- href="http://linuxlibertine.sf.net"><img src="./signet_linuxlibertine.png" border="0" style=" opacity:.5; width:50%;"><br>Libertine<br>Open Fonts</a>
- <a id="Navigationseintrag"
- style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-bottom-color:#EEE; border-bottom-style:solid;"
- href="http://dejavu.sourceforge.net"><img src="./signet_dejavu.png" border="0" style=" opacity:.5; width:50%;" ><br>DejaVu<br>Font</a>
- </div>
-</div>
-/-->
-
</div>
@@ -399,8 +108,9 @@ p { /* text-indent:1em;
<h1>Neo - Ergonomisches Tastaturlayout</h1>
<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>
+ <font style="color:#222">Neo ist ein neue Tastaturbelegung, die </font>
+ extra für die Deutsche Sprache
+ <font style="color:#222"> optimiert ist:</font>
</p>
<ul>
@@ -422,12 +132,12 @@ p { /* text-indent:1em;
<div style="min-width:650px; overflow:visible;">
<div id="linkbutton" style="text-align:center; ">
- <a href="./index_ebene1.html" style="border-color:#56b; color:#23b" onclick="Tastaturbildwechsel_nach(1); return false;" id="ebenenreiter1" > Ebene1</a>
- <a href="./index_ebene2.html" onclick="Tastaturbildwechsel_nach(2); return false;" style="" id="ebenenreiter2">Ebene2</a>
- <a href="./index_ebene3.html" onclick="Tastaturbildwechsel_nach(3); return false;" style="" id="ebenenreiter3">Ebene3</a>
- <a href="./index_ebene4.html" onclick="Tastaturbildwechsel_nach(4); return false;" style="" id="ebenenreiter4">Ebene4</a>
- <a href="./index_ebene5.html" onclick="Tastaturbildwechsel_nach(5); return false;" style="" id="ebenenreiter5">Ebene5</a>
- <a href="./index_ebene6.html" onclick="Tastaturbildwechsel_nach(6); return false;" style="" id="ebenenreiter6">Ebene6</a>
+ <a href="./index_ebene1.html" style="border-color:#56b; color:#23b" onclick="Tastaturbildwechsel_nach(1); return false;" id="ebenenreiter1" > Ebene1</a>
+ <a href="./index_ebene2.html" onclick="Tastaturbildwechsel_nach(2); return false;" style="" id="ebenenreiter2">Ebene2</a>
+ <a href="./index_ebene3.html" onclick="Tastaturbildwechsel_nach(3); return false;" style="" id="ebenenreiter3">Ebene3</a>
+ <a href="./index_ebene4.html" onclick="Tastaturbildwechsel_nach(4); return false;" style="" id="ebenenreiter4">Ebene4</a>
+ <a href="./index_ebene5.html" onclick="Tastaturbildwechsel_nach(5); return false;" style="" id="ebenenreiter5">Ebene5</a>
+ <a href="./index_ebene6.html" onclick="Tastaturbildwechsel_nach(6); return false;" style="" id="ebenenreiter6">Ebene6</a>
</div>
</div>
@@ -512,7 +222,7 @@ p { /* text-indent:1em;
<!--------------------------------------------------/-->
<div id="Hauptfeld">
- <div id="Bildcontainer_rechts" > <!-- style="margin-top:0em;" > /-->
+ <div id="Bildcontainer_rechts" >
<img id="Bild" src="tastentier_grinsend.png" />
<div id="Bildtext"> Ein Tasten&shy;tierchen als Quick&shy;download&shy;link. </div>
</div>
@@ -544,7 +254,6 @@ Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bilde
-<!-- </div> rechts /-->
</div>
diff --git a/www/links.html b/www/links.html
deleted file mode 100644
index d4a26e3..0000000
--- a/www/links.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!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.ico">
-<link rel="stylesheet" type="text/css" href="stylesheet.css">
-</head>
-
-<body>
-
-<p>
-<div style="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;
- |&nbsp; <a href="./index.html">Startseite</a> &nbsp;
-
-
-</div>
-</p>
-
-<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 1111111111opacity:.5; text-align:center;"></div>
-
-<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
-<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Links</h1>
-</div>
-
-
-<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></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="position:relative; float:left; margin-right:2em; z-index:15"><img src="tastentier_fliege.png"></div>
-
-<p>Eine gute Tastaturbelegung braucht auch eine <b>gute Schrift</b>, die alle Zeichen unterstützt. Wir empfehlen das</p>
-<div id="linkbutton" style="text-align:center; padding:1em;"><a href="http://linuxlibertine.sourceforge.net">Libertine Open Fonts Project</a></div>
-
-<p><b>Optimiert für die englische Sprache</b> ist das <i>Dvorak-Layout</i>. Für dieses gibt es ein lustiges Comic, das einen intrudiert, nämlich das</p>
-<div id="linkbutton" style="text-align:center; padding:1em;"><a href="http://www.dvzine.org/">DVzine</a></div>
-
-
-
-
-</body>
-</html>
diff --git a/www/schatten_links.png b/www/schatten_links.png
deleted file mode 100644
index 3299ac2..0000000
--- a/www/schatten_links.png
+++ /dev/null
Binary files differ
diff --git a/www/schatten_links_oben.png b/www/schatten_links_oben.png
deleted file mode 100644
index 3163a9c..0000000
--- a/www/schatten_links_oben.png
+++ /dev/null
Binary files differ
diff --git a/www/schatten_oben.png b/www/schatten_oben.png
deleted file mode 100644
index 934d428..0000000
--- a/www/schatten_oben.png
+++ /dev/null
Binary files differ
diff --git a/www/schatten_rechts.png b/www/schatten_rechts.png
deleted file mode 100644
index 92de579..0000000
--- a/www/schatten_rechts.png
+++ /dev/null
Binary files differ
diff --git a/www/schatten_rechts_oben-versetzt.png b/www/schatten_rechts_oben-versetzt.png
deleted file mode 100644
index 2bbf18b..0000000
--- a/www/schatten_rechts_oben-versetzt.png
+++ /dev/null
Binary files differ
diff --git a/www/schattierer_rechts.png b/www/schattierer_rechts.png
deleted file mode 100644
index e2bc501..0000000
--- a/www/schattierer_rechts.png
+++ /dev/null
Binary files differ
diff --git a/www/stylesheet.css b/www/stylesheet.css
index 2d13271..3b58242 100644
--- a/www/stylesheet.css
+++ b/www/stylesheet.css
@@ -1,9 +1,161 @@
-body {
- margin-left:50px; margin-right:50px; margin-top:100px; margin-bottom:0px;
- background-color:#bb5957; background-image:url(./hintergrund.png);
- background-color:#dceeee;
- background-repeat:no-repeat; background-position:50% 0px;
- }
+#Hauptfeld {
+ width:39em;
+ border-width:thin;
+ border-color:#444;
+ border-style:solid;
+ margin-left:12em;
+ margin-right:0em;
+ margin-top:2em;
+ padding-left:2.5em;
+ padding-right:4em;
+ padding-top:2em;
+ padding-bottom:2.4em;
+/* text-align:justify; */
+/* font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; */
+/* font-family: LinuxLibertine, Libertine, Linux-Libertine, sans;
+ line-height:1.35em;
+ font-size:1em;*/
+ background-color:White;
+ color:Black;
+}
+
+#Hauptfeldlink_rechtsunten {
+ position:relative; top:.8em; left:.5em;
+ text-align:right;
+ margin-bottom:0em;
+}
+
+#Navigationsleiste {
+ background-color:#F8F8FA;
+ color:WindowText;
+ position:relative;
+ width:10em;
+/* float:left; */
+ text-align:center;
+ margin:2em;
+ margin-left:0em;
+ margin-top:2em;
+ border-width:thin;
+ border-style:solid;
+ border-color:green;
+ border-top-width:0px;
+
+}
+
+#Navigationsthema {
+ border-bottom-width:1px;
+ border-bottom-style:solid;
+ border-color:black;
+ border-top-width:1px;
+ border-top-style:solid;
+ border-color:black;
+ text-align:center;
+ font-weight:bold;
+ background-color:#FAFBF8;
+ color:InfoText;
+ padding-top:.2em;
+ padding-bottom:.2em;
+}
+
+#Navigationsunterpunkte {
+ padding-top:.5em;
+ padding-bottom:.75em;
+}
+
+#Navigationseintrag {
+ display:block;
+ text-align:left;
+ padding-left:1em;
+ padding-right:1em;
+ padding-top:.25em;
+ padding-bottom:.25em;
+}
+
+#Bildcontainer_links {
+ width:10em;
+ border-width:thin;
+ border-color:#DDD;
+ border-style:solid;
+ margin-right: 1.2em;
+ margin-bottom: .8em;
+ margin-left: 0em;
+ margin-top: 1em;
+ float:left;
+ text-align:center;
+
+}
+
+
+#Bildcontainer_oben {
+ width:39em;
+ border-width:thin;
+ border-color:#DDD;
+ border-style:solid;
+ margin-left: 0em;
+ margin-bottom: 1.75em;
+ margin-right: 0em;
+ margin-top: 0em;
+/* float:left; */
+ display:block;
+ text-align:center;
+}
+
+
+#Bildcontainer_rechts {
+ width:10em;
+ border-width:thin;
+ border-color:#DDD;
+ border-style:solid;
+ margin-left: 1.2em;
+ margin-bottom: .8em;
+ margin-right: 0em;
+ margin-top: 1em;
+ float:right;
+ text-align:center;
+
+}
+
+#Bild {
+ text-align:center;
+ padding:.5em;
+ width:9em;
+}
+
+
+#Bild_oben {
+ text-align:center;
+ padding:.5em;
+ width:38em;
+}
+
+
+
+#Bildtext {
+ padding:.5em;
+ font-size:small;
+ text-align:left;
+ background-color:#EEE;
+}
+
+#Hintergrundverlauf_von {
+ background-color:#F30;
+}
+
+#Hintergrundverlauf_nach {
+ background-color:transparent;
+}
+
+a { text-decoration:none; }
+a:hover { color:HighlightText; background-color:Highlight; }
+
+h1 { margin-bottom:1em; margin-top:0em; font-size:1.5em; }
+h2 { margin-bottom:.5em; margin-top:1.5em; font-size:1.2em; /* padding-left:1em; */ }
+
+p { /* text-indent:1em;
+ text-align:justify; */
+ margin-bottom:-.5em;}
+
+/* Altbestand: */
#linkbutton
{
@@ -16,7 +168,7 @@ body {
border-width:2px; border-style:solid;
border-color:#aaaaaa;
padding-top:.25em; padding-bottom:.25em;
- background-image:url(./linkhintergrund.jpg);
+ background-color:#FAFAFA;
padding-left:1em; padding-right:1em;
}
@@ -25,8 +177,14 @@ body {
#linkbutton a:focus { color:#223; text-decoration:underline; }
#linkbutton a:active { color:#8b2121; text-decoration:none; }
#linkbutton a:hover { color:#020; text-decoration:none;
- background-image:url(./hintergrund_button_hover.png);
- background-position:top left;
+ background-color:Highlight;
}
-hr { margin-left:2em; margin-right:2em; margin-top:3ex; margin-bottom:4ex; height:15px; border:0px; background-image:url(taste_schraeg2.png);}
+#Gesamtzentrierung {
+ background-color: transparent;
+ text-align: left;
+ margin: 0px auto 0;
+ width: 57.5em;
+}
+
+
diff --git a/www/stylesheet_ie7.css b/www/stylesheet_ie7.css
new file mode 100644
index 0000000..25d7444
--- /dev/null
+++ b/www/stylesheet_ie7.css
@@ -0,0 +1,11 @@
+#Bild_oben {
+ width:31em;
+}
+
+#Bildcontainer_oben {
+ width:32em;
+}
+#IE6-Bildweitenkorrektur {
+ width:32em;
+}
+
diff --git a/www/tastatur_blass_gerastert.png b/www/tastatur_blass_gerastert.png
deleted file mode 100644
index 9ea1fec..0000000
--- a/www/tastatur_blass_gerastert.png
+++ /dev/null
Binary files differ
diff --git a/www/taste_return.png b/www/taste_return.png
deleted file mode 100644
index 3ff0af5..0000000
--- a/www/taste_return.png
+++ /dev/null
Binary files differ
diff --git a/www/taste_schraeg2.png b/www/taste_schraeg2.png
deleted file mode 100644
index b4b63c0..0000000
--- a/www/taste_schraeg2.png
+++ /dev/null
Binary files differ
diff --git a/www/tastenhervorhebung.png b/www/tastenhervorhebung.png
deleted file mode 100644
index 00a7eac..0000000
--- a/www/tastenhervorhebung.png
+++ /dev/null
Binary files differ
diff --git a/www/tastentier-reihe.png b/www/tastentier-reihe.png
deleted file mode 100644
index cb74af9..0000000
--- a/www/tastentier-reihe.png
+++ /dev/null
Binary files differ
diff --git a/www/tastentier-reihe_blass.png b/www/tastentier-reihe_blass.png
deleted file mode 100644
index 104f3ac..0000000
--- a/www/tastentier-reihe_blass.png
+++ /dev/null
Binary files differ
diff --git a/www/tastentier.png b/www/tastentier.png
deleted file mode 100644
index 8f4b314..0000000
--- a/www/tastentier.png
+++ /dev/null
Binary files differ
diff --git a/www/tastentier_fliege.png b/www/tastentier_fliege.png
deleted file mode 100644
index ab37af5..0000000
--- a/www/tastentier_fliege.png
+++ /dev/null
Binary files differ
diff --git a/www/tastentier_gutmuetig.png b/www/tastentier_gutmuetig.png
deleted file mode 100644
index 177fe70..0000000
--- a/www/tastentier_gutmuetig.png
+++ /dev/null
Binary files differ
diff --git a/www/tastentier_zufrieden.png b/www/tastentier_zufrieden.png
deleted file mode 100644
index c0eb4aa..0000000
--- a/www/tastentier_zufrieden.png
+++ /dev/null
Binary files differ
diff --git a/www/tastentier_zufrieden2.png b/www/tastentier_zufrieden2.png
deleted file mode 100644
index 7ec21d5..0000000
--- a/www/tastentier_zufrieden2.png
+++ /dev/null
Binary files differ
diff --git a/www/tastentierchen_baustelle.png b/www/tastentierchen_baustelle.png
deleted file mode 100644
index 10ac66e..0000000
--- a/www/tastentierchen_baustelle.png
+++ /dev/null
Binary files differ
diff --git a/www/verzierung_vertikal_links.png b/www/verzierung_vertikal_links.png
deleted file mode 100644
index 0ab332e..0000000
--- a/www/verzierung_vertikal_links.png
+++ /dev/null
Binary files differ
diff --git a/www/verzierung_vertikal_rechts.png b/www/verzierung_vertikal_rechts.png
deleted file mode 100644
index 9927094..0000000
--- a/www/verzierung_vertikal_rechts.png
+++ /dev/null
Binary files differ
diff --git a/www/vorlage.html b/www/vorlage.html
deleted file mode 100644
index acac9ca..0000000
--- a/www/vorlage.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<!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.ico">
-<link rel="stylesheet" type="text/css" href="stylesheet.css">
-
-</head>
-
-<body>
-
-<p>
-<div style="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="./index.html">Benutzerhandbuch</a> &nbsp;
- <a href="./about.html">Impressum</a> &nbsp;
- <a href="./links.html">Links</a> &nbsp;
- |&nbsp; <a href="./index.html">Startseite</a> &nbsp;
-</div>
-</p>
-
-<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; 11111opacity:.5; text-align:center;"></div>
-
-<div style="position:absolute; top:22px; height:70px; width:90%; display:table; ">
-<h1 style="display:table-cell; vertical-align:middle; text-align:center;">Vorlage</h1>
-</div>
-
-
-<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; 1background-attachment:fixed; "></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>
-/-->
-
-</body>
-</html>