Optimized the TOC and translated some paragraphs

10 years ago · de9da70e01
parent 3f6b9573c9
commit de9da70e01
3 changed files with 76 additions and 26 deletions
--- a/docs/YoungPersonsGuideToProgrammingMinecraft-de.md
+++ b/docs/YoungPersonsGuideToProgrammingMinecraft-de.md
@ -1,4 +1,4 @@
-# The Young Person's Guide to Programming in Minecraft
+# Modding für Minecraft – der einfache Einstieg

 ## Einführung

@ -253,20 +253,21 @@ lang sein.

 ![3D Shapes][img_3d_shapes]

-You can create a Cube or a Cuboid in ScriptCraft using the `box()` 
-function. You must tell the function what material you want the shape to 
-be made of. For example, in the game, point the cross hairs at the 
-ground, then type the following and hit enter...
+Einen Würfel oder Quader kannst du in ScriptCraft mithilfe der Funktion `box()`
+erstellen. Der Befehl benötigt nur die Angabe des Materials, das auf das Objekt
+angewendet werden soll. Probier es einfach mal aus, zeige im Spiel mit dem
+Fadenkreuz auf den Boden, gebe den folgenden Befehl ein und drücke die Enter-
+Taste...

    /js box("5")

-... This will change the targeted block to wood. What's happened here is 
-the `box()` function has created a single new wooden block. The text 
-`"5"` is taken by Minecraft to mean Wood. You can see many more 
-materials and the number Minecraft uses for them by visiting the 
-[Minecraft Data Values][mcdv] site.  
+... das wird den angepeilten Block zu einem Holz-Block umwandeln, denn die
+Funktion `box()` hat anstelle des vorherigen Blocks einen neuen Block aus Holz
+erstellt. Der Text `"5"` wird von Minecraft als "Holz" verstanden. Eine
+Übersicht zu den möglichen Materialien und ihren zugehörigen Nummern findest
+du auf [dieser][mcdv] (englisch) Seite.

-### Common Block Materials
+### Typische Block Materialien

 In Minecraft Programming, Materials aren't known by their name,
 instead numbers (sometimes 2 numbers) are used to indicate which
--- a/docs/vendor/toc.css
+++ b/docs/vendor/toc.css
@ -4,13 +4,16 @@
    height: 100%;
    position: fixed;
    background: #000;
-    width: 250px;
-    padding-top: 20px;
+    width: 275px;
    color: #fff;
    font-family: Arial;
    overflow: scroll;
 }

+#toc .inner {
+    padding: 15px 15px 50px 15px;
+}
+
 #toc ul {
    margin: 0;
    padding: 0;
@ -18,35 +21,80 @@
 }

 #toc li {
-    padding: 5px 10px;
+    padding: 0 0 1px 0;
 }

 #toc a {
    color: #fff;
    text-decoration: none;
    display: block;
+    border-radius: 5px;
 }

-#toc .toc-h2 {
-    padding-left: 10px;
+#toc .toc-h1 {
+    font-size: 16px;
+    line-height: 25px;
+    font-weight: bold;
+    margin: 0 0 15px 0;
+}
+#toc .toc-h1 a {
+    text-align: center;
+    padding: 5px 5px;
 }
+#toc .toc-h1 a:hover,
+#toc .toc-h1 a:active
+{
+    color: #eee;
+}
+
 #toc .toc-h2 {
-  font-size: 15px;
+    font-size: 13px;
+    font-weight: bold;
+}
+#toc .toc-h2 a {
+    padding: 0 5px;
+}
+#toc .toc-h2 a:hover,
+#toc .toc-h2 a:active
+{
+    background-color: #666;
 }

 #toc .toc-h3 {
-    padding-left: 30px;
-    font-size: 14px;
+    margin-left: 10px;
+    font-size: 11px;
 }
 #toc .toc-h3 a {
-  color: gray;
+    padding: 0 5px;
+    color: #aaa;
+}
+#toc .toc-h3 a:hover,
+#toc .toc-h3 a:active
+{
+    color: white;
+}
+
+#toc .toc-h4 {
+    margin-left: 30px;
+    font-size: 11px;
+    line-height: 20px;
+}
+#toc .toc-h4 a {
+    padding: 0 5px;
+    color: #888;
+}
+#toc .toc-h4 a:hover,
+#toc .toc-h4 a:active
+{
+    color: white;
 }

-#toc .toc-active {
+#toc .toc-active a {
    background: #336699;
+    color: white;
 }

 #content {
-  position: relative;
-  left: 265px;
+    position: relative;
+    left: 325px;
 }
--- a/docs/view.html
+++ b/docs/view.html
@ -12,8 +12,9 @@
      $(document).ready(function() {
        $.get("YoungPersonsGuideToProgrammingMinecraft-de.md", function(content) {
          $('#content').html(new Showdown.converter().makeHtml(content));
-          $('#toc').toc({
-            'selectors': 'h2,h3,h4',
+          
+          $('#toc .inner').toc({
+            'selectors': 'h1,h2,h3,h4',
            'container': '#content'
            });
        });
@ -21,7 +22,7 @@
    </script>
  </head>
 <body>
-  <div id="toc"></div>
+  <div id="toc"><div class="inner"></div></div>
  <div id="content">
  </div>
 </body>