neo
/
neo-layout
15
15
Fork 24
Code Issues 69 Pull Requests 3 Releases Wiki Activity

Viele Kommentare gelöscht + unbenutzte pngs gelöscht

This commit is contained in:
ben 2008-12-28 17:40:58 +00:00
parent 08e3873570
commit d77075cd51
32 changed files with 211 additions and 965 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

128
www/baustelleninfos.html
View File

@ -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>

84
www/benutzerhandbuch.html
View File

@ -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>

156
www/download.html
View File

@ -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>

152
www/einfuehrung.html
View File

@ -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>

BIN
www/hintergrund.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
www/hintergrund_button.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
www/hintergrund_papierstruktur.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

311
www/index.html
View File

@ -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> /-->
<!-- Quicklinks /-->
<!-- <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>
/-->
<!--
<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;">
</div>
/-->
<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>
@ -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>

63
www/links.html
View File

@ -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>

BIN
www/schatten_links.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 252 B

BIN
www/schatten_links_oben.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 281 B

BIN
www/schatten_oben.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 288 B

BIN
www/schatten_rechts.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 224 B

BIN
www/schatten_rechts_oben-versetzt.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 262 B

BIN
www/schattierer_rechts.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 42 KiB

176
www/stylesheet.css
View File

@ -1,10 +1,162 @@
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
{
line-height:2em;
@ -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;
}

11
www/stylesheet_ie7.css Normal file
View File

@ -0,0 +1,11 @@
#Bild_oben {
width:31em;
}
#Bildcontainer_oben {
width:32em;
}
#IE6-Bildweitenkorrektur {
width:32em;
}

BIN
www/tastatur_blass_gerastert.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

BIN
www/taste_return.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.3 KiB

BIN
www/taste_schraeg2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 752 B

BIN
www/tastenhervorhebung.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 77 KiB

BIN
www/tastentier-reihe.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.0 KiB

BIN
www/tastentier-reihe_blass.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.0 KiB

BIN
www/tastentier.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
www/tastentier_fliege.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.9 KiB

BIN
www/tastentier_gutmuetig.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

BIN
www/tastentier_zufrieden.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.1 KiB

BIN
www/tastentier_zufrieden2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
www/tastentierchen_baustelle.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 36 KiB

BIN
www/verzierung_vertikal_links.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
www/verzierung_vertikal_rechts.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

49
www/vorlage.html
View File

@ -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>