summaryrefslogtreecommitdiffstats
path: root/default.dzslides
diff options
context:
space:
mode:
authorJohn MacFarlane <jgm@berkeley.edu>2017-12-27 09:29:34 -0800
committerJohn MacFarlane <jgm@berkeley.edu>2017-12-27 09:29:34 -0800
commitac3dc50580d7185d18dd4916782904fd733b3bfd (patch)
tree23ec8e7c0c0806fde9a07a1b1d271b814343daf8 /default.dzslides
parente7d5d8957c77e125b8a1c7eb51356542633d0796 (diff)
downloadpandoc-templates-ac3dc50580d7185d18dd4916782904fd733b3bfd.tar.gz
pandoc-templates-ac3dc50580d7185d18dd4916782904fd733b3bfd.zip
Initial commit, 2.0.5
Diffstat (limited to 'default.dzslides')
-rw-r--r--default.dzslides204
1 files changed, 204 insertions, 0 deletions
diff --git a/default.dzslides b/default.dzslides
new file mode 100644
index 0000000..73ef045
--- /dev/null
+++ b/default.dzslides
@@ -0,0 +1,204 @@
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 span.smallcaps{font-variant: small-caps;}
18 span.underline{text-decoration: underline;}
19 div.line-block{white-space: pre-line;}
20 div.column{display: inline-block; vertical-align: top; width: 50%;}
21$if(quotes)$
22 q { quotes: "“" "”" "‘" "’"; }
23$endif$
24 </style>
25$if(highlighting-css)$
26 <style type="text/css">
27$highlighting-css$
28 </style>
29$endif$
30$if(css)$
31$for(css)$
32 <link rel="stylesheet" href="$css$">
33$endfor$
34$else$
35<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'>
36
37<style>
38 html, .view body { background-color: black; counter-reset: slideidx; }
39 body, .view section { background-color: white; border-radius: 12px }
40 /* A section is a slide. It's size is 800x600, and this will never change */
41 section, .view head > title {
42 /* The font from Google */
43 font-family: 'Oswald', arial, serif;
44 font-size: 30px;
45 }
46
47 .view section:after {
48 counter-increment: slideidx;
49 content: counter(slideidx, decimal-leading-zero);
50 position: absolute; bottom: -80px; right: 100px;
51 color: white;
52 }
53
54 .view head > title {
55 color: white;
56 text-align: center;
57 margin: 1em 0 1em 0;
58 }
59
60 h1, h2 {
61 margin-top: 200px;
62 text-align: center;
63 font-size: 80px;
64 }
65 h3 {
66 margin: 100px 0 50px 100px;
67 }
68
69 ul {
70 margin: 50px 200px;
71 }
72 li > ul {
73 margin: 15px 50px;
74 }
75
76 p {
77 margin: 75px;
78 font-size: 50px;
79 }
80
81 blockquote {
82 height: 100%;
83 background-color: black;
84 color: white;
85 font-size: 60px;
86 padding: 50px;
87 }
88 blockquote:before {
89 content: open-quote;
90 }
91 blockquote:after {
92 content: close-quote;
93 }
94
95 /* Figures are displayed full-page, with the caption
96 on top of the image/video */
97 figure {
98 background-color: black;
99 width: 100%;
100 height: 100%;
101 }
102 figure > * {
103 position: absolute;
104 }
105 figure > img, figure > video {
106 width: 100%; height: 100%;
107 }
108 figcaption {
109 margin: 70px;
110 font-size: 50px;
111 }
112
113 footer {
114 position: absolute;
115 bottom: 0;
116 width: 100%;
117 padding: 40px;
118 text-align: right;
119 background-color: #F3F4F8;
120 border-top: 1px solid #CCC;
121 }
122
123 /* Transition effect */
124 /* Feel free to change the transition effect for original
125 animations. See here:
126 https://developer.mozilla.org/en/CSS/CSS_transitions
127 How to use CSS3 Transitions: */
128 section {
129 -moz-transition: left 400ms linear 0s;
130 -webkit-transition: left 400ms linear 0s;
131 -ms-transition: left 400ms linear 0s;
132 transition: left 400ms linear 0s;
133 }
134 .view section {
135 -moz-transition: none;
136 -webkit-transition: none;
137 -ms-transition: none;
138 transition: none;
139 }
140
141 .view section[aria-selected] {
142 border: 5px red solid;
143 }
144
145 /* Before */
146 section { left: -150%; }
147 /* Now */
148 section[aria-selected] { left: 0; }
149 /* After */
150 section[aria-selected] ~ section { left: +150%; }
151
152 /* Incremental elements */
153
154 /* By default, visible */
155 .incremental > * { opacity: 1; }
156
157 /* The current item */
158 .incremental > *[aria-selected] { opacity: 1; }
159
160 /* The items to-be-selected */
161 .incremental > *[aria-selected] ~ * { opacity: 0; }
162
163 /* The progressbar, at the bottom of the slides, show the global
164 progress of the presentation. */
165 #progress-bar {
166 height: 2px;
167 background: #AAA;
168 }
169</style>
170$endif$
171$if(math)$
172 $math$
173$endif$
174$for(header-includes)$
175 $header-includes$
176$endfor$
177</head>
178<body>
179$if(title)$
180<section class="title">
181 <h1 class="title">$title$</h1>
182$if(subtitle)$
183 <h1 class="subtitle">$subtitle$</h1>
184$endif$
185 <footer>
186 $if(author)$<span class="author">$for(author)$$author$$sep$, $endfor$</span>$endif$ · $if(date)$<span class="date">$date$</span>$endif$
187 </footer>
188</section>
189$endif$
190$if(toc)$
191<section id="$idprefix$TOC">
192$table-of-contents$
193</section>
194$endif$
195$for(include-before)$
196$include-before$
197$endfor$
198$body$
199$for(include-after)$
200$include-after$
201$endfor$
202$dzslides-core$
203</body>
204</html>
generated by cgit v1.2.3 (git 2.25.1) at 2025-04-28 15:26:22 +0000