-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·139 lines (113 loc) · 5.37 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!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/solarized.css" id="theme">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="./lib/css/zenburn.css">
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
<script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = './css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides ">
<section>
<h1>Bootstrap your <br> education</h1>
<p>Things to learn to be marketable</p>
<p>View slides online at<a href="http://csulbsigweb.github.io/fall_gbm2">csulbsigweb.github.io/fall_gbm2</a></p>
</section>
<section>
<h2>School will NOT teach you everything</h2>
<img src="http://www.energyvanguard.com/Portals/88935/images/albert-einstein-chalkboard-antimatter-500.jpg" alt="Einstien at chalkboard">
</section>
<section>
<section>
<h2>What is that orange thing?</h2>
<img src="http://msysgit.github.io/img/git_logo.png" alt="git logo">
<p>and ...</p>
</section>
<section>
<h2>And is that a cat? Or an octopus?</h2>
<img src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" alt="github octocat">
</section>
</section>
<section>
<h2>A tangible list</h2>
<ul>
<li class="fragment">Git</li>
<li class="fragment">Javascript</li>
<li class="fragment">Mvc and mvw</li>
</ul>
</section>
<section>
<h2>Lets look at some links</h2>
<ul>
<li class="fragment"><a href="http://git-scm.com/">Git</a></li>
<li class="fragment"><a href="https://github.com/">Github</a></li>
<li class="fragment"><a href="http://www.codecademy.com/en/tracks/javascript">Learning Javascript</a></li>
<li class="fragment"><a href="http://www.html5rocks.com/en/">Html5Rocks</a></li>
<li class="fragment"><a href="https://people.mozilla.org/~jorendorff/es6-draft.html">ES6 (javascript spec)</a></li>
<li class="fragment"><a href="http://nodejs.org/">Nodejs (javascript on the server)</a></li>
<li class="fragment"><a href="https://developer.chrome.com/apps/app_frameworks">Chrome dev article on Mvc</a></li>
<li class="fragment"><a href="https://angularjs.org/">Angular js (client side mvw)</a></li>
<li class="fragment"><a href="https://plus.google.com/+AngularJS/posts/aZNVhj355G2">What is mvw? (model view whatever)</a></li>
<li class="fragment"><a href="http://nobackend.org/">The future?</a></li>
</ul>
</section>
<section>
<h2>Discussion time</h2>
<p>anything and everything</p>
</section>
<section>
<h1>Next meeting ... </h1>
<p>The backend. What is it? Why is it important?</p>
</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
// Parallax scrolling
// parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
// parallaxBackgroundSize: '2100px 900px',
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.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; } }
]
});
</script>
</body>
</html>