diff options
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> - <a href="http://wiki.neo-layout.org/wiki/Einführung">Einführung</a> - <a href="./download.html">Download</a> - <a href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch">Benutzerhandbuch</a> - <a href="./about.html">Impressum</a> - <a href="http://wiki.neo-layout.org/wiki/links">Links</a> - | <a href="./index.html">Startseite</a> - -</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> - <a href="./download.html">Download</a> - <a href="./benutzerhandbuch.html">Benutzerhandbuch</a> - <a href="./about.html">Impressum</a> - <a href="./links.html">Links</a> - | <a href="./index.html">Startseite</a> - - -</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> - <a href="./download.html">Download</a> - <a href="./benutzerhandbuch.html">Benutzerhandbuch</a> - <a href="./about.html">Impressum</a> - <a href="./links.html">Links</a> - | <a href="./index.html">Startseite</a> - - -</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> -<a href="#">Windows</a> -<a href="#">Mac-OS</a> -</div> - -<h2>Weiteres Material</h2> -<div id="linkbutton"> -<a href="#">Tastenaufkleber</a> -<a href="#">Aufsteller mit Tastaturlayoutsübersicht</a> -<a href="#">Zeichenliste (thematisch sortiert) mit Erzeugendentasten</a> -<a href="#">Werbung zum Selberanbringen</a> -<a href="#">Gimmicks</a> -<a href="#">??</a> -</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> - <a href="./download.html">Download</a> - <a href="./benutzerhandbuch.html">Benutzerhandbuch</a> - <a href="./about.html">Impressum</a> - <a href="./links.html">Links</a> - | <a href="./index.html">Startseite</a> - - -</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 Binary files differdeleted file mode 100644 index d82aaeb..0000000 --- a/www/hintergrund.png +++ /dev/null diff --git a/www/hintergrund_button.png b/www/hintergrund_button.png Binary files differdeleted file mode 100644 index 88502c3..0000000 --- a/www/hintergrund_button.png +++ /dev/null diff --git a/www/hintergrund_papierstruktur.png b/www/hintergrund_papierstruktur.png Binary files differdeleted file mode 100644 index 3681de1..0000000 --- a/www/hintergrund_papierstruktur.png +++ /dev/null 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 OS 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­tierchen als Quick­download­link. </div> </div> @@ -544,7 +254,6 @@ Dies ist ein Bei­spiel für die Po­si­tio­nie­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> - <a href="./download.html">Download</a> - <a href="./benutzerhandbuch.html">Benutzerhandbuch</a> - <a href="./about.html">Impressum</a> - <a href="./links.html">Links</a> - | <a href="./index.html">Startseite</a> - - -</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 Binary files differdeleted file mode 100644 index 3299ac2..0000000 --- a/www/schatten_links.png +++ /dev/null diff --git a/www/schatten_links_oben.png b/www/schatten_links_oben.png Binary files differdeleted file mode 100644 index 3163a9c..0000000 --- a/www/schatten_links_oben.png +++ /dev/null diff --git a/www/schatten_oben.png b/www/schatten_oben.png Binary files differdeleted file mode 100644 index 934d428..0000000 --- a/www/schatten_oben.png +++ /dev/null diff --git a/www/schatten_rechts.png b/www/schatten_rechts.png Binary files differdeleted file mode 100644 index 92de579..0000000 --- a/www/schatten_rechts.png +++ /dev/null diff --git a/www/schatten_rechts_oben-versetzt.png b/www/schatten_rechts_oben-versetzt.png Binary files differdeleted file mode 100644 index 2bbf18b..0000000 --- a/www/schatten_rechts_oben-versetzt.png +++ /dev/null diff --git a/www/schattierer_rechts.png b/www/schattierer_rechts.png Binary files differdeleted file mode 100644 index e2bc501..0000000 --- a/www/schattierer_rechts.png +++ /dev/null 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 Binary files differdeleted file mode 100644 index 9ea1fec..0000000 --- a/www/tastatur_blass_gerastert.png +++ /dev/null diff --git a/www/taste_return.png b/www/taste_return.png Binary files differdeleted file mode 100644 index 3ff0af5..0000000 --- a/www/taste_return.png +++ /dev/null diff --git a/www/taste_schraeg2.png b/www/taste_schraeg2.png Binary files differdeleted file mode 100644 index b4b63c0..0000000 --- a/www/taste_schraeg2.png +++ /dev/null diff --git a/www/tastenhervorhebung.png b/www/tastenhervorhebung.png Binary files differdeleted file mode 100644 index 00a7eac..0000000 --- a/www/tastenhervorhebung.png +++ /dev/null diff --git a/www/tastentier-reihe.png b/www/tastentier-reihe.png Binary files differdeleted file mode 100644 index cb74af9..0000000 --- a/www/tastentier-reihe.png +++ /dev/null diff --git a/www/tastentier-reihe_blass.png b/www/tastentier-reihe_blass.png Binary files differdeleted file mode 100644 index 104f3ac..0000000 --- a/www/tastentier-reihe_blass.png +++ /dev/null diff --git a/www/tastentier.png b/www/tastentier.png Binary files differdeleted file mode 100644 index 8f4b314..0000000 --- a/www/tastentier.png +++ /dev/null diff --git a/www/tastentier_fliege.png b/www/tastentier_fliege.png Binary files differdeleted file mode 100644 index ab37af5..0000000 --- a/www/tastentier_fliege.png +++ /dev/null diff --git a/www/tastentier_gutmuetig.png b/www/tastentier_gutmuetig.png Binary files differdeleted file mode 100644 index 177fe70..0000000 --- a/www/tastentier_gutmuetig.png +++ /dev/null diff --git a/www/tastentier_zufrieden.png b/www/tastentier_zufrieden.png Binary files differdeleted file mode 100644 index c0eb4aa..0000000 --- a/www/tastentier_zufrieden.png +++ /dev/null diff --git a/www/tastentier_zufrieden2.png b/www/tastentier_zufrieden2.png Binary files differdeleted file mode 100644 index 7ec21d5..0000000 --- a/www/tastentier_zufrieden2.png +++ /dev/null diff --git a/www/tastentierchen_baustelle.png b/www/tastentierchen_baustelle.png Binary files differdeleted file mode 100644 index 10ac66e..0000000 --- a/www/tastentierchen_baustelle.png +++ /dev/null diff --git a/www/verzierung_vertikal_links.png b/www/verzierung_vertikal_links.png Binary files differdeleted file mode 100644 index 0ab332e..0000000 --- a/www/verzierung_vertikal_links.png +++ /dev/null diff --git a/www/verzierung_vertikal_rechts.png b/www/verzierung_vertikal_rechts.png Binary files differdeleted file mode 100644 index 9927094..0000000 --- a/www/verzierung_vertikal_rechts.png +++ /dev/null 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> - <a href="./download.html">Download</a> - <a href="./index.html">Benutzerhandbuch</a> - <a href="./about.html">Impressum</a> - <a href="./links.html">Links</a> - | <a href="./index.html">Startseite</a> -</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> |
