Randfix und Update der Index.html. Neue Seite für Baustelleninfo.

git-svn-id: https://svn.neo-layout.org@662 b9310e46-f624-0410-8ea1-cfbb3a30dc96
author: martinEngel <martinEngel@b9310e46-f624-0410-8ea1-cfbb3a30dc96> 2008-07-16 17:09:09 +0000
committer: martinEngel <martinEngel@b9310e46-f624-0410-8ea1-cfbb3a30dc96> 2008-07-16 17:09:09 +0000
commit: c870a95ae49f670fbc9176af9d22d6ee05b12621 (patch)
tree: 78950ab0d4e5fad0cf74c5c8a42d45b660601cde /www
parent: 827908756871c5816213c3e3454a614f7dd016c1 (diff)
5 files changed, 254 insertions, 72 deletions
diff --git a/www/baustelleninfos.html b/www/baustelleninfos.html
new file mode 100644
index 0000000..4edb99a
--- /dev/null
+++ b/www/baustelleninfos.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+
+<head>
+ <title>Neo – Neues Deutsches Tastaturlayout</title>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <link rel="shortcut icon" href="./favicon.png">
+ <link rel="stylesheet" type="text/css" href="stylesheet.css">
+</head>
+
+<body>
+
+
+
+<!-- hintergrundverschönerungen /-->
+ <div style="position:absolute; right:2em; top:180px; background-image:url(./verzierung_vertikal.png);  width:100px; height:197px; text-align:center; z-index:0;"></div>
+<!-- /hintergrundverschönerungen /-->
+
+<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:center;">
+
+
+
+
+
+
+
+
+
+<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 sic 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, ist der Treiber auf den anderen Ebenen noch nicht ganz fertig. 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, daß 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/index.html b/www/index.html
index 9b3375a..1ea9c31 100644
--- a/www/index.html
+++ b/www/index.html
@@ -3,136 +3,190 @@
 <html>
 
 <head>
-<title>Neo – Neues Deutsches Tastaturlayout</title>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
-<link rel="shortcut icon" href="./favicon.png">
-<link rel="stylesheet" type="text/css" href="stylesheet.css">
+ <title>Neo – Neues Deutsches Tastaturlayout</title>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <link rel="shortcut icon" href="./favicon.png">
+ <link rel="stylesheet" type="text/css" href="stylesheet.css">
 </head>
 
 <body>
 
 
-<p>
-<div style="1111oben!!line-height:2em; margin-bottom:3em;" id="linkbutton">
- <object data="./neo-logo.svg" type="image/svg+xml"  
-        style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;">
-                  <param name="src" value="./neo-logo.svg">
-                  <img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;"  alt="Neo">
- </object>
-
- <a href="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; 
 
+<!-- hintergrundverschönerungen /-->
+ <div style="position:absolute; right:2em; top:180px; background-image:url(./verzierung_vertikal_rechts.png);  width:100px; height:197px; text-align:center; z-index:0;"></div>
+ <div style="position:absolute; left:2em; top:180px; background-image:url(./verzierung_vertikal_links.png);  width:100px; height:228px; text-align:center; z-index:0;"></div>
+<!-- /hintergrundverschönerungen /-->
+
+<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;
 </div>
 </p>
 
 
-<div style="position:relative; top:-.6em; margin-bottom:1em;">
- <img src="tastentierchen_baustelle.png"/>
- 	<h1 style="line-height:1em;">Willkommen zum neuen Schreibgefühl!</h1>
- <div style="position:relative; top:-.8em; margin-left:1em; color:#999; font-style:italic;">Ergonomischer, schneller und entspannter schreiben:</div>
-</div>
 
-<p><font style="color:#222">Neo ist ein neue Tastaturbelegung, die </font>extra für die Deutsche Sprache<font style="color:#222"> optimiert ist. Ihre Hauptmerkmale sind:</font></p>
 
