Commit b0d40951 authored by Laurent Heirendt's avatar Laurent Heirendt
Browse files

Merge branch 'polish-theme' into develop

parents abf8880a 2949b291
#!/bin/bash
if [[ $1 = "-i" ]]; then
echo "Install from scratch"
npm install -g npm@latest grunt-cli generator-reveal
npm install
git submodule update --init
else
echo "Install already performed. Only watching."
fi
grunt server
......@@ -3,15 +3,15 @@
#### Month XYth, 2019
<div style="top: 6em; left: 0%; position: absolute;">
<img src="slides/img/lcsb_bg.png">
<img src="theme/img/lcsb_bg.png">
</div>
<div style="top: 15em; left: 60%; position: absolute;">
<h3><b>A catchy title</b></h3>
</div>
<div style="top: 25em; left: 60%; position: fixed; width: 50%;">
**Firstname LastName, Title**<br>
<div style="top: 24em; left: 60%; position: fixed; width: 50%;">
<b>Firstname LastName, Title</b><br>
firstname.lastname@uni.lu<br>
<i>Luxembourg Centre for Systems Biomedicine</i>
</div>
../../theme
\ No newline at end of file
# Presentation slides
## How to get started
This repository contains all presentations related to R3.
# How to get started
Copy the presentation template folder into the folder of the current year and name it
according to your preference, i.e. `YYYY-MM-DD_myPresentation`.
```bash
$ cd YYYY-MM-DD_myPresentation
$ npm install -g npm@latest grunt-cli generator-reveal
$ npm install
```
## How to develop locally
# How to develop locally
```bash
$ grunt server
```
## How to publish
# How to publish
```bash
grunt dist
$ grunt dist
```
/**
* A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue.
*
* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
.reveal a:not(.image) {
line-height: 1.3em; }
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #fff;
background-color: #fff; }
.reveal {
font-family: "Verdana", sans-serif;
font-size: 32px;
font-weight: 200;
letter-spacing: -0.02em;
color: #000; }
::selection {
color: #fff;
background: rgba(0, 0, 0, 0.99);
text-shadow: none; }
/*********************************************
* HEADERS
*********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: -80px 0 20px 20px;
color: #00a3df;
font-family: "Verdana", sans-serif;
line-height: 1.3em;
letter-spacing: 0em;
text-transform: none;
text-shadow: none; }
.reveal h1 {
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
color: #000000;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
-ms-transition: color .15s ease;
-o-transition: color .15s ease;
transition: color .15s ease; }
.reveal a:not(.image):hover {
color: #333333;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
background: black; }
/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #000000;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left,
.reveal .controls div.navigate-left.enabled {
border-right-color: #000000; }
.reveal .controls div.navigate-right,
.reveal .controls div.navigate-right.enabled {
border-left-color: #000000; }
.reveal .controls div.navigate-up,
.reveal .controls div.navigate-up.enabled {
border-bottom-color: #000000; }
.reveal .controls div.navigate-down,
.reveal .controls div.navigate-down.enabled {
border-top-color: #000000; }
.reveal .controls div.navigate-left.enabled:hover {
border-right-color: #333333; }
.reveal .controls div.navigate-right.enabled:hover {
border-left-color: #333333; }
.reveal .controls div.navigate-up.enabled:hover {
border-bottom-color: #333333; }
.reveal .controls div.navigate-down.enabled:hover {
border-top-color: #333333; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2); }
.reveal .progress span {
background: #000000;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/*# sourceMappingURL=lcsb.css.map */
.reveal pre {
font-size: 0.8em; /* Make the commands bigger */
box-shadow: 3px 4px 10px rgba(0,0,0,0.8);
width: 120%;
position: relative;
left: -10%;
}
.reveal pre code {
background-color: #333333;
padding: 0.5em;
.reveal a:not(.image) {
line-height: 1.3em; }
.reveal {
color: #1e497d;
font-family: Lato;
font-weight: normal;
}
.reveal section img.as-is {
background: none;
border: none;
box-shadow: none
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #fff;
background-color: #fff; }
.reveal .slides>section,
.reveal .slides>section>section {
font-size: 32px;
vertical-align: top;
position: absolute;
top: 10%!important;
font-family: Lato;
position: absolute;
top: 0;
left: 0;
vertical-align: top;
line-height: 1.5em;
}
.reveal section img {
margin: 10px 0px;
background: rgba(255, 255, 255, 0.12);
border: 0px solid #000;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
.reveal h2 {
::selection {
color: #fff;
background: rgba(0, 0, 0, 0.99);
text-shadow: none; }
/*********************************************
* HEADERS
*********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: -80px 0 20px 20px;
color: #1e497d;
font-family: Lato;
line-height: 1.3em;
letter-spacing: 0em;
text-transform: none;
text-shadow: none; }
.reveal h2 {
color: #1e497d;
font-family: Lato;
font-size: 2em;
}
.reveal h3 {
color: #000000;
font-family: Lato;
font-size: 2em;
}
.reveal h4 {
color: #1e497d;
font-family: Lato;
font-size: 1em;
}
.reveal {
color: #1e497d;
font-family: Lato;
font-weight: normal;
/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
color: #000000;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
-ms-transition: color .15s ease;
-o-transition: color .15s ease;
transition: color .15s ease; }
.reveal a:not(.image):hover {
color: #333333;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
background: black; }
/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 10px 0px;
background: rgba(255, 255, 255, 0.12);
border: 0px solid #000;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
/*********************************************
* CUSTOMIZATIONS
*********************************************/
.reveal pre {
font-size: 0.8em; /* Make the commands bigger */
box-shadow: 3px 4px 10px rgba(0,0,0,0.8);
width: 120%;
position: relative;
left: -10%;
}
.reveal pre code {
background-color: #333333;
padding: 0.5em;
}
.reveal section img.as-is {
background: none;
border: none;
box-shadow: none
}
.present {
......@@ -58,6 +132,10 @@
left: 0;
}
/*********************************************
* CONTROLS
*********************************************/
.reveal .controls{
display: none;
position: fixed;
......@@ -84,18 +162,3 @@
left: 10px;
bottom: 8px;
}
\ No newline at end of file
.slides {
font-family: Lato;
position: absolute;
top: 0;
left: 0;
vertical-align: top;
}
.reveal .slides>section,
.reveal .slides>section>section {
vertical-align: top;
position: absolute;
top: 10%!important;
font-family: Lato;
}
\ No newline at end of file
// Modified from markdown.js from Hakim to handle external html files
(function () {
/*jslint loopfunc: true, browser: true*/
/*globals alert*/
'use strict';
var querySlidingHtml = function () {
var sections = document.querySelectorAll('[data-html]'),
section, j, jlen;
for (j = 0, jlen = sections.length; j < jlen; j++) {
section = sections[j];
if (section.getAttribute('data-html').length) {
var xhr = new XMLHttpRequest(),
url = section.getAttribute('data-html'),
cb = function () {
if (xhr.readyState === 4) {
if (xhr.status >= 200 && xhr.status < 300) {
section.innerHTML = xhr.responseText;
} else {
section.outerHTML = '<section data-state="alert">ERROR: The attempt to fetch ' + url + ' failed with the HTTP status ' + xhr.status + '. Check your browser\'s JavaScript console for more details.</p></section>';
}
}
};
xhr.onreadystatechange = cb;
xhr.open('GET', url, false);
try {
xhr.send();
} catch (e) {
alert('Failed to get file' + url + '.' + e);
}
}
}
};
querySlidingHtml();
})();
......@@ -13,8 +13,6 @@
<link rel="stylesheet" href="theme/reveal.js/css/reveal.css">
<link rel="stylesheet" href="theme/css/lcsb.css" id="theme">
<link rel="stylesheet" href="theme/css/style.css">
<!-- For syntax highlighting -->
......@@ -52,10 +50,10 @@
<% }); %>
</div>
<div class="bottomLogoLeft">
<img src="slides/img/University-of-Luxembourg-Fr-01.svg" height="110px">
<img src="theme/img/University-of-Luxembourg-Fr-01.svg" height="110px">
</div>
<div class="bottomLogoRight">
<img src="slides/img/LCSB_short_small_4c_cropped.svg" height="86px">
<img src="theme/img/LCSB_short_small_4c_cropped.svg" height="86px">
</div>
</div>
......
Supports Markdown
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