Inför presentationen 14/2

index.html

@@ -62,29 +62,32 @@ <h3 class="dark">Webbprogrammerare.se</h3>
 
   </slide>
 
-  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/wp1.png)">
-
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/wp1.png);">
+     <footer class="source dark box-black"><a href="http://webbprogrammerare.se">webbprogrammerare.se</a> | <a href="http://coursepress.lnu.se">coursepress.lnu.se</a></footer>
 
   </slide>
 
-  <slide>
-    <hgroup>
-      <h2>Enkelhet</h2>
-    </hgroup>
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/wp1_transparent.png);">
     <article class="flexbox vcenter">
 
-      <img src="images/oerstockholm/wordpress.png" class="reflect center" alt="Description" title="Description">
+      <img src="images/oerstockholm/wordpress.png" style="background: #FFF;" class="reflect center shadow" alt="Description" title="Description">
 
     </article>
+
+    <aside class="note">
+      <ul>
+        <li>Enkelhet</li>
+        <li>Runt 20% av alla webbplatser bygger på WP (Källa:http://en.wikipedia.org/wiki/WordPress)</li>
+        <li>Ett gränssnitt som många var vana vid</li>
+        <li>En öppen plattform</li>
+      </ul>
+    </aside>
   </slide>
 
-  <slide>
-    <hgroup>
-      <h2>Sökbarhet</h2>
-    </hgroup>
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/wp1_transparent.png);">
     <article class="flexbox vcenter">
 
-      <img src="images/oerstockholm/seo.png" class="reflect center" alt="Description" title="Description">
+      <img src="images/oerstockholm/seo.png" class="reflect center shadow" alt="Description" title="Description">
 
     </article>
   </slide>
@@ -95,46 +98,128 @@ <h2>Ledord</h2>
     </hgroup>
     <article class="flexbox vcenter">
 
-     "En öppen utbilning"
+     "En öppen utbildning"
 
     </article>
   </slide>
 
-  <slide class="">
+  <slide class="nobackground">
+    <article>
+      <iframe data-src="https://coursepress.lnu.se/kurs/inledande-programmering-med-csharp-ht13/"></iframe>
+    </article>
+    <footer class="source right"><a href="https://coursepress.lnu.se/kurs/inledande-programmering-med-csharp-ht13/">https://coursepress.lnu.se/kurs/inledande-programmering-med-csharp-ht13/</a></footer>
+  </slide>
+
+  <slide>
+
+    <article class="flexbox vcenter">
+  <h2>Positiva effekter?</h2>
+
+
+    </article>
+  </slide>
+
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/students.jpg)">
+    <hgroup class="box-white">
+      <h2 class="dark">Ökat söktryck (?)</h2>
+    </hgroup>
 
-    <aside class="note">
-      <section class="black">
-        <ul>
-          <li>Point I wanted to make #1</li>
-          <li>Point I wanted to make #2</li>
-          <li>Point I wanted to make #3</li>
-          <li>Example <a href="#">link</a> in notes.</li>
-        </ul>
-        <p><b>Remember to say this tag line!</b></p>
-      </section>
-    </aside>
   </slide>
 
-  <slide>
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/insyn.jpg)">
+    <hgroup class="box-white">
+      <h2 class="dark">Ökad insyn -> Högre kvalitet (?)</h2>
+    </hgroup>
+
+  </slide>
+
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/samverkan.jpg)">
+    <hgroup class="box-white">
+      <h2 class="dark">Företag och organisationer hittar oss!</h2>
+    </hgroup>
+
+  </slide>
+
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/students2.jpg)">
+    <hgroup class="box-white">
+      <h2 class="dark">Studenter behöver inte köpa grisen i säcken</h2>
+    </hgroup>
+  </slide>
+
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/admin.jpg)">
+    <hgroup class="box-white">
+      <h2 class="dark">Förenklad administration</h2>
+    </hgroup>
+  </slide>
+
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/kollegial.jpg)">
+    <hgroup class="box-white">
+      <h2 class="dark">Kollegial insyn</h2>
+    </hgroup>
+  </slide>
+
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/fun.jpg)">
+    <hgroup class="box-white">
+      <h2 class="dark">Roligt!</h2>
+    </hgroup>
+
+
+    <footer class="source dark right"><a href="http://www.flickr.com/photos/jahdakinebrah/">www.flickr.com/photos/jahdakinebrah/</a></footer>
+  </slide>
+
+ <slide>
     <hgroup>
