2011-10-01 22:55:48 -07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2011-11-29 13:30:41 -08:00
|
|
|
$for(author-meta)$
|
|
|
|
|
<meta name="author" content="$author-meta$" />
|
2011-10-01 22:55:48 -07:00
|
|
|
$endfor$
|
2011-11-29 13:30:41 -08:00
|
|
|
$if(date-meta)$
|
2012-01-28 16:12:10 -08:00
|
|
|
<meta name="dcterms.date" content="$date-meta$" />
|
2011-10-01 22:55:48 -07:00
|
|
|
$endif$
|
|
|
|
|
<title>$if(title-prefix)$$title-prefix$ - $endif$$if(pagetitle)$$pagetitle$$endif$</title>
|
|
|
|
|
$if(highlighting-css)$
|
2012-01-25 11:16:36 -08:00
|
|
|
<style type="text/css">
|
2011-10-01 22:55:48 -07:00
|
|
|
$highlighting-css$
|
2012-01-25 11:16:36 -08:00
|
|
|
</style>
|
2011-10-01 22:55:48 -07:00
|
|
|
$endif$
|
2011-10-01 23:40:56 -07:00
|
|
|
$if(css)$
|
|
|
|
|
$for(css)$
|
|
|
|
|
<link rel="stylesheet" href="$css$" $if(html5)$$else$type="text/css" $endif$/>
|
2011-10-01 22:55:48 -07:00
|
|
|
$endfor$
|
2011-10-01 23:40:56 -07:00
|
|
|
$else$
|
2011-10-01 22:55:48 -07:00
|
|
|
<style>
|
|
|
|
|
html { background-color: black; }
|
|
|
|
|
body { background-color: white; }
|
2011-11-07 12:13:36 -08:00
|
|
|
/* A section is a slide. It's size is 800x600, and this will never change */
|
2011-10-01 22:55:48 -07:00
|
|
|
section {
|
2011-10-02 19:40:17 -07:00
|
|
|
font-family: Arial, serif;
|
|
|
|
|
font-size: 20pt;
|
|
|
|
|
}
|
2011-11-07 23:01:56 -08:00
|
|
|
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, table, ul, dl { padding: 10px 20px 10px 20px; }
|
2011-10-01 22:55:48 -07:00
|
|
|
h1, h2, h3 {
|
2011-11-07 12:13:36 -08:00
|
|
|
text-align: center;
|
|
|
|
|
margin: 10pt 10pt 20pt 10pt;
|
|
|
|
|
}
|
2011-10-02 19:40:17 -07:00
|
|
|
ul, ol {
|
2011-11-07 12:13:36 -08:00
|
|
|
margin: 10px 10px 10px 50px;
|
2011-10-01 22:55:48 -07:00
|
|
|
}
|
2012-01-24 10:50:22 -08:00
|
|
|
section.titleslide h1 { margin-top: 200px; }
|
2012-01-28 12:45:46 -08:00
|
|
|
h1.title { margin-top: 150px; }
|
2011-11-07 12:13:36 -08:00
|
|
|
h1 { font-size: 180%; }
|
|
|
|
|
h2 { font-size: 120%; }
|
|
|
|
|
h3 { font-size: 100%; }
|
2011-10-02 19:40:17 -07:00
|
|
|
blockquote { font-style: italic }
|
2011-11-07 12:13:36 -08:00
|
|
|
q {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 700px;
|
|
|
|
|
height: 600px;
|
|
|
|
|
background-color: black;
|
|
|
|
|
color: white;
|
|
|
|
|
font-size: 60px;
|
|
|
|
|
padding: 50px;
|
2011-10-02 19:40:17 -07:00
|
|
|
}
|
2011-11-07 12:13:36 -08:00
|
|
|
footer {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 10px;
|
|
|
|
|
right: 20px;
|
2011-10-01 22:55:48 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Transition effect */
|
|
|
|
|
/* Feel free to change the transition effect for original
|
|
|
|
|
animations. See here:
|
|
|
|
|
https://developer.mozilla.org/en/CSS/CSS_transitions
|
|
|
|
|
How to use CSS3 Transitions: */
|
|
|
|
|
section {
|
|
|
|
|
-moz-transition: left 400ms linear 0s;
|
|
|
|
|
-webkit-transition: left 400ms linear 0s;
|
|
|
|
|
-ms-transition: left 400ms linear 0s;
|
|
|
|
|
transition: left 400ms linear 0s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Before */
|
|
|
|
|
section { left: -150%; }
|
|
|
|
|
/* Now */
|
|
|
|
|
section[aria-selected] { left: 0; }
|
|
|
|
|
/* After */
|
|
|
|
|
section[aria-selected] ~ section { left: +150%; }
|
|
|
|
|
|
2011-11-07 12:13:36 -08:00
|
|
|
/* Incremental elements */
|
|
|
|
|
|
|
|
|
|
/* By default, visible */
|
2011-10-01 22:55:48 -07:00
|
|
|
.incremental > * { opacity: 1; }
|
|
|
|
|
|
2011-11-07 12:13:36 -08:00
|
|
|
/* The current item */
|
|
|
|
|
.incremental > *[aria-selected] { color: red; opacity: 1; }
|
|
|
|
|
|
|
|
|
|
/* The items to-be-selected */
|
|
|
|
|
.incremental > *[aria-selected] ~ * { opacity: 0.2; }
|
2011-10-01 22:55:48 -07:00
|
|
|
</style>
|
2011-10-01 23:40:56 -07:00
|
|
|
$endif$
|
|
|
|
|
$if(math)$
|
|
|
|
|
$math$
|
|
|
|
|
$endif$
|
|
|
|
|
$for(header-includes)$
|
|
|
|
|
$header-includes$
|
|
|
|
|
$endfor$
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
$if(title)$
|
|
|
|
|
<section>
|
2011-10-02 19:40:17 -07:00
|
|
|
<h1 class="title">$title$</h1>
|
2012-01-28 12:45:46 -08:00
|
|
|
$for(author)$
|
2011-10-02 19:40:17 -07:00
|
|
|
<h2 class="author">$author$</h2>
|
2012-01-28 12:45:46 -08:00
|
|
|
$endfor$
|
2011-10-02 19:40:17 -07:00
|
|
|
<h3 class="date">$date$</h3>
|
2011-10-01 23:40:56 -07:00
|
|
|
</section>
|
|
|
|
|
$endif$
|
|
|
|
|
$for(include-before)$
|
|
|
|
|
$include-before$
|
|
|
|
|
$endfor$
|
|
|
|
|
$body$
|
|
|
|
|
$for(include-after)$
|
|
|
|
|
$include-after$
|
|
|
|
|
$endfor$
|
2011-12-29 17:40:43 -08:00
|
|
|
$dzslides-core$
|
2011-10-01 22:55:48 -07:00
|
|
|
</body>
|
|
|
|
|
</html>
|
