summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authormo k <mo@mokhan.ca>2013-02-17 22:32:04 -0700
committermo k <mo@mokhan.ca>2013-02-17 22:32:04 -0700
commit72cce80aecb5ba46957c330b7ff1eb253b7d6eaa (patch)
tree1719ed08963ac64f0c76c35ffb65401c5af3d11f
parent3cab02b7e5ab4157d20acf70b78fb5d206858d61 (diff)
copy slides from rvl.io
-rw-r--r--img/uppercut.pngbin0 -> 6707 bytes
-rwxr-xr-xindex.html237
2 files changed, 171 insertions, 66 deletions
diff --git a/img/uppercut.png b/img/uppercut.png
new file mode 100644
index 0000000..02760bc
--- /dev/null
+++ b/img/uppercut.png
Binary files differ
diff --git a/index.html b/index.html
index 334e89f..cbae935 100755
--- a/index.html
+++ b/index.html
@@ -1,70 +1,175 @@
<!doctype html>
<html lang="en">
- <head>
- <meta charset="utf-8">
-
- <title>reveal.js - The HTML Presentation Framework</title>
-
- <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
- <meta name="author" content="Hakim El Hattab">
-
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-
- <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/default.css" id="theme">
-
- <!-- For syntax highlighting -->
- <link rel="stylesheet" href="lib/css/zenburn.css">
-
- <!-- If the query includes 'print-pdf', use the PDF print sheet -->
- <script>
- document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
- </script>
-
- <!--[if lt IE 9]>
- <script src="lib/js/html5shiv.js"></script>
- <![endif]-->
- </head>
-
- <body>
-
- <div class="reveal">
-
- </div>
-
- <script src="lib/js/head.min.js"></script>
- <script src="js/reveal.min.js"></script>
-
- <script>
-
- // Full list of configuration options available here:
- // https://github.com/hakimel/reveal.js#configuration
- Reveal.initialize({
- controls: true,
- progress: true,
- history: true,
- center: true,
-
- theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
- transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
-
- // Optional libraries used to extend on reveal.js
- dependencies: [
- { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
- { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
- { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
- { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
- { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
- { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
- // { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
- ]
- });
-
- </script>
-
- </body>
+<head>
+<meta charset="utf-8">
+
+<title>reveal.js - The HTML Presentation Framework</title>
+
+<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
+<meta name="author" content="Hakim El Hattab">
+
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+<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/default.css" id="theme">
+
+<!-- For syntax highlighting -->
+<link rel="stylesheet" href="lib/css/zenburn.css">
+
+<!-- If the query includes 'print-pdf', use the PDF print sheet -->
+<script>
+document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
+</script>
+
+<!--[if lt IE 9]>
+ <script src="lib/js/html5shiv.js"></script>
+ <![endif]-->
+</head>
+
+<body>
+
+<div class="reveal">
+
+ <div class="slides">
+ <section>
+ <section>
+ <h1>ten in 10</h1>
+ <p>Mo</p>
+ <p>(em-to-the-izzo)</p>
+ <br>
+ </section>
+ <section>
+ <h2>
+ <img src="http://i.imgur.com/WSq3nmP.jpg" alt="">
+ </h2>
+ </section>
+ </section>
+ <section>
+ <h2>10. What's next?</h2>
+ </section>
+ <section>
+ <section>
+ <h2>9. I do this now</h2>
+ </section>
+ <section>
+ <img src="http://i.imgur.com/fSzTaKy.png" alt="">
+ </section>
+ <section>
+ <img src="img/uppercut.png" alt="">
+ </section>
+ </section>
+ <section>
+ <section>
+ <h2>8. I worked on this</h2>
+ </section>
+ <section>
+ <img src="http://i.imgur.com/MWv8cLP.png" alt="">
+ <img src="http://i.imgur.com/hQv6bkH.jpg" alt="">
+ <img src="http://i.imgur.com/do3OeXw.jpg" alt="">
+ </section>
+ <section>
+ <h2>Oil &amp; Gas</h2>
+ <div>
+ <img src="http://i.imgur.com/KJF7mb8.jpg" alt="">
+ <img src="http://i.imgur.com/JJvLFVk.jpg" alt="">
+ </div>
+ </section>
+ <section>
+ <h2>Health &amp; Safety</h2>
+ <img src="http://i.imgur.com/v5U0lod.jpg" alt="">
+ </section>
+ <section>
+ <h2>Financial</h2>
+ <img src="http://i.imgur.com/qqNNryn.jpg" alt="">
+ </section>
+ <section>
+ <h2>Food service</h2>
+ <img src="http://i.imgur.com/6wlVKLW.jpg" height="200" width="200" alt="">
+ <img src="http://i.imgur.com/gnYeKOY.jpg" alt="">
+ <img src="http://i.imgur.com/TxN8Evd.jpg" alt="">
+ </section>
+ </section>
+ <section>
+ <h2>7. Lessons i've learned</h2>
+ </section>
+ <section>
+ <section>
+ <h2>6. What/Who Inspires me.</h2>
+ </section>
+ <section>
+ <img src="http://i.imgur.com/BSwBxMs.jpg" alt="">
+ </section>
+ <section>
+ <img src="http://i.imgur.com/dDmQszj.jpg" alt="">
+ </section>
+ </section>
+ <section>
+ <h2>5. What i'm passionate about</h2>
+ </section>
+ <section>
+ <section>
+ <h2>4. These people are important to me</h2>
+ </section>
+ <section>
+ <img src="http://i.imgur.com/GOwQXYO.jpg" alt="">
+ </section>
+ <section>
+ <img src="http://i.imgur.com/hpkr5Ek.jpg" alt="">
+ </section>
+ <section>
+ <img src="http://i.imgur.com/Flpdzds.jpg" alt="">
+ </section>
+ </section>
+ <section>
+ <h2>3. Where I live now </h2>
+ </section>
+ <section>
+ <h2>2. Where I'm From </h2>
+ </section>
+ <section>
+ <h2>1. My name is...</h2>
+ <p>Munir (mo-neer) </p>
+ <p>Mo</p>
+ <img src="http://i.imgur.com/yVE9o5A.jpg" height="407" width="540" alt="">
+ </section>
+ </div>
+
+
+</div>
+
+<script src="lib/js/head.min.js"></script>
+<script src="js/reveal.min.js"></script>
+
+<script>
+
+// Full list of configuration options available here:
+// https://github.com/hakimel/reveal.js#configuration
+Reveal.initialize({
+ controls: true,
+ progress: true,
+ history: true,
+ center: true,
+
+ theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
+ transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
+
+ // Optional libraries used to extend on reveal.js
+ dependencies: [
+ { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
+ { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+ { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+ { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
+ { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
+ { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
+ // { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
+ ]
+});
+
+</script>
+
+</body>
</html>