-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathslides.html
executable file
·70 lines (64 loc) · 1.71 KB
/
slides.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
---
---
{% if jekyll %}
{% assign headers = site.headers %}
{% assign slides = site.slides %}
{% endif %}
<!DOCTYPE html>
<html lang="{{ headers['lang'] }}">
<head>
<title>{{ headers['title'] }}</title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="{{ headers['generator'] }}">
<meta name="author" content="{{ headers['author'] }}">
<link rel="stylesheet" href="shower/themes/{{ headers['theme'] }}/styles/screen-16x10.css">
</head>
<body class="shower list">
<header class="caption">
<h1>{{ headers['title'] }}</h1>
<p>{{ headers['author'] }}</p>
</header>
<section class="slide" id="cover">
<h2>{{ headers['title'] }}</h2>
<p>by {{ headers['author'] }}</p>
<img src="{{ headers['cover'] }}" alt="" class="cover">
<!--
To apply styles to the certain slides
set slide ID to get needed elements
-->
<style>
#cover h2 {
margin:30px 0 0;
color:#FFF;
text-align:center;
font-size:70px;
}
#cover p {
margin:10px 0 0;
text-align:center;
color:#FFF;
font-style:italic;
font-size:20px;
}
#cover p a {
color:#FFF;
}
</style>
</section>
{% for slide in slides %}
<section class="slide {{ slide.classes }}" id="{{ forloop.index }}"> <!-- fix: add +2 or +1 was: (i+2).to_s -->
{{ slide.content }}
</section>
{% endfor %}
<!--
To hide progress bar from entire presentation
just remove “progress” element.
-->
<div class="progress"></div>
<script src="shower/shower.min.js"></script>
<!-- Copyright © 2015 Yours Truly, Famous Inc. -->
<!-- Photos by John Carey, fiftyfootshadows.net -->
</body>
</html>