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

13 files changed, 234 insertions, 69 deletions

diff --git a/www/baustelleninfos.html b/www/baustelleninfos.html
index 82645d7..2945c0d 100644
--- a/www/baustelleninfos.html
+++ b/www/baustelleninfos.html
@@ -13,10 +13,6 @@
 
 
 
-<!-- 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;"> 
@@ -42,7 +38,7 @@
 
 
 
-<div style="text-align:center;">
+<div style="text-align:left;">
 
 
 
diff --git a/www/hintergrund.png b/www/hintergrund.png
index 8708bfa..d82aaeb 100644
--- a/www/hintergrund.png
+++ b/www/hintergrund.png
diff --git a/www/hintergrund_papierstruktur.png b/www/hintergrund_papierstruktur.png
new file mode 100644
index 0000000..3681de1
--- /dev/null
+++ b/www/hintergrund_papierstruktur.png
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>
 
diff --git a/www/linkhintergrund.jpg b/www/linkhintergrund.jpg
new file mode 100644
index 0000000..1e11028
--- /dev/null
+++ b/www/linkhintergrund.jpg
diff --git a/www/neo_kopf_trac_522x50.png b/www/neo_kopf_trac_522x50.png
index f540930..ce286f0 100644
--- a/www/neo_kopf_trac_522x50.png
+++ b/www/neo_kopf_trac_522x50.png
diff --git a/www/neo_kopf_trac_522x50.svg b/www/neo_kopf_trac_522x50.svg
new file mode 100644
index 0000000..b78de76
--- /dev/null
+++ b/www/neo_kopf_trac_522x50.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="521.67786"
+   height="49.995655"
+   id="svg44668"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   version="1.0"
+   sodipodi:docname="neo_kopf_trac_522x50.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs44670">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective44676" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="350"
+     inkscape:cy="520"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="640"
+     inkscape:window-height="672"
+     inkscape:window-x="0"
+     inkscape:window-y="0" />
+  <metadata
+     id="metadata44673">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(46.55321,-504.50721)">
+    <path
+       style="font-size:143.38720703px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Linux Libertine"
+       d="M 41.24939,504.50721 C 34.77519,504.50721 30.29805,506.77358 26.88035,510.60596 C 28.52665,511.48847 30.86762,512.92674 32.8867,513.97883 C 35.03555,512.06715 37.35933,510.42115 41.24939,510.42115 C 45.16725,510.42115 48.58169,511.813 50.58233,514.5794 C 52.58289,517.34579 54.04752,521.43809 54.04752,526.86931 C 54.04752,532.27525 53.50694,536.36755 51.50639,539.15923 C 49.50574,541.92577 46.55333,543.31747 42.63547,543.31747 C 26.63503,542.12152 27.32723,520.13111 19.39552,510.09781 C 16.22968,506.41771 11.92045,504.59991 6.4125604,504.59961 C 0.23540244,504.59976 -4.7122316,506.63771 -8.4184986,510.69837 L -2.3659496,513.88643 C -0.15247856,511.65303 2.6659594,510.55984 6.0891424,510.55984 C 9.5895204,510.55984 12.27523,511.63676 14.12841,513.79402 C 20.07803,521.56273 22.27361,537.13991 27.57339,542.43969 C 31.15336,546.0197 33.98569,548.5899 39.17027,549.13901 C 39.18118,549.14182 39.2056,549.13635 39.21647,549.13901 C 40.11944,549.36906 43.20383,549.46132 43.79054,549.27769 C 50.27867,549.27769 52.98609,547.35566 56.40386,543.54856 C 59.8215,539.71617 61.02407,534.15337 61.02413,526.86931 C 61.02407,519.61068 58.87906,514.06873 55.4336,510.23634 C 52.01589,506.40411 47.72358,504.50721 41.24939,504.50721 z M -28.997207,504.96362 C -34.390162,505.01522 -38.590748,507.33511 -42.118903,511.14295 C -45.498249,514.79023 -46.877943,519.90609 -46.489515,527.00799 C -46.409647,528.48337 -46.489515,541.74288 -46.489515,548.39429 C -44.584412,548.39429 -42.092039,548.39429 -40.483166,548.39429 C -40.440171,541.41333 -40.575571,540.99979 -40.575571,527.00799 C -40.575586,521.60206 -39.759757,517.13363 -36.740748,514.44086 C -34.183736,512.16 -31.837999,510.88643 -27.668196,511.1051 C -23.480118,511.32495 -19.648591,514.17666 -17.865641,517.93098 C -15.358705,523.20976 -17.105078,535.62003 -10.359012,543.08653 C -6.5755376,547.04577 0.71137144,549.37009 7.4290204,549.37009 C 9.7711904,549.36995 12.18624,549.09672 14.68284,548.53845 C 17.20514,548.00545 17.80183,547.64307 20.50438,546.55166 L 14.49803,543.36374 C 13.58174,543.38592 8.2659004,543.89275 8.3068704,543.7795 C -0.15419356,544.36985 -4.6531066,540.65708 -6.5241906,538.23517 C -7.3789476,537.12882 -8.1773136,535.91439 -8.9267286,533.70731 C -9.2172956,532.52615 -9.4828316,531.30773 -9.6659716,530.01109 C -10.137757,526.67105 -10.362206,523.07005 -10.959647,519.66169 C -11.557044,516.25349 -13.198046,513.43741 -15.242659,510.97987 C -18.346814,507.24906 -23.489314,504.96377 -28.997207,504.96362 z M -5.9235556,524.09715 C -5.7505426,525.92855 -5.9022356,527.76409 -4.7684876,529.59534 L 13.11195,529.59534 L 16.53095,526.82318 L 12.00309,524.09715 L -5.9235556,524.09715 z"
+       id="path44662"
+       sodipodi:nodetypes="cccssscccsccscsssccscccssccsszscsccccscsssccccccc" />
+    <text
+       xml:space="preserve"
+       style="font-size:31.72240448px;font-style:normal;font-weight:bold;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Linux Libertine"
+       x="70.1838"
+       y="547.12988"
+       id="text44664"><tspan
+         sodipodi:role="line"
+         id="tspan44666"
+         x="70.1838"
+         y="547.12988">Ergonomisches Tastaturlayout</tspan></text>
+  </g>
+</svg>
diff --git a/www/stylesheet.css b/www/stylesheet.css
index 5ee5d7b..2d13271 100644
--- a/www/stylesheet.css
+++ b/www/stylesheet.css
@@ -1,6 +1,8 @@
 body    {
-	margin-left:50px; margin-right:50px; margin-top:100px; margin-bottom:100px;
-	background-image:url(./hintergrund.png);
+	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;
 	}
 
 #linkbutton
