Changed main template

ryanowich · ryanowich · commit cecef3dd12c5 · 2019-06-24T16:20:55.000+02:00
diff --git a/src/components/list/list.twig b/src/components/list/list.twig
@@ -0,0 +1,9 @@
+<pre>List 1</pre>
+
+{{ testvar }}
+
+<ul>
+  {% for item in index %}
+    <li>{{ item.name }}</li>
+  {% endfor %}
+</ul>
diff --git a/src/copy/index.html b/src/copy/index.html
diff --git a/src/templates/components/footer.twig b/src/templates/components/footer.twig
@@ -1,6 +1,2 @@
-<footer class="claims-report__footer js-claims-report__footer">
-  
-  <ul class="steps-progress"></ul>
-  
-</footer>
+<footer>[footer]</footer>
 
diff --git a/src/templates/components/header.twig b/src/templates/components/header.twig
@@ -1,16 +1 @@
-<header class="claims-report__header js-claims-report__header">
-  
-  <div class="claims-report__logo">
-    <img src="images/logo.svg">
-  </div>
-  
-  <div class="claims-report__step__number">Step <span id="claims-report__step-current"></span> af <span id="claims-report__step-total">{{ usertest1.stepsTotalMin }}</span></div>
-  <div class="claims-report__step__question">Giv din mening til kende</div>
-  
-  <a href="#" class="claims-report__close">
-    <span class="claims-report__close__text claims-report__close__text--save-close">Gem & luk</span>
-    <span class="claims-report__close__text claims-report__close__text--saving">Gemmer...</span>
-    <span class="claims-report__close__text claims-report__close__text--finished">Luk</span>
-    <span class="claims-report__close__icon"></span>
-  </a>
-</header>
+<header>[header]</header>
diff --git a/src/templates/layouts/main.twig b/src/templates/layouts/main.twig
@@ -1,42 +1,23 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <meta charset="utf-8">
-        <title>{% block page_title %}{% endblock %}</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no">
-        <meta name="theme-color" content="#009B41">
-        <link rel="stylesheet" href="css/styles.css">
-        <link rel="shortcut icon" href="https://www.gfforsikring.dk/favicon.ico" type="image/vnd.microsoft.icon">
-        <script src="js/lib/modernizr.min.js"></script>
-    </head>
-    <body class="{% block body_class %}{% endblock %}">
-        
-        
-
-        <div class="layout">
-        
-            <main>
-                {% block main %}{% endblock %}
-            </main>
-            
-        </div>
-
-
-
-        <div class="page-overlay"></div>
-
-        
-
-        <script src="js/lib/jquery.min.js"></script>
-
-        <!-- Includes all the theme functions -->
-        <script src="js/script.min.js"></script>
-        
-        <script src="js/lib/picker.js"></script>
-        <script src="js/lib/picker.date.js"></script>
-        <!-- REPLACE prototype/xx.js with own implementation in production -->
-        <script src="js/prototype/mixed.js"></script>
-        <script src="js/prototype/claims-report.js"></script>
-
-    </body>
-</html>
+<head>
+  <meta charset="utf-8" />
+	<title>{% block page_title %}{% endblock %}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<link rel="stylesheet" type="text/css" href="css/app.css">
+</head>
+<body class="{% block body_class %}{% endblock %}">
+  
+  {% include '../components/header.twig' %}
+  
+  <main>
+    {% block main %}{% endblock %}
+  </main>
+  
+  {% include '../components/footer.twig' %}
+
+	<script src="js/detects.js"></script>
+	<script src="js/another-file.js"></script>
+	<script src="js/main.polyfills.js"></script>
+</body>
+</html>
diff --git a/src/templates/pages/claims-report.twig b/src/templates/pages/claims-report.twig
diff --git a/src/templates/pages/index.twig b/src/templates/pages/index.twig
@@ -0,0 +1,14 @@
+{% extends '../layouts/main.twig' %}
+
+{% block main %}
+
+  <p><button id="click-me">Click Me</button></p>
+  
+  {% include '../../components/list/list.twig' %}
+
+{% endblock %}
+
+
+{% block page_title %}Demo page{% endblock %}
+
+{% block body_class %}demo-page{% endblock %}