-<ul>
- <li>
- <font style="color:#222">Optimierungen bezüglich deutscher </font>
- Zweier- und Dreier-Zeichenfolgen</li>
- <li>Programmiertasten 
- <font style="color:#222">sind gut erreichbar</font></li>
- <li><font style="color:#222">Neue Zeichen, wie </font>«,»,∫,√,µ<font style="color:#222"> sind direkt einzugeben</font></li>
-</ul>
 
-<div id="linkbutton"><a href="i" style="AAAAAAAdisplay:block;">Warum neo besser ist als qwertz</a></div>
 
 
-<br>
- <br>
 
-<hr>
+<div style="text-align:center;">
 
-<div style="text-align:center; 111float:left">
 
+<!--
 
-<div style="min-width:650px; overflow:visible;">
-<div id="linkbutton" style="text-align:center; ">
-<a href="i" style=""><font style="color:#F42">Ebene1</font></a>
-<a href="i" style="">Ebene2</a>
-<a href="i" style="">Ebene3</a>
-<a href="i" style="">Ebene4</a>
-<a href="i" style="">Ebene5</a>
+ <div style="position:relative; top:-.6em; margin-bottom:1em;">
+  <h1 style="line-height:1em;">Willkommen zum neuen Schreibgefühl!</h1>
+  <div style="position:relative; top:-.8em; margin-left:1em; color:#999; font-style:italic;">Ergonomischer, schneller und entspannter schreiben:</div>
+ </div>
 
-</div>
-</div>
+/-->
 
 
 
-<div><img src="./tastatur_ebene1.png"/></div>
+<!-- =================== Temporär: Baustelleninfo ===============  /-->
+
+  <div istyle="float:left;">
+   <img src="./tastentierchen_baustelle_ohne_zigarette.png" alt="Baustellenbild" />
+  </div>
+
+
+  
+  <div style="background-color:#fDD; border-color:#f00; margin:2em; padding:2em; border-style:solid; border-width:2px;; text-size:+2">
+   Momentan ist die Webpräsenz eine große Baustelle. Deswegen:<br>
+   <a href="./baustelleninfos.html">Installationsinfos und Einsteigerübersicht hier!</a>
+  </div>
+
+
+<!-- ========= ENDE ==== Temporär: Baustelleninfo ===============  /-->
 
-<!--
-<1div style="background-image:url(./hintergrund_button.png);  width:650px; text-align:center;">
-/-->
-<div id="linkbutton" style="min-width:650px; overflow:visible; text-align:center;">
-<a href="i" style="">Konzeptidee zur Ebene1</a> &nbsp; &nbsp; 
-<a href="" > <img src="tastatur_ebene1_shift.png"  style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
-<a href="" > <img src="tastatur_ebene1_mod3.png"  style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
-<a href="" > <img src="tastatur_ebene1_mod4.png"  style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
-<br>
 
-<a href="i" style="">Tastenverteilung an beliebigem Text testen</a>
-</div>
 
 
+ <div style="text-align:left;">
+
+  <p>
+   <font style="color:#222">Neo ist ein neue Tastaturbelegung, die </font>extra für die Deutsche Sprache<font style="color:#222"> optimiert ist. Ihre Hauptmerkmale sind:</font>
+  </p>
+
+  <ul>
+   <li><font style="color:#222">Optimierungen bezüglich deutscher</font> Zweier- und Dreier-Zeichenfolgen</li>
+   <li>Programmiertasten <font style="color:#222">sind gut erreichbar</font></li>
+   <li><font style="color:#222">Neue Zeichen, wie </font>&nbsp;„ , ” , « , » , ∫ , √ , α , β , …<font style="color:#222"> sind direkt einzugeben</font></li>
+  </ul>
+
+  <div id="linkbutton">
+   <a href="i" >Warum neo besser ist als qwertz</a>
+  </div>
+
+ </div>
+
 
-</div> 
 </div>
 
 
