Neues Design (Weniger Tastentierchendominant, offizieller)

Die Tierchen rechts sind Quicklinks

Bei Nichtgefallen: Wieder zurücksetzen

git-svn-id: https://svn.neo-layout.org@677 b9310e46-f624-0410-8ea1-cfbb3a30dc96

1 files changed, 145 insertions, 56 deletions

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>