188 lines
7.7 KiB
HTML
188 lines
7.7 KiB
HTML
<!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="./download/neo_de.xmodmap">
|
||
<img src="./tastentierchen_pingu.png" title="quickdownload:Neo_Linux" alt="quickdownload:Neo_Linux" />
|
||
</a>
|
||
<a href="./download/neo20.exe">
|
||
<img src="./tastentierchen_fenster.png" title="quickdownload:Neo_Windows" alt="quickdownload:Neo_Windows" />
|
||
</a>
|
||
<a href="./download/neo.keylayout">
|
||
<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"><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="//git.neo-layout.org/neo/neo-layout/"><i class="glyphicon glyphicon-align-left"></i> Quellcode</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#neo"><i class="glyphicon glyphicon-user"></i> Neo-Chat</a>
|
||
<a class="list-group-item" href="//lists.neo-layout.org/mailman3/postorius/lists/diskussion.neo-layout.org/"><i class="glyphicon glyphicon-send"></i> Mailingliste</a>
|
||
<a class="list-group-item" href="//www.mail-archive.com/diskussion@neo-layout.org/"><i class="glyphicon glyphicon-list"></i> Archiv (Mailingliste)</a>
|
||
<a class="list-group-item" href="//git.neo-layout.org/neo/neo-layout/issues/new"><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="https://getbootstrap.com/">Twitter Bootstrap v3.3.4</a> und dem <a href="http://glyphicons.com/">Glyphicons Halflings set</a>.</p>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|