Commit 18bce3ab authored by Laurent Heirendt's avatar Laurent Heirendt

Merge branch 'issue-1' into 'develop'

Make presentation theme mobile ready

See merge request !5
parents 0cd62357 1ccdeb4a
.DS_Store
......@@ -15,6 +15,22 @@ body {
background-color: #fff;
}
.reveal .slides{
background:
linear-gradient(to right, #bbb 1px, transparent 1px) 0 0,
linear-gradient(to right, #bbb 1px, transparent 1px) 0 100%,
linear-gradient(to left, #bbb 1px, transparent 1px) 100% 0,
linear-gradient(to left, #bbb 1px, transparent 1px) 100% 100%,
linear-gradient(to bottom, #bbb 1px, transparent 1px) 0 0,
linear-gradient(to bottom, #bbb 1px, transparent 1px) 100% 0,
linear-gradient(to top, #bbb 1px, transparent 1px) 0 100%,
linear-gradient(to top, #bbb 1px, transparent 1px) 100% 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
}
.reveal .slides>section,
.reveal .slides>section>section {
font-size: 18pt;
......@@ -28,6 +44,7 @@ body {
line-height: 1.5em;
/*transform: scale(1.5);
zoom: 1.5;*/
padding: 1em;
}
::selection {
......@@ -138,31 +155,31 @@ body {
* CONTROLS
*********************************************/
.reveal .controls{
.reveal .controls {
display: none;
position: fixed;
width: 110px;
height: 110px;
z-index: 30;
right: 20px;
bottom: 120px;
transform: scale(0.5);
text-align: center;
position: absolute;
left: 80%;
margin-left: -50px;
width: 100px;
bottom: 5%;
}
.bottomLogoRight{
position: fixed;
width: 110px;
height: 110px;
height: 8%;
z-index: 30;
right: 10px;
bottom: 8px;
right: 1.5%;
bottom: 1.5%;
}
.bottomLogoLeft{
position: fixed;
width: 110px;
height: 110px;
height: 8%;
z-index: 9999;
left: 10px;
bottom: 8px;
bottom: 1.5%;
left: 1.5%;
}
/*********************************************
......@@ -170,16 +187,32 @@ body {
*********************************************/
.reveal .slide-number {
position: absolute;
position: relative;
display: block;
right: 120px;
bottom: 60px;
z-index: 31;
font-family: Helvetica, sans-serif;
font-size: 12px;
line-height: 1;
color: #fff;
background-color:#fff;
padding: 5px;
font-size: 8pt;
text-align: center;
position: absolute;
left: 50%;
margin-left: -50px;
width: 100px;
bottom: 5%;
}
/*
@media all and (max-width:400px) {
.reveal .slide-number { font-size: 2pt }
.reveal .controls { transform: scale(0.1); }
}
@media all and (max-width:600px) {
.reveal .slide-number { font-size: 4pt }
.reveal .controls { transform: scale(0.3); }
}
@media all and (max-width:800px) {
.reveal .slide-number { font-size: 6pt }
.reveal .controls { transform: scale(0.5); }
}*/
This diff is collapsed.
This diff is collapsed.
......@@ -45,13 +45,14 @@
</section>
<% } %>
<% }); %>
</div>
<div class="bottomLogoLeft">
<img src="theme/img/University-of-Luxembourg-Fr-01.svg" height="110px">
<img src="theme/img/University-of-Luxembourg-Fr-01.svg" height="100%">
</div>
<div class="bottomLogoRight">
<img src="theme/img/LCSB_short_small_4c_cropped.svg" height="86px">
<img src="theme/img/LCSB_short_small_4c_cropped.svg" height="100%">
</div>
</div>
</div>
<!--<script src="theme/reveal.js/lib/js/head.min.js"></script>-->
......@@ -61,7 +62,7 @@
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
controls: false,
progress: true,
history: true,
center: false,
......@@ -69,17 +70,16 @@
// The "normal" size of the presentation, aspect ratio will be preserved
// when the presentation is scaled to fit different resolutions
width: '100%',
height: '100%',
width: 1920,
height: 1080,
//width: '100%',
//height: '100%',
slideNumber: 'c/t',
// Factor of the display size that should remain empty around the content
margin: 0.05,
// Bounds for smallest/largest possible scale to apply to content
minScale: 0.2,
maxScale: 1.5,
minScale: 0.1,
maxScale: 2.5,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment