git.iko.soy/typeable/pandoc
on 34412cf help sign in
typeable/pandoc/data/templates/default.dzslides
201 lines 4.3 kB history raw
1<!DOCTYPE html>
2<head$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
3 <meta charset="utf-8">
4 <meta name="generator" content="pandoc">
5$for(author-meta)$
6 <meta name="author" content="$author-meta$">
7$endfor$
8$if(date-meta)$
9 <meta name="dcterms.date" content="$date-meta$">
10$endif$
11$if(keywords)$
12 <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
13$endif$
14 <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
15 <style type="text/css">
16 code{white-space: pre-wrap;}
17 .smallcaps{font-variant: small-caps;}
18$if(quotes)$
19 q { quotes: "“" "”" "‘" "’"; }
20$endif$
21 </style>
22$if(highlighting-css)$
23 <style type="text/css">
24$highlighting-css$
25 </style>
26$endif$
27$if(css)$
28$for(css)$
29 <link rel="stylesheet" href="$css$">
30$endfor$
31$else$
32<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'>
34<style>
35 html, .view body { background-color: black; counter-reset: slideidx; }
36 body, .view section { background-color: white; border-radius: 12px }
37 /* A section is a slide. It's size is 800x600, and this will never change */
38 section, .view head > title {
39 /* The font from Google */
40 font-family: 'Oswald', arial, serif;
41 font-size: 30px;
42 }
44 .view section:after {
45 counter-increment: slideidx;
46 content: counter(slideidx, decimal-leading-zero);
47 position: absolute; bottom: -80px; right: 100px;
48 color: white;
49 }
51 .view head > title {
52 color: white;
53 text-align: center;
54 margin: 1em 0 1em 0;
55 }
57 h1, h2 {
58 margin-top: 200px;
59 text-align: center;
60 font-size: 80px;
61 }
62 h3 {
63 margin: 100px 0 50px 100px;
64 }
66 ul {
67 margin: 50px 200px;
68 }
69 li > ul {
70 margin: 15px 50px;
71 }
73 p {
74 margin: 75px;
75 font-size: 50px;
76 }
78 blockquote {
79 height: 100%;
80 background-color: black;
81 color: white;
82 font-size: 60px;
83 padding: 50px;
84 }
85 blockquote:before {
86 content: open-quote;
87 }
88 blockquote:after {
89 content: close-quote;
90 }
92 /* Figures are displayed full-page, with the caption
93 on top of the image/video */
94 figure {
95 background-color: black;
96 width: 100%;
97 height: 100%;
98 }
99 figure > * {
100 position: absolute;
101 }
102 figure > img, figure > video {
103 width: 100%; height: 100%;
104 }
105 figcaption {
106 margin: 70px;
107 font-size: 50px;
108 }
110 footer {
111 position: absolute;
112 bottom: 0;
113 width: 100%;
114 padding: 40px;
115 text-align: right;
116 background-color: #F3F4F8;
117 border-top: 1px solid #CCC;
118 }
120 /* Transition effect */
121 /* Feel free to change the transition effect for original
122 animations. See here:
123 https://developer.mozilla.org/en/CSS/CSS_transitions
124 How to use CSS3 Transitions: */
125 section {
126 -moz-transition: left 400ms linear 0s;
127 -webkit-transition: left 400ms linear 0s;
128 -ms-transition: left 400ms linear 0s;
129 transition: left 400ms linear 0s;
130 }
131 .view section {
132 -moz-transition: none;
133 -webkit-transition: none;
134 -ms-transition: none;
135 transition: none;
136 }
138 .view section[aria-selected] {
139 border: 5px red solid;
140 }
142 /* Before */
143 section { left: -150%; }
144 /* Now */
145 section[aria-selected] { left: 0; }
146 /* After */
147 section[aria-selected] ~ section { left: +150%; }
149 /* Incremental elements */
151 /* By default, visible */
152 .incremental > * { opacity: 1; }
154 /* The current item */
155 .incremental > *[aria-selected] { opacity: 1; }
157 /* The items to-be-selected */
158 .incremental > *[aria-selected] ~ * { opacity: 0; }
160 /* The progressbar, at the bottom of the slides, show the global
161 progress of the presentation. */
162 #progress-bar {
163 height: 2px;
164 background: #AAA;
165 }
166</style>
167$endif$
168$if(math)$
169 $math$
170$endif$
171$for(header-includes)$
172 $header-includes$
173$endfor$
174</head>
175<body>
176$if(title)$
177<section class="title">
178 <h1 class="title">$title$</h1>
179$if(subtitle)$
180 <h1 class="subtitle">$subtitle$</h1>
181$endif$
182 <footer>
183 $if(author)$<span class="author">$for(author)$$author$$sep$, $endfor$</span>$endif$ · $if(date)$<span class="date">$date$</span>$endif$
184 </footer>
185</section>
186$endif$
187$if(toc)$
188<section id="$idprefix$TOC">
189$toc$
190</section>
191$endif$
192$for(include-before)$
193$include-before$
194$endfor$
195$body$
196$for(include-after)$
197$include-after$
198$endfor$
199$dzslides-core$
200</body>
201</html>