-<hr style="clear:left">
+
+<br>
+<br>
+<hr>
+
 
 
+<div style="display:block; background-image:url(./tastatur_blass_gerastert.png);  background-position: top center;" >
+ <div style="text-align:center; ">
 
-<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; background-image:url(./tastentier-reihe.png); background-repeat:repeat-x; 111opacity:.5; "></div>
 
-<div style="position:absolute; top:0px; right:0px; width:11px; height:100%; background-image:url(./schatten_rechts.png); background-repeat:repeat-y; background-attachment:scroll; "></div>
-<div style="position:absolute; top:0px; left:0px; width:100%; height:50px; background-image:url(./schatten_oben.png); background-repeat:repeat-x; "></div>
-<div style="position:absolute; top:0px; left:0px; width:50px; height:100%; background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "></div>
-<div style="position:absolute; top:0px; left:0px; width:50px; height:50px; background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "></div>
-<div style="position:absolute; top:11px; right:0px; width:11px; height:11px; background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "></div>
+  <div style="min-width:650px; overflow:visible;">
+    <div id="linkbutton" style="text-align:center; ">
+        <a href="i" style=""><font style="color:#F42">Ebene1</font></a>
+        <a href="i" style="">Ebene2</a>
+        <a href="i" style="">Ebene3</a>
+        <a href="i" style="">Ebene4</a>
+        <a href="i" style="">Ebene5</a>
+    </div>
+  </div>
 
+  <div>
+   <img src="./tastatur_ebene1.png"/>
+  </div>
 
+  <div id="linkbutton" style="min-width:650px; overflow:visible; text-align:center;">
+   <a href="i" style="">Konzeptidee zur Ebene1</a> &nbsp; &nbsp;
+   <a href="" > <img src="tastatur_ebene1_shift.png"  style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
+   <a href="" > <img src="tastatur_ebene1_mod3.png"  style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
+   <a href="" > <img src="tastatur_ebene1_mod4.png"  style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
+
+   <br>
+
+   <a href="i" style="">Tastenverteilung an beliebigem Text testen</a>
+  </div>
+
+
+ </div>
+</div>
 
 
 
 <!--
-<div style="position:absolute; bottom:10px; right:50px; z-index:15"><img src="tastentier.png"></div>
+</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="text-align:center;">
-<img src="./tastentier_zufrieden2.png" style=";">
+<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) ===============  /-->
 
-<!--
-<img src="./tastenhervorhebung.png">
-/-->
 
 
+<!--
 
+<div style="text-align:center;">
+ <img src="./tastentier_zufrieden2.png"   align="middle" style=";">
+</div>
+
+/-->
 
 
 </body>
 </html>
+
+
+
diff --git a/www/tastatur_blass_gerastert.png b/www/tastatur_blass_gerastert.png
new file mode 100644
index 0000000..9ea1fec
--- /dev/null
+++ b/www/tastatur_blass_gerastert.png
diff --git a/www/verzierung_vertikal_links.png b/www/verzierung_vertikal_links.png
new file mode 100644
index 0000000..0ab332e
--- /dev/null
+++ b/www/verzierung_vertikal_links.png
diff --git a/www/verzierung_vertikal_rechts.png b/www/verzierung_vertikal_rechts.png
new file mode 100644
index 0000000..9927094
--- /dev/null
+++ b/www/verzierung_vertikal_rechts.png
author	martinEngel <martinEngel@b9310e46-f624-0410-8ea1-cfbb3a30dc96>	2008-07-16 17:09:09 +0000
committer	martinEngel <martinEngel@b9310e46-f624-0410-8ea1-cfbb3a30dc96>	2008-07-16 17:09:09 +0000
commit	c870a95ae49f670fbc9176af9d22d6ee05b12621 (patch)
tree	78950ab0d4e5fad0cf74c5c8a42d45b660601cde /www
parent	827908756871c5816213c3e3454a614f7dd016c1 (diff)