Neues Design (Weniger Tastentierchendominant, offizieller)

Die Tierchen rechts sind Quicklinks

Bei Nichtgefallen: Wieder zurücksetzen
This commit is contained in:
martinEngel 2008-07-20 16:27:39 +00:00
parent e4fb963fa4
commit a8c2352e41
13 changed files with 246 additions and 81 deletions

View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -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>
<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="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>
/-->
<!-- /Quicklinks /-->
<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,11 +41,81 @@
<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="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>
<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>
<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="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>
<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 (verwendet JavaScript)</a>
</div>
</div>
</div>
<!--
</div>
/-->
<hr style="clear:both">
@ -57,16 +136,19 @@
<!-- =================== 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 />
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 =============== /-->
@ -74,82 +156,73 @@
<div style="text-align:left;">
</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>&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 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>
<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="">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 style="text-align:center;">
<img src="./tastentierchen_baustelle_ohne_zigarette.png" alt="Baustellenbild" style="position:relative; left:-83px;"/>
</div>
</div>
</div>
<!--
</div>
/-->
<hr style="clear:both">
<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;">
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>

BIN
www/linkhintergrund.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.0 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

View File

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

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -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);}

BIN
www/taste_return.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

BIN
www/taste_schraeg2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 752 B

BIN
www/tastentier_grinsend.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB