From 194dbb4a501f2912ac9f46e7e2cfc6e99e3c7246 Mon Sep 17 00:00:00 2001 From: Pacien TRAN-GIRARD Date: Tue, 13 May 2014 16:34:31 +0200 Subject: Load GA tracker with requirejs --- template.html | 899 ++++++++++++++++++++++++++++++++++------------------------ 1 file changed, 528 insertions(+), 371 deletions(-) (limited to 'template.html') diff --git a/template.html b/template.html index 64ac86c..3f8a487 100644 --- a/template.html +++ b/template.html @@ -2,112 +2,155 @@ Google IO 2012/2013 HTML5 Slide Template Authors: Eric Bidelman - Luke Mahé +Luke Mahé URL: https://code.google.com/p/io-2012-slides --> - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + - - - -
- -
- - - - - -
-

-

-

-
- - - -
-

Slide with Bullets

-
-
-
    -
  • Titles are formatted as Open Sans with bold applied and font size is set at 45
    • -
  • Title capitalization is title case -
      -
    • Subtitle capitalization is title case
      • -
    -
    • -
  • Subtitle capitalization is title case
    • -
  • Titles and subtitles should never have a period at the end
    • -
-
- - - -
-

Slide with Bullets that Build

-

Subtitle Placeholder

-
-
-

A list where items build:

