Changeset 883

Show
Ignore:
Timestamp:
09/15/08 18:28:56 (5 years ago)
Author:
nora
Message:

Download-Links in index.html von  https://svn auf  http://wiki geändert

Files:
1 modified

Legend:

Unmodified
Added
Removed

  • www/index.html

    r834 r883  
    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    2      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
     1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
     2       "http://www.w3.org/TR/html4/strict.dtd"> 
    33<html> 
    4  
    54<head> 
    6  <title>Neo – Ergonomisches Tastaturlayout</title> 
    7  <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
     5<title>Neo – Ergonomisches Tastaturlayout</title> 
     6<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    87 <link rel="shortcut icon" href="./favicon.ico"> 
    9  <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
    10 </head> 
     8<!-- <link rel="stylesheet" type="text/css" href="stylesheet.css"> /--> 
    119 
    1210<script type="text/javascript"> 
    … …  
    2119</script> 
    2220 
    23 <body> 
    24  
    25  
    26 <div style="position:absolute; top:34px; left:52px; width:522px; height:70px;  overflow:hidden;   <!-- w522h70 /--> 
    27    background-image:url(./11111neo_kopf_trac_522x50.png); background-repeat:no-repeat;">      <!-- top:35px; left:50px; /-->  
    28  
    29    <object data="./neo_kopf_trac_522x50.svg" type="image/svg+xml" style="width:522px; height:50px;"> 
    30              <param name="src" value="./neo_kopf_trac_522x50.svg"> 
    31            <img src="./neo_kopf_trac_522x50.png"  alt="Neo – Ergonomisches Tastaturlayout"> 
    32    </object> 
    33 </div> 
    34  
    35  
    36  
    37  
    38 <div style="display:block; background-image:url(./schattierer_rechts.png);  background-position: top left;" > 
    39  
     21 
     22 
     23<style type="text/css"> 
     24 
     25#Hauptfeld { 
     26  width:39em; 
     27  border-width:thin; 
     28  border-color:#444; 
     29  border-style:solid; 
     30  margin-left:12em; 
     31  margin-right:0em; 
     32  margin-top:2em; 
     33  padding-left:2.5em; 
     34  padding-right:4em; 
     35  padding-top:2em; 
     36  padding-bottom:2.4em; 
     37// text-align:justify;   
     38//font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
     39  font-family: LinuxLibertine, Libertine, Linux-Libertine, sans; 
     40  line-height:1.35em; 
     41  font-size:1em; 
     42  background-color:White; 
     43  color:Black; 
     44} 
     45 
     46#Hauptfeldlink_rechtsunten { 
     47  position:relative; top:.8em; left:.5em; 
     48  text-align:right; 
     49  margin-bottom:0em; 
     50} 
     51 
     52#Navigationsleiste { 
     53  background-color:#F8F8FA; 
     54  color:WindowText; 
     55  position:relative;  
     56  width:10em;  
     57  //float:left;  
     58  text-align:center;  
     59  margin:2em; 
     60  margin-left:0em; 
     61  margin-top:2em; 
     62  border-width:thin;   
     63  border-style:solid;   
     64  border-color:green;  
     65  border-top-width:0px; 
     66 
     67} 
     68 
     69#Navigationsthema { 
     70  border-bottom-width:1px; 
     71  border-bottom-style:solid; 
     72  border-color:black; 
     73  border-top-width:1px; 
     74  border-top-style:solid; 
     75  border-color:black; 
     76  text-align:center; 
     77  font-weight:bold; 
     78  background-color:#FAFBF8; 
     79  color:InfoText; 
     80  padding-top:.2em; 
     81  padding-bottom:.2em; 
     82} 
     83 
     84#Navigationsunterpunkte { 
     85  padding-top:.5em; 
     86  padding-bottom:.75em; 
     87} 
     88 
     89#Navigationseintrag { 
     90  display:block; 
     91  text-align:left; 
     92  padding-left:1em; 
     93  padding-right:1em; 
     94  padding-top:.25em; 
     95  padding-bottom:.25em; 
     96} 
     97 
     98#Bildcontainer_links { 
     99  width:10em; 
     100  border-width:thin; 
     101  border-color:#DDD; 
     102  border-style:solid; 
     103  margin-right: 1.2em; 
     104  margin-bottom: .8em; 
     105  margin-left: 0em; 
     106  margin-top: 1em; 
     107  float:left; 
     108  text-align:center; 
     109 
     110} 
     111 
     112 
     113#Bildcontainer_oben { 
     114  width:39em; 
     115  border-width:thin; 
     116  border-color:#DDD; 
     117  border-style:solid; 
     118  margin-left: 0em; 
     119  margin-bottom: 1.75em; 
     120  margin-right: 0em; 
     121  margin-top: 0em; 
     122  display:block; 
     123  text-align:center; 
     124} 
     125 
     126 
     127#Bildcontainer_rechts { 
     128  width:10em; 
     129  border-width:thin; 
     130  border-color:#DDD; 
     131  border-style:solid; 
     132  margin-left: 1.2em; 
     133  margin-bottom: .8em; 
     134  margin-right: 0em; 
     135  margin-top: 1em; 
     136  float:right; 
     137  text-align:center; 
     138 
     139} 
     140 
     141#Bild { 
     142  text-align:center; 
     143  padding:.5em; 
     144  width:9em; 
     145} 
     146 
     147 
     148#Bild_oben { 
     149  text-align:center; 
     150  padding:.5em; 
     151  width:38em; 
     152} 
     153 
     154 
     155 
     156#Bildtext { 
     157  padding:.5em; 
     158  font-size:small; 
     159  text-align:left; 
     160  background-color:#EEE;  
     161} 
     162 
     163#Hintergrundverlauf_von {  
     164  background-color:#F30; 
     165} 
     166 
     167#Hintergrundverlauf_nach {  
     168  background-color:transparent; 
     169} 
     170 
     171a         {  text-decoration:none; ; } 
     172a:hover   {  color:HighlightText; background-color:Highlight; } 
     173 
     174h1        {  margin-bottom:1em; margin-top:0em;   font-size:1.5em; } 
     175h2        {  margin-bottom:.5em; margin-top:1.5em;  font-size:1.2em; iipadding-left:1em;; } 
     176 
     177p         {  //text-indent:1em;   
     178             //  text-align:justify; 
     179               margin-bottom:-.5em;} 
     180 
     181//Altbestand: 
     182 
     183#linkbutton 
     184        { 
     185        line-height:2em; 
     186        text-align:left; color:#000; 
     187        } 
     188 
     189#linkbutton a 
     190        { 
     191        border-width:2px; border-style:solid; 
     192        border-color:#aaaaaa; 
     193        padding-top:.25em; padding-bottom:.25em; 
     194        background-color:#FAFAFA; 
     195        padding-left:1em; padding-right:1em; 
     196        } 
     197 
     198#linkbutton a:link    {  color:#000; text-decoration:none;      } 
     199#linkbutton a:visited {  color:#4a4a4a; text-decoration:none;   } 
     200#linkbutton a:focus   {  color:#223; text-decoration:underline; } 
     201#linkbutton a:active  {  color:#8b2121; text-decoration:none;  } 
     202#linkbutton a:hover   {  color:#020; text-decoration:none; 
     203                         background-color:Highlight;           
     204                      } 
     205 
     206#Gesamtzentrierung {  
     207        background-color: transparent;  
     208        text-align: left;   
     209        margin: 0px auto 0;  
     210        width: 57.5em;  
     211} 
     212///------------- 
     213 
     214</style> 
     215 
     216</head> 
     217<!-- Für Mittenpositionierung: padding: 0; margin: 0; text-align: center; ind bodystyle /--> 
     218<body style="background-color:#dceeee; background-image:url(./hintergrund.png); background-position 0 50%; background-repeat:no-repeat; padding: 0; margin: 0; text-align: center; "> 
     219 
     220 
     221<p style="position:absolute; display:block; width:100%; top:-1em;; left:0px; text-align:center; background-color:#F30; color:#FFF"> 
     222 <b>Achtung: Baustelle! Mehr Informationen unten.</b> 
     223</p>   
     224 
     225 
     226 
     227 
     228<div id="Gesamtzentrierung">  
     229 
     230 
     231 
     232 
     233 
     234<!-- Logo /--> 
     235 <div style="position:relative; top:2.25em; left:3.25em; width:522px; height:70px;  overflow:hidden; float:left;">  
     236   <object data="./neo_kopf_trac_522x50.svg" type="image/svg+xml" style="width:522px; height:50px; "> 
     237            <param name="src" value="./neo_kopf_trac_522x50.svg"> 
     238            <img src="./neo_kopf_trac_522x50.png"  alt="Neo – Ergonomisches Tastaturlayout"> 
     239    </object> 
     240 </div> 
    40241<!-- Quicklinks /--> 
    41  
    42  <div style="position:relative; top:-50px; right:-10px; float:right; text-align:center;"> 
    43   <a href="https://svn.neo-layout.org/windows/autohotkey/neo20.exe"><img src="./tastentier_laechelnd.png" width="50px" height="34px" alt="quickdownload:Neo_Windows" border="0"></a> 
    44   <a href="https://svn.neo-layout.org/linux/xmodmap/neo_de.xmodmap"><img src="./tastentier_linksblickend.png" width="50px" height="37px" alt="quickdownload:Neo_Linux" border="0"></a> 
    45   <a href="https://svn.neo-layout.org/mac_osx/neo.keylayout"><img src="./tastentier_grinsend.png"  width="50px" height="34px" alt="quickdownload:Neo_OS-X" border="0"></a> 
     242 <!-- <div style="position:relative; text-align:left; top:2.75em; left:53;"> /--> 
     243 <div style="position:relative; top:-1.65em; left:43em; width:200px; height:40px;"> 
     244  <a href="http://wiki.neo-layout.org/browser/windows/autohotkey/neo20.exe"> 
     245     <img src="./tastentier_laechelnd.png" width="50px" height="34px" alt="quickdownload:Neo_Windows" border="0"> 
     246  </a> 
     247  <a href="http://wiki.neo-layout.org/browser/linux/xmodmap/neo_de.xmodmap"> 
     248     <img src="./tastentier_linksblickend.png" width="50px" height="37px" alt="quickdownload:Neo_Linux" border="0"> 
     249  </a> 
     250  <a href="http://wiki.neo-layout.org/browser/mac_osx/neo.keylayout"> 
     251     <img src="./tastentier_grinsend.png"  width="50px" height="34px" alt="quickdownload:Neo_OS-X" border="0"> 
     252  </a> 
    46253 </div> 
    47 <!-- 
    48  <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> 
    49 /--> 
    50254<!-- /Quicklinks /--> 
    51255 
    52 <div style="margin-bottom:3em; z-index:100; " id="linkbutton"> 
    53 <!-- 
    54    <object data="./neo-logo.svg" type="image/svg+xml" style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;">  
    55              <param name="src" value="./neo-logo.svg"> 
    56            <img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;"  alt="Neo"> 
    57    </object> 
    58 /--> 
    59  
    60  
    61    <a href="http://wiki.neo-layout.org/wiki" style="clear:both;">Wiki</a> &nbsp; 
    62    <a href="http://wiki.neo-layout.org/wiki/Einführung">Einführung</a> &nbsp; 
    63    <a href="./download.html">Download</a> &nbsp; 
    64    <a href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch">Benutzerhandbuch</a>  &nbsp; 
    65    <a href="./about.html">Impressum</a>  &nbsp; 
    66    <a href="http://wiki.neo-layout.org/wiki/links">Links</a> &nbsp; 
    67 </div> 
    68  
    69  
    70  
    71  
    72  <div style="text-align:left; margin-bottom:3em; clear:right"> 
    73  
    74  <!--  <div style="position:absolute; right:2em; top:180px; background-image:url(./taste_return.png); display:block; width:150px; height:157px;"></div> /--> 
    75   <p> 
    76  
    77  <img src="./taste_return.png" align="right" style="float:right;;"> 
    78  <b style="background-color:#F30; color:#FFF">Achtung: Baustelle! Mehr Informationen unten.</b><br />   
    79    <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> 
    80   </p> 
    81  
    82   <ul> 
     256 
     257<div style="height:2em; width:1em;"> 
     258</div> 
     259  
     260 
     261 
     262<div style="float:left;"> 
     263 
     264<div id="Navigationsleiste" > 
     265 <div id="Navigationsthema">Wiki</div> 
     266  <div id="Navigationsunterpunkte"> 
     267   <a id="Navigationseintrag" href="http://wiki.neo-layout.org">Wiki: Start</a> 
     268   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Einführung">Einführung</a> 
     269   <a id="Navigationseintrag" href="./download.html">Download</a> 
     270   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch">Handbuch</a> 
     271   <a id="Navigationseintrag" href="./about.html">Impressum</a> 
     272   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/links">Links</a> 
     273  </div> 
     274 <div id="Navigationsthema">Dokumentation</div> 
     275  <div id="Navigationsunterpunkte"> 
     276   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Einführung">Einführung</a> 
     277   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch">Handbuch</a> 
     278  </div> 
     279 <div id="Navigationsthema">Download</div> 
     280  <div id="Navigationsunterpunkte"> 
     281   <a id="Navigationseintrag" href="./download.html#Windows">Windows</a> 
     282   <a id="Navigationseintrag" href="./download.html#Linux">Linux</a> 
     283   <a id="Navigationseintrag" href="./download.html#OS-X">OS X</a> 
     284  </div> 
     285 <div id="Navigationsthema">Sonstiges</div> 
     286  <div id="Navigationsunterpunkte"> 
     287   <a id="Navigationseintrag" href="./about.html">Impressum</a> 
     288   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/links">Links</a> 
     289  </div> 
     290</div> 
     291 
     292<div id="Navigationsleiste" style="border-color:#AAA; opacity:.2;"> 
     293 <div id="Navigationsthema" style="color:#AAA; border-color:#AAA;">FOSS-Links</div> 
     294  <div id="Navigationsunterpunkte" > 
     295   <a id="Navigationseintrag"  
     296      style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-top-size:0em; border-bottom-size:thin; border-bottom-color:#EEE; border-bottom-style:solid;"  
     297       href="http://linuxlibertine.sf.net"><img src="./signet_linuxlibertine.png" border="0" style=" opacity:.5;"  width="50%"><br>Libertine<br>Open Fonts</a> 
     298   <a id="Navigationseintrag"  
     299      style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-top-size:0em; border-bottom-size:thin; border-bottom-color:#EEE; border-bottom-style:solid;"  
     300        href="http://dejavu.sourceforge.net"><img src="./signet_dejavu.png" border="0"  style=" opacity:.5;"   width="50%"><br>DejaVu<br>Font</a> 
     301  </div> 
     302</div> 
     303 
     304 
     305 
     306</div> 
     307 
     308 
     309<!--------------------------------------------------/--> 
     310<div id="Hauptfeld"> 
     311 
     312 <h1>Neo - Ergonomisches Tastaturlayout</h1> 
     313 
     314 <p> 
     315   <font style="color:#222">Neo ist ein neue Tastaturbelegung, die </font>extra für die Deutsche Sprache<font style="color:#222"> optimiert ist: 
     316   <!--. Ihre Hauptmerkmale sind: /--> </font>  
     317 </p> 
     318 
     319 <ul> 
    83320   <li><font style="color:#222">Optimierungen bezüglich deutscher</font> Zweier- und Dreier-Zeichenfolgen</li> 
    84321   <li>Programmiertasten <font style="color:#222">sind gut erreichbar</font></li> 
    85322   <li><font style="color:#222">Neue Zeichen, wie </font>&nbsp;„ , ” , « , » , ∫ , √ , α , β , …<font style="color:#222"> sind direkt einzugeben</font></li> 
    86   </ul> 
    87  
    88   <div id="linkbutton"> 
    89    <a href="i" >Warum neo besser ist als qwertz</a> 
    90   </div> 
    91  
    92  </div> 
    93  
    94  
    95 </div> 
    96  
    97 <hr> 
    98  
    99 <div style="display:block; background-image:url(./tastatur_blass_gerastert.png);  background-position: top center;" > 
     323 </ul> 
     324 
     325 <a href="." id="Hauptfeldlink_rechtsunten">Warum Neo besser ist als qwertz...</a> 
     326 
     327</div> 
     328<!--------------------------------------------------/--> 
     329 
     330 
     331<div id="Hauptfeld"> 
     332<div style="display:block; line-height:2em;" > 
    100333 <div style="text-align:center; "> 
    101334 
    … …  
    119352   <a href="i" style="">Konzeptidee zur Ebene1</a> &nbsp; &nbsp; 
    120353   <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> 
     354 
    121355   <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> 
    122356   <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> 
    … …  
    131365</div> 
    132366 
    133  
    134  
    135 <!-- 
    136 </div>   
    137 /--> 
    138  
    139  
    140  
    141 <hr style="clear:both"> 
    142  
    143  
    144  
    145  
    146  
    147  
    148 <div style="text-align:center;"> 
    149  
    150  
    151 <!-- 
    152  
    153  <div style="position:relative; top:-.6em; margin-bottom:1em;"> 
    154   <h1 style="line-height:1em;">Willkommen zum neuen Schreibgefühl!</h1> 
    155   <div style="position:relative; top:-.8em; margin-left:1em; color:#999; font-style:italic;">Ergonomischer, schneller und entspannter schreiben:</div> 
     367</div> 
     368 
     369 
     370<!--------------------------------------------------/--> 
     371<div id="Hauptfeld"> 
     372 
     373  <div id="Bildcontainer_oben"> 
     374       <img id="Bild_oben" src="./tastentierchen_baustelle_ohne_zigarette.png" /> 
     375       <div id="Bildtext">Baustelle! Wenn was funktioniert, dann war es Glück!</div> 
     376  </div> 
     377 
     378 
     379<h1>Kurzinformation für Interessierte</h1> 
     380 
     381<p> Um an Neo zu ge&shy;langen, wird auf das SVN-Reposi&shy;tory: <b>svn co https://svn.neo-layout.org neo</b> verwiesen. Hier sind die direk&shy;ten Links zu den NEO-Treibern für die ver&shy;brei&shy;testen Be&shy;triebs&shy;sys&shy;teme (in jedem Ordner be&shy;findet sich eine Datei README.txt mit weiter&shy;gehen&shy;den In&shy;forma&shy;tionen):</p> 
     382 
     383<ul> 
     384  <li>Windows: <a href="http://wiki.neo-layout.org/browser/windows/">http://wiki.neo-layout.org/browser/windows/</a></li> 
     385  <li>Linux: <a href="http://wiki.neo-layout.org/browser/linux/">http://wiki.neo-layout.org/browser/linux/</a></li> 
     386  <li>Mac-OS X: <a href="http://wiki.neo-layout.org/browser/mac_osx/">http://wiki.neo-layout.org/browser/mac_osx/</a></li> 
     387</ul> 
     388 
     389 
     390<p>Die <b>aktu&shy;elle Be&shy;legung</b> findet sich in der Datei 
     391 
     392<a href="http://wiki.neo-layout.org/browser/A-REFERENZ-A/neo20.txt">http://wiki.neo-layout.org/browser/A-REFERENZ-A/neo20.txt</a></p> 
     393 
     394<p>Eine (hoffentlich aktuelle) <b>Refe&shy;renz zum Aus&shy;drucken</b> und Auf&shy;stellen findet sich unter <a href="http://wiki.neo-layout.org/browser/grafik/neo20-aufsteller.pdf">http://wiki.neo-layout.org/browser/grafik/neo20-aufsteller.pdf</a>. Weiter gibt es im svn-Repo&shy;sitory Tastatur&shy;aufkleber&shy;generatoren.</p> 
     395 
     396 
     397<p>Auf jeden Fall wird em&shy;pfoh&shy;len, folgende <b>Schrift&shy;arten zu in&shy;stallieren</b>, damit alle mit Neo schreib&shy;baren Zeichen dar&shy;gestellt werden können:</p> 
     398 
     399<ul> 
     400  <li><a href="http://dejavu.sourceforge.net/wiki/index.php/Download">Deja-Vu</a></li> 
     401  <li><a href="http://sourceforge.net/project/showfiles.php?group_id=89513">Libertine</a></li> 
     402</ul> 
     403 
     404<p><b>Neo ist auf den »normalen Ebenen«</b> – will heißen: nor&shy;male Buch&shy;staben und Klam&shy;mern, etc. – <b>voll&shy;ständig be&shy;nutzbar</b>. Da die Be&shy;triebs&shy;sys&shy;teme oder Pro&shy;gramme bei weiteren Ebenen ger&shy;ne noch rum&shy;zicken, ist der Trei&shy;ber auf den anderen Ebenen noch nicht ganz fertig. Bei den Grund&shy;ebenen sol&shy;lte sich bei der Be&shy;legung nichts mehr ändern.  Fehler sind hier zu finden:</p> 
     405 
     406<ul> 
     407  <li><a href="http://wiki.neo-layout.org/report/1">aktuelle Fehler (Active Tickets)</a></li> 
     408  <li><a href="http://wiki.neo-layout.org/newticket">neuen Fehler melden (New Ticket)</a></li> 
     409</ul> 
     410 
     411<h2>Kontakt</h2> 
     412 
     413<p>Kontakt zu den Neo-Ent&shy;wicklern kann man über die Mailing&shy;liste <b>mailinglist@neo-layout.org</b> bzw. über den IRC-Kanal <b>#NEO</b> bei <b>freenode.net</b> bekommen. Ver&shy;besserungs&shy;vorschläge sind im&shy;mer will&shy;kom&shy;men! Da wir sehr viele Ab&shy;hängig&shy;keiten haben, kann es aber sein, dass sie nicht un&shy;bedingt ein&shy;ge&shy;pflegt werden.</p> 
     414 
     415<p>Danke fürs Interesse!</p> 
     416<p>Euer Neo-Team</p> 
     417 
     418 
     419 
     420 
     421</div> 
     422<!--------------------------------------------------/--> 
     423 
     424 
     425 
     426<!--------------------------------------------------/--> 
     427<div id="Hauptfeld"> 
     428  <div id="Bildcontainer_rechts"  style="11margin-top:0em;"> 
     429    <img id="Bild" src="testbild2.png" /> 
     430    <div id="Bildtext"> Ein Tasten&shy;tierchen als Quick&shy;download&shy;link. </div> 
    156431 </div> 
    157432 
    158 /--> 
    159  
    160  
    161  
    162 <!-- =================== Temporär: Baustelleninfo ===============  /--> 
    163  
    164  
    165 <!--   
    166   <div style="background-color:#fDD; border-color:#f00; margin:2em; padding:2em; border-style:solid; border-width:2px;; text-size:+2"> 
    167    Momentan ist die Webpräsenz eine große Baustelle. Deswegen:<br /> 
    168    <a href="./baustelleninfos.html">Installationsinfos und Einsteigerübersicht hier!</a> 
    169   </div> 
    170 /--> 
    171  
    172 <!-- 
    173   <div style="1float:right;"> 
    174    <img src="./tastentierchen_baustelle_ohne_zigarette.png" alt="Baustellenbild" /> 
    175   </div> 
    176 /--> 
    177  
    178  
    179 <!-- ========= ENDE ==== Temporär: Baustelleninfo ===============  /--> 
    180  
    181  
    182  
    183  
    184 </div> 
    185  
    186  
    187  
    188  
    189  
    190  
    191  
    192  
    193 <div style="position:relative; top:-.6em; margin-bottom:1em;"> 
    194 <div style="background-color:#fDD; border-color:#f00; margin:2em; padding:2em; border-style:solid; border-width:2px; "> 
    195 <h1>Kurzinformation für Interessierte</h1> 
    196 <p> 
    197 Um an Neo zu gelangen, wird auf das SVN-Repository: <b>svn co https://svn.neo-layout.org neo</b> verwiesen. Hier sind die direkten Links zu den NEO-Treibern für die verbreitesten Betriebssysteme (in jedem Ordner befindet sich eine Datei README.txt mit weitergehenden Informationen):</p> 
    198 <ul> 
    199 <li>Windows: <a href="https://svn.neo-layout.org/windows/">https://svn.neo-layout.org/windows/</a></li> 
    200 <li>Linux: <a href="https://svn.neo-layout.org/linux/">https://svn.neo-layout.org/linux/</a></li> 
    201 <li>Mac-OS X: <a href="https://svn.neo-layout.org/mac_osx/">https://svn.neo-layout.org/mac_osx/</a></li> 
    202 </ul> 
    203 <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> 
    204 <p>Eine (hoffentlich aktuelle) <b>Referenz zum Ausdrucken</b> und Aufstellen findet sich 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> 
    205  
    206 <p>Auf jeden Fall wird empfohlen, folgende <b>Schriftarten zu installieren</b>, damit alle mit Neo schreibbaren Zeichen dargestellt werden können:</p> 
    207 <ul> 
    208 <li><a href="http://dejavu.sourceforge.net/wiki/index.php/Download">Deja-Vu</a></li> 
    209 <li><a href="http://sourceforge.net/project/showfiles.php?group_id=89513">Libertine</a></li> 
    210 </ul> 
    211 <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.  Fehler sind hier zu finden:</p> 
    212 <ul> 
    213 <li><a href="http://wiki.neo-layout.org/report/1">aktuelle Fehler (Active Tickets)</a></li> 
    214 <li><a href="http://wiki.neo-layout.org/newticket">neuen Fehler melden (New Ticket)</a></li> 
    215 </ul> 
    216  
    217 <p>Kontakt zu den Neo-Entwicklern kann man per Mail an die Mailingliste <a href="mailto:mailinglist@neo-layout.org?subject=Ich habe da mal eine Frage&body=Bitte (wenn möglich) folgende Dinge angeben:%0D- Nutzt Du Neo oder noch nicht%3F%0D- Welches Betriebsystem%3F%0D- Welchen Treiber (Xmodmap, Xkbmap, AHK, kbdneo2, usw.)%3F%0D%0D">mailinglist@neo-layout.org</a> bzw. über den IRC-Kanal <b>#NEO</b> bei <b>freenode.net</b> bekommen (bitte vorher die <a href="http://wiki.neo-layout.org/wiki/FAQ">FAQ</a> sichten und eventuell vorher die <a href="http://www.google.de/custom?sa=Google+Search&domains=lists.neo-layout.org%2Fpipermail%2Fmailinglist%2F&sitesearch=lists.neo-layout.org%2Fpipermail%2Fmailinglist%2F">Mailingliste per Google</a> durchsuchen). Verbesserungsvorschläge sind immer willkommen! Da wir sehr viele Abhängigkeiten haben, kann es aber sein, dass sie nicht unbedingt eingepflegt werden.</p> 
    218  
    219  
    220 Danke fürs Interesse!<br /> 
    221 Euer Neo-Team<br /> 
    222  
    223  
    224  
    225 </div><br /><br /> 
    226  
    227  
    228 </div> 
    229  
    230  
    231  
    232  
    233   <div style="text-align:center;"> 
    234    <img src="./tastentierchen_baustelle_ohne_zigarette.png" alt="Baustellenbild"  style="position:relative; left:-83px;"/> 
    235   </div> 
    236  
    237  
    238  
    239  
    240  
    241  
    242  
    243  
    244 <br /> 
    245 <br /> 
    246  
    247 <!-- =================== Hintergrundbilder (Seitenränder) ===============  /--> 
    248  
    249 <!-- 
    250 <div style="position:absolute; top:22px; left:0px; width:100%; height:70px; 
    251    background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; opacity:0.60; background-color:#EEE;"> 
    252 </div> 
    253 /--> 
    254  
    255  
    256 <!-- 
    257 <div style="position:absolute; top:34px; left:52px; width:522px; height:70px;      
    258    background-image:url(./neo_kopf_trac_522x50.png); background-repeat:no-repeat;">   
    259 </div> 
    260 /--> 
    261  
    262 <div style="position:fixed; top:0px; right:0px; width:11px; height:100%;  
    263    background-image:url(./schatten_rechts.png); background-repeat:repeat-y; background-attachment:scroll; "> 
    264 </div> 
    265  
    266 <div style="position:absolute; top:0px; left:0px; width:100%; height:50px;  
    267    background-image:url(./schatten_oben.png); background-repeat:repeat-x; "> 
    268 </div> 
    269  
    270 <div style="position:fixed; top:0px; left:0px; width:11px; height:100%;  
    271    background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "> 
    272 </div> 
    273  
    274 <div style="position:absolute; top:0px; left:0px; width:50px; height:50px;  
    275    background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "> 
    276 </div> 
    277  
    278 <div style="position:absolute; top:11px; right:0px; width:11px; height:11px;  
    279    background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "> 
    280 </div> 
    281  
    282 <!-- ============ ENDE == Hintergrundbilder (Seitenränder) ===============  /--> 
    283  
    284  
    285  
    286 <!-- 
    287  
    288 <div style="text-align:center;"> 
    289  <img src="./tastentier_zufrieden2.png"   align="middle" style=";"> 
    290 </div> 
    291  
    292 /--> 
    293  
    294  
    295  
    296  
    297  
    298  
    299  
    300  
    301  
    302  
    303  
    304  
    305  
    306  
    307  
    308  
     433 <div id="Bildcontainer_links" style="margin-top:1em;"> 
     434    <img id="Bild" src="testbild.png" /> 
     435    <div id="Bildtext">Neo ist zu 86% fertig</div> 
     436 </div> 
     437 
     438 
     439 
     440<p style="text-align:justify"> 
     441 
     442Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.  
     443Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.  
     444Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.  
     445<b>Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nierung von Bildern links und rechts des Textes. </b> 
     446Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.  
     447Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.  
     448Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.  
     449Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.  
     450Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.  
     451</p> 
     452 
     453</div> 
     454<!--------------------------------------------------/--> 
     455 
     456 
     457 
     458 
     459 
     460<div style="height:4em;">&nbsp;</div> 
     461 
     462</div> 
     463 
     464 
     465 
     466 
     467<!-- linker Verlauf /--> 
     468 
     469<div id="Hintergrundverlauf_nach" style="position:absolute; top:0em; left:0em; width:1em; height:100%; z-index:-4;"> 
     470<div id="Hintergrundverlauf_von" style="opacity:.975;height:2%">&nbsp;</div> 
     471<div id="Hintergrundverlauf_von" style="opacity:.95; height:2%">&nbsp;</div> 
     472<div id="Hintergrundverlauf_von" style="opacity:.925;height:2%">&nbsp;</div> 
     473<div id="Hintergrundverlauf_von" style="opacity:.9;  height:2%">&nbsp;</div> 
     474<div id="Hintergrundverlauf_von" style="opacity:.85; height:2%">&nbsp;</div> 
     475<div id="Hintergrundverlauf_von" style="opacity:.825;height:2%">&nbsp;</div> 
     476<div id="Hintergrundverlauf_von" style="opacity:.8;  height:2%">&nbsp;</div> 
     477<div id="Hintergrundverlauf_von" style="opacity:.775;height:2%">&nbsp;</div> 
     478<div id="Hintergrundverlauf_von" style="opacity:.75; height:2%">&nbsp;</div> 
     479<div id="Hintergrundverlauf_von" style="opacity:.725;height:2%">&nbsp;</div> 
     480<div id="Hintergrundverlauf_von" style="opacity:.7;  height:2%">&nbsp;</div> 
     481<div id="Hintergrundverlauf_von" style="opacity:.675;height:2%">&nbsp;</div> 
     482<div id="Hintergrundverlauf_von" style="opacity:.65; height:2%">&nbsp;</div> 
     483<div id="Hintergrundverlauf_von" style="opacity:.625;height:2%">&nbsp;</div> 
     484<div id="Hintergrundverlauf_von" style="opacity:.6;  height:2%">&nbsp;</div> 
     485<div id="Hintergrundverlauf_von" style="opacity:.575;height:2%">&nbsp;</div> 
     486<div id="Hintergrundverlauf_von" style="opacity:.55; height:2%">&nbsp;</div> 
     487<div id="Hintergrundverlauf_von" style="opacity:.525;height:2%">&nbsp;</div> 
     488<div id="Hintergrundverlauf_von" style="opacity:.5;  height:2%">&nbsp;</div> 
     489<div id="Hintergrundverlauf_von" style="opacity:.475;height:2%">&nbsp;</div> 
     490<div id="Hintergrundverlauf_von" style="opacity:.45; height:2%">&nbsp;</div> 
     491<div id="Hintergrundverlauf_von" style="opacity:.425;height:2%">&nbsp;</div> 
     492<div id="Hintergrundverlauf_von" style="opacity:.4;  height:2%">&nbsp;</div> 
     493<div id="Hintergrundverlauf_von" style="opacity:.375;height:2%">&nbsp;</div> 
     494<div id="Hintergrundverlauf_von" style="opacity:.35; height:2%">&nbsp;</div> 
     495<div id="Hintergrundverlauf_von" style="opacity:.325;height:2%">&nbsp;</div> 
     496<div id="Hintergrundverlauf_von" style="opacity:.3;  height:2%">&nbsp;</div> 
     497<div id="Hintergrundverlauf_von" style="opacity:.275;height:2%">&nbsp;</div> 
     498<div id="Hintergrundverlauf_von" style="opacity:.25; height:2%">&nbsp;</div> 
     499<div id="Hintergrundverlauf_von" style="opacity:.225;height:2%">&nbsp;</div> 
     500<div id="Hintergrundverlauf_von" style="opacity:.2;  height:2%">&nbsp;</div> 
     501<div id="Hintergrundverlauf_von" style="opacity:.175;height:2%">&nbsp;</div> 
     502<div id="Hintergrundverlauf_von" style="opacity:.15; height:2%">&nbsp;</div> 
     503<div id="Hintergrundverlauf_von" style="opacity:.125;height:2%">&nbsp;</div> 
     504<div id="Hintergrundverlauf_von" style="opacity:.1;  height:2%">&nbsp;</div> 
     505<div id="Hintergrundverlauf_von" style="opacity:.075;height:2%">&nbsp;</div> 
     506<div id="Hintergrundverlauf_von" style="opacity:.05; height:2%">&nbsp;</div> 
     507<div id="Hintergrundverlauf_von" style="opacity:.025; height:4%">&nbsp;</div> 
     508</div> 
     509 
     510 
     511 
     512 
     513<!-- rechter Verlauf /--> 
     514 
     515<div id="Hintergrundverlauf_nach" style="position:absolute; top:0em; right:0em; width:1em; height:100%; z-index:-4;"> 
     516<div id="Hintergrundverlauf_von" style="opacity:.975;height:2%">&nbsp;</div> 
     517<div id="Hintergrundverlauf_von" style="opacity:.95; height:2%">&nbsp;</div> 
     518<div id="Hintergrundverlauf_von" style="opacity:.925;height:2%">&nbsp;</div> 
     519<div id="Hintergrundverlauf_von" style="opacity:.9;  height:2%">&nbsp;</div> 
     520<div id="Hintergrundverlauf_von" style="opacity:.85; height:2%">&nbsp;</div> 
     521<div id="Hintergrundverlauf_von" style="opacity:.825;height:2%">&nbsp;</div> 
     522<div id="Hintergrundverlauf_von" style="opacity:.8;  height:2%">&nbsp;</div> 
     523<div id="Hintergrundverlauf_von" style="opacity:.775;height:2%">&nbsp;</div> 
     524<div id="Hintergrundverlauf_von" style="opacity:.75; height:2%">&nbsp;</div> 
     525<div id="Hintergrundverlauf_von" style="opacity:.725;height:2%">&nbsp;</div> 
     526<div id="Hintergrundverlauf_von" style="opacity:.7;  height:2%">&nbsp;</div> 
     527<div id="Hintergrundverlauf_von" style="opacity:.675;height:2%">&nbsp;</div> 
     528<div id="Hintergrundverlauf_von" style="opacity:.65; height:2%">&nbsp;</div> 
     529<div id="Hintergrundverlauf_von" style="opacity:.625;height:2%">&nbsp;</div> 
     530<div id="Hintergrundverlauf_von" style="opacity:.6;  height:2%">&nbsp;</div> 
     531<div id="Hintergrundverlauf_von" style="opacity:.575;height:2%">&nbsp;</div> 
     532<div id="Hintergrundverlauf_von" style="opacity:.55; height:2%">&nbsp;</div> 
     533<div id="Hintergrundverlauf_von" style="opacity:.525;height:2%">&nbsp;</div> 
     534<div id="Hintergrundverlauf_von" style="opacity:.5;  height:2%">&nbsp;</div> 
     535<div id="Hintergrundverlauf_von" style="opacity:.475;height:2%">&nbsp;</div> 
     536<div id="Hintergrundverlauf_von" style="opacity:.45; height:2%">&nbsp;</div> 
     537<div id="Hintergrundverlauf_von" style="opacity:.425;height:2%">&nbsp;</div> 
     538<div id="Hintergrundverlauf_von" style="opacity:.4;  height:2%">&nbsp;</div> 
     539<div id="Hintergrundverlauf_von" style="opacity:.375;height:2%">&nbsp;</div> 
     540<div id="Hintergrundverlauf_von" style="opacity:.35; height:2%">&nbsp;</div> 
     541<div id="Hintergrundverlauf_von" style="opacity:.325;height:2%">&nbsp;</div> 
     542<div id="Hintergrundverlauf_von" style="opacity:.3;  height:2%">&nbsp;</div> 
     543<div id="Hintergrundverlauf_von" style="opacity:.275;height:2%">&nbsp;</div> 
     544<div id="Hintergrundverlauf_von" style="opacity:.25; height:2%">&nbsp;</div> 
     545<div id="Hintergrundverlauf_von" style="opacity:.225;height:2%">&nbsp;</div> 
     546<div id="Hintergrundverlauf_von" style="opacity:.2;  height:2%">&nbsp;</div> 
     547<div id="Hintergrundverlauf_von" style="opacity:.175;height:2%">&nbsp;</div> 
     548<div id="Hintergrundverlauf_von" style="opacity:.15; height:2%">&nbsp;</div> 
     549<div id="Hintergrundverlauf_von" style="opacity:.125;height:2%">&nbsp;</div> 
     550<div id="Hintergrundverlauf_von" style="opacity:.1;  height:2%">&nbsp;</div> 
     551<div id="Hintergrundverlauf_von" style="opacity:.075;height:2%">&nbsp;</div> 
     552<div id="Hintergrundverlauf_von" style="opacity:.05; height:2%">&nbsp;</div> 
     553<div id="Hintergrundverlauf_von" style="opacity:.025; height:4%">&nbsp;</div> 
     554</div> 
    309555 
    310556 
    … …  
    312558</html> 
    313559 
    314  
    315