diff --git a/lectures/build.gradle b/lectures/build.gradle index 37dec022b85f27e954575cb1f89a6c597f18a1c1..ea7ae84954514bb20e395f16ee060f2908a158e5 100644 --- a/lectures/build.gradle +++ b/lectures/build.gradle @@ -80,10 +80,13 @@ asciidoctorRevealJs { overviewMode = true touchMode = true backgroundTransition = 'convex' //none , fade, slide, convex, concave, zoom - theme = 'sky' //'black', 'beige' , 'league', 'night', 'serif', 'simple', 'sky', 'solarized' + theme = 'white' //'black', 'beige' , 'league', 'night', 'serif', 'simple', 'sky', 'solarized' } plugins 'rajgoel/chart/Chart.min.js' + //plugins 'IainAndrew/footer-reveal/footer-reveal.min.js' + + } revealjs { @@ -101,6 +104,12 @@ revealjsPlugins { repository = 'reveal.js-plugins' branch = 'master' } + + /*github 'IainAndrew', { + organisation = 'IainAndrew' + repository = 'footer-reveal' + branch = 'master' + }*/ } build.dependsOn 'asciidoctorRevealJs' diff --git a/lectures/revealjs/course-intro.adoc b/lectures/revealjs/course-intro.adoc index 7eb5bbe6b3cc18cbadce7a0bd5d53a7830a80059..b7d790a04f1f44951c7a504e2f664aa3f30306b4 100644 --- a/lectures/revealjs/course-intro.adoc +++ b/lectures/revealjs/course-intro.adoc @@ -1,3 +1,14 @@ += IT1901 +:customcss: slides.css +:icons: font + +- Velkommen til IT1901 Informatikk prosjektarbeid 1 +- Welcome to IT1901 Informatics, Project 1 + +Høst 2019 / Fall 2019 + + + == Introduksjon til IT1901 Smidig og moderne praksis og konstruksjon @@ -9,3 +20,23 @@ Smidig og moderne praksis og konstruksjon ** desktop ** mobil ** web + + + + +++++ + <div id="footer" class="footer"> + <span class="element"><a href="www.ntnu.no"><img id="footer-logo" class="footer-logo" src="images/logo_ntnu.png" alt="ntnu logo"/></a></span> + <span class="element">| IT1901 </span> + <span class="element">| Course Introduction </span> + <span class="element"> </span> + </div> + + <script type="text/javascript"> + window.addEventListener("load", function() { + revealDiv = document.querySelector("body div.reveal") + footer = document.getElementById("footer"); + revealDiv.appendChild(footer); + } ); + </script> +++++ \ No newline at end of file diff --git a/lectures/revealjs/images/logo_ntnu.png b/lectures/revealjs/images/logo_ntnu.png new file mode 100644 index 0000000000000000000000000000000000000000..60d0ccf274f287312422e7729e1ad7773532bc24 Binary files /dev/null and b/lectures/revealjs/images/logo_ntnu.png differ diff --git a/lectures/revealjs/images/logo_ntnu_u-slagord_neg.png b/lectures/revealjs/images/logo_ntnu_u-slagord_neg.png new file mode 100644 index 0000000000000000000000000000000000000000..e2d7298ab0f164f3510c1d5ff0f7e6cada32ee81 Binary files /dev/null and b/lectures/revealjs/images/logo_ntnu_u-slagord_neg.png differ diff --git a/lectures/revealjs/slides.css b/lectures/revealjs/slides.css index 2b45fec32a3b24c24757f0e26a441c2daa0d126b..82483dddd79922cd5759503243c94ae115f70064 100644 --- a/lectures/revealjs/slides.css +++ b/lectures/revealjs/slides.css @@ -18,6 +18,10 @@ font-size: 60%; } +.smaller-40 { + font-size: 40%; +} + .left { float: left; } @@ -173,3 +177,34 @@ section h2 { .area-south-east { grid-area: south-east; } + +/* solution for footer based on http://blog.schauderhaft.de/2018/07/23/footer-in-revealjs-from-asciidoc/ */ + .footer { + position: absolute; + display: table; + width: 100%; + bottom: 0; + background-color: #0000AA; + } + + .footer span { + display: table-cell; + color: #FFFFFF; + padding: 0px 15px 5px; + + text-align: center; + font-family: "Verdana", sans-serif; + font-size: 70%; + } + + .footer span:nth-of-type(1) { + text-align: left; + } + + .footer span:nth-last-child(1) { + text-align: right; + } + +.footer-logo{ + vertical-align: middle; +} \ No newline at end of file