Neues Raetsel

Author: mk1012

archiv.html

@@ -165,7 +165,7 @@ <h2>Alte Rätsel</h2>
     window.onload = function () {
 
         var $container = $('#puzzle_view');
-        var url = "https://raw.githubusercontent.com/coderdojoka/coderdojoka.github.io/master/raetsel/";
+        var url = "raetsel/";
 
         $('#old_puzzles').find('li').each(function () {
             var _this = $(this);
@@ -178,7 +178,7 @@ <h2>Alte Rätsel</h2>
             $container.text("Lade Rätsel...");
             $.get(url + name).done(function (data) {
 
-                var converter = new showdown.Converter({extensions: ['github']});
+                var converter = new showdown.Converter({tables:true});
                 var html = converter.makeHtml(data);
 
                 $container.empty().append("<h2>" + title + "</h2>").append(html);

css/puzzle.css

@@ -12,4 +12,27 @@ img {
 
 hr {
     margin: 100px 0;
+}
+
+table {
+    margin: 0 auto;
+    background: #fff;
+    border: solid 1px #ddd;
+    table-layout: auto;
+    margin-bottom: 5em;
+}
+
+table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
+    display: table-cell;
+    line-height: 1.5rem;
+}
+
+tbody tr:nth-child(odd) {
+    background-color: #e5e5e5;
+}
+
+table tr th, table tr td {
+    color: #222;
+    text-align: left;
+    padding: .5em 1.5em;
 }

raetsel/zeichen_code.md

@@ -43,36 +43,36 @@ Z.B. Steht in der Tabelle noch:
 Dies bedeutet, dass das Zeichen für 14 noch eingesetzt werden muss, so dass z.B. `4-14 = 4-❤ -> n`  
 Die korrekten Symbole müssen zuerst in Aufgabe 1 ermittelt werden!
 
-  Ninja-Symbol	 | Buchstabe
-  -------------  | -------------
-  4-1			 | a
-  4-2		     | b
-  4-3			 | c
-  4-4			 | d
-  4-5		     | e
-  4-6			 | f
-  4-7			 | g
-  4-8			 | h
-  4-9			 | i
-  4-10 = 4-?	 | j
-  4-11 = 4-?	 | k
-  4-12 = 4-?	 | l
-  4-13 = 4-?	 | m
-  4-14 = 4-?	 | n
-  4-15 = 4-?	 | o
-  5-0			 | p
-  5-1			 | q
-  5-2			 | r
-  5-3			 | s
-  5-4			 | t
-  5-5			 | u
-  5-6			 | v
-  5-7			 | w
-  5-8			 | x
-  5-9			 | y
-  5-10 = 4-?	 | z
-  2-12 = 4-?	 | ,
-  2-14 = 4-?	 | .
+|  Ninja-Symbol	 | Buchstabe     |
+|  :-----------: | :-----------: |
+|  4-1			 | a             |
+|  4-2		     | b             |
+|  4-3			 | c             |
+|  4-4			 | d             |
+|  4-5		     | e             |
+|  4-6			 | f             |
+|  4-7			 | g             |
+|  4-8			 | h             |
+|  4-9			 | i             |
+|  4-10 = 4-?	 | j             |
+|  4-11 = 4-?	 | k             |
+|  4-12 = 4-?	 | l             |
+|  4-13 = 4-?	 | m             |
+|  4-14 = 4-?	 | n             |
+|  4-15 = 4-?	 | o             |
+|  5-0			 | p             |
+|  5-1			 | q             |
+|  5-2			 | r             |
+|  5-3			 | s             |
+|  5-4			 | t             |
+|  5-5			 | u             |
+|  5-6			 | v             |
+|  5-7			 | w             |
+|  5-8			 | x             |
+|  5-9			 | y             |
+|  5-10 = 4-?	 | z             |
+|  2-12 = 4-?	 | ,             |
+|  2-14 = 4-?	 | .             |
 
 
 #### Aufgabe 2: Kannst du den Hinweis der Ninjas mithilfe der Tabelle übersetzen?