added impress, mozilla, resume, and sixfeetup themes

fredgrott · Jan 5, 2013 · 7ac2b70 · 7ac2b70
1 parent d9b75fe
commit 7ac2b70
Show file tree

Hide file tree

Showing 23 changed files with 4,823 additions and 0 deletions.
diff --git a/impress/base.html b/impress/base.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+    <title>{{ head_title }}</title>
+    <!-- Styles -->
+    {% if embed %}
+    <style type="text/css" media="screen, projection">
+      {{ css.screen.contents }}
+    </style>
+    {% else %}
+    <link rel="stylesheet" media="print" href="{{ css.print.path_url }}">
+    <link rel="stylesheet" media="screen, projection" href="{{ css.screen.path_url }}">
+    {% endif %}
+    {% for css in user_css %}
+      {% if embed %}
+      <style type="text/css" media="screen, projection">
+        {{ css.contents }}
+      </style>
+      {% else %}
+      <link rel="stylesheet" href="{{ css.path_url }}">
+      {% endif %}
+    {% endfor %}
+    <!-- /Styles -->
+
+</head>
+<body>
+<div id="impress" class="impress-not-supported">
+
+    <div class="fallback-message">
+        <p>Your browser <b>doesn't support features required</b> by impress.js, so are presented with simplified version of this presentation.</p>
+        <p>For the best experience please use latest <b>Chrome</b> or <b>Safari</b> browser. Firefox 10 and Internet Explorer 10 <i>should</i> also handle it.</p>
+    </div>
+      {% for slide in slides %}
+        <!-- slide source: {% if slide.source %}{{ slide.source.rel_path }}{% endif %} -->
+        {% if slide.number %}
+            {% if slide.number % 2 == 0 %}
+            <div class="step" data-x="{{ 8000 - slide.number * 1600 }}" data-y="{{ (( slide.number % 10 ) + 1) * 800 }}"
+                 data-rotate="{{ slide.number * 7 }}" data-scale="{{ slide.number % 7 + 1 }}">
+            {% else %}
+            <div class="step" data-x="{{ 8000 - slide.number * 1600 }}" data-y="{{ (( slide.number % 10 ) + 1) * 1600 }}"
+                 data-rotate="{{ slide.number * 12 }}" data-scale="{{ slide.number % 7 + 1 }}">
+            {% endif %}
+        {% else %}
+            <div class="step slide">
+        {% endif %}
+            {% if slide.header %}
+               <header><h1>{{ slide.header }}</h1></header>
+            {% endif %}
+            {% if slide.content %}
+               <section>
+                  <div>{{ slide.content }}</div>
+               </section>
+            {% endif %}
+            <footer>
+                {% if slide.source %}
+                <aside class="source">
+                  Source: <a href="{{ slide.source.rel_path }}">{{ slide.source.rel_path }}</a>
+                </aside>
+                {% endif %}
+                <aside class="page_number">
+                  {{ slide.number }}/{{ num_slides }}
+                </aside>
+            </footer>
+        </div>
+      {% endfor %}
+</div>
+<!-- Javascripts -->
+{% if embed %}
+<script>
+  {{ js.contents }}
+</script>
+{% else %}
+<script type="text/javascript" src="{{ js.path_url }}"></script>
+{% endif %}
+{% for js in user_js %}
+  {% if embed %}
+  <script>
+    {{ js.contents }}
+  </script>
+  {% else %}
+  <script type="text/javascript" src="{{ js.path_url }}"></script>
+  {% endif %}
+{% endfor %}
+<!-- /Javascripts -->
+</body>
+</html>
diff --git a/impress/css/print.css b/impress/css/print.css
@@ -0,0 +1,94 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+@page {
+    size: landscape;
+}
+
+body {
+    font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
+    padding: 0;
+    margin: 0;
+}
+
+div.slide {
+    min-width: 800px;
+    min-height: 600px;
+    padding: 1em;
+    overflow: hidden;
+    page-break-after: always;
+    border: 1px solid black;
+    border-radius: 20px;
+}
+
+div.slide div.inner {
+    width: 800px;
+    height: 600px;
+    margin: auto;
+    display: table-cell;
+}
+
+h1 {
+    font-size: 2.4em;
+}
+
+h2 {
+    font-size: 1.4em;
+}
+
+h3 {
+    margin: 1em 0;
+}
+
+ul {
+    margin: 0;
+    padding: 0;
+}
+
+p, li, pre {
+    margin: 1em 0;
+}
+
+li {
+    margin-left: 2em;
+}
+
+a {
+    color: #000000;
+}
+
+pre, code {
+    max-width: 800px;
+    background: #eee;
+    font-family: Monaco, monospace;
+    font-size: 90%;
+}
+
+pre {
+    padding: .2em .5em;
+    overflow: hidden;
+    border-radius: .8em;
+}
+
+code {
+    padding: 0 .2em;
+}
+
+.slide header:only-child h1 {
+  line-height: 180%;
+  text-align: center;
+  display: table-cell;
+  vertical-align: middle;
+  height: 600px;
+  width: 800px;
+  font-size: 48px;
+  margin-top:100px;
+  margin-bottom:100px;
+}
+
+#toc, #help, .slide aside, .slide footer, .slide .notes,
+.presenter_notes, #current_presenter_notes, #presenter_note {
+  display: none;
+}