Updating slides

html-css-intermediate/reveal/README.md

@@ -57,10 +57,10 @@ You can write your content as a separate file and have reveal.js load it at runt
 When used locally, this feature requires that reveal.js [runs from a local web server](#full-setup).
 
 ```html
-<section data-markdown="example.md"  
-         data-separator="^\n\n\n"  
-         data-vertical="^\n\n"  
-         data-notes="^Note:"  
+<section data-markdown="example.md"
+         data-separator="^\n\n\n"
+         data-vertical="^\n\n"
+         data-notes="^Note:"
          data-charset="iso-8859-15">
 </section>
 ```
@@ -242,8 +242,8 @@ Reveal.initialize({
 	// The "normal" size of the presentation, aspect ratio will be preserved
 	// when the presentation is scaled to fit different resolutions. Can be
 	// specified using percentage units.
-	width: 960,
-	height: 700,
+	width: 1500,
+	height: 800,
 
 	// Factor of the display size that should remain empty around the content
 	margin: 0.1,
@@ -660,7 +660,7 @@ The multiplex plugin needs the following 3 things to operate:
 More details:
 
 #### Master presentation
-Served from a static file server accessible (preferably) only to the presenter. This need only be on your (the presenter's) computer. (It's safer to run the master presentation from your own computer, so if the venue's Internet goes down it doesn't stop the show.) An example would be to execute the following commands in the directory of your master presentation: 
+Served from a static file server accessible (preferably) only to the presenter. This need only be on your (the presenter's) computer. (It's safer to run the master presentation from your own computer, so if the venue's Internet goes down it doesn't stop the show.) An example would be to execute the following commands in the directory of your master presentation:
 
 1. ```npm install node-static```
 2. ```static```
@@ -733,7 +733,7 @@ You are very welcome to point your presentations at the Socket.io server running
 
 ##### socket.io server as file static server
 
-The socket.io server can play the role of static file server for your client presentation, as in the example at [http://revealjs.jit.su](http://revealjs.jit.su). (Open [http://revealjs.jit.su](http://revealjs.jit.su) in two browsers. Navigate through the slides on one, and the other will update to match.) 
+The socket.io server can play the role of static file server for your client presentation, as in the example at [http://revealjs.jit.su](http://revealjs.jit.su). (Open [http://revealjs.jit.su](http://revealjs.jit.su) in two browsers. Navigate through the slides on one, and the other will update to match.)
 
 Example configuration:
 ```javascript
@@ -830,7 +830,7 @@ Reveal.initialize({
 
 If you want to display math equations in your presentation you can easily do so by including this plugin. The plugin is a very thin wrapper around the [MathJax](http://www.mathjax.org/) library. To use it you'll need to include it as a reveal.js dependency, [find our more about dependencies here](#dependencies).
 
-The plugin defaults to using [LaTeX](http://en.wikipedia.org/wiki/LaTeX) but that can be adjusted through the ```math``` configuration object. Note that MathJax is loaded from a remote server. If you want to use it offline you'll need to download a copy of the library and adjust the ```mathjax``` configuration value. 
+The plugin defaults to using [LaTeX](http://en.wikipedia.org/wiki/LaTeX) but that can be adjusted through the ```math``` configuration object. Note that MathJax is loaded from a remote server. If you want to use it offline you'll need to download a copy of the library and adjust the ```mathjax``` configuration value.
 
 Below is an example of how the plugin can be configured. If you don't intend to change these values you do not need to include the ```math``` config object at all.
 
@@ -843,7 +843,7 @@ Reveal.initialize({
 		mathjax: 'http://cdn.mathjax.org/mathjax/latest/MathJax.js',
 		config: 'TeX-AMS_HTML-full'  // See http://docs.mathjax.org/en/latest/config-files.html
 	},
-	
+
 	dependencies: [
 		{ src: 'plugin/math/math.js', async: true }
 	]

html-css-intermediate/reveal/css/reveal.css

@@ -78,7 +78,7 @@ body {
 	        hyphens: auto;
 
 	word-wrap: break-word;
-	line-height: 1;
+	line-height: 1.1;
 }
 
 .reveal h1 { font-size: 3.77em; }

html-css-intermediate/reveal/css/theme/gdicool.css

@@ -59,7 +59,7 @@ body {
   margin: 0 0 20px 0;
   color: #8b0036;
   font-family: "Gotham-Bold", Impact, sans-serif;
-  line-height: 0.9em;
+  line-height: 1.1;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
@@ -93,9 +93,6 @@ body {
  *********************************************/
 .reveal section img {
   margin: 15px;
-  background: rgba(255, 255, 255, 0.12);
-  border: 4px solid #333333;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
@@ -157,7 +154,7 @@ body {
     width: 100%;
     bottom: 3px;
     left: 0;
-    z-index: 10; 
+    z-index: 10;
     font-size: 35%;
     text-align:right;
     background-image: url(../images/pink-logo.png);

html-css-intermediate/reveal/css/theme/gdidefault.css

@@ -59,7 +59,7 @@ body {
   margin: 0 0 20px 0;
   color: #f05b62;
   font-family: "Gotham-Bold", Impact, sans-serif;
-  line-height: 0.9em;
+  line-height: 1.1;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
@@ -93,9 +93,6 @@ body {
  *********************************************/
 .reveal section img {
   margin: 15px;
-  background: rgba(255, 255, 255, 0.12);
-  border: 4px solid #eeeeee;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
@@ -158,7 +155,7 @@ body {
     width: 100%;
     bottom: 3px;
     left: 0;
-    z-index: 10; 
+    z-index: 10;
     font-size: 35%;
     text-align:right;
     background-image: url(../images/pink-logo.png);

html-css-intermediate/reveal/css/theme/gdilight.css

@@ -64,7 +64,7 @@ body {
   margin: 0 0 20px 0;
   color: #f05b62;
   font-family: "Gotham-Bold", Impact, sans-serif;
-  line-height: 0.9em;
+  line-height: 1.1;
   letter-spacing: 0.02em;
   text-transform: none;
   text-shadow: #cccccc; }
@@ -98,9 +98,6 @@ body {
  *********************************************/
 .reveal section img {
   margin: 15px;
-  background: rgba(255, 255, 255, 0.12);
-  border: 4px solid #333333;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
@@ -163,7 +160,7 @@ body {
     width: 100%;
     bottom: 3px;
     left: 0;
-    z-index: 10; 
+    z-index: 10;
     font-size: 35%;
     text-align:right;
     background-image: url(../images/pink-logo.png);

html-css-intermediate/reveal/css/theme/gdisunny.css

@@ -59,7 +59,7 @@ body {
   margin: 0 0 20px 0;
   color: #f05b62;
   font-family: "Gotham-Bold", Impact, sans-serif;
-  line-height: 0.9em;
+  line-height: 1.1;
   letter-spacing: -0.08em;
   text-transform: uppercase;
   text-shadow: none; }
@@ -93,9 +93,6 @@ body {
  *********************************************/
 .reveal section img {
   margin: 15px;
-  background: rgba(255, 255, 255, 0.12);
-  border: 4px solid #333333;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
@@ -158,7 +155,7 @@ body {
     width: 100%;
     bottom: 3px;
     left: 0;
-    z-index: 10; 
+    z-index: 10;
     font-size: 35%;
     text-align:right;
     background-image: url(../images/pink-logo.png);

html-css-intermediate/reveal/css/theme/simple.css

@@ -54,6 +54,28 @@ body {
 .left {float: left;}
 .right {float: right;}
 
+/*********************************************
+ * CODE
+ *********************************************/
+ .reveal pre {
+  box-shadow: none;
+}
+
+
+/*********************************************
+ * TEXT
+ *********************************************/
+ .reveal p {
+  margin-bottom: 0.5em;
+}
+
+/*********************************************
+ * LISTS
+ *********************************************/
+.reveal li {
+  margin-bottom: 0.5em;
+}
+
 /*********************************************
  * HEADERS
  *********************************************/
@@ -63,11 +85,11 @@ body {
 .reveal h4,
 .reveal h5,
 .reveal h6 {
-  margin: 0 0 20px 0;
+  margin: 0 0 0.5em 0;
   color: #f05b62;
   font-family: "Gotham-Round", Impact, sans-serif;
   font-weight: 300;
-  line-height: 0.9em;
+  line-height: 1.1;
   letter-spacing: 0.02em;
   text-transform: none;
   text-shadow: none; }
@@ -80,7 +102,7 @@ body {
  *********************************************/
 .reveal a:not(.image) {
   color:  #f05b62;
-  text-decoration: none;
+  text-decoration: underline;
   -webkit-transition: color .15s ease;
   -moz-transition: color .15s ease;
   -ms-transition: color .15s ease;
@@ -101,10 +123,6 @@ body {
  *********************************************/
 .reveal section img {
   margin: 15px 0px;
-  background: rgba(255, 255, 255, 0.12);
-  border: 6px solid #fff;
-  border-radius: 10px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
@@ -169,7 +187,7 @@ body {
     width: 100%;
     bottom: 3px;
     left: 0;
-    z-index: 10; 
+    z-index: 10;
     font-size: 35%;
     text-align:left;
     background-image: url(../images/pink-logo.png);

html-css-intermediate/reveal/css/theme/template/theme.scss

@@ -82,10 +82,6 @@ body {
 
 .reveal section img {
 	margin: 15px 0px;
-	background: rgba(255,255,255,0.12);
-	border: 4px solid $mainColor;
-
-	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
 
 	-webkit-transition: all .2s linear;
 	   -moz-transition: all .2s linear;

html-css-intermediate/reveal/index.html

@@ -32,7 +32,7 @@
 		</script>
 
 		<!-- If use the PDF print sheet so students can print slides-->
-		
+
 		<link rel="stylesheet" href="css/print/pdf.css" type="text/css" media="print">
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
 		<!--[if lt IE 9]>
@@ -63,18 +63,18 @@ <h2>Heads Up</h2>
 					<p>
 						reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with
 						support for CSS 3D transforms to see it in its full glory.</p>
-						
+
 						<p>We highly recommend using Chrome, currently, however, the latest version of Safari, mobile Safari (iPad), Firefox and IE9 will work.
 					</p>
 				</section>
-				
+
 				<section>
 					<h2>Works in Mobile Safari</h2>
 					<p>
 						Try it out! You can swipe through the slides and pinch your way to the overview.
 					</p>
 				</section>
-				
+
 				<!-- Examples of basic html based slides -->
 				<section>
 					<h2>Marvelous Unordered List</h2>
@@ -94,7 +94,7 @@ <h2>Fantastic Ordered List</h2>
 						<li>Three!</li>
 					</ol>
 				</section>
-				
+
 				<!-- Examples of code slides-->
 				<section>
 					  <h2>But wait! We teach code</h2>
@@ -110,7 +110,7 @@ <h2>But wait! We teach code</h2>
             </code>
           </pre>
 				</section>
-				
+
 				<section>
 					  <h2>But wait! We teach code</h2>
 					  <p>We can also make code editable</p>
@@ -126,8 +126,8 @@ <h2>But wait! We teach code</h2>
 
             </pre>
 				</section>
-				
-				
+
+
 				<section>
 					  <h2>But wait! We teach code</h2>
 					  <p>CSS</p>
@@ -139,7 +139,7 @@ <h2>But wait! We teach code</h2>
               </code>
             </pre>
 				</section>
-				
+
 				<section>
 					  <h2>But wait! We teach code</h2>
 					  <p>Javascript</p>
@@ -152,7 +152,7 @@ <h2>But wait! We teach code</h2>
               </code>
             </pre>
 				</section>
-				
+
 				<section>
 					  <h2>But wait! We teach code</h2>
 					  <p>PHP</p>
@@ -165,7 +165,7 @@ <h2>But wait! We teach code</h2>
               </code>
             </pre>
 				</section>
-				
+
 				<section>
 					  <h2>But wait! We teach code</h2>
 					  <p>Ruby</p>
@@ -178,7 +178,7 @@ <h2>But wait! We teach code</h2>
               </code>
             </pre>
 				</section>
-               
+
          <section>
  					  <h2>But wait! We teach code</h2>
  					  <p>Python</p>
@@ -191,7 +191,7 @@ <h2>But wait! We teach code</h2>
                </code>
              </pre>
  				</section>
- 				
+
  				 <section>
  					  <h2>But wait! We teach code</h2>
  					  <p>Java</p>
@@ -204,7 +204,7 @@ <h2>But wait! We teach code</h2>
                </code>
              </pre>
  				</section>
-        
+
 
         <!-- Elements entering one at a time-->
         <section>
@@ -272,7 +272,7 @@ <h2>Basement Level 3</h2>
 					</section>
 				</section>
 
-        
+
 				<section>
 					<h2>Point of View</h2>
 					<p>
@@ -383,7 +383,8 @@ <h4>Special thanks to: Hakim El Hattab / hakim.se</h4>
 			Reveal.initialize({
 				controls: true,
 				progress: true,
-				history: true,
+        history: true,
+        width: 1500,
 
 				theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
 				transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/none