presentation: add corporate design

presentation/index.html

@@ -15,13 +15,46 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
     <link rel="stylesheet" href="css/reveal.min.css">
-    <link rel="stylesheet" href="css/theme/night.css" id="theme">
+    <link rel="stylesheet" href="css/theme/simple.css" id="theme">
 
     <!-- For syntax highlighting -->
     <link rel="stylesheet" href="lib/css/zenburn.css">
 
     <style type="text/css" media="screen">
       .reveal pre code { max-height: 500px; }
+      html body {
+        background:url("/img/bg_white.png") no-repeat center center fixed;
+        background-size: auto 100%;
+        background-color:#fff;
+      }
+      html.intro body {
+        background:url("/img/bg_blue.png") no-repeat center center fixed;
+        background-size: auto 100%;
+        background-color:#2c3c60;
+      }
+      html.intro h1 {
+        font-size: 1.5em;
+        color: #e56b20;
+      }
+      html.intro h2 {
+        font-size: 1em;
+        color: #e56b20;
+      }
+      html.intro p {
+        color: #fff;
+      }
+      html.intro section img {
+        border: none;
+        box-shadow: none;
+        background: none;
+        transition: none;
+      }
+      html.intro a.email {
+        color: #fff;
+      }
+      .reveal h1, .reveal h2, .reveal h3 {
+        color: #001d4b;
+      }
     </style>
 
     <!-- If the query includes 'print-pdf', use the PDF print sheet -->
@@ -44,7 +77,8 @@
           data-separator="^\n\n\n"
           data-vertical="^\n\n"
           data-notes="^Note:"
-          data-charset="utf-8">
+          data-charset="utf-8"
+          >
         </section>
 
       </div>
@@ -55,7 +89,6 @@
     <script src="js/reveal.min.js"></script>
 
     <script>
-
       // Full list of configuration options available here:
       // https://github.com/hakimel/reveal.js#configuration
       Reveal.initialize({

presentation/presentation.md

@@ -1,13 +1,3 @@
-<a href="#" class="image navigate-down">
-  <img src="/img/chef_logo.png" alt="Chef">
-</a>
-
-## Konfigurationsmanagement
-
-von Jörg Thalheim, (Gruppe 4, Matrikel 3749175)
-
-Dresden, 22 Januar #TODO aktualisieren
-
 <!--
 Abstract:
 
@@ -19,6 +9,21 @@ Mit wachsender Infrastruktur steigt der Bedarf nach Automatisierung. Dies soll d
 [2] http://puppetlabs.com/
 -->
 
+<!-- .slide: data-state="intro" -->
+# Linux Cluster in Theorie und Praxis
+
+## Konfigurationsmanagement Chef - Eine praktische Einführung
+
+von Jörg Thalheim
+
+5\. März 2014
+
+<img src="/img/ugly_penguin.png" alt="Penguin">
+
+<a class="email" href="s5245332@mail.zih.tu-dresden.de">s5245332@mail.zih.tu-dresden.de</a>
+
+
+
 ## Inhaltsübersicht
 
 - Was ist Konfigurationsmanagement
@@ -237,19 +242,6 @@ service "ntp" do
 end
 ```
 
-```ruby
-# templates/default/ntp.conf.erb
-# Crontab for <%= @node.name %> managed by Chef. Changes will be overwritten.
-server <%= @node.ntp.server %>
-
-restrict default noquery nopeer
-<% @node.ntp.subnets.each do |net| -%>
-  restrict <%= net %>
-<% end -%>
-
-driftfile /var/lib/ntp/ntp.drift
-```
-
 Note:
   - das beliebte Hello-World für Provisionierungssysteme: Einrichten eines
     NTP-Servers
@@ -267,6 +259,21 @@ Note:
     - Verzweigungen und Schleifen möglich
 
 
+### Chef-Einführung: Code-Beispiel
+
+```ruby
+# templates/default/ntp.conf.erb
+# Crontab for <%= @node.name %> managed by Chef. Changes will be overwritten.
+server <%= @node.ntp.server %>
+
+restrict default noquery nopeer
+<% @node.ntp.subnets.each do |net| -%>
+  restrict <%= net %>
+<% end -%>
+
+driftfile /var/lib/ntp/ntp.drift
+```
+
 
 ## Tests: Chef Spec
 ```ruby