<!DOCTYPE html>
<html lang="de">
<head>
<title>Neo – Ergonomisches Tastaturlayout</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="./favicon.ico" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<style>
.page-header a img {
border:0;
}
nav .list-group-item .glyphicon {
padding-right:1ex;
}
/* Interaktive Tastaturebenen */
.Ebenen_box { position: relative; margin-bottom:1ex; }
.Ebene_bild { padding-top:2.5em; }
.Ebene_wrapper { position:absolute; top:0; background-color: #F5F5F5; }
.Ebene_wrapper .btn, .Ebene1_wrapper .btn {
position:absolute;
z-index:2;
}
.Ebene_wrapper > .Ebene_bild { display:none; }
.Ebene_wrapper:hover > .Ebene_bild { display:block; }
h1 .tastentierchen {
height:100%;
background-color:#fff;
}
h1 .tastentierchen a:hover {
position:relative;
top:-5px;
}
</style>
</head>
<body>
<div class="container">
<header class="page-header">
<h1 class="clearfix text-hide" style="background:url(./neo_kopf_trac_522x50.png) no-repeat; height:50px;">
Neo – Ergonomisches Tastaturlayout
<span class="tastentierchen pull-right">
<a href="neo_de.xmodmap">
<img src="./tastentierchen_pingu.png" title="quickdownload:Neo_Linux" alt="quickdownload:Neo_Linux" />
</a>
<a href="//wiki.neo-layout.org/browser/windows/neo-vars/out/neo20.exe?format=raw">
<img src="./tastentierchen_fenster.png" title="quickdownload:Neo_Windows" alt="quickdownload:Neo_Windows" />
</a>
<a href="//wiki.neo-layout.org/browser/mac_osx/neo.keylayout?format=raw">
<img src="./tastentierchen_apfel.png" title="quickdownload:Neo_OS-X" alt="quickdownload:Neo_OS-X" />
</a>
</span>
</h1>
</header>
<div class="row clearfix">
<section class="col-md-9 col-md-push-3">
<div class="jumbotron well">
<h2 class="h1">Neo</h2>
<p>Neo ist eine <em>ergonomische Tastaturbelegung</em>, welche für die deutsche Sprache optimiert ist.</p>
<p class="text-right"><a class="btn btn-primary btn-lg" href="//wiki.neo-layout.org/wiki/Einführungskapitel">Mehr erfahren <small class="glyphicon glyphicon-chevron-right"></small></a></p>
</div>
<section class="well text-justify">
<h3><a href="//wiki.neo-layout.org/wiki/Einf%C3%BChrungskapitel">Wichtige Kriterien</a></h3>
<ul>
<li>Optimierung bezüglich deutscher <a href="http://de.wikipedia.org/wiki/Buchstabenhäufigkeit">Buch­staben­häufig­keiten</a> und <a href="http://de.wikipedia.org/wiki/N-Gramm">Bi- und Trigrammen</a> (Ebene 1 und 2)</li>
<li>Sonderzeichen sind gut erreichbar (Ebene 3)</li>
<li>Unicode-Zeichen wie „ “ « » ∫ √ α β … sind direkt einzugeben (alle Ebenen)</li>
<li>Navigation mittels Steuerkreuz ←↑↓→ direkt auf der Haupttastatur (Ebene 4)</li>
</ul>
</section>
<section class="well">
<h3><a href="//wiki.neo-layout.org/wiki/Ebenen">Die 6 Ebenen</a></h3>
<div class="Ebenen_box img-responsive">
<div class="Ebene1_wrapper">
<div class="btn btn-default btn-sm" style="left:0em">Ebene 1</div>
<div class="Ebene_bild">
<img src="grafik/flat/tastatur_e1.png" alt="Tastenbelegung Ebene 1" class="img-responsive" />
</div>
</div>
<div class="Ebene_wrapper">
<div class="btn btn-default btn-sm" style="left:6.5em;">Ebene 2</div>
<div class="Ebene_bild">
<img src="grafik/flat/tastatur_e2.png" alt="Tastenbelegung Ebene 2" class="img-responsive" />
</div>
</div>
<div class="Ebene_wrapper">
<div class="btn btn-default btn-sm" style="left:13em;">Ebene 3</div>
<div class="Ebene_bild">
<img src="grafik/flat/tastatur_e3.png" alt="Tastenbelegung Ebene 3" class="img-responsive" />
</div>
</div>
<div class="Ebene_wrapper">
<div class="btn btn-default btn-sm" style="left:19.5em">Ebene 4</div>
<div class="Ebene_bild">
<img src="grafik/flat/tastatur_e4.png" alt="Tastenbelegung Ebene 4" class="img-responsive" />
</div>
</div>
<div class="Ebene_wrapper">
<div class="btn btn-default btn-sm" style="left:26em;">Ebene 5</div>
<div class="Ebene_bild">
<img src="grafik/flat/tastatur_e5.png" alt="Tastenbelegung Ebene 5" class="img-responsive" />
</div>
</div>
<div class="Ebene_wrapper">
<div class="btn btn-default btn-sm" style="left:32.5em;">Ebene 6</div>
<div class="Ebene_bild">
<img src="grafik/flat/tastatur_e6.png" alt="Tastenbelegung Ebene 6" class="img-responsive" />
</div>
</div>
</div>
<p>Zum Ausdrucken und Lernen der Neo-Tastaturbelegung gibt es <a href="//wiki.neo-layout.org/wiki/Grafiken">verschiedene Grafiken</a>.</p>
</section>
<section class="well">
<h3><a href="//youtu.be/TJIAOwsWF7Q">Videos</a></h3>
<p>Folgende Videos zeigen den direkten Vergleich der QWERTZ- und Neo-Belegung:</p>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//www.youtube.com/embed/TJIAOwsWF7Q" width="420" height="315" allowfullscreen></iframe>
</div>
<div class="row">
<div class="col-xs-6 text-center">
<a href="//youtu.be/sBO9o0V5mpw">QWERTZ-Video betrachten</a>
</div>
<div class="col-xs-6 text-center">
<a href="//youtu.be/ZUvZi-I_utU">Neo-Video betrachten</a>
</div>
</div>
</section>
</section>
<nav class="col-md-3 col-md-pull-9">
<div class="row">
<div class="col-sm-6 col-md-12">
<h3 class="visible-sm visible-xs h4">Navigation</h3>
<div class="list-group">
<a class="list-group-item" href="//wiki.neo-layout.org/wiki"><i class="glyphicon glyphicon-globe"></i> Wiki</a>
<a class="list-group-item" href="//wiki.neo-layout.org/wiki/Download"><i class="glyphicon glyphicon-download-alt"></i> Download</a>
<a class="list-group-item" href="//wiki.neo-layout.org/wiki/Benutzerhandbuch"><i class="glyphicon glyphicon-book"></i> Handbuch</a>
<a class="list-group-item" href="//wiki.neo-layout.org/wiki/Neo%20einrichten"><i class="glyphicon glyphicon-floppy-disk"></i> Installation</a>
<a class="list-group-item" href="//wiki.neo-layout.org/wiki/Verweise%20auf%20andere%20Projekte"><i class="glyphicon glyphicon-random"></i> ähnliche Projekte</a>
<a class="list-group-item" href="//wiki.neo-layout.org/wiki/Presseberichte"><i class="glyphicon glyphicon-volume-up"></i> Presse</a>
</div>
</div>
<section class="col-sm-6 col-md-12">
<h4>Kontakt</h4>
<div class="list-group">
<a class="list-group-item" href="//webchat.freenode.net?channels=neo"><i class="glyphicon glyphicon-user"></i> Neo-Chat</a>
<a class="list-group-item" href="//wiki.neo-layout.org/wiki/Mailingliste"><i class="glyphicon glyphicon-send"></i> Mailingliste</a>
<a class="list-group-item" href="//neo-layout.org/forum"><i class="glyphicon glyphicon-list"></i> Forum</a>
<a class="list-group-item" href="//wiki.neo-layout.org/newticket"><i class="glyphicon glyphicon-fire"></i> Fehler melden</a>
<a class="list-group-item" href="//wiki.neo-layout.org/wiki/Impressum"><i class="glyphicon glyphicon-phone-alt"></i> Impressum</a>
</div>
</section>
</div>
</nav>
</div>
<footer>
<p class="text-muted text-center">Entwickelt mit <a href="http://getbootstrap.com/">Twitter Bootstrap v3.3.4</a> und dem <a href="http://glyphicons.com/">Glyphicons Halflings set</a>.</p>
</footer>
</div>
</body>
</html>