]> _ Git - hf-scorm-package.git/commitdiff
wip #4907 @0.5 master
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 9 Feb 2022 08:36:28 +0000 (09:36 +0100)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 9 Feb 2022 08:36:28 +0000 (09:36 +0100)
.idea/misc.xml
.idea/runConfigurations.xml [deleted file]
HF_Scorm_Package.zip
data.js
index.html
js/scormpackage.js
style/style.css
style/style.css.map
style/style.sass

index 0a762162357046f070e1a515471164bf38b9f318..b658e95a34610ea9e0f9538c2169bd1c5cf93c12 100644 (file)
@@ -1,5 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="AhkProjectSettings">
+    <option name="defaultAhkSdk" value="AutoHotkey" />
+  </component>
   <component name="ProjectRootManager" version="2" languageLevel="JDK_1_6">
     <output url="file://$PROJECT_DIR$/out" />
   </component>
diff --git a/.idea/runConfigurations.xml b/.idea/runConfigurations.xml
deleted file mode 100644 (file)
index 797acea..0000000
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="RunConfigurationProducerService">
-    <option name="ignoredProducers">
-      <set>
-        <option value="com.android.tools.idea.compose.preview.runconfiguration.ComposePreviewRunConfigurationProducer" />
-      </set>
-    </option>
-  </component>
-</project>
\ No newline at end of file
index 1da905dd7bffc9778749919cab27eff4ddcc73c2..dfe9c4ba540c22708438c71f1c7e2569cbb871b5 100644 (file)
Binary files a/HF_Scorm_Package.zip and b/HF_Scorm_Package.zip differ
diff --git a/data.js b/data.js
index df2b57dae96a916209efab077a8d0670603b22a4..04e7b0913c21413e0351ddf7d7bd6109fd1a4072 100644 (file)
--- a/data.js
+++ b/data.js
@@ -1,5 +1,6 @@
 const DATA = {
     "title": "Building a Positive Culture",
+    "description":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non finibus turpis. Suspendisse orci diam, fringilla ut leo fringilla, suscipit malesuada leo. Vivamus eleifend elementum lacinia. Mauris nibh enim, vehicula ut nibh non, volutpat ullamcorper ligula. Aliquam nec felis eu ligula facilisis placerat. Nulla justo elit, venenatis ac eros at, commodo porta dolor. Pellentesque tincidunt nisi at nisl pulvinar pretium. Cras dapibus neque at nunc vulputate, vitae mattis dolor placerat. Duis porttitor enim elit, nec blandit mi vestibulum in. In hac habitasse platea dictumst. Mauris massa magna, sollicitudin id aliquet ut, tempus ut nisi. Maecenas dictum metus id ante hendrerit mattis.",
     "modules": [
         {
             "id": "0",
index d890664bc8fad46ca8776502849cf10f80032c66..798bebea32a6278e7d82a403b6f2ba07d8acb999 100644 (file)
 <!DOCTYPE html>
 <html lang="en">
 <head>
-       <meta charset="UTF-8">
-       <meta name="viewport" content="width=device-width">
-       <title></title>
-       <link href="style/style.css" rel="stylesheet">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width">
+    <title></title>
+    <link href="style/style.css" rel="stylesheet">
 </head>
 <body>
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none;">
-       <symbol id="interface-close" viewBox="0 0 512 512">
-               <path fill="currentColor" d="m512 63l-66-63-190 193-193-193-63 63 193 193-193 190 63 66 193-193 190 193 66-66-193-190z"/>
-       </symbol>
-       <symbol id="icon-QZ" viewBox="0 0 36 36">
-               <path stroke="currentColor" fill="transparent" d="M23.1,9.6c5.3,0,9.5,3.8,9.5,8.5c0,4.7-4.3,8.5-9.5,8.5c-1.1,0-2.1-0.2-3-0.4c-1.1,1-1.7,1.4-3.6,2.3
+    <symbol id="interface-close" viewBox="0 0 512 512">
+        <path fill="currentColor"
+              d="m512 63l-66-63-190 193-193-193-63 63 193 193-193 190 63 66 193-193 190 193 66-66-193-190z"/>
+    </symbol>
+    <symbol id="icon-QZ" viewBox="0 0 36 36">
+        <path stroke="currentColor" fill="transparent" d="M23.1,9.6c5.3,0,9.5,3.8,9.5,8.5c0,4.7-4.3,8.5-9.5,8.5c-1.1,0-2.1-0.2-3-0.4c-1.1,1-1.7,1.4-3.6,2.3
                 M16.5,28.5l0-4.3c-1.8-1.5-2.9-3.7-2.9-6.1 M23.7,22.2c0,0.1,0,0.2,0,0.3 M24.5,14.4l-0.6,5.4 M12.9,13.3c0,0.1,0,0.2,0,0.3
                 M11.2,6.8c1-1.8,3.9-1.9,3.9,0.6c0,1.7-2.2,1.6-2.2,3.6 M12.9,1.1c-5.3,0-9.5,3.8-9.5,8.5c0,4.7,4.3,8.5,9.5,8.5
                c1.1,0,2.1-0.2,3-0.4c1.1,1,1.7,1.4,3.6,2.3l0-4.3c1.8-1.5,2.9-3.7,2.9-6.1C22.4,4.9,18.1,1.1,12.9,1.1z"/>
-       </symbol>
-       <symbol id="icon-FB" viewBox="0 0 36 36">
-               <g>
-                       <path stroke="currentColor" fill="transparent" d="M27.5,28.3v2.2 M27.5,26.8v-0.7c0-1.2-1-2.2-2.2-2.2H8.5c-1.2,0-2.2-1-2.2-2.2v-2.2 M30,34.9h-4.9
+    </symbol>
+    <symbol id="icon-FB" viewBox="0 0 36 36">
+        <g>
+            <path stroke="currentColor" fill="transparent" d="M27.5,28.3v2.2 M27.5,26.8v-0.7c0-1.2-1-2.2-2.2-2.2H8.5c-1.2,0-2.2-1-2.2-2.2v-2.2 M30,34.9h-4.9
                        c-0.3,0-0.5-0.2-0.5-0.5v-7.1c0-0.3,0.2-0.5,0.5-0.5H30c0.3,0,0.5,0.2,0.5,0.5v7.1C30.5,34.6,30.2,34.9,30,34.9z M29.7,16.5h-7.3
                        c-1.4,0-2.4,0.4-2.9,1.5H18V5.5c0-2.4,1.4-4.4,4.4-4.4h7.3V16.5z M6.3,16.5h7.3c1.4,0,2.4,0.4,2.9,1.5H18V5.5
                        c0-2.4-1.4-4.4-4.4-4.4H6.3V16.5z M31.2,4.1h1.5v15.4H22.4l-1.5,1.5h-5.9l-1.5-1.5H3.3V4.1h1.5"/>
-               </g>
-       </symbol>
-       <symbol id="icon-IN" viewBox="0 0 36 36">
-               <path stroke="currentColor" fill="transparent" d="M7.3,18.9h7.8v-7.6H7.3V18.9z M28.1,7.5H7.3V5h20.8V7.5z M17,18.9h11.7 M17,16.4h11.7 M17,13.8h11.7 M17,11.3
+        </g>
+    </symbol>
+    <symbol id="icon-IN" viewBox="0 0 36 36">
+        <path stroke="currentColor" fill="transparent" d="M7.3,18.9h7.8v-7.6H7.3V18.9z M28.1,7.5H7.3V5h20.8V7.5z M17,18.9h11.7 M17,16.4h11.7 M17,13.8h11.7 M17,11.3
                h11.7"/>
-               <path stroke="currentColor" fill="transparent" d="M33,26.6H4.6c-0.7,0-1.3-0.6-1.3-1.3V1.1h28.4v24.2C31.7,26,32.3,26.6,33,26.6"/>
-       </symbol>
-       <symbol id="icon-AN" viewBox="0 0 36 36">
-               <path stroke="currentColor" fill="transparent" d="M14.4,16.7V8.5c0-0.7,0.7-1.2,1.3-0.8l7.2,4.1c0.6,0.4,0.6,1.3,0,1.7l-7.2,4.1C15.2,17.9,14.4,17.4,14.4,16.7z
+        <path stroke="currentColor" fill="transparent"
+              d="M33,26.6H4.6c-0.7,0-1.3-0.6-1.3-1.3V1.1h28.4v24.2C31.7,26,32.3,26.6,33,26.6"/>
+    </symbol>
+    <symbol id="icon-AN" viewBox="0 0 36 36">
+        <path stroke="currentColor" fill="transparent" d="M14.4,16.7V8.5c0-0.7,0.7-1.2,1.3-0.8l7.2,4.1c0.6,0.4,0.6,1.3,0,1.7l-7.2,4.1C15.2,17.9,14.4,17.4,14.4,16.7z
                "/>
-               <path stroke="currentColor" fill="transparent" d="M32.2,24.1H3.8c-0.3,0-0.5-0.2-0.5-0.5V1.6c0-0.3,0.2-0.5,0.5-0.5h28.3c0.3,0,0.5,0.2,0.5,0.5v21.9
+        <path stroke="currentColor" fill="transparent" d="M32.2,24.1H3.8c-0.3,0-0.5-0.2-0.5-0.5V1.6c0-0.3,0.2-0.5,0.5-0.5h28.3c0.3,0,0.5,0.2,0.5,0.5v21.9
                C32.6,23.9,32.4,24.1,32.2,24.1z"/>
-       </symbol>
-       <symbol id="icon-VI" viewBox="0 0 36 36">
-               <path stroke="currentColor" fill="transparent" d="M14.4,16.7V8.5c0-0.7,0.7-1.2,1.3-0.8l7.2,4.1c0.6,0.4,0.6,1.3,0,1.7l-7.2,4.1C15.2,17.9,14.4,17.4,14.4,16.7z
+    </symbol>
+    <symbol id="icon-VI" viewBox="0 0 36 36">
+        <path stroke="currentColor" fill="transparent" d="M14.4,16.7V8.5c0-0.7,0.7-1.2,1.3-0.8l7.2,4.1c0.6,0.4,0.6,1.3,0,1.7l-7.2,4.1C15.2,17.9,14.4,17.4,14.4,16.7z
                "/>
-               <path stroke="currentColor" fill="transparent" d="M32.2,24.1H3.8c-0.3,0-0.5-0.2-0.5-0.5V1.6c0-0.3,0.2-0.5,0.5-0.5h28.3c0.3,0,0.5,0.2,0.5,0.5v21.9
+        <path stroke="currentColor" fill="transparent" d="M32.2,24.1H3.8c-0.3,0-0.5-0.2-0.5-0.5V1.6c0-0.3,0.2-0.5,0.5-0.5h28.3c0.3,0,0.5,0.2,0.5,0.5v21.9
                C32.6,23.9,32.4,24.1,32.2,24.1z"/>
-       </symbol>
-       <symbol id="icon-PC" viewBox="0 0 36 36">
-               <path stroke="currentColor" fill="transparent" d="M27.5,28.7c3.2-3.3,5.1-7.9,5.1-12.9s-2-9.6-5.1-12.9"/>
-               <path stroke="currentColor" fill="transparent" d="M10.6,21.9H5.2c-1,0-1.8-0.8-1.8-1.8v-8.5c0-1,0.8-1.8,1.8-1.8h5.5l8.5-8.5v29.3L10.6,21.9z"/>
-               <path stroke="currentColor" fill="transparent" d="M25.2,25.2c2.3-2.4,3.8-5.8,3.8-9.4c0-3.7-1.5-7-3.8-9.4 M23,21.8c1.5-1.5,2.4-3.7,2.4-6c0-2.3-0.9-4.5-2.4-6"
-               />
-       </symbol>
-       <symbol id="check-ok" viewBox="0 0 32 32">
-               <g>
-                       <path d="M17,3.9C9.8,3.9,3.9,9.8,3.9,17S9.8,30.1,17,30.1S30.1,24.2,30.1,17S24.2,3.9,17,3.9 M17,31C9.3,31,3,24.7,3,17
+    </symbol>
+    <symbol id="icon-PC" viewBox="0 0 36 36">
+        <path stroke="currentColor" fill="transparent" d="M27.5,28.7c3.2-3.3,5.1-7.9,5.1-12.9s-2-9.6-5.1-12.9"/>
+        <path stroke="currentColor" fill="transparent"
+              d="M10.6,21.9H5.2c-1,0-1.8-0.8-1.8-1.8v-8.5c0-1,0.8-1.8,1.8-1.8h5.5l8.5-8.5v29.3L10.6,21.9z"/>
+        <path stroke="currentColor" fill="transparent"
+              d="M25.2,25.2c2.3-2.4,3.8-5.8,3.8-9.4c0-3.7-1.5-7-3.8-9.4 M23,21.8c1.5-1.5,2.4-3.7,2.4-6c0-2.3-0.9-4.5-2.4-6"
+        />
+    </symbol>
+    <symbol id="check-ok" viewBox="0 0 32 32">
+        <g>
+            <path d="M17,3.9C9.8,3.9,3.9,9.8,3.9,17S9.8,30.1,17,30.1S30.1,24.2,30.1,17S24.2,3.9,17,3.9 M17,31C9.3,31,3,24.7,3,17
                        S9.3,3,17,3s14,6.3,14,14S24.7,31,17,31"/>
-               </g>
-               <polygon points="14.5,22.6 9.3,17.3 9.9,16.7 14.5,21.3 24.1,11.8 24.7,12.4      "/>
-       </symbol>
-       <symbol id="check-nok" viewBox="0 0 32 32">
-               <g>
-                       <path d="M17,3.9C9.8,3.9,3.9,9.8,3.9,17S9.8,30.1,17,30.1c7.2,0,13.1-5.9,13.1-13.1S24.2,3.9,17,3.9 M17,31C9.3,31,3,24.7,3,17
+        </g>
+        <polygon points="14.5,22.6 9.3,17.3 9.9,16.7 14.5,21.3 24.1,11.8 24.7,12.4     "/>
+    </symbol>
+    <symbol id="check-nok" viewBox="0 0 32 32">
+        <g>
+            <path d="M17,3.9C9.8,3.9,3.9,9.8,3.9,17S9.8,30.1,17,30.1c7.2,0,13.1-5.9,13.1-13.1S24.2,3.9,17,3.9 M17,31C9.3,31,3,24.7,3,17
                        S9.3,3,17,3c7.7,0,14,6.3,14,14S24.7,31,17,31"/>
-               </g>
-               <polygon points="23.2,11.4 22.6,10.8 17,16.4 11.4,10.8 10.8,11.4 16.4,17 10.8,22.6 11.4,23.2 17,17.6 22.6,23.2 23.2,22.6
+        </g>
+        <polygon points="23.2,11.4 22.6,10.8 17,16.4 11.4,10.8 10.8,11.4 16.4,17 10.8,22.6 11.4,23.2 17,17.6 22.6,23.2 23.2,22.6
                17.6,17"/>
-       </symbol>
-       <symbol id="tile" viewBox="0 0 400.9 279.4">
-               <g>
-                       <path fill="currentColor" d="M41.2,246.9l254.4,24.5
+    </symbol>
+    <symbol id="tile" viewBox="0 0 400.9 279.4">
+        <g>
+            <path fill="currentColor" d="M41.2,246.9l254.4,24.5
                c12,1.2,23.7-5.4,30.4-16.9l50.9-96.2c10.2-17.6,5.5-41-10.3-51.3l-166-81c-4.8-2.3-8.6-3.6-13.1-4c-9.7-0.9-19.6,3.1-26.7,11.6
                l-139.3,152C2.7,207.9,14.4,244.3,41.2,246.9"/>
-               </g>
-       </symbol>
-       <symbol id="logo" viewBox="0 0 1121 291">
-               <g>
-                       <g>
-                               <path stroke="currentColor" d="M206.7,141.8c0,0.1,0,0.1,0,0.2c0,0,0.1,0.1,0.2,0.1h36.9c0.1,0,0.2-0.1,0.2-0.2v-3.6
+        </g>
+    </symbol>
+    <symbol id="logo" viewBox="0 0 1121 291">
+        <g>
+            <g>
+                <path stroke="currentColor" d="M206.7,141.8c0,0.1,0,0.1,0,0.2c0,0,0.1,0.1,0.2,0.1h36.9c0.1,0,0.2-0.1,0.2-0.2v-3.6
                                c0-9.6-6.5-16.3-15.9-16.3C216.8,121.9,208.6,129.5,206.7,141.8 M191.1,153.8c0-22.6,15.7-39.7,36.6-39.7
                                c18.4,0,31.3,12.3,31.3,29.8v5.6c0,0.2-0.2,0.4-0.4,0.4h-52.4c-0.1,0-0.2,0.1-0.2,0.2v0.4c0,19.9,10.5,33.2,26.3,33.2
                                c6.2,0,13.2-2.3,20.2-6.7c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0.1,0.3,0.2l2.9,5.8c0.1,0.2,0,0.4-0.1,0.5
                                c-8.6,6.2-16.9,8.9-27.9,8.9C206.6,192.5,191.1,176.2,191.1,153.8"/>
-                               <path stroke="currentColor" d="M331.9,128.7c7.3-7.5,15.5-14.4,26.8-14.4c15.2,0,24.3,9.8,24.3,26.1v50.1c0,0.2-0.2,0.4-0.4,0.4h-12.2
+                <path stroke="currentColor" d="M331.9,128.7c7.3-7.5,15.5-14.4,26.8-14.4c15.2,0,24.3,9.8,24.3,26.1v50.1c0,0.2-0.2,0.4-0.4,0.4h-12.2
                                c-0.2,0-0.4-0.2-0.4-0.4v-50.5c0-5.7-1.4-10-4.2-12.8c-2.3-2.3-5.6-3.5-9.8-3.5c-8.1,0-16.9,7.7-22,15.3c0,0,0,0.1,0,0.1l0,51.4
                                c0,0.2-0.2,0.4-0.4,0.4h-13.2c-0.2,0-0.4-0.2-0.4-0.4v-50.5c0-7.4-2.4-16.3-13.9-16.3c-8.1,0-16.9,7.7-22,15.2c0,0,0,0.1,0,0.1
                                l0,51.4c0,0.2-0.2,0.4-0.4,0.4h-13.1c-0.2,0-0.4-0.2-0.4-0.4v-53.9c0-12-2.6-16.8-10.7-19.7c-0.2-0.1-0.3-0.2-0.3-0.4l0-0.2
                                c0-0.2,0.2-0.4,0.4-0.4h24.2c0.2,0,0.4,0.2,0.4,0.4v10.3c0,0.1,0,0.2,0.1,0.2c0.1,0,0.2,0,0.2-0.1c5.8-5.9,13.8-12.6,24.9-12.6
                                C323.9,114.3,329.7,123.3,331.9,128.7C331.8,128.7,331.9,128.8,331.9,128.7c0.1,0.1,0.2,0.1,0.3,0"/>
-                               <path stroke="currentColor" d="M421.5,184.8c9.2,0,15.4-4.3,15.4-10.7c0-5.2-3.4-9.4-20.6-15.9c-15.3-5.8-21.6-12.3-21.6-22.3
+                <path stroke="currentColor" d="M421.5,184.8c9.2,0,15.4-4.3,15.4-10.7c0-5.2-3.4-9.4-20.6-15.9c-15.3-5.8-21.6-12.3-21.6-22.3
                                c0-12.7,11.1-21.7,26.9-21.7c12.8,0,21.1,5,24.8,8c0.1,0.1,0.1,0.2,0.2,0.3c0,0.1,0,0.2-0.1,0.3l-7.7,8.3
                                c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-3-3.4-9.1-9-17.1-9c-8.8,0-14.1,3.8-14.1,10.2c0,6.2,3.5,8.9,19.6,15.1
                                c16.3,6.3,22.1,12.3,22.1,22.7c0,13-11.5,22.5-27.3,22.5c-11,0-20.3-2.7-27.7-8c-0.1-0.1-0.2-0.2-0.2-0.3c0-0.1,0-0.2,0.1-0.3
                                l7.7-8.4c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0.1C408.2,182.1,414.1,184.8,421.5,184.8"/>
-                               <path stroke="currentColor" d="M460,191l0-99.3c0-11.6-2.6-16.2-10.7-19c-0.2-0.1-0.3-0.2-0.3-0.4v-1.9c0-0.2,0.2-0.4,0.4-0.4h24.2l0.3,0.1
+                <path stroke="currentColor" d="M460,191l0-99.3c0-11.6-2.6-16.2-10.7-19c-0.2-0.1-0.3-0.2-0.3-0.4v-1.9c0-0.2,0.2-0.4,0.4-0.4h24.2l0.3,0.1
                                l0.1,0.3l0,120.2c0,0.2-0.2,0.4-0.4,0.4h-13.2c0,0-0.4,0-0.4-0.4"/>
-                               <path stroke="currentColor" d="M499.7,141.8c0,0.1,0,0.1,0.1,0.2c0,0,0.1,0.1,0.2,0.1h36.9c0.1,0,0.2-0.1,0.2-0.2v-3.6
+                <path stroke="currentColor" d="M499.7,141.8c0,0.1,0,0.1,0.1,0.2c0,0,0.1,0.1,0.2,0.1h36.9c0.1,0,0.2-0.1,0.2-0.2v-3.6
                                c0-9.6-6.5-16.3-15.9-16.3C509.8,121.9,501.6,129.5,499.7,141.8 M484.1,153.8c0-22.6,15.7-39.7,36.6-39.7
                                c18.4,0,31.3,12.3,31.3,29.8v5.6c0,0.2-0.2,0.4-0.4,0.4h-52.4c-0.1,0-0.2,0.1-0.2,0.2v0.4c0,19.9,10.5,33.2,26.2,33.2
                                c6.2,0,13.2-2.3,20.2-6.7c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0.1,0.3,0.2l3,5.8c0.1,0.2,0,0.4-0.1,0.5
                                c-8.6,6.2-16.9,8.9-27.9,8.9C499.6,192.5,484.1,176.2,484.1,153.8"/>
-                               <path stroke="currentColor" d="M891.7,141.8c0,0.1,0,0.1,0,0.2c0,0,0.1,0.1,0.2,0.1h36.9c0.1,0,0.2-0.1,0.2-0.2v-3.6
+                <path stroke="currentColor" d="M891.7,141.8c0,0.1,0,0.1,0,0.2c0,0,0.1,0.1,0.2,0.1h36.9c0.1,0,0.2-0.1,0.2-0.2v-3.6
                                c0-9.6-6.5-16.3-15.9-16.3C901.8,121.9,893.6,129.5,891.7,141.8 M876.1,153.8c0-22.6,15.7-39.7,36.6-39.7
                                c18.4,0,31.3,12.3,31.3,29.8v5.6c0,0.2-0.2,0.4-0.4,0.4h-52.4c-0.1,0-0.2,0.1-0.2,0.2v0.4c0,19.9,10.6,33.2,26.3,33.2
                                c6.2,0,13.2-2.3,20.2-6.7c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0.1,0.3,0.2l3,5.8c0.1,0.2,0,0.4-0.1,0.5
                                c-8.6,6.2-16.9,8.9-27.9,8.9C891.6,192.5,876.1,176.2,876.1,153.8"/>
-                               <path stroke="currentColor" d="M630,123v-6.6c0-0.2,0.2-0.4,0.4-0.4h12.4c0.1,0,0.2-0.1,0.2-0.2v-15.3c0-17.4,12.4-29.5,30.1-29.5
+                <path stroke="currentColor" d="M630,123v-6.6c0-0.2,0.2-0.4,0.4-0.4h12.4c0.1,0,0.2-0.1,0.2-0.2v-15.3c0-17.4,12.4-29.5,30.1-29.5
                                c9.8,0,16.7,3.3,21.7,6.2c0.1,0,0.2,0.2,0.2,0.3c0,0.1,0,0.2-0.1,0.3l-7.7,9.5c-0.1,0.1-0.2,0.1-0.3,0.2c-0.1,0-0.2,0-0.3-0.1
                                l-0.4-0.4c-5.7-4.9-9.5-8.1-16-8.1c-8.2,0-13.2,9.6-13.2,25.2l0,11.8c0,0,0,0.1,0.1,0.1c0,0,0.1,0.1,0.2,0.1h18.4
                                c0.2,0,0.4,0.2,0.4,0.4v7.2c0,0.2-0.2,0.4-0.4,0.4h-18.4c-0.1,0-0.2,0.1-0.2,0.2l0,67.4c0,0.2-0.2,0.4-0.4,0.4h-13.1l-0.3-0.1
                                l-0.1-0.3l0-67.4c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1h-12.2c-0.2,0-0.4-0.2-0.4-0.4"/>
-                               <path stroke="currentColor" d="M708.4,128.1c8.9-9.4,14-13.8,21.8-13.8c5,0,7.7,3,9.1,4.6l0.3,0.4c0.1,0.2,0.1,0.4,0,0.5l-9.3,10.8
+                <path stroke="currentColor" d="M708.4,128.1c8.9-9.4,14-13.8,21.8-13.8c5,0,7.7,3,9.1,4.6l0.3,0.4c0.1,0.2,0.1,0.4,0,0.5l-9.3,10.8
                                c-0.1,0.2-0.4,0.2-0.6,0.1c-2.4-1.9-4.1-2.5-6.9-2.5c-4.5,0-10.6,5.9-14.8,10.3c0,0,0,0.1,0,0.1v51.9c0,0.2-0.2,0.4-0.4,0.4
                                h-13.2c-0.2,0-0.4-0.2-0.4-0.4v-53.9c0-12-2.6-16.8-10.7-19.7c-0.2-0.1-0.3-0.2-0.3-0.4v-0.2c0-0.2,0.2-0.4,0.4-0.4h24.2
                                c0.2,0,0.4,0.2,0.4,0.4V128c0,0.1,0,0.2,0.1,0.2C708.2,128.2,708.3,128.2,708.4,128.1"/>
-                               <path stroke="currentColor" d="M970.4,128.1c8.9-9.4,14-13.8,21.8-13.8c5,0,7.7,3,9.1,4.6l0.3,0.4c0.1,0.2,0.1,0.4,0,0.5l-9.3,10.8
+                <path stroke="currentColor" d="M970.4,128.1c8.9-9.4,14-13.8,21.8-13.8c5,0,7.7,3,9.1,4.6l0.3,0.4c0.1,0.2,0.1,0.4,0,0.5l-9.3,10.8
                                c-0.1,0.2-0.4,0.2-0.6,0.1c-2.4-1.9-4.1-2.5-6.9-2.5c-4.5,0-10.6,5.9-14.8,10.3c-0.1,0-0.1,0.1-0.1,0.1v51.9
                                c0,0.2-0.2,0.4-0.4,0.4h-13.2c-0.2,0-0.4-0.2-0.4-0.4v-53.9c0-12-2.6-16.8-10.7-19.7c-0.2-0.1-0.3-0.2-0.3-0.4v-0.2
                                c0-0.2,0.2-0.4,0.4-0.4h24.2c0.2,0,0.4,0.2,0.4,0.4V128c0,0.1,0.1,0.2,0.1,0.2C970.2,128.2,970.3,128.2,970.4,128.1"/>
-                               <path stroke="currentColor" d="M785.7,153.5l-15.4,3.5c-9.4,2.2-14.3,7.3-14.3,14.7c0,6.3,5.3,11,12.5,11c5.5,0,13-3.7,17.4-8.6
+                <path stroke="currentColor" d="M785.7,153.5l-15.4,3.5c-9.4,2.2-14.3,7.3-14.3,14.7c0,6.3,5.3,11,12.5,11c5.5,0,13-3.7,17.4-8.6
                                c0,0,0-0.1,0-0.1v-20.3c0-0.1,0-0.1-0.1-0.2C785.9,153.5,785.8,153.5,785.7,153.5 M747,136.7c-1.1-1.8-1.5-3.5-1.5-5.7
                                c0-9.6,11.5-16.7,27.4-16.7c18.2,0,27.1,8.1,27.1,24.8v31.1c0,11.6,2.6,16.2,10.7,19c0.2,0.1,0.3,0.2,0.3,0.4v0.9
                                c0,0.2-0.2,0.4-0.4,0.4h-20.3c-0.2,0-0.3-0.1-0.4-0.3l-2.3-8c0-0.1-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.2,0.1
                                c-5.7,6-15.2,9.7-24.7,9.7c-12.3,0-20.6-7.6-20.6-18.9c0-13,7.7-20.7,24.2-24.2l19.7-4.1c0.1,0,0.2-0.1,0.2-0.2v-8.8
                                c0-9.1-5.1-13.9-14.7-13.9c-8.5,0-11.5,4-11.5,7.5c0,0.5,0.1,1.6,0.6,3.1c0,0.1,0,0.2,0,0.3c-0.1,0.1-0.2,0.2-0.3,0.2l-12.9,3.5
                                c-0.2,0.1-0.4,0-0.5-0.2"/>
-                               <path stroke="currentColor" d="M857.3,174.1c0-5.2-3.4-9.4-20.6-15.9c-15.3-5.8-21.6-12.3-21.6-22.3c0-12.7,11.1-21.7,27-21.7
+                <path stroke="currentColor" d="M857.3,174.1c0-5.2-3.4-9.4-20.6-15.9c-15.3-5.8-21.6-12.3-21.6-22.3c0-12.7,11.1-21.7,27-21.7
                                c12.8,0,21.1,5,24.8,8c0.1,0.1,0.2,0.2,0.2,0.3c0,0.1,0,0.2-0.1,0.3l-7.7,8.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1
                                c-3-3.4-9.1-9-17.1-9c-8.8,0-14.1,3.8-14.1,10.2c0,6.2,3.5,8.9,19.6,15.1c16.3,6.3,22.1,12.3,22.1,22.7c0,13-11.5,22.5-27.3,22.5
                                c-11,0-20.3-2.7-27.8-8c-0.1-0.1-0.2-0.2-0.2-0.3c0-0.1,0-0.2,0.1-0.3l7.6-8.4c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0.1
                                c6.2,6.3,12.1,9.1,19.6,9.1C851.1,184.8,857.3,180.5,857.3,174.1"/>
-                               <path stroke="currentColor" d="M609.9,127.3C609.9,127.2,609.9,127.2,609.9,127.3l0.2-2c0-1.7-0.4-3.2-1.3-4.5c-1.2-1.6-3-2.7-5.4-3.1
+                <path stroke="currentColor" d="M609.9,127.3C609.9,127.2,609.9,127.2,609.9,127.3l0.2-2c0-1.7-0.4-3.2-1.3-4.5c-1.2-1.6-3-2.7-5.4-3.1
                                c-0.2,0-0.4-0.2-0.4-0.4v-0.9c0-0.2,0.2-0.4,0.4-0.4h5.6l0,0h14.2c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.3,0,0.4
                                C592.9,189,592.8,189,592.8,189l-17.3,38.7c-0.1,0.2-0.2,0.2-0.4,0.2l-15.1,0c-0.2,0-0.3-0.1-0.4-0.3l0-0.1
                                c0-0.1,0.1-0.2,0.1-0.3c9.4-8.6,22.8-36.3,24.3-39.4c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1l-30.2-71.1l0-0.2l0.1-0.2
                                c0.1-0.1,0.2-0.2,0.3-0.2h14.5c0.2,0,0.3,0.1,0.4,0.3l22.5,54.1c0,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.2-0.1l9.2-22.3
                                c8.1-19.8,8.1-19.8,8.1-19.8c0,0,0.2-0.7,0.2-0.7"/>
-                               <path stroke="currentColor" d="M115,191V93.2c0-11.8-2.8-16.5-11.7-19.4c-0.2-0.1-0.3-0.2-0.3-0.4v-1c0-0.2,0.2-0.4,0.4-0.4h25.2
+                <path stroke="currentColor" d="M115,191V93.2c0-11.8-2.8-16.5-11.7-19.4c-0.2-0.1-0.3-0.2-0.3-0.4v-1c0-0.2,0.2-0.4,0.4-0.4h25.2
                                c0.2,0,0.4,0.2,0.4,0.4v54.9c0,0.1,0.1,0.2,0.1,0.2c0.1,0,0.2,0,0.2,0c6.1-5.8,14.5-12.4,26.2-12.4c16,0,25.5,9.6,25.5,25.8v49.7
                                c0,0.2-0.2,0.4-0.4,0.4h-13.2c-0.2,0-0.4-0.2-0.4-0.4v-49.9c0-7.3-2.5-16.1-14.3-16.1c-8.3,0-17.4,7.6-22.6,15.1c0,0,0,0.1,0,0.1
                                l0,50.8c0,0.2-0.2,0.4-0.4,0.4h-13.9c-0.2,0-0.4-0.2-0.4-0.4"/>
-                       </g>
-               </g>
-       </symbol>
-       <symbol id="lock-locked" viewBox="0 0 30 30">
-               <g>
-                       <path fill="currentColor" d="M5.7,8.7c0-2.5,2.1-4.6,4.6-4.6s4.6,2.1,4.6,4.6v2.7h2.2V8.7c0-3.8-3.1-6.8-6.8-6.8S3.5,5,3.5,8.7v2.7h2.2
+            </g>
+        </g>
+    </symbol>
+    <symbol id="lock-locked" viewBox="0 0 30 30">
+        <g>
+            <path fill="currentColor" d="M5.7,8.7c0-2.5,2.1-4.6,4.6-4.6s4.6,2.1,4.6,4.6v2.7h2.2V8.7c0-3.8-3.1-6.8-6.8-6.8S3.5,5,3.5,8.7v2.7h2.2
                        V8.7z"/>
-                       <path fill="currentColor" d="M11.3,20.9l0.1,2.2c0,0.4-0.5,0.8-0.9,0.8h-0.4c-0.4,0-0.9-0.3-0.9-0.8l0.1-2.2c-0.6-0.3-1-1-1-1.7
+            <path fill="currentColor" d="M11.3,20.9l0.1,2.2c0,0.4-0.5,0.8-0.9,0.8h-0.4c-0.4,0-0.9-0.3-0.9-0.8l0.1-2.2c-0.6-0.3-1-1-1-1.7
                        c0-1.1,0.9-2,2-2s2,0.9,2,2C12.3,19.9,11.9,20.6,11.3,20.9 M19.2,13.2c0-0.4-0.4-0.8-0.8-0.8H2.3c-0.5,0-0.8,0.4-0.8,0.8l-0.3,8.4
                        c0,1.5,0.6,2.9,1.7,3.8c1.9,1.5,4.5,2.6,7.5,2.6c3.1,0,5.9-1.2,7.8-2.8c0.9-0.8,1.5-2,1.4-3.3L19.2,13.2z"/>
-               </g>
-       </symbol>
-       <symbol id="lock-unlocked" viewBox="0 0 30 30">
-               <g>
-                       <path fill="currentColor" d="M11.4,21l0.1,2.2c0,0.4-0.5,0.8-0.9,0.8h-0.4c-0.4,0-0.9-0.4-0.9-0.8L9.4,21c-0.6-0.3-1-1-1-1.7
+        </g>
+    </symbol>
+    <symbol id="lock-unlocked" viewBox="0 0 30 30">
+        <g>
+            <path fill="currentColor" d="M11.4,21l0.1,2.2c0,0.4-0.5,0.8-0.9,0.8h-0.4c-0.4,0-0.9-0.4-0.9-0.8L9.4,21c-0.6-0.3-1-1-1-1.7
                        c0-1.1,0.9-2,2-2s2,0.9,2,2C12.5,20,12,20.7,11.4,21 M19.5,13.3c0-0.4-0.4-0.8-0.8-0.8H2.2c-0.5,0-0.8,0.4-0.9,0.8l-0.3,8.4
                        c-0.1,1.5,0.6,2.9,1.8,3.8c1.9,1.5,4.6,2.6,7.6,2.6c3.2,0,6-1.2,7.9-2.8c1-0.8,1.5-2,1.4-3.3L19.5,13.3z"/>
-                       <path fill="currentColor" d="M22,2c-3.8,0-6.9,3.1-6.9,6.8v2.7h2.3V8.8c0-2.5,2.1-4.6,4.7-4.6s4.7,2.1,4.7,4.6v2.7h2.3V8.8
+            <path fill="currentColor" d="M22,2c-3.8,0-6.9,3.1-6.9,6.8v2.7h2.3V8.8c0-2.5,2.1-4.6,4.7-4.6s4.7,2.1,4.7,4.6v2.7h2.3V8.8
                        C28.9,5.1,25.8,2,22,2"/>
-               </g>
-       </symbol>
+        </g>
+    </symbol>
 </svg>
 <div id="z">
-       <div id="wrapper">
-               <header>
-                       <div id="logo"></div>
-                       <div id="tile"></div>
-                       <h1></h1>
-               </header>
-               <main>
-                       <table>
-                               <thead>
-                               <tr>
-                                       <th></th>
-                                       <th class="t"></th>
-                                       <th class="y">Type</th>
-                                       <th class="c">Mandatory</th>
-                                       <th class="c">Validated</th>
-                                       <th class="c">Score</th>
-                                       <th></th>
-                               </tr>
-                               </thead>
-                               <tbody>
+    <div id="wrapper">
+        <header>
+            <div id="logo"></div>
+            <div id="tile"></div>
+            <div id="contents">
+                <h1></h1>
+                <p></p>
+            </div>
+        </header>
+        <main>
+            <table>
+                <thead>
+                <tr>
+                    <th></th>
+                    <th class="t"></th>
+                    <th class="y">Type</th>
+                    <th class="c">Mandatory</th>
+                    <th class="c">Completed</th>
+                    <th class="c">Score</th>
+                    <th></th>
+                </tr>
+                </thead>
+                <tbody>
 
-                               </tbody>
-                       </table>
-               </main>
-       </div>
+                </tbody>
+            </table>
+        </main>
+    </div>
 </div>
 
 <div id="scowin">
-       <div id="scobar">
-               <div id="scoicon"></div>
-               <h2></h2><a href="#" class="close"></a></div>
-       <iframe id="sco" frameborder="0"></iframe>
+    <div id="scobar">
+        <div id="scoicon"></div>
+        <h2></h2><a href="#" class="close"></a></div>
+    <iframe id="sco" frameborder="0"></iframe>
 </div>
 
 <script src="data.js"></script>
index 2f535ba3d6056f1247b4fe56ece1a14c3751748e..99303f1d4a3442f21aeb884d9c38846889d45088 100644 (file)
@@ -291,6 +291,7 @@ function setContents() {
     var xcheck = getSpriteIcon('check-nok');
     var types = {IN: 'Infographic PDF', AN: 'Animation', VI: 'Video', FB: 'Fluidbook', PC: 'Podcast HTML', QZ: 'Quiz'};
     $('header h1').text(DATA.title);
+    $('header p').text(DATA.description);
     $('title').text(DATA.title);
     $('tbody').html('');
 
index 6b1299e94f41551c6507f18dccf0f9bbfb7f364b..8c560c4ba1ed06cdfb9cf5861816e86e7ace99f8 100644 (file)
@@ -23,7 +23,6 @@ body {
 
 header {
   position: relative;
-  height: 200px;
 }
 @media screen and (max-width: 1024px) {
   header {
@@ -74,15 +73,30 @@ header #tile svg {
     left: -300px;
   }
 }
-header h1 {
-  position: absolute;
-  top: 110px;
-  left: 40px;
+header #contents {
+  padding-top: 110px;
+  padding-left: 40px;
+  position: relative;
+  z-index: 1;
+}
+@media screen and (max-width: 1024px) {
+  header #contents {
+    padding: 0;
+  }
 }
 @media screen and (max-width: 1024px) {
-  header h1 {
+  header #contents h1 {
     text-align: center;
-    position: static;
+  }
+}
+header #contents p {
+  margin: 30px 0;
+  padding: 0 20px 0 0;
+}
+@media screen and (max-width: 1024px) {
+  header #contents p {
+    text-align: left;
+    padding: 0;
   }
 }
 
index fd886a288b893a9ccd03382a3c3c3e20a8c3c1f8..acd15a9929e035a635c88882738f632d4f4fee14 100644 (file)
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAOA;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;AAzBA;EAuBF;IAKI;IACA;IACA;IACA;;;AAEF;EACE;EACA;EACA;EACA;;AArCF;EAiCA;IAOI;IACA;IACA;IACA;;;AAEF;EACE;;AAEJ;EACE;EACA;EACA;;AAnDF;EAgDA;IAMI;IACA;IACA;IACA;;;AAEF;EAKE;EACA;;AAjEJ;EA2DE;IAEI;IACA;IACA;;;AAIN;EACE;EACA;EACA;;AAtEF;EAmEA;IAKI;IACA;;;;AAGN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAII;EACE,kBA9FC;;AA6FH;EACE,kBA9FC;;AA6FH;EACE,kBA9FC;;AA6FH;EACE,kBA9FC;;AA6FH;EACE,kBA9FC;;AA6FH;EACE,kBA9FC;;AAgGP;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAzGF;EAmGA;IASI;;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAtHN;EAmHI;IAMI;IACA;;;AAEN;EACE;EACA;EACA;EACA;EACA;;AAjIJ;EA4HE;IAQI;IACA;IACA;;;AAGJ;EACE;EACA;EACA;EACA;;AA7IJ;EAyIE;IAMI;IACA;IACA;;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;;AAzJF;EAmJA;IASI;IACA;;;;AAEN;EACE;EACA;;AAjKA;EA+JF;IAII;IACA;IACA;;;AAGA;EACE;EACA;;AA1KJ;EA6KI;IAEI;;;AAEJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAIA;EACE;;AAjMV;EAgMQ;IAII;;EAEA;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;;AAKF;EACE;;AAEJ;EACE;EACA;;AAIA;EACE,mBAjOP;;AAoOO;EACE,OArOT;;AAgOK;EACE,mBAjOP;;AAoOO;EACE,OArOT;;AAgOK;EACE,mBAjOP;;AAoOO;EACE,OArOT;;AAgOK;EACE,mBAjOP;;AAoOO;EACE,OArOT;;AAgOK;EACE,mBAjOP;;AAoOO;EACE,OArOT;;AAgOK;EACE,mBAjOP;;AAoOO;EACE,OArOT;;AAwOG;EACE;;AAGJ;EACE;;AA1OV;EA4OQ;IAEI;IACA;;EACA;IACE;;;AAjPd;EAmPQ;IAEI;;;AAEJ;EACE;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAEZ;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAOA;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;AAxBA;EAuBF;IAII;IACA;IACA;IACA;;;AAEF;EACE;EACA;EACA;EACA;;AApCF;EAgCA;IAOI;IACA;IACA;IACA;;;AAEF;EACE;;AAEJ;EACE;EACA;EACA;;AAlDF;EA+CA;IAMI;IACA;IACA;IACA;;;AAEF;EAKE;EACA;;AAhEJ;EA0DE;IAEI;IACA;IACA;;;AAIN;EACE;EACA;EACA;EACA;;AAtEF;EAkEA;IAOI;;;AAzEJ;EA2EE;IAEI;;;AAEJ;EACE;EACA;;AAjFJ;EA+EE;IAII;IACA;;;;AAGR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAII;EACE,kBAzGC;;AAwGH;EACE,kBAzGC;;AAwGH;EACE,kBAzGC;;AAwGH;EACE,kBAzGC;;AAwGH;EACE,kBAzGC;;AAwGH;EACE,kBAzGC;;AA2GP;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AApHF;EA8GA;IASI;;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAjIN;EA8HI;IAMI;IACA;;;AAEN;EACE;EACA;EACA;EACA;EACA;;AA5IJ;EAuIE;IAQI;IACA;IACA;;;AAGJ;EACE;EACA;EACA;EACA;;AAxJJ;EAoJE;IAMI;IACA;IACA;;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;;AApKF;EA8JA;IASI;IACA;;;;AAEN;EACE;EACA;;AA5KA;EA0KF;IAII;IACA;IACA;;;AAGA;EACE;EACA;;AArLJ;EAwLI;IAEI;;;AAEJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAIA;EACE;;AA5MV;EA2MQ;IAII;;EAEA;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;;AAKF;EACE;;AAEJ;EACE;EACA;;AAIA;EACE,mBA5OP;;AA+OO;EACE,OAhPT;;AA2OK;EACE,mBA5OP;;AA+OO;EACE,OAhPT;;AA2OK;EACE,mBA5OP;;AA+OO;EACE,OAhPT;;AA2OK;EACE,mBA5OP;;AA+OO;EACE,OAhPT;;AA2OK;EACE,mBA5OP;;AA+OO;EACE,OAhPT;;AA2OK;EACE,mBA5OP;;AA+OO;EACE,OAhPT;;AAmPG;EACE;;AAGJ;EACE;;AArPV;EAuPQ;IAEI;IACA;;EACA;IACE;;;AA5Pd;EA8PQ;IAEI;;;AAEJ;EACE;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAEZ;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA","file":"style.css"}
\ No newline at end of file
index ce90b334e00de92f5296d20e9c9934e3b135661d..1cf7f930c72017a9cf3f5e72eab5c1789df41956 100644 (file)
@@ -26,7 +26,6 @@ body
 
 header
   position: relative
-  height: 200px
 
   @include media-mob()
     text-align: center
@@ -68,13 +67,25 @@ header
       height: 200px
       color: #f0f0f0
 
-  h1
-    position: absolute
-    top: 110px
-    left: 40px
+  #contents
+    padding-top: 110px
+    padding-left: 40px
+    position: relative
+    z-index: 1
+
     @include media-mob()
-      text-align: center
-      position: static
+      padding: 0
+
+    h1
+      @include media-mob()
+        text-align: center
+
+    p
+      margin: 30px 0
+      padding: 0 20px 0 0
+      @include media-mob()
+        text-align: left
+        padding: 0
 
 
 #scowin