Skip to content
This repository has been archived by the owner on Nov 25, 2020. It is now read-only.

Commit

Permalink
Merge pull request #15 from Johann150/translate-de
Browse files Browse the repository at this point in the history 
german translation
resolves #13
  • Loading branch information
@Johann150
Johann150 committed Sep 7, 2018
2 parents bf3e138 + afba4bd commit 31dd806
Show file tree
Hide file tree
Showing 3 changed files with 330 additions and 0 deletions.
29 changes: 29 additions & 0 deletions docs/assets/css/github-corner.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
/*
GitHub Corners by Tim Holman: http://tholman.com/github-corners/
*/

.github-corner:hover .octo-arm{
animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave{
0%,
100%{
transform: rotate(0);
}
20%,
60%{
transform: rotate(-25deg);
}
40%,
80%{
transform: rotate(10deg);
}
}
@media (max-width:500px){
.github-corner:hover .octo-arm{
animation: none;
}
.github-corner .octo-arm{
animation: octocat-wave 560ms ease-in-out;
}
}
229 changes: 229 additions & 0 deletions docs/de/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,229 @@
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Neutron - Rückbesinnung</title>
<meta charset="utf-8" />
<base href="https://johann150.github.io/neutron/">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<link rel="stylesheet" href="assets/css/github-corner.css"/>
</head>
<body>
<a href="https://github.com/Johann150/neutron" class="github-corner" aria-label="auf GitHub anzeigen">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
</svg>
</a>
<div id="wrapper">
<header id="header" class="alt">
<span class="logo"><img src="images/logo.svg" style="width:100px;height:100px;" alt="Neutron logo" /></span>
<h1>Neutron.</h1>
<p>Whiteboard-Software<br />
erstellt von <a href="https://github.com/johann150">@Johann150</a> und gestaltet von <a href="https://github.com/vonMitzscha">@vonMitzscha</a>.</p>
</header>

<nav id="nav">
<ul>
<li><a href="#intro" class="active">Einführung</a></li>
<li><a href="#functions">Funktionen</a></li>
<li><a href="#info">Weitere Informationen</a></li>
<li><a href="#cta">Los geht's</a></li>
<li><a href="#help">Hilfe</a></li>
<li><a href="security.html">Datenschutzrichtlinie</a>
</ul>
</nav>

<div id="main">
<section id="intro" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>Ein einfacher Weg, digital zu bilden.</h2>
</header>
<p>
Neutron ist eine Anwendung für Windows-basierte Whiteboards. Mit dieser Anwendung ist es möglich, in der Zeit der Digitalisierung zu bilden, ohne auf eines der wichtigsten Werkzeuge verzichten zu müssen: <strong>Die Tafel</strong>.
</p>
<p>
Neutron ist keine überfüllte und einengende Anwendung, sondern eine nutzerfreundliche Alternative zu Anwendungen wie z.B. ActiveInspire.
</p>
<p>
Mit Neutron wird es Lehrern ermöglicht, einfach und zugleich digital zu unterrichten, ohne den Unterricht vollständig verändern zu müssen und auf eines der wichtigsten Werkzeuge verzichten zu müssen. Neutron ist also nichts neues, sondern nur eine Rückbesinnung auf die Ursprünge.
</p>
<p>
Neutron wurde speziell für Lehrer entwickelt, welchen die Umstellung auf elektronische Tafeln Schwierigkeiten bereitet. Wir, die Entwickler, sind noch Schüler und haben eng mit unseren Lehrern zusammengearbeitet, um Neutron zu testen. Wir haben häufige Frustrationen von anderen Programmen aufgegriffen und als Inspiration einfließen lassen.
</p>
<ul class="actions">
<li><a href="#cta" class="button">Los geht's</a></li>
<li><a href="Benutzeranleitung.pdf" class="button special">Die Benutzeranleitung lesen</a></li>
</ul>
</div>
<span class="image"><img src="images/logo.svg" alt="Neutron logo" /></span>
</div>
</section>

<section id="functions" class="main special">
<header class="major">
<h2>Funktionen.</h2>
</header>
<ul class="features">
<li>
<span class="icon major style1 fa-desktop"></span>
<h3>Desktop und Browser.</h3>
<p>Neutron wurde ursprünglich für moderne Browser entwickelt und später auch als Desktop-Anwendung umgesetzt.</p>
</li>
<li>
<span class="icon major style3 fa-pencil"></span>
<h3>Schreiben & Zeichnen.</h3>
<p>Mit dem Stift-Tool ganz einfach auf dem Whiteboard schreiben.</p>
</li>
<li>
<span class="icon major style5 fa-eraser"></span>
<h3>Erase.</h3>
<p>Geschriebenes mit dem Schwamm wieder entfernen.</p>
</li>
<li>
<span class="icon major style2 fa-paint-brush"></span>
<h3>Hintergrund.<sup>1</sup></h3>
<p>Ändern Sie die Hintergrund-Farbe zu jeder beliebigen Farbe. In der Desktop-Version ist außerdem die verwendung von Hintergrund-Bildern möglich.</p>
</li>
<li>
<span class="icon major style4 fa-floppy-o"></span>
<h3>Speichern.<sup>2</sup></h3>
<p>Speichern sie Ihre Tafelbilder ab oder exportieren sie diese als PNG-Bild, um die vergangenen Stunden im Blick zu behalten.</p>
</li>
<li>
<span class="icon major style1 fa-folder-open"></span>
<h3>Öffnen.<sup>2</sup></h3>
<p>Öffnen Sie gespeicherte Tafelbilder um dort weiterzumachen, wo Sie aufgehört haben.</p>
</li>
</ul>
<footer class="major">
<p>
<sup>1</sup> Dieses Feature wird in der Online-Variante wie beschrieben nur teilweise unterstützt.
<br>
<sup>2</sup> Dieses Feature wird in der Online-Variante nicht unterstützt.
</p>
<ul class="actions">
<li><a href="#cta" class="button">Los geht's</a></li>
</ul>
</footer>
</section>

<section id="info" class="main special">
<header class="major">
<h2>Weitere Informationen.</h2>
<p>Neutron ist eine Browser-basierte Anwendung, welche mithilfe von Electron auch als Desktop-Variante entwickelt wurde.</p>
</header>
<ul class="statistics">
<li class="style1">
<span class="icon fa-desktop"></span>
<strong>Electron</strong> Desktop-Framework
</li>
<li class="style2">
<span class="icon fa-firefox"></span>
<strong>online</strong> als Website
</li>
<li class="style3">
<span class="icon fa-lock"></span>
<strong>sicher</strong> keine zusätzlich gespeicherten Daten
</li>
<li class="style4">
<span class="icon fa-github"></span>
<strong>GitHub</strong> quelloffene Software
</li>
</ul>
<p class="content">
Neutron wird durch die GitHub-Gemeinschaft entwickelt und wurde durch Johann150 initiiert.
Das Ziel der Anwendung ist, eine einfache, moderne und benutzerfreundliche Alternative zu Anwendungen wie ActiveInspire von Promethean zu sein.
Mit Neutron können sie schöne Tafelbilder in einer kurzen Zeit und wenig Aufwand entwickeln und gleichzeitig die Digitalisierung der Bildung unterstützen.
Uns als Entwicklern ist bewusst, dass Bildungs-Software immer einen hohen Datenschutz-Anspruch hat.
Das ist der Grund, warum Neutron keine Informationen, Cookies, Zeichnungen oder Benutzerdaten speichert, ohne dass sie darum bitten.
"Darum bitten" meint hier das Speicher-Feature.
</p>
<footer class="major">
<ul class="actions">
<li><a href="security.html" class="button">Datenschutzrichtline</a></li>
</ul>
</footer>
</section>

<section id="cta" class="main special">
<header class="major">
<h2>Los geht's.</h2>
<p>
Laden Sie heute noch Neutron herunter oder beginnen Sie sofort mit der Online-Version, um die benutzerfreundliche Digitalisierung der Bildung ohne große Schulung zu unterstützen.
</p>
</header>
<footer class="major">
<ul class="actions">
<li><a href="https://github.com/Johann150/neutron/releases" class="button special">Download</a></li>
<li><a href="https://johann150.github.io/neutron/online" class="button">Online-Version öffnen</a></li>
</ul>
</footer>
</section>

<section id="help" class="main special">
<header class="major">
<h2>Hilfe!</h2>
<p>Wenn etwas nicht stimmt.</p>
</header>
<p class="content">
<div style="color:white;background-color:grey;border-radius:5px;margin:5px;">Ich benutze eine anderes Betriebssystem als Windows.</div>
Das zu lösen, sollte keine große Schwierigkeit darstellen, aber Vorsicht: Die Lösung könnte etwas technisch werden!
Bitte beachten Sie, dass alle von Ihnen unternommenen Schritte auf eigenes Risiko erfolgen.<br>
</p>
<ul>
<li>Zuerst müssen sie <a href="https://nodejs.org/">NodeJS</a> installieren. Wenn NodeJS nicht auf ihrem Betriebssystem unterstützt wird, können wir Ihnen leider nicht weiterhelfen.</li>
<li>Desweiteren müssen sie den Quelltext für Neutron herunterladen. Diesen finden Sie unter dem <a href="https://github.com/johann150/neutron/releases/latest">letzten Release</a>.</li>
<li>Entpacken Sie den gerade heruntergeladenen und komprimierten Quellcode.</li>
<li>Nach dem Entpacken führen sie in der Kommandozeile den Befehl <span style="font-family:monospace;">npm run dist</span> in dem Verzeichnis, in dem die Datei <span style="font-family:monospace;">package.json</span>liegt, ausführen.</li>
<li>Fertig! Es sollte eine Datei oder ein Ordner erstellt worden sein, je nachdem welches Betriebssystem Sie verwenden.</li>
</ul>
<footer>

</footer>
</section>
</div>

<footer id="footer">
<section>
<h2>Ein einfacher Weg, digital zu bilden.</h2>
<p>Neutron ist eine Anwendung für Windows-basierte Whiteboards. Mit dieser Anwendung ist es möglich, in der Zeit der Digitalisierung zu bilden, ohne auf eines der wichtigsten Werkzeuge verzichten zu müssen: <strong>Die Tafel</strong>.</p>
<ul class="actions">
<li><a href="https://github.com/Johann150/neutron" class="button"><span class="icon fa-github"> auf GitHub anzeigen</a></li>
</ul>
</section>
<section>
<h2>Kontakt</h2>
<dl class="alt">
<dt>Land</dt>
<dd>Deutschland</dd>
<dt>Stadt</dt>
<dd>Dresden</dd>
<dt>E-Mail</dt>
<dd><a>support.mitzscherling{at}protonmail.com</a></dd>
</dl>
</section>
<p class="copyright">Webseiten-Design von <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>
72 changes: 72 additions & 0 deletions docs/de/security.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Datenschutzrichtline - Neutron</title>
<meta charset="utf-8" />
<base href="https://johann150.github.io/neutron/">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<div id="wrapper">
<header id="header">
<h1>Datenschutzrichtlinie</h1>
<p>Wir sammeln nichts.</p>
</header>

<nav id="nav">
<a href="index.html">back</a>
</nav>

<div id="main">
<section id="content" class="main">
<h2>Datenschutz in der Offline-Variante</h2>
<p>Ein wichtiger Aspekt von Bildungs-Anwendungen ist Datenschutz. Neutron sammelt keinerlei Daten außer was Sie gezeichnet und geschrieben haben.</p>
<h2>Datenschutz in der Online-Variante</h2>
<p>Wenn sie Neutron im Browser nutzen, sammeln wir keinerlei Daten. Neutron nutzt nicht einmal cookies. Alles, was Sie schreiben und zeichnen, wird lediglich lokal auf ihrem Computer gespeichert. Neutron sendet keine persönlichen Daten über Sie oder Ihren Computer zurück an den Server. Auch Gezeichnetes und Geschriebenes wird nicht versendet.</p>
<h2>Änderungen an dieser Datenschutzrichtlinie</h2>
<p>Wir behalten uns das Recht vor, diese Datenschutzrichtlinie von Zeit zu Zeit zu aktualisieren, um sicherzustellen, dass sie den aktuellen gesetzlichen Regelungen entspricht oder um Änderungen an unseren Diensten wiederzuspiegeln, wie etwa neue Dienste. Ihr Besuch steht immer unter der jeweils aktuellen Datenschutzrichtlinie.</p>
</section>

</div>

<footer id="footer">
<section>
<h2>Ein einfacher Weg, digital zu bilden.</h2>
<p>Neutron ist eine Anwendung für Windows-basierte Whiteboards. Mit dieser Anwendung ist es möglich, in der Zeit der Digitalisierung zu bilden, ohne auf eines der wichtigsten Werkzeuge verzichten zu müssen: <strong>Die Tafel</strong>.</p>
<ul class="actions">
<li><a href="https://github.com/Johann150/neutron" class="button"><span class="icon fa-github"> auf GitHub anzeigen</a></li>
</ul>
</section>
<section>
<h2>Kontakt</h2>
<dl class="alt">
<dt>Land</dt>
<dd>Deutschland</dd>
<dt>Stadt</dt>
<dd>Dresden</dd>
<dt>E-Mail</dt>
<dd><a>support.mitzscherling{at}protonmail.com</a></dd>
</dl>
</section>
<p class="copyright">Webseiten-Design von <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>

0 comments on commit 31dd806

Please sign in to comment.