-      <h2>Webbprogrammerare.se</h2>
+      <h2>Reaktioner?</h2>
     </hgroup>
     <article class="flexbox vcenter">
 
-     En "öppen" utbildning
+      <img src="images/oerstockholm/tweet.png" class="reflect center shadow" alt="Description" title="Description">
 
     </article>
   </slide>
 
 
+
+ <slide>
+    <article class="flexbox vcenter">
+      <h2>Varför inte?</h2>
+
+    </article>
+
+     <aside class="note">
+      <ul>
+        <li>Vad händer när jag slutar?</li>
+        <li>Läskigt</li>
+      </ul>
+    </aside>
+  </slide>
+
+
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/open.jpg);">
+    <hgroup>
+      <h2>Webbprogrammerare.se - En "öppen" utbildning</h2>
+    </hgroup>
+    <footer class="source right">http://www.flickr.com/photos/evaekeblad/</footer>
+  </slide>
+
+
   <slide class="fill nobackground" style="background-image: url(images/opencourse.jpg)">
     <hgroup class="box-black">
       <h2 class="white">Open Source?</h2>
     </hgroup>
      <footer class="source dark right">http://www.flickr.com/photos/marcwathieu/</footer>
   </slide>
 
+  <slide class="nobackground">
+    <article class="flexbox vcenter">
 
+      <img src="images/oerstockholm/Octocat.png" class="reflect center" alt="Description" title="Description"><br />
+      <img src="images/oerstockholm/GitHub_Logo.png" class="reflect center" alt="Description" title="Description">
+      <footer class="source right"><a href="https://github.com/">https://github.com/</a></footer> 
+
+
+    </article>
+  </slide>
 
   <slide class="nobackground" style="background-color: #000;">
     <iframe width="780" height="439" src="https://www.youtube.com/embed/r0ji8FDNTj0" frameborder="0" allowfullscreen style="border: 0px;"></iframe>
@@ -152,12 +237,26 @@ <h2>Forkning</h2>
     </article>
   </slide>
 
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/gh_leitet.png)">
+
+  </slide>
 
+  <slide  class="fill nobackground" style="background-image: url(images/oerstockholm/gh_leitet_transparent.png)">
+    <article class="flexbox vcenter">
+      <img src="images/oerstockholm/pull.png" class="polaroid shadow" />
+    </article>
+  </slide>
 
-  <slide class="nobackground">
-    <img src="images/oerstockholm/pull.png" class="polaroid" />
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/gh_crockford.png)">
+     
   </slide>
 
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/cp_gh1.png)">
+
+  </slide>
+  <slide class="fill nobackground" style="background-image: url(images/oerstockholm/cp_gh2.png)">
+
+  </slide>
 
 
 
@@ -176,6 +275,7 @@ <h2>&lt;/Tack!&gt;</h2>
 
   </slide>
 
+
   <slide class="thank-you-slide segue nobackground">
     <aside class="gdbar right"><img src="images/lnu-symbol.png"></aside>
     <article class="flexbox vleft auto-fadein">

theme/css/lnu.css

@@ -94,17 +94,24 @@ slides > slide.lnu {
 .box-yellow {
   position:absolute;
   padding: 10px 20px;
-  background: rgba(255, 254, 0, 0.4);
+  background: rgba(255, 254, 0, 0.9);
 
 }
 
 .box-black {
   position:absolute;
   padding: 10px 20px;
-  background: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 1);
   color: #FFF;
 }
 
+.box-black a{
+  color:white;
+}
+.box-black a:hover{
+  color:yellow !important;
+}
+
 .line {
   border-left: 1px solid;
   padding:20px;
@@ -116,4 +123,15 @@ slides > slide.lnu {
 img.polaroid {
 
 
-}
+}
+
+.shadow{
+-webkit-box-shadow: 10px 10px 200px 10px rgba(0,0,0,1);
+box-shadow: 10px 10px 200px 10px rgba(0,0,0,1);
+
+}
+
+.source{
+  display:inline;
+}
+