Revert "Update Generator content and styles"

memeLab · Jun 28, 2019 · 8bbf4f7 · 8bbf4f7
1 parent 1050c21
commit 8bbf4f7
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/src/ARte/core/jinja2/core/generator.html b/src/ARte/core/jinja2/core/generator.html
@@ -1,15 +1,14 @@
 <!DOCTYPE html>
 <title>Jandig Marker Generator</title>
 
-<!-- include mdl 
+<!-- include mdl -->
 <link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
-<link rel='stylesheet' href='https://code.getmdl.io/1.3.0/material.indigo-pink.min.css'>-->
-
+<link rel='stylesheet' href='https://code.getmdl.io/1.3.0/material.indigo-pink.min.css'>
 <link rel="stylesheet" href="/static/css/reset.css">
 <link rel='stylesheet' href='/static/css/generator.css'>
 
-<!--<script defer src='https://code.getmdl.io/1.3.0/material.min.js'></script>
-<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>-->
+<script defer src='https://code.getmdl.io/1.3.0/material.min.js'></script>
+<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>
 
 <!-- Include pdfMake - http://pdfmake.org/ -->
 <script src='https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.54/pdfmake.min.js'></script>
@@ -22,17 +21,17 @@
 
 <body>
     <div id='topRightButtons'>
-        <button id="show-info" class="primary">
-            <img src="/static/images/icons/icoHlp.png">
+        <button id="show-info" class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">
+            <i class="material-icons">info_outline</i>
         </button>
     </div>
-    <dialog style='width:320px' id='dialog-info' class="">
-        <!--<h4 class="mdl-dialog__title">Welcome!</h4>-->
-        <div class="">
-            Jandig Marker Generator is based on the awesome code you can find <a target='_blank' href='https://jeromeetienne.github.io/AR.js/three.js/examples/marker-training/examples/generator.html'>here</a>.
+    <dialog style='width:400px' id='dialog-info' class="mdl-dialog">
+        <h4 class="mdl-dialog__title">Welcome!</h4>
+        <div class="mdl-dialog__content">
+            Details on how to pick the inner image can be found <a target='_blank' href='https://artoolkit.org/documentation/doku.php?id=3_Marker_Training:marker_training'>here</a>
         </div>
-        <div class="">
-            <button type="button" class="button">OK</button>
+        <div class="mdl-dialog__actions">
+            <button type="button" class="mdl-button">OK</button>
         </div>
     </dialog>