@@ -11,20 +13,20 @@ body    {
 
 #linkbutton a
 	{
-	border-width:1px; border-style:solid;
-	border-color:#FFF;
+	border-width:2px; border-style:solid;
+	border-color:#aaaaaa;
 	padding-top:.25em; padding-bottom:.25em;
-	background-image:url(./hintergrund_button.png);
+	background-image:url(./linkhintergrund.jpg);
 	padding-left:1em; padding-right:1em;
 	}
 
 #linkbutton a:link    {  color:#000; text-decoration:none;      }
-#linkbutton a:visited {  color:#a14a4a; 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:#000; text-decoration:none;
+#linkbutton a:hover   {  color:#020; text-decoration:none;
 			 background-image:url(./hintergrund_button_hover.png);
 			 background-position:top left;          
 		      }
 
-
+hr	{ margin-left:2em; margin-right:2em; margin-top:3ex; margin-bottom:4ex;  height:15px; border:0px;   background-image:url(taste_schraeg2.png);}
diff --git a/www/taste_return.png b/www/taste_return.png
new file mode 100644
index 0000000..3ff0af5
--- /dev/null
+++ b/www/taste_return.png
diff --git a/www/taste_schraeg2.png b/www/taste_schraeg2.png
new file mode 100644
index 0000000..b4b63c0
--- /dev/null
+++ b/www/taste_schraeg2.png
diff --git a/www/tastentier_grinsend.png b/www/tastentier_grinsend.png
new file mode 100644
index 0000000..a5450f7
--- /dev/null
+++ b/www/tastentier_grinsend.png
diff --git a/www/tastentier_laechelnd.png b/www/tastentier_laechelnd.png
new file mode 100644
index 0000000..121c257
--- /dev/null
+++ b/www/tastentier_laechelnd.png
diff --git a/www/tastentier_linksblickend.png b/www/tastentier_linksblickend.png
new file mode 100644
index 0000000..7ee57a4
--- /dev/null
+++ b/www/tastentier_linksblickend.png