-
    -
  • Pressing 'h' highlights code snippets
    • -
  • Pressing 'p' toggles speaker notes (if they're on the current slide)
    • -
  • Pressing 'f' toggles fullscreen viewing
    • -
  • Pressing 'w' toggles widescreen
    • -
  • Pressing 'o' toggles overview mode
    • -
  • Pressing 'ESC' toggles off these goodies
    • -
-

Another list, but items fade as they build:

-
    -
  • Hover over me!
    • -
  • Hover over me!
    • -
  • Hover over me!
    • -
-
- - - -
-

Slide with (Smaller Font)

-
-
-
    -
  • All links open in new tabs.
    • -
  • To change that this, add target="_self" to the link.
    • -
-
- - - - - -
-

Code Slide (with Subtitle Placeholder)

-

Subtitle Placeholder

-
-
-

Press 'h' to highlight important sections of code (wrapped in <b>).

- 
+        
+            
+                

+                    
+                

+            
+            
+                
+                
+                

+                    

+                    

+                    

+                        
+                    

+                

+            
+            
+                

+                    
Slide with Bullets

+                

+                

+                    
    
+                        
  • 
+                            Titles are formatted as Open Sans with bold applied and font size is
+                            set at 45
+                        
    • 
+                        
  • 
+                            Title capitalization is title case
+                            
      
+                                
    • 
+                                    Subtitle capitalization is title case
+                                
      • 
+                            
    
+                        
    • 
+                        
  • 
+                            Subtitle capitalization is title case
+                        
    • 
+                        
  • 
+                            Titles and subtitles should never have a period at the end
+                        
    • 
+                    

+                

+            
+            
+                

+                    
Slide with Bullets that Build

+                    
Subtitle Placeholder

+                

+                

+                    

+                        A list where items build:
+                    

+                    
    
+                        
  • 
+                            Pressing 'h' highlights code snippets
+                        
    • 
+                        
  • 
+                            Pressing 'p' toggles speaker notes (if they're on the current slide)
+                        
    • 
+                        
  • 
+                            Pressing 'f' toggles fullscreen viewing
+                        
    • 
+                        
  • 
+                            Pressing 'w' toggles widescreen
+                        
    • 
+                        
  • 
+                            Pressing 'o' toggles overview mode
+                        
    • 
+                        
  • 
+                            Pressing 'ESC' toggles off these goodies
+                        
    • 
+                    

+                    

+                        Another list, but items fade as they build:
+                    

+                    
    
+                        
  • 
+                            Hover over me!
+                        
    • 
+                        
  • 
+                            Hover over me!
+                        
    • 
+                        
  • 
+                            Hover over me!
+                        
    • 
+                    

+                

+            
+            
+                

+                    
Slide with (Smaller Font)

+                

+                

+                    
    
+                        
  • 
+                            All links open in new tabs.
+                        
    • 
+                        
  • 
+                            To change that this, add 
+                                target="_self"
+                            to the link.
+                        
    • 
+                    

+                

+            
+            
+            
+                

+                    
Code Slide (with Subtitle Placeholder)

+                    
Subtitle Placeholder

+                

+                

+                    

+                        Press 'h' to highlight important sections of code (wrapped in
+                        
+                            <b>
+                        ).
+                    

+                    
 <script type='text/javascript'>
   // Say hello world until the user starts questioning
   // the meaningfulness of their existence.
@@ -118,15 +161,14 @@ URL: https://code.google.com/p/io-2012-slides
   }
 </script>
 

-    

-  
-
-  
-    

-      
Code Slide (Smaller Font)

-    

-    

-      
+                

+            
+            
+                

+                    
Code Slide (Smaller Font)

+                

+                

+                    
 // Say hello world until the user starts questioning
 // the meaningfulness of their existence.
 function helloWorld(world) {
@@ -135,13 +177,13 @@ function helloWorld(world) {
   }
 }
 

-
+                    
 <style>
   p { color: pink }
   b { color: blue }
 </style>
 

-
+                    
 <!DOCTYPE html>
 <html>
 <head>
@@ -152,265 +194,380 @@ function helloWorld(world) {
 <body>
 </html>
 

-    

-  
-
-  
-    
-    

-      
Slide with Speaker Notes

-    

-    

-      
Press 'p' to toggle speaker notes.

-    

-  
-
-  
-    
-    

-      
Presenter Mode

-    

-    

-      
Add ?presentme=true to the URL to enabled presenter mode.
-      This setting is sticky, meaning refreshing the page will persist presenter
-      mode.

-      
Hit ?presentme=false to disable presenter mode.

-    

-  
-
-  
-    

-      
Slide with Image

-    

-    

-      Description
-      
source: place source info here

-    

-  
-
-  
-    

-      
Slide with Image (Centered horz/vert)

-    

-    

-      Description
-      
source: place source info here

-    

-  
-
-  
-    

-      
Table Option A

-      
Subtitle Placeholder

-    

-    

-      
-        
-          
-        
-        
-          
-        
-        
-          
-        
-        
-          
-        
-        
-          
-        
-        
-          
-        
-      
Column 1Column 2Column 3Column 4
Row 1placeholderplaceholderplaceholderplaceholder
Row 2placeholderplaceholderplaceholderplaceholder
Row 3placeholderplaceholderplaceholderplaceholder
Row 4placeholderplaceholderplaceholderplaceholder
Row 5placeholderplaceholderplaceholderplaceholder

-    

-  
-
-  
-    

-      
Table Option A (Smaller Text)

-      
Subtitle Placeholder

-    

-    

-      
-        
-          
-        
-        
-          
-        
-        
-          
-        
-        
-          
-        
-        
-          
-        
-        
-          
-        
-      
Column 1Column 2Column 3Column 4
Row 1placeholderplaceholderplaceholderplaceholder
Row 2placeholderplaceholderplaceholderplaceholder
Row 3placeholderplaceholderplaceholderplaceholder
Row 4placeholderplaceholderplaceholderplaceholder
Row 5placeholderplaceholderplaceholderplaceholder

-    

-  
-
-  
-    

-      
Table Option B

-      
Subtitle Placeholder

-    

-    

-      
-        
-          
-        
-        
-          
-        
-        
-          
-        
-        
-          
-        
-        
-          
-        
-      
Header 1placeholderplaceholderplaceholder
Header 2placeholderplaceholderplaceholder
Header 3placeholderplaceholderplaceholder
Header 4placeholderplaceholderplaceholder
Header 5placeholderplaceholderplaceholder

-    

-  
-
-  
-    

-      
Slide Styles

-    

-    

-      

-        
    
-          
  • class="red"
    • 
-          
  • class="red2"
    • 
-          
  • class="red3"
    • 
-          
  • class="blue"
    • 
-          
  • class="blue2"
    • 
-          
  • class="blue3"
    • 
-          
  • class="green"
    • 
-          
  • class="green2"
    • 
-        

-        
    
-          
  • class="green3"
    • 
-          
  • class="yellow"
    • 
-          
  • class="yellow2"
    • 
-          
  • class="yellow3"
    • 
-          
  • class="gray"
    • 
-          
  • class="gray2"
    • 
-          
  • class="gray3"
    • 
-          
  • class="gray4"
    • 
-        

-      

-      

-        I am centered text with a  and  button.
-      

-    

-  
-
-  
-    
-    

-      
Segue Slide

-      
Subtitle Placeholder

-    

-  
-
-  
-    

-      
Full Image (with Optional Header)

-    

-    
www.flickr.com/photos/25797459@N06/5438799763/

-  
-
-  
-    
-    

-      
-        This is an example of quote text.
-      
-      

-        Name

-        Company
-      

-    

-  
-
-  
-    

-      
Slide with Iframe

-    

-    

-      
-    

-  
-
-  
-    

-      
-    

-  
-
-  
-    
-    

-      
<Thank You!>

-      
Important contact information goes here.

-    

-    

-      
-    

-  
-
-  
-    

-      
-    

-  
-
-  
-
-
-
-
+
+ + + +
+

Slide with Speaker Notes

+
+
+

+ Press 'p' to toggle speaker notes. +

+
+ + + +
+

Presenter Mode

+
+
+

+ Add + + ?presentme=true + + to the URL to enabled presenter mode. This setting is sticky, meaning + refreshing the page will persist presenter mode. +

+

+ Hit + + ?presentme=false + + to disable presenter mode. +

+
+ + +
+

Slide with Image

+
+
+ Description +
+ source: place source info here +
+
+ + +
+

Slide with Image (Centered horz/vert)

+
+
+ Description +
+ source: place source info here +
+
+ + +
+

Table Option A

+

Subtitle Placeholder

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Column 1Column 2Column 3Column 4
Row 1placeholderplaceholderplaceholderplaceholder
Row 2placeholderplaceholderplaceholderplaceholder
Row 3placeholderplaceholderplaceholderplaceholder
Row 4placeholderplaceholderplaceholderplaceholder
Row 5placeholderplaceholderplaceholderplaceholder
+
+ + +
+

Table Option A (Smaller Text)

+

Subtitle Placeholder

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Column 1Column 2Column 3Column 4
Row 1placeholderplaceholderplaceholderplaceholder
Row 2placeholderplaceholderplaceholderplaceholder
Row 3placeholderplaceholderplaceholderplaceholder
Row 4placeholderplaceholderplaceholderplaceholder
Row 5placeholderplaceholderplaceholderplaceholder
+
+ + +
+

Table Option B

+

Subtitle Placeholder

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Header 1placeholderplaceholderplaceholder
Header 2placeholderplaceholderplaceholder
Header 3placeholderplaceholderplaceholder
Header 4placeholderplaceholderplaceholder
Header 5placeholderplaceholderplaceholder
+
+ + +
+

Slide Styles

+
+
+
+
    +
  • + class="red" +
    • +
  • + class="red2" +
    • +
  • + class="red3" +
    • +
  • + class="blue" +
    • +
  • + class="blue2" +
    • +
  • + class="blue3" +
    • +
  • + class="green" +
    • +
  • + class="green2" +
    • +
+
    +
  • + class="green3" +
    • +
  • + class="yellow" +
    • +
  • + class="yellow2" +
    • +
  • + class="yellow3" +
    • +
  • + class="gray" +
    • +
  • + class="gray2" +
    • +
  • + class="gray3" +
    • +
  • + class="gray4" +
    • +
+
+
+ I am centered text with a + + and + + button. +
+
+ + + +
+

Segue Slide

+

Subtitle Placeholder

+
+ + +
+

Full Image (with Optional Header)

+
+
+ www.flickr.com/photos/25797459@N06/5438799763/ +
+ + + +
+ This is an example of quote text. +
+ Name +
+ Company +
+
+ + +
+

Slide with Iframe

+
+
+ +
+ + +
+ +
+ + + +
+

<Thank You!>

+

+ Important contact information goes here. +

+
+

+ +

+ + +
+ +
+ + + - - + + -- cgit v1.2.3