From: Vincent Vanwaelscappel Date: Wed, 9 Feb 2022 08:36:28 +0000 (+0100) Subject: wip #4907 @0.5 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=HEAD;p=hf-scorm-package.git wip #4907 @0.5 --- diff --git a/.idea/misc.xml b/.idea/misc.xml index 0a76216..b658e95 100644 --- a/.idea/misc.xml +++ b/.idea/misc.xml @@ -1,5 +1,8 @@ + + diff --git a/.idea/runConfigurations.xml b/.idea/runConfigurations.xml deleted file mode 100644 index 797acea..0000000 --- a/.idea/runConfigurations.xml +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/HF_Scorm_Package.zip b/HF_Scorm_Package.zip index 1da905d..dfe9c4b 100644 Binary files a/HF_Scorm_Package.zip and b/HF_Scorm_Package.zip differ diff --git a/data.js b/data.js index df2b57d..04e7b09 100644 --- 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", diff --git a/index.html b/index.html index d890664..798bebe 100644 --- a/index.html +++ b/index.html @@ -1,196 +1,203 @@ - - - - + + + +

- - - - - - - - - - - - - +

		Type	Mandatory	Validated	Score

+ + + + + + + + + + + + - -

		Type	Mandatory	Completed	Score

+ + + +

- +

diff --git a/js/scormpackage.js b/js/scormpackage.js index 2f535ba..99303f1 100644 --- a/js/scormpackage.js +++ b/js/scormpackage.js @@ -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(''); diff --git a/style/style.css b/style/style.css index 6b1299e..8c560c4 100644 --- a/style/style.css +++ b/style/style.css @@ -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; } } diff --git a/style/style.css.map b/style/style.css.map index fd886a2..acd15a9 100644 --- a/style/style.css.map +++ b/style/style.css.map @@ -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 diff --git a/style/style.sass b/style/style.sass index ce90b33..1cf7f93 100644 --- a/style/style.sass +++ b/style/style.sass @@ -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