From c37ee99139f534971ed543f3bf874160651db047 Mon Sep 17 00:00:00 2001
From: martinEngel <martinEngel@b9310e46-f624-0410-8ea1-cfbb3a30dc96>
Date: Sun, 20 Jul 2008 16:27:39 +0000
Subject: Neues Design (Weniger Tastentierchendominant, offizieller) Die
 Tierchen rechts sind Quicklinks
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bei Nichtgefallen: Wieder zurücksetzen

git-svn-id: https://svn.neo-layout.org@677 b9310e46-f624-0410-8ea1-cfbb3a30dc96
---
 www/index.html | 201 +++++++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 145 insertions(+), 56 deletions(-)

(limited to 'www/index.html')

diff --git a/www/index.html b/www/index.html
index 3aa8ec3..902228e 100644
--- a/www/index.html
+++ b/www/index.html
@@ -13,17 +13,26 @@
 
 
 
-<!-- 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>
+<!-- Quicklinks /-->
+
+ <div style="position:relative; top:-50px; right:-10px; float:right; text-align:center;">
+  <a href=""><img src="./tastentier_laechelnd.png" width="50px" height="34px" alt="quickdownload:Neo_Windows" border="0"></a><br>
+  <a href=""><img src="./tastentier_linksblickend.png" width="50px" height="37px" alt="quickdownload:Neo_Linux" border="0"></a><br>
+  <a href=""><img src="./tastentier_grinsend.png"  width="50px" height="34px" alt="quickdownload:Neo_OS-X" border="0"></a>
+ </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 /-->
+/-->
+<!-- /Quicklinks /-->
 
-<p>
-<div style="margin-bottom:3em; z-index:100;" id="linkbutton">
+<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;
@@ -32,51 +41,17 @@
    <a href="./about.html">Impressum</a>  &nbsp;
    <a href="http://wiki.neo-layout.org/wiki/links">Links</a> &nbsp;
 </div>
-</p>
 
 
 
 
+ <div style="text-align:left; margin-bottom:3em; clear:right">
 
-
-
-
-<div style="text-align:center;">
-
-
-<!--
-
- <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>
-
-/-->
-
-
-
-<!-- =================== 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 ===============  /-->
-
-
-
-
- <div style="text-align:left;">
-
+ <!--  <div style="position:absolute; right:2em; top:180px; background-image:url(./taste_return.png); display:block; width:150px; height:157px;"></div> /-->
   <p>
+
+ <img src="./taste_return.png" align="right" style="float:right;;">
+ <b style="background-color:#F30; color:#FFF">Achtung: Baustelle! Mehr Informationen unten.</b><br>  
    <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>
 
@@ -93,23 +68,17 @@
  </div>
 
 
-</div>
-
 
 
-<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="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="border-color:#56b"><font style="color:#23b">Ebene1</font></a>
         <a href="i" style="">Ebene2</a>
         <a href="i" style="">Ebene3</a>
         <a href="i" style="">Ebene4</a>
@@ -129,7 +98,7 @@
 
    <br />
 
-   <a href="i" style="">Tastenverteilung an beliebigem Text testen</a>
+   <a href="i" style="">Tastenverteilung an beliebigem Text testen (verwendet JavaScript)</a>
   </div>
 
 
@@ -146,10 +115,114 @@
 
 <hr style="clear:both">
 
+
+
+
+
+
+<div style="text-align:center;">
+
+
+<!--
+
+ <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>
+
+/-->
+
+
+
+<!-- =================== Temporär: Baustelleninfo ===============  /-->
+
+
+<!--  
+  <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>
+/-->
+
+<!--
+  <div style="1float:right;">
+   <img src="./tastentierchen_baustelle_ohne_zigarette.png" alt="Baustellenbild" />
+  </div>
+/-->
+
+
+<!-- ========= ENDE ==== Temporär: Baustelleninfo ===============  /-->
+
+
+
+
+</div>
+
+
+
+
+
+
+
+
+<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">
+<h1>Kurzinformation für Interessierte</h1>
+<p>
+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. </p>
+<ul>
+<li>Windows: <a href="https://svn.neo-layout.org/windows/">https://svn.neo-layout.org/windows/</a></li>
+<li>Linux: <a href="https://svn.neo-layout.org/linux/">https://svn.neo-layout.org/linux/</a></li>
+<li>Mac-OS X: <a href="https://svn.neo-layout.org/mac_osx/">https://svn.neo-layout.org/mac_osx/</a></li>
+</ul>
+<p>Die <b>aktuelle Belegung</b> 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></p>
+<p>Eine (hoffentlich aktuelle) <b>Referenz zum Ausdrucken</b> 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.</p>
+
+<p>Auf jeden Fall wird empfohlen, folgende <b>Schriftarten zu installieren</b>, damit alle mit Neo schreibbaren Zeichen dargestellt werden können:</p>
+<ul>
+<li><a href="http://dejavu.sourceforge.net/wiki/index.php/Download">Deja-Vu</a></li>
+<li><a href="http://sourceforge.net/project/showfiles.php?group_id=89513">Libertine</a></li>
+</ul>
+<p><b>Neo ist auf den »normalen Ebenen«</b>, will heißen: normale Buchstaben und Klammern, etc., <b>vollständig benutzbar</b>. 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.</p>
+<p>Verbesserungsvorschläge sind immer willkommen! Da wir sehr viele Abhängigkeiten haben, kann es aber sein, daß sie nicht unbedingt eingepflegt werden.<br>
+</p>
+Danke fürs Interesse!<br>
+Euer Neo-Team<br>
+
+
+
+</div><br><br>
+
+
+</div>
+
+
+
+
+  <div style="text-align:center;">
+   <img src="./tastentierchen_baustelle_ohne_zigarette.png" alt="Baustellenbild"  style="position:relative; left:-83px;"/>
+  </div>
+
+
+
+
+
+
+
+
+<br>
+<br>
+
 <!-- =================== 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 style="position:absolute; top:22px; left:0px; width:100%; height:70px;
+   background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; opacity:0.60; background-color:#EEE;">
+</div>
+/-->
+
+<div style="position:absolute; top:34px; left:52px; width:522px; height:70px;     
+   background-image:url(./neo_kopf_trac_522x50.png); background-repeat:no-repeat;">      <!-- top:35px; left:50px; /--> 
 </div>
 
 <div style="position:fixed; top:0px; right:0px; width:11px; height:100%; 
@@ -160,8 +233,8 @@
    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 style="position:fixed; top:0px; left:0px; width:11px; height:100%; 
+   background-image:url(./schatten_links.png); ibackground-color:#b95755; background-repeat:repeat-y; background-attachment:fixed; ">
 </div>
 
 <div style="position:absolute; top:0px; left:0px; width:50px; height:50px; 
@@ -185,6 +258,22 @@
 /-->
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 </body>
 </html>
 
-- 
cgit v1.2.3