11) {
21 | ampm = "PM";
22 | hours -= 12;
23 | } else if (hours == 0) {
24 | hours = 12;
25 | }
26 |
27 | if (minutes < 10) {
28 | minutes = "0" + minutes;
29 | }
30 |
31 | if (seconds < 10) {
32 | seconds = "0" + seconds;
33 | }
34 |
35 | output = month + "/" + day + "/" + year + " " + hours + ":" + minutes + ":"
36 | + seconds + " " + ampm;
37 |
38 | return output;
39 | }
40 |
41 | function UpdateCurrentTime() {
42 | dateNow = new Date();
43 | var timeString = GetTimeAsString(dateNow);
44 | delete dateNow;
45 |
46 | document.getElementById("currenttime").innerHTML = "Current Time : "
47 | + timeString;
48 | setTimeout(UpdateCurrentTime, 1000);
49 | }
50 |
51 | function Countdown(eventName, endYear, endMonth, endDay, endHour, endMinute,
52 | endSecond, divID){
53 | // Subtract one from month to be zero-indexed
54 | endMonth = endMonth - 1;
55 | dateFuture = new Date(endYear,endMonth,endDay,endHour,endMinute,endSecond);
56 |
57 | //grab current date
58 | dateNow = new Date();
59 |
60 | //calc milliseconds between dates
61 | amount = dateFuture.getTime() - dateNow.getTime();
62 |
63 | days=0;
64 | hours=0;
65 | mins=0;
66 | secs=0;
67 |
68 | if (amount >= 0) {
69 | amount = Math.floor(amount/1000);
70 |
71 | days=Math.floor(amount/86400);
72 | amount=amount%86400;
73 |
74 | hours=Math.floor(amount/3600);
75 | amount=amount%3600;
76 |
77 | mins=Math.floor(amount/60);
78 | amount=amount%60;
79 |
80 | secs=Math.floor(amount);
81 |
82 | countdownTimeString = pad(days, 2) + ":" + pad(hours, 2) + ":" +
83 | pad(mins, 2) + ":" + pad(secs, 2);
84 |
85 | var daysStr;
86 | if( days == 0 ) daysStr = "";
87 | else daysStr = days+"d "
88 |
89 | var hoursStr;
90 | if( hours == 0 ) hoursStr = "";
91 | else hoursStr = hours+"h "
92 |
93 | var minsStr;
94 | if( mins == 0 ) minsStr = "";
95 | else minsStr = mins+"m "
96 |
97 | var secsStr = secs+"s"
98 |
99 | out = "Coming soon ("+eventName+" ";
100 | out += daysStr +" " + hoursStr + " " + minsStr + " " + secsStr+") ";
101 |
102 | document.getElementById(divID).innerHTML=out;
103 |
104 | endMonth = endMonth + 1;
105 | setTimeout(function() {UpdateCurrentTime(); Countdown(
106 | eventName, endYear, endMonth, endDay, endHour, endMinute, endSecond,
107 | divID)}, 1000);
108 | }
109 |
110 | delete dateNow;
111 | delete dateFuture;
112 | }
113 |
--------------------------------------------------------------------------------
/plugin/notes-server/notes.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | reveal.js - Slide Notes
7 |
8 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 | UPCOMING:
98 |
99 |
100 |
101 |
102 |
103 |
104 |
137 |
138 |
139 |
140 |
--------------------------------------------------------------------------------
/plugin/notes/notes.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | reveal.js - Slide Notes
7 |
8 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 | UPCOMING:
98 |
99 |
100 |
101 |
102 |
142 |
143 |
144 |
--------------------------------------------------------------------------------
/css/shaders/tile-flip.vs:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c)2012 Adobe Systems Incorporated. All rights reserved.
3 | * Copyright (c)2012 Branislav Ulicny
4 | *
5 | * Licensed under the Apache License, Version 2.0 (the "License");
6 | * you may not use this file except in compliance with the License.
7 | * You may obtain a copy of the License at
8 | *
9 | * http://www.apache.org/licenses/LICENSE-2.0
10 | *
11 | * Unless required by applicable law or agreed to in writing, software
12 | * distributed under the License is distributed on an "AS IS" BASIS,
13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 | * See the License for the specific language governing permissions and
15 | * limitations under the License.
16 | */
17 |
18 | precision mediump float;
19 |
20 | // Built-in attributes
21 |
22 | attribute vec4 a_position;
23 | attribute vec2 a_texCoord;
24 | attribute vec3 a_triangleCoord;
25 |
26 | // Built-in uniforms
27 |
28 | uniform mat4 u_projectionMatrix;
29 | uniform vec2 u_meshSize;
30 | uniform vec2 u_textureSize;
31 |
32 | // Uniform passed in from CSS
33 |
34 | uniform mat4 transform;
35 | uniform float amount;
36 | uniform float randomness;
37 | uniform vec3 flipAxis;
38 |
39 | // Varyings
40 |
41 | varying float v_depth;
42 | varying vec2 v_uv;
43 |
44 | // Constants
45 |
46 | const float PI2 = 1.5707963267948966;
47 |
48 | // Create perspective matrix
49 |
50 | mat4 perspectiveMatrix(float p)
51 | {
52 | float perspective = - 1.0 / p;
53 | return mat4(
54 | 1.0, 0.0, 0.0, 0.0,
55 | 0.0, 1.0, 0.0, 0.0,
56 | 0.0, 0.0, 1.0, perspective,
57 | 0.0, 0.0, 0.0, 1.0
58 | );
59 | }
60 |
61 | // Rotate vector
62 |
63 | vec3 rotateVectorByQuaternion(vec3 v, vec4 q)
64 | {
65 | vec3 dest = vec3(0.0);
66 |
67 | float x = v.x, y = v.y, z = v.z;
68 | float qx = q.x, qy = q.y, qz = q.z, qw = q.w;
69 |
70 | // Calculate quaternion * vector.
71 |
72 | float ix = qw * x + qy * z - qz * y,
73 | iy = qw * y + qz * x - qx * z,
74 | iz = qw * z + qx * y - qy * x,
75 | iw = -qx * x - qy * y - qz * z;
76 |
77 | // Calculate result * inverse quaternion.
78 |
79 | dest.x = ix * qw + iw * -qx + iy * -qz - iz * -qy;
80 | dest.y = iy * qw + iw * -qy + iz * -qx - ix * -qz;
81 | dest.z = iz * qw + iw * -qz + ix * -qy - iy * -qx;
82 |
83 | return dest;
84 | }
85 |
86 | // Convert rotation.
87 |
88 | vec4 axisAngleToQuaternion(vec3 axis, float angle)
89 | {
90 | vec4 dest = vec4(0.0);
91 |
92 | float halfAngle = angle / 2.0;
93 | float s = sin(halfAngle);
94 |
95 | dest.x = axis.x * s;
96 | dest.y = axis.y * s;
97 | dest.z = axis.z * s;
98 | dest.w = cos(halfAngle);
99 |
100 | return dest;
101 | }
102 |
103 | // Random function based on the tile coordinate.
104 | // This will return the same value for all the vertices in the same tile (i.e. two triangles).
105 |
106 | float random(vec2 scale)
107 | {
108 | // Use the fragment position as a different seed per-pixel.
109 | return fract(sin(dot(vec2(a_triangleCoord.x, a_triangleCoord.y), scale)) * 4000.0);
110 | }
111 |
112 | // Main
113 |
114 | void main()
115 | {
116 | // FIXME: We must swap x and y as a workaround for:
117 | // https://bugs.webkit.org/show_bug.cgi?id=96285
118 | vec2 u_meshSize = u_meshSize.yx;
119 |
120 | vec4 pos = a_position;
121 | float aspect = u_textureSize.x / u_textureSize.y;
122 |
123 | float cx = a_triangleCoord.x / u_meshSize.y - 0.5 + 0.5 / u_meshSize.y;
124 | float cy = a_triangleCoord.y / u_meshSize.x - 0.5 + 0.5 / u_meshSize.x;
125 |
126 | vec3 centroid = vec3(cx, cy, 0.0);
127 | float r = random(vec2(10.0, 80.0));
128 | float rr = mix(0.0, PI2, amount * (1.0 + randomness * r));
129 |
130 | vec4 rotation = vec4(flipAxis, rr);
131 | vec4 qRotation = axisAngleToQuaternion(normalize(rotation.xyz), rotation.w);
132 |
133 | vec3 newPosition = rotateVectorByQuaternion((pos.xyz - centroid)* vec3(aspect, 1., 1.0), qRotation) * vec3(1.0 / aspect, 1.0, 1.0) + centroid;
134 | pos.xyz = newPosition;
135 |
136 | gl_Position = u_projectionMatrix * transform * pos;
137 |
138 | // Pass varyings to the fragment shader.
139 | v_depth = abs(rr)/ PI2;
140 | v_uv = a_texCoord;
141 | }
142 |
--------------------------------------------------------------------------------
/css/print/pdf.css:
--------------------------------------------------------------------------------
1 | /* Default Print Stylesheet Template
2 | by Rob Glazebrook of CSSnewbie.com
3 | Last Updated: June 4, 2008
4 |
5 | Feel free (nay, compelled) to edit, append, and
6 | manipulate this file as you see fit. */
7 |
8 |
9 | /* SECTION 1: Set default width, margin, float, and
10 | background. This prevents elements from extending
11 | beyond the edge of the printed page, and prevents
12 | unnecessary background images from printing */
13 | * {
14 | -webkit-print-color-adjust: exact;
15 | }
16 |
17 | body {
18 | font-size: 18pt;
19 | width: auto;
20 | height: auto;
21 | border: 0;
22 | margin: 0 5%;
23 | padding: 0;
24 | float: none !important;
25 | overflow: visible;
26 | background-image: none !important;
27 | }
28 |
29 | html {
30 | width: auto;
31 | height: auto;
32 | overflow: visible;
33 | }
34 |
35 | /* SECTION 2: Remove any elements not needed in print.
36 | This would include navigation, ads, sidebars, etc. */
37 | .nestedarrow,
38 | .controls,
39 | .reveal .progress,
40 | .reveal.overview,
41 | .fork-reveal,
42 | .share-reveal,
43 | .state-background {
44 | display: none !important;
45 | }
46 |
47 | /* SECTION 3: Set body font face, size, and color.
48 | Consider using a serif font for readability. */
49 | body, p, td, li, div {
50 | font-size: 18pt;
51 | }
52 |
53 | /* SECTION 4: Set heading font face, sizes, and color.
54 | Diffrentiate your headings from your body text.
55 | Perhaps use a large sans-serif for distinction. */
56 | h1,h2,h3,h4,h5,h6 {
57 | text-shadow: 0 0 0 #000 !important;
58 | }
59 |
60 | /* SECTION 5: Make hyperlinks more usable.
61 | Ensure links are underlined, and consider appending
62 | the URL to the end of the link for usability. */
63 | a:link,
64 | a:visited {
65 | font-weight: bold;
66 | text-decoration: underline;
67 | }
68 |
69 |
70 | /* SECTION 6: more reveal.js specific additions by @skypanther */
71 | ul, ol, div, p {
72 | visibility: visible;
73 | position: static;
74 | width: auto;
75 | height: auto;
76 | display: block;
77 | overflow: visible;
78 | margin: auto;
79 | }
80 | .reveal .slides {
81 | position: static;
82 | width: 100%;
83 | height: auto;
84 |
85 | left: auto;
86 | top: auto;
87 | margin-left: auto;
88 | margin-right: auto;
89 | margin-top: auto;
90 | padding: auto;
91 |
92 | overflow: visible;
93 | display: block;
94 |
95 | text-align: center;
96 |
97 | -webkit-perspective: none;
98 | -moz-perspective: none;
99 | -ms-perspective: none;
100 | perspective: none;
101 |
102 | -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
103 | -moz-perspective-origin: 50% 50%;
104 | -ms-perspective-origin: 50% 50%;
105 | perspective-origin: 50% 50%;
106 | }
107 | .reveal .slides section {
108 |
109 | page-break-after: always !important;
110 |
111 | visibility: visible !important;
112 | position: static !important;
113 | width: 100% !important;
114 | height: auto !important;
115 | min-height: initial !important;
116 | display: block !important;
117 | overflow: visible !important;
118 |
119 | left: 0 !important;
120 | top: 0 !important;
121 | margin-left: 0px !important;
122 | margin-top: 50px !important;
123 | padding: 20px 0px !important;
124 |
125 | opacity: 1 !important;
126 |
127 | -webkit-transform-style: flat !important;
128 | -moz-transform-style: flat !important;
129 | -ms-transform-style: flat !important;
130 | transform-style: flat !important;
131 |
132 | -webkit-transform: none !important;
133 | -moz-transform: none !important;
134 | -ms-transform: none !important;
135 | transform: none !important;
136 | }
137 | .reveal section.stack {
138 | margin: 0px !important;
139 | padding: 0px !important;
140 | page-break-after: avoid !important;
141 | }
142 | .reveal section .fragment {
143 | opacity: 1 !important;
144 | visibility: visible !important;
145 |
146 | -webkit-transform: none !important;
147 | -moz-transform: none !important;
148 | -ms-transform: none !important;
149 | transform: none !important;
150 | }
151 | .reveal img {
152 | box-shadow: none;
153 | }
154 | .reveal .roll {
155 | overflow: visible;
156 | line-height: 1em;
157 | }
158 | .reveal small a {
159 | font-size: 16pt !important;
160 | }
161 |
--------------------------------------------------------------------------------
/css/theme/night.css:
--------------------------------------------------------------------------------
1 | @import url(http://fonts.googleapis.com/css?family=Montserrat:700);
2 | @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
3 | /**
4 | * Black theme for reveal.js.
5 | *
6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7 | */
8 | /*********************************************
9 | * GLOBAL STYLES
10 | *********************************************/
11 | body {
12 | background: #111111;
13 | background-color: #111111;
14 | }
15 |
16 | .reveal {
17 | font-family: "Open Sans", Times, "Times New Roman", serif;
18 | font-size: 30px;
19 | font-weight: 200;
20 | letter-spacing: -0.02em;
21 | color: #eeeeee;
22 | }
23 |
24 | ::selection {
25 | color: white;
26 | background: #e7ad52;
27 | text-shadow: none;
28 | }
29 |
30 | /*********************************************
31 | * HEADERS
32 | *********************************************/
33 | .reveal h1,
34 | .reveal h2,
35 | .reveal h3,
36 | .reveal h4,
37 | .reveal h5,
38 | .reveal h6 {
39 | margin: 0 0 20px 0;
40 | color: #eeeeee;
41 | font-family: "Montserrat", Impact, sans-serif;
42 | line-height: 0.9em;
43 | letter-spacing: -0.03em;
44 | text-transform: none;
45 | text-shadow: none;
46 | }
47 |
48 | .reveal h1 {
49 | text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
50 | }
51 |
52 | /*********************************************
53 | * LINKS
54 | *********************************************/
55 | .reveal a:not(.image) {
56 | color: #e7ad52;
57 | text-decoration: none;
58 | -webkit-transition: color .15s ease;
59 | -moz-transition: color .15s ease;
60 | -ms-transition: color .15s ease;
61 | -o-transition: color .15s ease;
62 | transition: color .15s ease;
63 | }
64 |
65 | .reveal a:not(.image):hover {
66 | color: #f3d7ac;
67 | text-shadow: none;
68 | border: none;
69 | }
70 |
71 | .reveal .roll span:after {
72 | color: #fff;
73 | background: #d08a1d;
74 | }
75 |
76 | /*********************************************
77 | * IMAGES
78 | *********************************************/
79 | .reveal section img {
80 | margin: 15px 0px;
81 | background: rgba(255, 255, 255, 0.12);
82 | border: 4px solid #eeeeee;
83 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
84 | -webkit-transition: all .2s linear;
85 | -moz-transition: all .2s linear;
86 | -ms-transition: all .2s linear;
87 | -o-transition: all .2s linear;
88 | transition: all .2s linear;
89 | }
90 |
91 | .reveal a:hover img {
92 | background: rgba(255, 255, 255, 0.2);
93 | border-color: #e7ad52;
94 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
95 | }
96 |
97 | /*********************************************
98 | * NAVIGATION CONTROLS
99 | *********************************************/
100 | .reveal .controls div.navigate-left,
101 | .reveal .controls div.navigate-left.enabled {
102 | border-right-color: #e7ad52;
103 | }
104 |
105 | .reveal .controls div.navigate-right,
106 | .reveal .controls div.navigate-right.enabled {
107 | border-left-color: #e7ad52;
108 | }
109 |
110 | .reveal .controls div.navigate-up,
111 | .reveal .controls div.navigate-up.enabled {
112 | border-bottom-color: #e7ad52;
113 | }
114 |
115 | .reveal .controls div.navigate-down,
116 | .reveal .controls div.navigate-down.enabled {
117 | border-top-color: #e7ad52;
118 | }
119 |
120 | .reveal .controls div.navigate-left.enabled:hover {
121 | border-right-color: #f3d7ac;
122 | }
123 |
124 | .reveal .controls div.navigate-right.enabled:hover {
125 | border-left-color: #f3d7ac;
126 | }
127 |
128 | .reveal .controls div.navigate-up.enabled:hover {
129 | border-bottom-color: #f3d7ac;
130 | }
131 |
132 | .reveal .controls div.navigate-down.enabled:hover {
133 | border-top-color: #f3d7ac;
134 | }
135 |
136 | /*********************************************
137 | * PROGRESS BAR
138 | *********************************************/
139 | .reveal .progress {
140 | background: rgba(0, 0, 0, 0.2);
141 | }
142 |
143 | .reveal .progress span {
144 | background: #e7ad52;
145 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
146 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
147 | -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
148 | -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
149 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
150 | }
151 |
--------------------------------------------------------------------------------
/css/theme/template/theme.scss:
--------------------------------------------------------------------------------
1 | // Base theme template for reveal.js
2 |
3 | /*********************************************
4 | * GLOBAL STYLES
5 | *********************************************/
6 |
7 | body {
8 | @include bodyBackground();
9 | background-color: $backgroundColor;
10 | }
11 |
12 | .reveal {
13 | font-family: $mainFont;
14 | font-size: $mainFontSize;
15 | font-weight: 200;
16 | letter-spacing: -0.02em;
17 | color: $mainColor;
18 | }
19 |
20 | ::selection {
21 | color: $selectionColor;
22 | background: $selectionBackgroundColor;
23 | text-shadow: none;
24 | }
25 |
26 | /*********************************************
27 | * HEADERS
28 | *********************************************/
29 |
30 | .reveal h1,
31 | .reveal h2,
32 | .reveal h3,
33 | .reveal h4,
34 | .reveal h5,
35 | .reveal h6 {
36 | margin: 0 0 20px 0;
37 | color: $headingColor;
38 |
39 | font-family: $headingFont;
40 | line-height: $headingLineHeight;
41 | letter-spacing: $headingLetterSpacing;
42 |
43 | text-transform: $headingTextTransform;
44 | text-shadow: $headingTextShadow;
45 | }
46 |
47 | .reveal h1 {
48 | text-shadow: $heading1TextShadow;
49 | }
50 |
51 |
52 | /*********************************************
53 | * LINKS
54 | *********************************************/
55 |
56 | .reveal a:not(.image) {
57 | color: $linkColor;
58 | text-decoration: none;
59 |
60 | -webkit-transition: color .15s ease;
61 | -moz-transition: color .15s ease;
62 | -ms-transition: color .15s ease;
63 | -o-transition: color .15s ease;
64 | transition: color .15s ease;
65 | }
66 | .reveal a:not(.image):hover {
67 | color: $linkColorHover;
68 |
69 | text-shadow: none;
70 | border: none;
71 | }
72 |
73 | .reveal .roll span:after {
74 | color: #fff;
75 | background: darken( $linkColor, 15% );
76 | }
77 |
78 |
79 | /*********************************************
80 | * IMAGES
81 | *********************************************/
82 |
83 | .reveal section img {
84 | margin: 15px 0px;
85 | background: rgba(255,255,255,0.12);
86 | border: 4px solid $mainColor;
87 |
88 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
89 |
90 | -webkit-transition: all .2s linear;
91 | -moz-transition: all .2s linear;
92 | -ms-transition: all .2s linear;
93 | -o-transition: all .2s linear;
94 | transition: all .2s linear;
95 | }
96 |
97 | .reveal a:hover img {
98 | background: rgba(255,255,255,0.2);
99 | border-color: $linkColor;
100 |
101 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
102 | }
103 |
104 |
105 | /*********************************************
106 | * NAVIGATION CONTROLS
107 | *********************************************/
108 |
109 | .reveal .controls div.navigate-left,
110 | .reveal .controls div.navigate-left.enabled {
111 | border-right-color: $linkColor;
112 | }
113 |
114 | .reveal .controls div.navigate-right,
115 | .reveal .controls div.navigate-right.enabled {
116 | border-left-color: $linkColor;
117 | }
118 |
119 | .reveal .controls div.navigate-up,
120 | .reveal .controls div.navigate-up.enabled {
121 | border-bottom-color: $linkColor;
122 | }
123 |
124 | .reveal .controls div.navigate-down,
125 | .reveal .controls div.navigate-down.enabled {
126 | border-top-color: $linkColor;
127 | }
128 |
129 | .reveal .controls div.navigate-left.enabled:hover {
130 | border-right-color: $linkColorHover;
131 | }
132 |
133 | .reveal .controls div.navigate-right.enabled:hover {
134 | border-left-color: $linkColorHover;
135 | }
136 |
137 | .reveal .controls div.navigate-up.enabled:hover {
138 | border-bottom-color: $linkColorHover;
139 | }
140 |
141 | .reveal .controls div.navigate-down.enabled:hover {
142 | border-top-color: $linkColorHover;
143 | }
144 |
145 |
146 | /*********************************************
147 | * PROGRESS BAR
148 | *********************************************/
149 |
150 | .reveal .progress {
151 | background: rgba(0,0,0,0.2);
152 | }
153 | .reveal .progress span {
154 | background: $linkColor;
155 |
156 | -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
157 | -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
158 | -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
159 | -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
160 | transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
161 | }
162 |
163 |
164 |
--------------------------------------------------------------------------------
/css/theme/serif.css:
--------------------------------------------------------------------------------
1 | /**
2 | * A simple theme for reveal.js presentations, similar
3 | * to the default theme. The accent color is darkblue.
4 | *
5 | * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
6 | * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se; so is the theme - beige.css - that this is based off of.
7 | */
8 | /*********************************************
9 | * GLOBAL STYLES
10 | *********************************************/
11 | body {
12 | background: #f0f1eb;
13 | background-color: #f0f1eb;
14 | }
15 |
16 | .reveal {
17 | font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
18 | font-size: 36px;
19 | font-weight: 200;
20 | letter-spacing: -0.02em;
21 | color: black;
22 | }
23 |
24 | ::selection {
25 | color: white;
26 | background: #26351c;
27 | text-shadow: none;
28 | }
29 |
30 | /*********************************************
31 | * HEADERS
32 | *********************************************/
33 | .reveal h1,
34 | .reveal h2,
35 | .reveal h3,
36 | .reveal h4,
37 | .reveal h5,
38 | .reveal h6 {
39 | margin: 0 0 20px 0;
40 | color: #383d3d;
41 | font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
42 | line-height: 0.9em;
43 | letter-spacing: 0.02em;
44 | text-transform: none;
45 | text-shadow: none;
46 | }
47 |
48 | .reveal h1 {
49 | text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
50 | }
51 |
52 | /*********************************************
53 | * LINKS
54 | *********************************************/
55 | .reveal a:not(.image) {
56 | color: #080CAC;
57 | text-decoration: none;
58 | -webkit-transition: color .15s ease;
59 | -moz-transition: color .15s ease;
60 | -ms-transition: color .15s ease;
61 | -o-transition: color .15s ease;
62 | transition: color .15s ease;
63 | }
64 |
65 | .reveal a:not(.image):hover {
66 | color: #ed7839;
67 | text-shadow: none;
68 | border: none;
69 | }
70 |
71 | .reveal .roll span:after {
72 | color: #fff;
73 | background: #25211c;
74 | }
75 |
76 | /*********************************************
77 | * IMAGES
78 | *********************************************/
79 | .reveal section img {
80 | margin: 15px 0px;
81 | background: rgba(255, 255, 255, 0.12);
82 | border: 4px solid black;
83 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
84 | -webkit-transition: all .2s linear;
85 | -moz-transition: all .2s linear;
86 | -ms-transition: all .2s linear;
87 | -o-transition: all .2s linear;
88 | transition: all .2s linear;
89 | }
90 |
91 | .reveal a:hover img {
92 | background: rgba(255, 255, 255, 0.2);
93 | border-color: #51483d;
94 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
95 | }
96 |
97 | /*********************************************
98 | * NAVIGATION CONTROLS
99 | *********************************************/
100 | .reveal .controls div.navigate-left,
101 | .reveal .controls div.navigate-left.enabled {
102 | border-right-color: #51483d;
103 | }
104 |
105 | .reveal .controls div.navigate-right,
106 | .reveal .controls div.navigate-right.enabled {
107 | border-left-color: #51483d;
108 | }
109 |
110 | .reveal .controls div.navigate-up,
111 | .reveal .controls div.navigate-up.enabled {
112 | border-bottom-color: #51483d;
113 | }
114 |
115 | .reveal .controls div.navigate-down,
116 | .reveal .controls div.navigate-down.enabled {
117 | border-top-color: #51483d;
118 | }
119 |
120 | .reveal .controls div.navigate-left.enabled:hover {
121 | border-right-color: #8b7c69;
122 | }
123 |
124 | .reveal .controls div.navigate-right.enabled:hover {
125 | border-left-color: #8b7c69;
126 | }
127 |
128 | .reveal .controls div.navigate-up.enabled:hover {
129 | border-bottom-color: #8b7c69;
130 | }
131 |
132 | .reveal .controls div.navigate-down.enabled:hover {
133 | border-top-color: #8b7c69;
134 | }
135 |
136 | /*********************************************
137 | * PROGRESS BAR
138 | *********************************************/
139 | .reveal .progress {
140 | background: rgba(0, 0, 0, 0.2);
141 | height:6px;
142 | }
143 |
144 | .reveal .progress span {
145 | background: #51483d;
146 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
147 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
148 | -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
149 | -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
150 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
151 | }
152 |
--------------------------------------------------------------------------------
/css/theme/simple.css:
--------------------------------------------------------------------------------
1 | @import url(http://fonts.googleapis.com/css?family=News+Cycle:400,700);
2 | @import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
3 | /**
4 | * A simple theme for reveal.js presentations, similar
5 | * to the default theme. The accent color is darkblue.
6 | *
7 | * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
8 | * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
9 | */
10 | /*********************************************
11 | * GLOBAL STYLES
12 | *********************************************/
13 | body {
14 | background: white;
15 | background-color: white;
16 | }
17 |
18 | .reveal {
19 | font-family: "Lato", Times, "Times New Roman", serif;
20 | font-size: 36px;
21 | font-weight: 200;
22 | letter-spacing: -0.02em;
23 | color: black;
24 | }
25 |
26 | ::selection {
27 | color: white;
28 | background: rgba(0, 0, 0, 0.99);
29 | text-shadow: none;
30 | }
31 |
32 | /*********************************************
33 | * HEADERS
34 | *********************************************/
35 | .reveal h1,
36 | .reveal h2,
37 | .reveal h3,
38 | .reveal h4,
39 | .reveal h5,
40 | .reveal h6 {
41 | margin: 0 0 20px 0;
42 | color: black;
43 | font-family: "News Cycle", Impact, sans-serif;
44 | line-height: 0.9em;
45 | letter-spacing: 0.02em;
46 | text-transform: none;
47 | text-shadow: none;
48 | }
49 |
50 | .reveal h1 {
51 | text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
52 | }
53 |
54 | /*********************************************
55 | * LINKS
56 | *********************************************/
57 | .reveal a:not(.image) {
58 | color: darkblue;
59 | text-decoration: none;
60 | -webkit-transition: color .15s ease;
61 | -moz-transition: color .15s ease;
62 | -ms-transition: color .15s ease;
63 | -o-transition: color .15s ease;
64 | transition: color .15s ease;
65 | }
66 |
67 | .reveal a:not(.image):hover {
68 | color: #0000f1;
69 | text-shadow: none;
70 | border: none;
71 | }
72 |
73 | .reveal .roll span:after {
74 | color: #fff;
75 | background: #00003f;
76 | }
77 |
78 | /*********************************************
79 | * IMAGES
80 | *********************************************/
81 | .reveal section img {
82 | margin: 15px 0px;
83 | background: rgba(255, 255, 255, 0.12);
84 | border: 4px solid black;
85 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
86 | -webkit-transition: all .2s linear;
87 | -moz-transition: all .2s linear;
88 | -ms-transition: all .2s linear;
89 | -o-transition: all .2s linear;
90 | transition: all .2s linear;
91 | }
92 |
93 | .reveal a:hover img {
94 | background: rgba(255, 255, 255, 0.2);
95 | border-color: darkblue;
96 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
97 | }
98 |
99 | /*********************************************
100 | * NAVIGATION CONTROLS
101 | *********************************************/
102 | .reveal .controls div.navigate-left,
103 | .reveal .controls div.navigate-left.enabled {
104 | border-right-color: darkblue;
105 | }
106 |
107 | .reveal .controls div.navigate-right,
108 | .reveal .controls div.navigate-right.enabled {
109 | border-left-color: darkblue;
110 | }
111 |
112 | .reveal .controls div.navigate-up,
113 | .reveal .controls div.navigate-up.enabled {
114 | border-bottom-color: darkblue;
115 | }
116 |
117 | .reveal .controls div.navigate-down,
118 | .reveal .controls div.navigate-down.enabled {
119 | border-top-color: darkblue;
120 | }
121 |
122 | .reveal .controls div.navigate-left.enabled:hover {
123 | border-right-color: #0000f1;
124 | }
125 |
126 | .reveal .controls div.navigate-right.enabled:hover {
127 | border-left-color: #0000f1;
128 | }
129 |
130 | .reveal .controls div.navigate-up.enabled:hover {
131 | border-bottom-color: #0000f1;
132 | }
133 |
134 | .reveal .controls div.navigate-down.enabled:hover {
135 | border-top-color: #0000f1;
136 | }
137 |
138 | /*********************************************
139 | * PROGRESS BAR
140 | *********************************************/
141 | .reveal .progress {
142 | background: rgba(0, 0, 0, 0.2);
143 | }
144 |
145 | .reveal .progress span {
146 | background: darkblue;
147 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
148 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
149 | -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
150 | -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
151 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
152 | }
153 |
--------------------------------------------------------------------------------
/css/theme/sky.css:
--------------------------------------------------------------------------------
1 | @import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
2 | @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
3 | /**
4 | * Sky theme for reveal.js.
5 | *
6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7 | */
8 | /*********************************************
9 | * GLOBAL STYLES
10 | *********************************************/
11 | body {
12 | background: #add9e4;
13 | background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
14 | background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
15 | background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
16 | background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
17 | background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
18 | background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
19 | background-color: #f7fbfc;
20 | }
21 |
22 | .reveal {
23 | font-family: "Open Sans", sans-serif;
24 | font-size: 36px;
25 | font-weight: 200;
26 | letter-spacing: -0.02em;
27 | color: #333333;
28 | }
29 |
30 | ::selection {
31 | color: white;
32 | background: #134674;
33 | text-shadow: none;
34 | }
35 |
36 | /*********************************************
37 | * HEADERS
38 | *********************************************/
39 | .reveal h1,
40 | .reveal h2,
41 | .reveal h3,
42 | .reveal h4,
43 | .reveal h5,
44 | .reveal h6 {
45 | margin: 0 0 20px 0;
46 | color: #333333;
47 | font-family: "Quicksand", sans-serif;
48 | line-height: 0.9em;
49 | letter-spacing: -0.08em;
50 | text-transform: uppercase;
51 | text-shadow: none;
52 | }
53 |
54 | .reveal h1 {
55 | text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
56 | }
57 |
58 | /*********************************************
59 | * LINKS
60 | *********************************************/
61 | .reveal a:not(.image) {
62 | color: #3b759e;
63 | text-decoration: none;
64 | -webkit-transition: color .15s ease;
65 | -moz-transition: color .15s ease;
66 | -ms-transition: color .15s ease;
67 | -o-transition: color .15s ease;
68 | transition: color .15s ease;
69 | }
70 |
71 | .reveal a:not(.image):hover {
72 | color: #74a7cb;
73 | text-shadow: none;
74 | border: none;
75 | }
76 |
77 | .reveal .roll span:after {
78 | color: #fff;
79 | background: #264c66;
80 | }
81 |
82 | /*********************************************
83 | * IMAGES
84 | *********************************************/
85 | .reveal section img {
86 | margin: 15px 0px;
87 | background: rgba(255, 255, 255, 0.12);
88 | border: 4px solid #333333;
89 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
90 | -webkit-transition: all .2s linear;
91 | -moz-transition: all .2s linear;
92 | -ms-transition: all .2s linear;
93 | -o-transition: all .2s linear;
94 | transition: all .2s linear;
95 | }
96 |
97 | .reveal a:hover img {
98 | background: rgba(255, 255, 255, 0.2);
99 | border-color: #3b759e;
100 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
101 | }
102 |
103 | /*********************************************
104 | * NAVIGATION CONTROLS
105 | *********************************************/
106 | .reveal .controls div.navigate-left,
107 | .reveal .controls div.navigate-left.enabled {
108 | border-right-color: #3b759e;
109 | }
110 |
111 | .reveal .controls div.navigate-right,
112 | .reveal .controls div.navigate-right.enabled {
113 | border-left-color: #3b759e;
114 | }
115 |
116 | .reveal .controls div.navigate-up,
117 | .reveal .controls div.navigate-up.enabled {
118 | border-bottom-color: #3b759e;
119 | }
120 |
121 | .reveal .controls div.navigate-down,
122 | .reveal .controls div.navigate-down.enabled {
123 | border-top-color: #3b759e;
124 | }
125 |
126 | .reveal .controls div.navigate-left.enabled:hover {
127 | border-right-color: #74a7cb;
128 | }
129 |
130 | .reveal .controls div.navigate-right.enabled:hover {
131 | border-left-color: #74a7cb;
132 | }
133 |
134 | .reveal .controls div.navigate-up.enabled:hover {
135 | border-bottom-color: #74a7cb;
136 | }
137 |
138 | .reveal .controls div.navigate-down.enabled:hover {
139 | border-top-color: #74a7cb;
140 | }
141 |
142 | /*********************************************
143 | * PROGRESS BAR
144 | *********************************************/
145 | .reveal .progress {
146 | background: rgba(0, 0, 0, 0.2);
147 | }
148 |
149 | .reveal .progress span {
150 | background: #3b759e;
151 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
152 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
153 | -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
154 | -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
155 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
156 | }
157 |
--------------------------------------------------------------------------------
/css/print/paper.css:
--------------------------------------------------------------------------------
1 | /* Default Print Stylesheet Template
2 | by Rob Glazebrook of CSSnewbie.com
3 | Last Updated: June 4, 2008
4 |
5 | Feel free (nay, compelled) to edit, append, and
6 | manipulate this file as you see fit. */
7 |
8 |
9 | /* SECTION 1: Set default width, margin, float, and
10 | background. This prevents elements from extending
11 | beyond the edge of the printed page, and prevents
12 | unnecessary background images from printing */
13 | body {
14 | background: #fff;
15 | font-size: 13pt;
16 | width: auto;
17 | height: auto;
18 | border: 0;
19 | margin: 0 5%;
20 | padding: 0;
21 | float: none !important;
22 | overflow: visible;
23 | }
24 | html {
25 | background: #fff;
26 | width: auto;
27 | height: auto;
28 | overflow: visible;
29 | }
30 |
31 | /* SECTION 2: Remove any elements not needed in print.
32 | This would include navigation, ads, sidebars, etc. */
33 | .nestedarrow,
34 | .controls,
35 | .reveal .progress,
36 | .reveal.overview,
37 | .fork-reveal,
38 | .share-reveal,
39 | .state-background {
40 | display: none !important;
41 | }
42 |
43 | /* SECTION 3: Set body font face, size, and color.
44 | Consider using a serif font for readability. */
45 | body, p, td, li, div, a {
46 | font-size: 16pt!important;
47 | font-family: Georgia, "Times New Roman", Times, serif !important;
48 | color: #000;
49 | }
50 |
51 | /* SECTION 4: Set heading font face, sizes, and color.
52 | Diffrentiate your headings from your body text.
53 | Perhaps use a large sans-serif for distinction. */
54 | h1,h2,h3,h4,h5,h6 {
55 | color: #000!important;
56 | height: auto;
57 | line-height: normal;
58 | font-family: Georgia, "Times New Roman", Times, serif !important;
59 | text-shadow: 0 0 0 #000 !important;
60 | text-align: left;
61 | letter-spacing: normal;
62 | }
63 | /* Need to reduce the size of the fonts for printing */
64 | h1 { font-size: 26pt !important; }
65 | h2 { font-size: 22pt !important; }
66 | h3 { font-size: 20pt !important; }
67 | h4 { font-size: 20pt !important; font-variant: small-caps; }
68 | h5 { font-size: 19pt !important; }
69 | h6 { font-size: 18pt !important; font-style: italic; }
70 |
71 | /* SECTION 5: Make hyperlinks more usable.
72 | Ensure links are underlined, and consider appending
73 | the URL to the end of the link for usability. */
74 | a:link,
75 | a:visited {
76 | color: #000 !important;
77 | font-weight: bold;
78 | text-decoration: underline;
79 | }
80 | /*
81 | .reveal a:link:after,
82 | .reveal a:visited:after {
83 | content: " (" attr(href) ") ";
84 | color: #222 !important;
85 | font-size: 90%;
86 | }
87 | */
88 |
89 |
90 | /* SECTION 6: more reveal.js specific additions by @skypanther */
91 | ul, ol, div, p {
92 | visibility: visible;
93 | position: static;
94 | width: auto;
95 | height: auto;
96 | display: block;
97 | overflow: visible;
98 | margin: auto;
99 | text-align: left !important;
100 | }
101 | .reveal .slides {
102 | position: static;
103 | width: auto;
104 | height: auto;
105 |
106 | left: auto;
107 | top: auto;
108 | margin-left: auto;
109 | margin-top: auto;
110 | padding: auto;
111 |
112 | overflow: visible;
113 | display: block;
114 |
115 | text-align: center;
116 | -webkit-perspective: none;
117 | -moz-perspective: none;
118 | -ms-perspective: none;
119 | perspective: none;
120 |
121 | -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
122 | -moz-perspective-origin: 50% 50%;
123 | -ms-perspective-origin: 50% 50%;
124 | perspective-origin: 50% 50%;
125 | }
126 | .reveal .slides>section,
127 | .reveal .slides>section>section {
128 |
129 | visibility: visible !important;
130 | position: static !important;
131 | width: 90% !important;
132 | height: auto !important;
133 | display: block !important;
134 | overflow: visible !important;
135 |
136 | left: 0% !important;
137 | top: 0% !important;
138 | margin-left: 0px !important;
139 | margin-top: 0px !important;
140 | padding: 20px 0px !important;
141 |
142 | opacity: 1 !important;
143 |
144 | -webkit-transform-style: flat !important;
145 | -moz-transform-style: flat !important;
146 | -ms-transform-style: flat !important;
147 | transform-style: flat !important;
148 |
149 | -webkit-transform: none !important;
150 | -moz-transform: none !important;
151 | -ms-transform: none !important;
152 | transform: none !important;
153 | }
154 | .reveal section {
155 | page-break-after: always !important;
156 | display: block !important;
157 | }
158 | .reveal section .fragment {
159 | opacity: 1 !important;
160 | visibility: visible !important;
161 |
162 | -webkit-transform: none !important;
163 | -moz-transform: none !important;
164 | -ms-transform: none !important;
165 | transform: none !important;
166 | }
167 | .reveal section:last-of-type {
168 | page-break-after: avoid !important;
169 | }
170 | .reveal section img {
171 | display: block;
172 | margin: 15px 0px;
173 | background: rgba(255,255,255,1);
174 | border: 1px solid #666;
175 | box-shadow: none;
176 | }
--------------------------------------------------------------------------------
/404.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Page Not Found :(
6 |
141 |
142 |
143 |
144 |
Not found :(
145 |
Sorry, but the page you were trying to view does not exist.
146 |
It looks like this was the result of either:
147 |
148 | a mistyped address
149 | an out-of-date link
150 |
151 |
154 |
155 |
156 |
157 |
158 |
--------------------------------------------------------------------------------
/css/theme/beige.css:
--------------------------------------------------------------------------------
1 | @import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
2 | /**
3 | * Beige theme for reveal.js.
4 | *
5 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
6 | */
7 | @font-face {
8 | font-family: 'League Gothic';
9 | src: url("../../lib/font/league_gothic-webfont.eot");
10 | src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
11 | font-weight: normal;
12 | font-style: normal;
13 | }
14 |
15 | /*********************************************
16 | * GLOBAL STYLES
17 | *********************************************/
18 | body {
19 | background: #f7f2d3;
20 | background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
21 | background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
22 | background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
23 | background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
24 | background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
25 | background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
26 | background-color: #f7f3de;
27 | }
28 |
29 | .reveal {
30 | font-family: "Lato", Times, "Times New Roman", serif;
31 | font-size: 36px;
32 | font-weight: 200;
33 | letter-spacing: -0.02em;
34 | color: #333333;
35 | }
36 |
37 | ::selection {
38 | color: white;
39 | background: rgba(79, 64, 28, 0.99);
40 | text-shadow: none;
41 | }
42 |
43 | /*********************************************
44 | * HEADERS
45 | *********************************************/
46 | .reveal h1,
47 | .reveal h2,
48 | .reveal h3,
49 | .reveal h4,
50 | .reveal h5,
51 | .reveal h6 {
52 | margin: 0 0 20px 0;
53 | color: #333333;
54 | font-family: "League Gothic", Impact, sans-serif;
55 | line-height: 0.9em;
56 | letter-spacing: 0.02em;
57 | text-transform: uppercase;
58 | text-shadow: none;
59 | }
60 |
61 | .reveal h1 {
62 | text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
63 | }
64 |
65 | /*********************************************
66 | * LINKS
67 | *********************************************/
68 | .reveal a:not(.image) {
69 | color: #8b743d;
70 | text-decoration: none;
71 | -webkit-transition: color .15s ease;
72 | -moz-transition: color .15s ease;
73 | -ms-transition: color .15s ease;
74 | -o-transition: color .15s ease;
75 | transition: color .15s ease;
76 | }
77 |
78 | .reveal a:not(.image):hover {
79 | color: #c0a86e;
80 | text-shadow: none;
81 | border: none;
82 | }
83 |
84 | .reveal .roll span:after {
85 | color: #fff;
86 | background: #564826;
87 | }
88 |
89 | /*********************************************
90 | * IMAGES
91 | *********************************************/
92 | .reveal section img {
93 | margin: 15px 0px;
94 | background: rgba(255, 255, 255, 0.12);
95 | border: 4px solid #333333;
96 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
97 | -webkit-transition: all .2s linear;
98 | -moz-transition: all .2s linear;
99 | -ms-transition: all .2s linear;
100 | -o-transition: all .2s linear;
101 | transition: all .2s linear;
102 | }
103 |
104 | .reveal a:hover img {
105 | background: rgba(255, 255, 255, 0.2);
106 | border-color: #8b743d;
107 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
108 | }
109 |
110 | /*********************************************
111 | * NAVIGATION CONTROLS
112 | *********************************************/
113 | .reveal .controls div.navigate-left,
114 | .reveal .controls div.navigate-left.enabled {
115 | border-right-color: #8b743d;
116 | }
117 |
118 | .reveal .controls div.navigate-right,
119 | .reveal .controls div.navigate-right.enabled {
120 | border-left-color: #8b743d;
121 | }
122 |
123 | .reveal .controls div.navigate-up,
124 | .reveal .controls div.navigate-up.enabled {
125 | border-bottom-color: #8b743d;
126 | }
127 |
128 | .reveal .controls div.navigate-down,
129 | .reveal .controls div.navigate-down.enabled {
130 | border-top-color: #8b743d;
131 | }
132 |
133 | .reveal .controls div.navigate-left.enabled:hover {
134 | border-right-color: #c0a86e;
135 | }
136 |
137 | .reveal .controls div.navigate-right.enabled:hover {
138 | border-left-color: #c0a86e;
139 | }
140 |
141 | .reveal .controls div.navigate-up.enabled:hover {
142 | border-bottom-color: #c0a86e;
143 | }
144 |
145 | .reveal .controls div.navigate-down.enabled:hover {
146 | border-top-color: #c0a86e;
147 | }
148 |
149 | /*********************************************
150 | * PROGRESS BAR
151 | *********************************************/
152 | .reveal .progress {
153 | background: rgba(0, 0, 0, 0.2);
154 | }
155 |
156 | .reveal .progress span {
157 | background: #8b743d;
158 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
159 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
160 | -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
161 | -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
162 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
163 | }
164 |
--------------------------------------------------------------------------------
/css/theme/default.css:
--------------------------------------------------------------------------------
1 | @import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
2 | /**
3 | * Default theme for reveal.js.
4 | *
5 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
6 | */
7 | @font-face {
8 | font-family: 'League Gothic';
9 | src: url("../../lib/font/league_gothic-webfont.eot");
10 | src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
11 | font-weight: normal;
12 | font-style: normal;
13 | }
14 |
15 | /*********************************************
16 | * GLOBAL STYLES
17 | *********************************************/
18 | body {
19 | background: #1c1e20;
20 | background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
21 | background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
22 | background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
23 | background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
24 | background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
25 | background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
26 | background-color: #2b2b2b;
27 | }
28 |
29 | .reveal {
30 | font-family: "Lato", Times, "Times New Roman", serif;
31 | font-size: 36px;
32 | font-weight: 200;
33 | letter-spacing: -0.02em;
34 | color: #eeeeee;
35 | }
36 |
37 | ::selection {
38 | color: white;
39 | background: #ff5e99;
40 | text-shadow: none;
41 | }
42 |
43 | /*********************************************
44 | * HEADERS
45 | *********************************************/
46 | .reveal h1,
47 | .reveal h2,
48 | .reveal h3,
49 | .reveal h4,
50 | .reveal h5,
51 | .reveal h6 {
52 | margin: 0 0 20px 0;
53 | color: #eeeeee;
54 | font-family: "League Gothic", Impact, sans-serif;
55 | line-height: 0.9em;
56 | letter-spacing: 0.02em;
57 | text-transform: uppercase;
58 | text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
59 | }
60 |
61 | .reveal h1 {
62 | text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
63 | }
64 |
65 | /*********************************************
66 | * LINKS
67 | *********************************************/
68 | .reveal a:not(.image) {
69 | color: #13daec;
70 | text-decoration: none;
71 | -webkit-transition: color .15s ease;
72 | -moz-transition: color .15s ease;
73 | -ms-transition: color .15s ease;
74 | -o-transition: color .15s ease;
75 | transition: color .15s ease;
76 | }
77 |
78 | .reveal a:not(.image):hover {
79 | color: #71e9f4;
80 | text-shadow: none;
81 | border: none;
82 | }
83 |
84 | .reveal .roll span:after {
85 | color: #fff;
86 | background: #0d99a5;
87 | }
88 |
89 | /*********************************************
90 | * IMAGES
91 | *********************************************/
92 | .reveal section img {
93 | margin: 15px 0px;
94 | background: rgba(255, 255, 255, 0.12);
95 | border: 4px solid #eeeeee;
96 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
97 | -webkit-transition: all .2s linear;
98 | -moz-transition: all .2s linear;
99 | -ms-transition: all .2s linear;
100 | -o-transition: all .2s linear;
101 | transition: all .2s linear;
102 | }
103 |
104 | .reveal a:hover img {
105 | background: rgba(255, 255, 255, 0.2);
106 | border-color: #13daec;
107 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
108 | }
109 |
110 | /*********************************************
111 | * NAVIGATION CONTROLS
112 | *********************************************/
113 | .reveal .controls div.navigate-left,
114 | .reveal .controls div.navigate-left.enabled {
115 | border-right-color: #13daec;
116 | }
117 |
118 | .reveal .controls div.navigate-right,
119 | .reveal .controls div.navigate-right.enabled {
120 | border-left-color: #13daec;
121 | }
122 |
123 | .reveal .controls div.navigate-up,
124 | .reveal .controls div.navigate-up.enabled {
125 | border-bottom-color: #13daec;
126 | }
127 |
128 | .reveal .controls div.navigate-down,
129 | .reveal .controls div.navigate-down.enabled {
130 | border-top-color: #13daec;
131 | }
132 |
133 | .reveal .controls div.navigate-left.enabled:hover {
134 | border-right-color: #71e9f4;
135 | }
136 |
137 | .reveal .controls div.navigate-right.enabled:hover {
138 | border-left-color: #71e9f4;
139 | }
140 |
141 | .reveal .controls div.navigate-up.enabled:hover {
142 | border-bottom-color: #71e9f4;
143 | }
144 |
145 | .reveal .controls div.navigate-down.enabled:hover {
146 | border-top-color: #71e9f4;
147 | }
148 |
149 | /*********************************************
150 | * PROGRESS BAR
151 | *********************************************/
152 | .reveal .progress {
153 | background: rgba(0, 0, 0, 0.2);
154 | }
155 |
156 | .reveal .progress span {
157 | background: #13daec;
158 | -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
159 | -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
160 | -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
161 | -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
162 | transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
163 | }
164 |
--------------------------------------------------------------------------------
/plugin/zoom-js/zoom.js:
--------------------------------------------------------------------------------
1 | // Custom reveal.js integration
2 | (function(){
3 | document.querySelector( '.reveal' ).addEventListener( 'click', function( event ) {
4 | if( event.altKey ) {
5 | event.preventDefault();
6 | zoom.to({ element: event.target, pan: false });
7 | }
8 | } );
9 | })();
10 |
11 | /*!
12 | * zoom.js 0.2 (modified version for use with reveal.js)
13 | * http://lab.hakim.se/zoom-js
14 | * MIT licensed
15 | *
16 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
17 | */
18 | var zoom = (function(){
19 |
20 | // The current zoom level (scale)
21 | var level = 1;
22 |
23 | // The current mouse position, used for panning
24 | var mouseX = 0,
25 | mouseY = 0;
26 |
27 | // Timeout before pan is activated
28 | var panEngageTimeout = -1,
29 | panUpdateInterval = -1;
30 |
31 | var currentOptions = null;
32 |
33 | // Check for transform support so that we can fallback otherwise
34 | var supportsTransforms = 'WebkitTransform' in document.body.style ||
35 | 'MozTransform' in document.body.style ||
36 | 'msTransform' in document.body.style ||
37 | 'OTransform' in document.body.style ||
38 | 'transform' in document.body.style;
39 |
40 | if( supportsTransforms ) {
41 | // The easing that will be applied when we zoom in/out
42 | document.body.style.transition = 'transform 0.8s ease';
43 | document.body.style.OTransition = '-o-transform 0.8s ease';
44 | document.body.style.msTransition = '-ms-transform 0.8s ease';
45 | document.body.style.MozTransition = '-moz-transform 0.8s ease';
46 | document.body.style.WebkitTransition = '-webkit-transform 0.8s ease';
47 | }
48 |
49 | // Zoom out if the user hits escape
50 | document.addEventListener( 'keyup', function( event ) {
51 | if( level !== 1 && event.keyCode === 27 ) {
52 | zoom.out();
53 | }
54 | }, false );
55 |
56 | // Monitor mouse movement for panning
57 | document.addEventListener( 'mousemove', function( event ) {
58 | if( level !== 1 ) {
59 | mouseX = event.clientX;
60 | mouseY = event.clientY;
61 | }
62 | }, false );
63 |
64 | /**
65 | * Applies the CSS required to zoom in, prioritizes use of CSS3
66 | * transforms but falls back on zoom for IE.
67 | *
68 | * @param {Number} pageOffsetX
69 | * @param {Number} pageOffsetY
70 | * @param {Number} elementOffsetX
71 | * @param {Number} elementOffsetY
72 | * @param {Number} scale
73 | */
74 | function magnify( pageOffsetX, pageOffsetY, elementOffsetX, elementOffsetY, scale ) {
75 |
76 | if( supportsTransforms ) {
77 | var origin = pageOffsetX +'px '+ pageOffsetY +'px',
78 | transform = 'translate('+ -elementOffsetX +'px,'+ -elementOffsetY +'px) scale('+ scale +')';
79 |
80 | document.body.style.transformOrigin = origin;
81 | document.body.style.OTransformOrigin = origin;
82 | document.body.style.msTransformOrigin = origin;
83 | document.body.style.MozTransformOrigin = origin;
84 | document.body.style.WebkitTransformOrigin = origin;
85 |
86 | document.body.style.transform = transform;
87 | document.body.style.OTransform = transform;
88 | document.body.style.msTransform = transform;
89 | document.body.style.MozTransform = transform;
90 | document.body.style.WebkitTransform = transform;
91 | }
92 | else {
93 | // Reset all values
94 | if( scale === 1 ) {
95 | document.body.style.position = '';
96 | document.body.style.left = '';
97 | document.body.style.top = '';
98 | document.body.style.width = '';
99 | document.body.style.height = '';
100 | document.body.style.zoom = '';
101 | }
102 | // Apply scale
103 | else {
104 | document.body.style.position = 'relative';
105 | document.body.style.left = ( - ( pageOffsetX + elementOffsetX ) / scale ) + 'px';
106 | document.body.style.top = ( - ( pageOffsetY + elementOffsetY ) / scale ) + 'px';
107 | document.body.style.width = ( scale * 100 ) + '%';
108 | document.body.style.height = ( scale * 100 ) + '%';
109 | document.body.style.zoom = scale;
110 | }
111 | }
112 |
113 | level = scale;
114 |
115 | if( level !== 1 && document.documentElement.classList ) {
116 | document.documentElement.classList.add( 'zoomed' );
117 | }
118 | else {
119 | document.documentElement.classList.remove( 'zoomed' );
120 | }
121 | }
122 |
123 | /**
124 | * Pan the document when the mosue cursor approaches the edges
125 | * of the window.
126 | */
127 | function pan() {
128 | var range = 0.12,
129 | rangeX = window.innerWidth * range,
130 | rangeY = window.innerHeight * range,
131 | scrollOffset = getScrollOffset();
132 |
133 | // Up
134 | if( mouseY < rangeY ) {
135 | window.scroll( scrollOffset.x, scrollOffset.y - ( 1 - ( mouseY / rangeY ) ) * ( 14 / level ) );
136 | }
137 | // Down
138 | else if( mouseY > window.innerHeight - rangeY ) {
139 | window.scroll( scrollOffset.x, scrollOffset.y + ( 1 - ( window.innerHeight - mouseY ) / rangeY ) * ( 14 / level ) );
140 | }
141 |
142 | // Left
143 | if( mouseX < rangeX ) {
144 | window.scroll( scrollOffset.x - ( 1 - ( mouseX / rangeX ) ) * ( 14 / level ), scrollOffset.y );
145 | }
146 | // Right
147 | else if( mouseX > window.innerWidth - rangeX ) {
148 | window.scroll( scrollOffset.x + ( 1 - ( window.innerWidth - mouseX ) / rangeX ) * ( 14 / level ), scrollOffset.y );
149 | }
150 | }
151 |
152 | function getScrollOffset() {
153 | return {
154 | x: window.scrollX !== undefined ? window.scrollX : window.pageXOffset,
155 | y: window.scrollY !== undefined ? window.scrollY : window.pageXYffset
156 | }
157 | }
158 |
159 | return {
160 | /**
161 | * Zooms in on either a rectangle or HTML element.
162 | *
163 | * @param {Object} options
164 | * - element: HTML element to zoom in on
165 | * OR
166 | * - x/y: coordinates in non-transformed space to zoom in on
167 | * - width/height: the portion of the screen to zoom in on
168 | * - scale: can be used instead of width/height to explicitly set scale
169 | */
170 | to: function( options ) {
171 | // Due to an implementation limitation we can't zoom in
172 | // to another element without zooming out first
173 | if( level !== 1 ) {
174 | zoom.out();
175 | }
176 | else {
177 | options.x = options.x || 0;
178 | options.y = options.y || 0;
179 |
180 | // If an element is set, that takes precedence
181 | if( !!options.element ) {
182 | // Space around the zoomed in element to leave on screen
183 | var padding = 20;
184 |
185 | options.width = options.element.getBoundingClientRect().width + ( padding * 2 );
186 | options.height = options.element.getBoundingClientRect().height + ( padding * 2 );
187 | options.x = options.element.getBoundingClientRect().left - padding;
188 | options.y = options.element.getBoundingClientRect().top - padding;
189 | }
190 |
191 | // If width/height values are set, calculate scale from those values
192 | if( options.width !== undefined && options.height !== undefined ) {
193 | options.scale = Math.max( Math.min( window.innerWidth / options.width, window.innerHeight / options.height ), 1 );
194 | }
195 |
196 | if( options.scale > 1 ) {
197 | options.x *= options.scale;
198 | options.y *= options.scale;
199 |
200 | var scrollOffset = getScrollOffset();
201 |
202 | if( options.element ) {
203 | scrollOffset.x -= ( window.innerWidth - ( options.width * options.scale ) ) / 2;
204 | }
205 |
206 | magnify( scrollOffset.x, scrollOffset.y, options.x, options.y, options.scale );
207 |
208 | if( options.pan !== false ) {
209 |
210 | // Wait with engaging panning as it may conflict with the
211 | // zoom transition
212 | panEngageTimeout = setTimeout( function() {
213 | panUpdateInterval = setInterval( pan, 1000 / 60 );
214 | }, 800 );
215 |
216 | }
217 | }
218 |
219 | currentOptions = options;
220 | }
221 | },
222 |
223 | /**
224 | * Resets the document zoom state to its default.
225 | */
226 | out: function() {
227 | clearTimeout( panEngageTimeout );
228 | clearInterval( panUpdateInterval );
229 |
230 | var scrollOffset = getScrollOffset();
231 |
232 | if( currentOptions && currentOptions.element ) {
233 | scrollOffset.x -= ( window.innerWidth - ( currentOptions.width * currentOptions.scale ) ) / 2;
234 | }
235 |
236 | magnify( scrollOffset.x, scrollOffset.y, 0, 0, 1 );
237 |
238 | level = 1;
239 | },
240 |
241 | // Alias
242 | magnify: function( options ) { this.to( options ) },
243 | reset: function() { this.out() },
244 |
245 | zoomLevel: function() {
246 | return level;
247 | }
248 | }
249 |
250 | })();
251 |
252 |
--------------------------------------------------------------------------------
/plugin/markdown/showdown.js:
--------------------------------------------------------------------------------
1 | //
2 | // showdown.js -- A javascript port of Markdown.
3 | //
4 | // Copyright (c) 2007 John Fraser.
5 | //
6 | // Original Markdown Copyright (c) 2004-2005 John Gruber
7 | //
8 | //
9 | // Redistributable under a BSD-style open source license.
10 | // See license.txt for more information.
11 | //
12 | // The full source distribution is at:
13 | //
14 | // A A L
15 | // T C A
16 | // T K B
17 | //
18 | //
19 | //
20 | //
21 | // Wherever possible, Showdown is a straight, line-by-line port
22 | // of the Perl version of Markdown.
23 | //
24 | // This is not a normal parser design; it's basically just a
25 | // series of string substitutions. It's hard to read and
26 | // maintain this way, but keeping Showdown close to the original
27 | // design makes it easier to port new features.
28 | //
29 | // More importantly, Showdown behaves like markdown.pl in most
30 | // edge cases. So web applications can do client-side preview
31 | // in Javascript, and then build identical HTML on the server.
32 | //
33 | // This port needs the new RegExp functionality of ECMA 262,
34 | // 3rd Edition (i.e. Javascript 1.5). Most modern web browsers
35 | // should do fine. Even with the new regular expression features,
36 | // We do a lot of work to emulate Perl's regex functionality.
37 | // The tricky changes in this file mostly have the "attacklab:"
38 | // label. Major or self-explanatory changes don't.
39 | //
40 | // Smart diff tools like Araxis Merge will be able to match up
41 | // this file with markdown.pl in a useful way. A little tweaking
42 | // helps: in a copy of markdown.pl, replace "#" with "//" and
43 | // replace "$text" with "text". Be sure to ignore whitespace
44 | // and line endings.
45 | //
46 | //
47 | // Showdown usage:
48 | //
49 | // var text = "Markdown *rocks*.";
50 | //
51 | // var converter = new Showdown.converter();
52 | // var html = converter.makeHtml(text);
53 | //
54 | // alert(html);
55 | //
56 | // Note: move the sample code to the bottom of this
57 | // file before uncommenting it.
58 | //
59 | //
60 | // Showdown namespace
61 | //
62 | var Showdown={};Showdown.converter=function(){var a,b,c,d=0;this.makeHtml=function(d){return a=new Array,b=new Array,c=new Array,d=d.replace(/~/g,"~T"),d=d.replace(/\$/g,"~D"),d=d.replace(/\r\n/g,"\n"),d=d.replace(/\r/g,"\n"),d="\n\n"+d+"\n\n",d=F(d),d=d.replace(/^[ \t]+$/mg,""),d=f(d),d=e(d),d=h(d),d=D(d),d=d.replace(/~D/g,"$$"),d=d.replace(/~T/g,"~"),d};var e=function(c){var c=c.replace(/^[ ]{0,3}\[(.+)\]:[ \t]*\n?[ \t]*(\S+?)>?[ \t]*\n?[ \t]*(?:(\n*)["(](.+?)[")][ \t]*)?(?:\n+|\Z)/gm,function(c,d,e,f,g){return d=d.toLowerCase(),a[d]=z(e),f?f+g:(g&&(b[d]=g.replace(/"/g,""")),"")});return c},f=function(a){a=a.replace(/\n/g,"\n\n");var b="p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del",c="p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math";return a=a.replace(/^(<(p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del)\b[^\r]*?\n<\/\2>[ \t]*(?=\n+))/gm,g),a=a.replace(/^(<(p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math)\b[^\r]*?.*<\/\2>[ \t]*(?=\n+)\n)/gm,g),a=a.replace(/(\n[ ]{0,3}(<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g,g),a=a.replace(/(\n\n[ ]{0,3}[ \t]*(?=\n{2,}))/g,g),a=a.replace(/(?:\n\n)([ ]{0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g,g),a=a.replace(/\n\n/g,"\n"),a},g=function(a,b){var d=b;return d=d.replace(/\n\n/g,"\n"),d=d.replace(/^\n/,""),d=d.replace(/\n+$/g,""),d="\n\n~K"+(c.push(d)-1)+"K\n\n",d},h=function(a){a=o(a);var b=t(" ");return a=a.replace(/^[ ]{0,2}([ ]?\*[ ]?){3,}[ \t]*$/gm,b),a=a.replace(/^[ ]{0,2}([ ]?\-[ ]?){3,}[ \t]*$/gm,b),a=a.replace(/^[ ]{0,2}([ ]?\_[ ]?){3,}[ \t]*$/gm,b),a=q(a),a=s(a),a=r(a),a=x(a),a=f(a),a=y(a),a},i=function(a){return a=u(a),a=j(a),a=A(a),a=m(a),a=k(a),a=B(a),a=z(a),a=w(a),a=a.replace(/ +\n/g," \n"),a},j=function(a){var b=/(<[a-z\/!$]("[^"]*"|'[^']*'|[^'">])*>|)/gi;return a=a.replace(b,function(a){var b=a.replace(/(.)<\/?code>(?=.)/g,"$1`");return b=G(b,"\\`*_"),b}),a},k=function(a){return a=a.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g,l),a=a.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\]\([ \t]*()(.*?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g,l),a=a.replace(/(\[([^\[\]]+)\])()()()()()/g,l),a},l=function(c,d,e,f,g,h,i,j){j==undefined&&(j="");var k=d,l=e,m=f.toLowerCase(),n=g,o=j;if(n==""){m==""&&(m=l.toLowerCase().replace(/ ?\n/g," ")),n="#"+m;if(a[m]!=undefined)n=a[m],b[m]!=undefined&&(o=b[m]);else{if(!(k.search(/\(\s*\)$/m)>-1))return k;n=""}}n=G(n,"*_");var p='"+l+" ",p},m=function(a){return a=a.replace(/(!\[(.*?)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g,n),a=a.replace(/(!\[(.*?)\]\s?\([ \t]*()(\S+?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g,n),a},n=function(c,d,e,f,g,h,i,j){var k=d,l=e,m=f.toLowerCase(),n=g,o=j;o||(o="");if(n==""){m==""&&(m=l.toLowerCase().replace(/ ?\n/g," ")),n="#"+m;if(a[m]==undefined)return k;n=a[m],b[m]!=undefined&&(o=b[m])}l=l.replace(/"/g,"""),n=G(n,"*_");var p=' ",p},o=function(a){function b(a){return a.replace(/[^\w]/g,"").toLowerCase()}return a=a.replace(/^(.+)[ \t]*\n=+[ \t]*\n+/gm,function(a,c){return t(''+i(c)+" ")}),a=a.replace(/^(.+)[ \t]*\n-+[ \t]*\n+/gm,function(a,c){return t(''+i(c)+" ")}),a=a.replace(/^(\#{1,6})[ \t]*(.+?)[ \t]*\#*\n+/gm,function(a,c,d){var e=c.length;return t("'+i(d)+" ")}),a},p,q=function(a){a+="~0";var b=/^(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm;return d?a=a.replace(b,function(a,b,c){var d=b,e=c.search(/[*+-]/g)>-1?"ul":"ol";d=d.replace(/\n{2,}/g,"\n\n\n");var f=p(d);return f=f.replace(/\s+$/,""),f="<"+e+">"+f+""+e+">\n",f}):(b=/(\n\n|^\n?)(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/g,a=a.replace(b,function(a,b,c,d){var e=b,f=c,g=d.search(/[*+-]/g)>-1?"ul":"ol",f=f.replace(/\n{2,}/g,"\n\n\n"),h=p(f);return h=e+"<"+g+">\n"+h+""+g+">\n",h})),a=a.replace(/~0/,""),a};p=function(a){return d++,a=a.replace(/\n{2,}$/,"\n"),a+="~0",a=a.replace(/(\n)?(^[ \t]*)([*+-]|\d+[.])[ \t]+([^\r]+?(\n{1,2}))(?=\n*(~0|\2([*+-]|\d+[.])[ \t]+))/gm,function(a,b,c,d,e){var f=e,g=b,j=c;return g||f.search(/\n{2,}/)>-1?f=h(E(f)):(f=q(E(f)),f=f.replace(/\n$/,""),f=i(f)),""+f+" \n"}),a=a.replace(/~0/g,""),d--,a};var r=function(a){return a+="~0",a=a.replace(/(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=~0))/g,function(a,b,c){var d=b,e=c;return d=v(E(d)),d=F(d),d=d.replace(/^\n+/g,""),d=d.replace(/\n+$/g,""),d=""+d+"\n ",t(d)+e}),a=a.replace(/~0/,""),a},s=function(a){return a+="~0",a=a.replace(/\n```(.*)\n([^`]+)\n```/g,function(a,b,c){var d=b,e=c;return e=v(e),e=F(e),e=e.replace(/^\n+/g,""),e=e.replace(/\n+$/g,""),e=""+e+"\n ",t(e)}),a=a.replace(/~0/,""),a},t=function(a){return a=a.replace(/(^\n+|\n+$)/g,""),"\n\n~K"+(c.push(a)-1)+"K\n\n"},u=function(a){return a=a.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,function(a,b,c,d,e){var f=d;return f=f.replace(/^([ \t]*)/g,""),f=f.replace(/[ \t]*$/g,""),f=v(f),b+""+f+""}),a},v=function(a){return a=a.replace(/&/g,"&"),a=a.replace(//g,">"),a=G(a,"*_{}[]\\",!1),a},w=function(a){return a=a.replace(/(\*\*|__)(?=\S)([^\r]*?\S[*_]*)\1/g,"$2 "),a=a.replace(/(\*|_)(?=\S)([^\r]*?\S)\1/g,"$2 "),a},x=function(a){return a=a.replace(/((^[ \t]*>[ \t]?.+\n(.+\n)*\n*)+)/gm,function(a,b){var c=b;return c=c.replace(/^[ \t]*>[ \t]?/gm,"~0"),c=c.replace(/~0/g,""),c=c.replace(/^[ \t]+$/gm,""),c=h(c),c=c.replace(/(^|\n)/g,"$1 "),c=c.replace(/(\s*[^\r]+?<\/pre>)/gm,function(a,b){var c=b;return c=c.replace(/^ /mg,"~0"),c=c.replace(/~0/g,""),c}),t("\n"+c+"\n ")}),a},y=function(a){a=a.replace(/^\n+/g,""),a=a.replace(/\n+$/g,"");var b=a.split(/\n{2,}/g),d=new Array,e=b.length;for(var f=0;f=0?d.push(g):g.search(/\S/)>=0&&(g=i(g),g=g.replace(/^([ \t]*)/g,""),g+="
",d.push(g))}e=d.length;for(var f=0;f=0){var h=c[RegExp.$1];h=h.replace(/\$/g,"$$$$"),d[f]=d[f].replace(/~K\d+K/,h)}return d.join("\n\n")},z=function(a){return a=a.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g,"&"),a=a.replace(/<(?![a-z\/?\$!])/gi,"<"),a},A=function(a){return a=a.replace(/\\(\\)/g,H),a=a.replace(/\\([`*_{}\[\]()>#+-.!])/g,H),a},B=function(a){return a=a.replace(/<((https?|ftp|dict):[^'">\s]+)>/gi,'$1 '),a=a.replace(/<(?:mailto:)?([-.\w]+\@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi,function(a,b){return C(D(b))}),a},C=function(a){function b(a){var b="0123456789ABCDEF",c=a.charCodeAt(0);return b.charAt(c>>4)+b.charAt(c&15)}var c=[function(a){return""+a.charCodeAt(0)+";"},function(a){return""+b(a)+";"},function(a){return a}];return a="mailto:"+a,a=a.replace(/./g,function(a){if(a=="@")a=c[Math.floor(Math.random()*2)](a);else if(a!=":"){var b=Math.random();a=b>.9?c[2](a):b>.45?c[1](a):c[0](a)}return a}),a=''+a+" ",a=a.replace(/">.+:/g,'">'),a},D=function(a){return a=a.replace(/~E(\d+)E/g,function(a,b){var c=parseInt(b);return String.fromCharCode(c)}),a},E=function(a){return a=a.replace(/^(\t|[ ]{1,4})/gm,"~0"),a=a.replace(/~0/g,""),a},F=function(a){return a=a.replace(/\t(?=\t)/g," "),a=a.replace(/\t/g,"~A~B"),a=a.replace(/~B(.+?)~A/g,function(a,b,c){var d=b,e=4-d.length%4;for(var f=0;f /gm,">")}function b(p){for(var o=p.firstChild;o;o=o.nextSibling){if(o.nodeName=="CODE"){return o}if(!(o.nodeType==3&&o.nodeValue.match(/\s+/))){break}}}function h(p,o){return Array.prototype.map.call(p.childNodes,function(q){if(q.nodeType==3){return o?q.nodeValue.replace(/\n/g,""):q.nodeValue}if(q.nodeName=="BR"){return"\n"}return h(q,o)}).join("")}function a(q){var p=(q.className+" "+q.parentNode.className).split(/\s+/);p=p.map(function(r){return r.replace(/^language-/,"")});for(var o=0;o"}while(x.length||v.length){var u=t().splice(0,1)[0];y+=l(w.substr(p,u.offset-p));p=u.offset;if(u.event=="start"){y+=s(u.node);r.push(u.node)}else{if(u.event=="stop"){var o,q=r.length;do{q--;o=r[q];y+=(""+o.nodeName.toLowerCase()+">")}while(o!=u.node);r.splice(q,1);while(q'+L[0]+""}else{r+=L[0]}N=A.lR.lastIndex;L=A.lR.exec(K)}return r+K.substr(N)}function z(){if(A.sL&&!e[A.sL]){return l(w)}var r=A.sL?d(A.sL,w):g(w);if(A.r>0){v+=r.keyword_count;B+=r.r}return''+r.value+" "}function J(){return A.sL!==undefined?z():G()}function I(L,r){var K=L.cN?'':"";if(L.rB){x+=K;w=""}else{if(L.eB){x+=l(r)+K;w=""}else{x+=K;w=r}}A=Object.create(L,{parent:{value:A}});B+=L.r}function C(K,r){w+=K;if(r===undefined){x+=J();return 0}var L=o(r,A);if(L){x+=J();I(L,r);return L.rB?0:r.length}var M=s(A,r);if(M){if(!(M.rE||M.eE)){w+=r}x+=J();do{if(A.cN){x+=" "}A=A.parent}while(A!=M.parent);if(M.eE){x+=l(r)}w="";if(M.starts){I(M.starts,"")}return M.rE?0:r.length}if(t(r,A)){throw"Illegal"}w+=r;return r.length||1}var F=e[D];f(F);var A=F;var w="";var B=0;var v=0;var x="";try{var u,q,p=0;while(true){A.t.lastIndex=p;u=A.t.exec(E);if(!u){break}q=C(E.substr(p,u.index-p),u[0]);p=u.index+q}C(E.substr(p));return{r:B,keyword_count:v,value:x,language:D}}catch(H){if(H=="Illegal"){return{r:0,keyword_count:0,value:l(E)}}else{throw H}}}function g(s){var o={keyword_count:0,r:0,value:l(s)};var q=o;for(var p in e){if(!e.hasOwnProperty(p)){continue}var r=d(p,s);r.language=p;if(r.keyword_count+r.r>q.keyword_count+q.r){q=r}if(r.keyword_count+r.r>o.keyword_count+o.r){q=o;o=r}}if(q.language){o.second_best=q}return o}function i(q,p,o){if(p){q=q.replace(/^((<[^>]+>|\t)+)/gm,function(r,v,u,t){return v.replace(/\t/g,p)})}if(o){q=q.replace(/\n/g," ")}return q}function m(r,u,p){var v=h(r,p);var t=a(r);if(t=="no-highlight"){return}var w=t?d(t,v):g(v);t=w.language;var o=c(r);if(o.length){var q=document.createElement("pre");q.innerHTML=w.value;w.value=j(o,c(q),v)}w.value=i(w.value,u,p);var s=r.className;if(!s.match("(\\s|^)(language-)?"+t+"(\\s|$)")){s=s?(s+" "+t):t}r.innerHTML=w.value;r.className=s;r.result={language:t,kw:w.keyword_count,re:w.r};if(w.second_best){r.second_best={language:w.second_best.language,kw:w.second_best.keyword_count,re:w.second_best.r}}}function n(){if(n.called){return}n.called=true;Array.prototype.map.call(document.getElementsByTagName("pre"),b).filter(Boolean).forEach(function(o){m(o,hljs.tabReplace)})}function k(){window.addEventListener("DOMContentLoaded",n,false);window.addEventListener("load",n,false)}var e={};this.LANGUAGES=e;this.highlight=d;this.highlightAuto=g;this.fixMarkup=i;this.highlightBlock=m;this.initHighlighting=n;this.initHighlightingOnLoad=k;this.IR="[a-zA-Z][a-zA-Z0-9_]*";this.UIR="[a-zA-Z_][a-zA-Z0-9_]*";this.NR="\\b\\d+(\\.\\d+)?";this.CNR="(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";this.BNR="\\b(0b[01]+)";this.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|\\.|-|-=|/|/=|:|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";this.BE={b:"\\\\[\\s\\S]",r:0};this.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[this.BE],r:0};this.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[this.BE],r:0};this.CLCM={cN:"comment",b:"//",e:"$"};this.CBLCLM={cN:"comment",b:"/\\*",e:"\\*/"};this.HCM={cN:"comment",b:"#",e:"$"};this.NM={cN:"number",b:this.NR,r:0};this.CNM={cN:"number",b:this.CNR,r:0};this.BNM={cN:"number",b:this.BNR,r:0};this.inherit=function(q,r){var o={};for(var p in q){o[p]=q[p]}if(r){for(var p in r){o[p]=r[p]}}return o}}();hljs.LANGUAGES.bash=function(a){var g="true false";var e="if then else elif fi for break continue while in do done echo exit return set declare";var c={cN:"variable",b:"\\$[a-zA-Z0-9_#]+"};var b={cN:"variable",b:"\\${([^}]|\\\\})+}"};var h={cN:"string",b:'"',e:'"',i:"\\n",c:[a.BE,c,b],r:0};var d={cN:"string",b:"'",e:"'",c:[{b:"''"}],r:0};var f={cN:"test_condition",b:"",e:"",c:[h,d,c,b],k:{literal:g},r:0};return{k:{keyword:e,literal:g},c:[{cN:"shebang",b:"(#!\\/bin\\/bash)|(#!\\/bin\\/sh)",r:10},c,b,a.HCM,h,d,a.inherit(f,{b:"\\[ ",e:" \\]",r:0}),a.inherit(f,{b:"\\[\\[ ",e:" \\]\\]"})]}}(hljs);hljs.LANGUAGES.java=function(a){return{k:"false synchronized int abstract float private char boolean static null if const for true while long throw strictfp finally protected import native final return void enum else break transient new catch instanceof byte super volatile case assert short package default double public try this switch continue throws",c:[{cN:"javadoc",b:"/\\*\\*",e:"\\*/",c:[{cN:"javadoctag",b:"@[A-Za-z]+"}],r:10},a.CLCM,a.CBLCLM,a.ASM,a.QSM,{cN:"class",bWK:true,e:"{",k:"class interface",i:":",c:[{bWK:true,k:"extends implements",r:10},{cN:"title",b:a.UIR}]},a.CNM,{cN:"annotation",b:"@[A-Za-z]+"}]}}(hljs);hljs.LANGUAGES.haskell=function(a){var d={cN:"type",b:"\\b[A-Z][\\w']*",r:0};var c={cN:"container",b:"\\(",e:"\\)",c:[{cN:"type",b:"\\b[A-Z][\\w]*(\\((\\.\\.|,|\\w+)\\))?"},{cN:"title",b:"[_a-z][\\w']*"}]};var b={cN:"container",b:"{",e:"}",c:c.c};return{k:"let in if then else case of where do module import hiding qualified type data newtype deriving class instance not as foreign ccall safe unsafe",c:[{cN:"comment",b:"--",e:"$"},{cN:"preprocessor",b:"{-#",e:"#-}"},{cN:"comment",c:["self"],b:"{-",e:"-}"},{cN:"string",b:"\\s+'",e:"'",c:[a.BE],r:0},a.QSM,{cN:"import",b:"\\bimport",e:"$",k:"import qualified as hiding",c:[c],i:"\\W\\.|;"},{cN:"module",b:"\\bmodule",e:"where",k:"module where",c:[c],i:"\\W\\.|;"},{cN:"class",b:"\\b(class|instance)",e:"where",k:"class where instance",c:[d]},{cN:"typedef",b:"\\b(data|(new)?type)",e:"$",k:"data type newtype deriving",c:[d,c,b]},a.CNM,{cN:"shebang",b:"#!\\/usr\\/bin\\/env runhaskell",e:"$"},d,{cN:"title",b:"^[_a-z][\\w']*"}]}}(hljs);hljs.LANGUAGES.python=function(a){var f={cN:"prompt",b:"^(>>>|\\.\\.\\.) "};var c=[{cN:"string",b:"(u|b)?r?'''",e:"'''",c:[f],r:10},{cN:"string",b:'(u|b)?r?"""',e:'"""',c:[f],r:10},{cN:"string",b:"(u|r|ur)'",e:"'",c:[a.BE],r:10},{cN:"string",b:'(u|r|ur)"',e:'"',c:[a.BE],r:10},{cN:"string",b:"(b|br)'",e:"'",c:[a.BE]},{cN:"string",b:'(b|br)"',e:'"',c:[a.BE]}].concat([a.ASM,a.QSM]);var e={cN:"title",b:a.UIR};var d={cN:"params",b:"\\(",e:"\\)",c:["self",a.CNM,f].concat(c)};var b={bWK:true,e:":",i:"[${=;\\n]",c:[e,d],r:10};return{k:{keyword:"and elif is global as in if from raise for except finally print import pass return exec else break not with class assert yield try while continue del or def lambda nonlocal|10",built_in:"None True False Ellipsis NotImplemented"},i:"(|->|\\?)",c:c.concat([f,a.HCM,a.inherit(b,{cN:"function",k:"def"}),a.inherit(b,{cN:"class",k:"class"}),a.CNM,{cN:"decorator",b:"@",e:"$"},{b:"\\b(print|exec)\\("}])}}(hljs);hljs.LANGUAGES.json=function(a){var e={literal:"true false null"};var d=[a.QSM,a.CNM];var c={cN:"value",e:",",eW:true,eE:true,c:d,k:e};var b={b:"{",e:"}",c:[{cN:"attribute",b:'\\s*"',e:'"\\s*:\\s*',eB:true,eE:true,c:[a.BE],i:"\\n",starts:c}],i:"\\S"};var f={b:"\\[",e:"\\]",c:[a.inherit(c,{cN:null})],i:"\\S"};d.splice(d.length,0,b,f);return{c:d,k:e,i:"\\S"}}(hljs);hljs.LANGUAGES.cpp=function(a){var b={keyword:"false int float while private char catch export virtual operator sizeof dynamic_cast|10 typedef const_cast|10 const struct for static_cast|10 union namespace unsigned long throw volatile static protected bool template mutable if public friend do return goto auto void enum else break new extern using true class asm case typeid short reinterpret_cast|10 default double register explicit signed typename try this switch continue wchar_t inline delete alignof char16_t char32_t constexpr decltype noexcept nullptr static_assert thread_local restrict _Bool complex",built_in:"std string cin cout cerr clog stringstream istringstream ostringstream auto_ptr deque list queue stack vector map set bitset multiset multimap unordered_set unordered_map unordered_multiset unordered_multimap array shared_ptr"};return{k:b,i:"",c:[a.CLCM,a.CBLCLM,a.QSM,{cN:"string",b:"'\\\\?.",e:"'",i:"."},{cN:"number",b:"\\b(\\d+(\\.\\d*)?|\\.\\d+)(u|U|l|L|ul|UL|f|F)"},a.CNM,{cN:"preprocessor",b:"#",e:"$"},{cN:"stl_container",b:"\\b(deque|list|queue|stack|vector|map|set|bitset|multiset|multimap|unordered_map|unordered_set|unordered_multiset|unordered_multimap|array)\\s*<",e:">",k:b,r:10,c:["self"]}]}}(hljs);
15 |
--------------------------------------------------------------------------------
/js/reveal.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * reveal.js
3 | * http://lab.hakim.se/reveal-js
4 | * MIT licensed
5 | *
6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7 | */
8 | var Reveal=function(){"use strict";function y(e){if(!h&&!c){document.body.setAttribute("class","no-transforms");return}window.addEventListener("load",P,!1),C(r,e),w(),E()}function b(){l.theme=document.querySelector("#theme"),l.wrapper=document.querySelector(".reveal"),l.slides=document.querySelector(".reveal .slides");if(!l.wrapper.querySelector(".progress")&&r.progress){var e=document.createElement("div");e.classList.add("progress"),e.innerHTML=" ",l.wrapper.appendChild(e)}if(!l.wrapper.querySelector(".controls")&&r.controls){var t=document.createElement("aside");t.classList.add("controls"),t.innerHTML='
',l.wrapper.appendChild(t)}if(!l.wrapper.querySelector(".state-background")){var n=document.createElement("div");n.classList.add("state-background"),l.wrapper.appendChild(n)}if(!l.wrapper.querySelector(".pause-overlay")){var i=document.createElement("div");i.classList.add("pause-overlay"),l.wrapper.appendChild(i)}l.progress=document.querySelector(".reveal .progress"),l.progressbar=document.querySelector(".reveal .progress span"),r.controls&&(l.controls=document.querySelector(".reveal .controls"),l.controlsLeft=k(document.querySelectorAll(".navigate-left")),l.controlsRight=k(document.querySelectorAll(".navigate-right")),l.controlsUp=k(document.querySelectorAll(".navigate-up")),l.controlsDown=k(document.querySelectorAll(".navigate-down")),l.controlsPrev=k(document.querySelectorAll(".navigate-prev")),l.controlsNext=k(document.querySelectorAll(".navigate-next")))}function w(){navigator.userAgent.match(/(iphone|ipod)/i)&&(document.documentElement.style.overflow="scroll",document.body.style.height="120%",window.addEventListener("load",M,!1),window.addEventListener("orientationchange",M,!1))}function E(){function o(){t.length&&head.js.apply(null,t),S()}var e=[],t=[];for(var n=0,i=r.dependencies.length;n'+i.innerHTML+"")}}}function P(){if(r.center){var t=k(document.querySelectorAll(e)),n=-l.wrapper.offsetHeight/2;for(var i=0,s=t.length;i3?"none":"block"}n[o].classList.remove("past"),n[o].classList.remove("present"),n[o].classList.remove("future"),ot&&n[o].classList.add("future"),u.querySelector("section")&&n[o].classList.add("stack")}n[t].classList.add("present");var l=n[t].getAttribute("data-state");l&&(f=f.concat(l.split(" ")));var c=n[t].getAttribute("data-autoslide");c?i=parseInt(c,10):i=r.autoSlide}else t=0;return t}function J(){if(r.progress&&l.progress){var n=k(document.querySelectorAll(t)),i=document.querySelectorAll(e+":not(.stack)").length,s=0;e:for(var o=0;o0,right:s0,down:o0||o>0)t+=s;o>0&&(t+="/"+o)}window.location.hash=t}}}function Z(e){var n=s,r=o;if(e){var i=!!e.parentNode.nodeName.match(/section/gi),u=i?e.parentNode:e,a=k(document.querySelectorAll(t));n=Math.max(a.indexOf(u),0),i&&(r=Math.max(k(e.parentNode.children).indexOf(e),0))}return{h:n,v:r}}function et(){if(document.querySelector(n+".present")){var e=document.querySelectorAll(n+".present .fragment:not(.visible)");if(e.length)return e[0].classList.add("visible"),_("fragmentshown",{fragment:e[0]}),!0}else{var r=document.querySelectorAll(t+".present .fragment:not(.visible)");if(r.length)return r[0].classList.add("visible"),_("fragmentshown",{fragment:r[0]}),!0}return!1}function tt(){if(document.querySelector(n+".present")){var e=document.querySelectorAll(n+".present .fragment.visible");if(e.length)return e[e.length-1].classList.remove("visible"),_("fragmenthidden",{fragment:e[e.length-1]}),!0}else{var r=document.querySelectorAll(t+".present .fragment.visible");if(r.length)return r[r.length-1].classList.remove("visible"),_("fragmenthidden",{fragment:r[r.length-1]}),!0}return!1}function nt(){clearTimeout(d),i&&(d=setTimeout(at,i))}function rt(){(Q().left&&q()||tt()===!1)&&V(s-1,o)}function it(){(Q().right&&q()||et()===!1)&&V(s+1,o)}function st(){(Q().up&&q()||tt()===!1)&&V(s,o-1)}function ot(){(Q().down&&q()||et()===!1)&&V(s,o+1)}function ut(){if(tt()===!1)if(Q().up)st();else{var e=document.querySelector(t+".past:nth-child("+s+")");e&&(o=e.querySelectorAll("section").length+1||undefined,s--,V())}}function at(){et()===!1&&(Q().down?ot():it()),nt()}function ft(e){var t=document.activeElement,n=!(!document.activeElement||!document.activeElement.type&&!document.activeElement.href&&document.activeElement.contentEditable==="inherit");if(n||e.shiftKey||e.altKey||e.ctrlKey||e.metaKey)return;var r=!0;switch(e.keyCode){case 80:case 33:ut();break;case 78:case 34:at();break;case 72:case 37:rt();break;case 76:case 39:it();break;case 75:case 38:st();break;case 74:case 40:ot();break;case 36:V(0);break;case 35:V(Number.MAX_VALUE);break;case 32:q()?F():at();break;case 13:q()?F():r=!1;break;case 66:case 190:W();break;case 70:R();break;default:r=!1}r?e.preventDefault():e.keyCode===27&&c&&(I(),e.preventDefault()),nt()}function lt(e){g.startX=e.touches[0].clientX,g.startY=e.touches[0].clientY,g.startCount=e.touches.length,e.touches.length===2&&r.overview&&(g.startSpan=A({x:e.touches[1].clientX,y:e.touches[1].clientY},{x:g.startX,y:g.startY}))}function ct(e){if(!g.handled){var t=e.touches[0].clientX,n=e.touches[0].clientY;if(e.touches.length===2&&g.startCount===2&&r.overview){var i=A({x:e.touches[1].clientX,y:e.touches[1].clientY},{x:g.startX,y:g.startY});Math.abs(g.startSpan-i)>g.threshold&&(g.handled=!0,ig.threshold&&Math.abs(s)>Math.abs(o)?(g.handled=!0,rt()):s<-g.threshold&&Math.abs(s)>Math.abs(o)?(g.handled=!0,it()):o>g.threshold?(g.handled=!0,st()):o<-g.threshold&&(g.handled=!0,ot()),e.preventDefault()}}else navigator.userAgent.match(/android/gi)&&e.preventDefault()}function ht(e){g.handled=!1}function pt(e){clearTimeout(p),p=setTimeout(function(){var t=e.detail||-e.wheelDelta;t>0?at():ut()},100)}function dt(e){var n=k(document.querySelectorAll(t)).length,r=Math.floor(e.clientX/l.wrapper.offsetWidth*n);V(r)}function vt(e){G()}function mt(e){P()}function gt(e){if(q()){e.preventDefault(),F();var t=e.target;while(t&&!t.nodeName.match(/section/gi))t=t.parentNode;if(t.nodeName.match(/section/gi)){var n=parseInt(t.getAttribute("data-index-h"),10),r=parseInt(t.getAttribute("data-index-v"),10);V(n,r)}}}var e=".reveal .slides section",t=".reveal .slides>section",n=".reveal .slides>section.present>section",r={controls:!0,progress:!0,history:!1,keyboard:!0,overview:!0,center:!0,loop:!1,rtl:!1,autoSlide:0,mouseWheel:!1,rollingLinks:!0,theme:null,transition:"default",dependencies:[]},i=r.autoSlide,s=0,o=0,u,a,f=[],l={},c="WebkitPerspective"in document.body.style||"MozPerspective"in document.body.style||"msPerspective"in document.body.style||"OPerspective"in document.body.style||"perspective"in document.body.style,h="WebkitTransform"in document.body.style||"MozTransform"in document.body.style||"msTransform"in document.body.style||"OTransform"in document.body.style||"transform"in document.body.style,p=0,d=0,v=0,m=0,g={startX:0,startY:0,startSpan:0,startCount:0,handled:!1,threshold:80};return{initialize:y,slide:V,left:rt,right:it,up:st,down:ot,prev:ut,next:at,prevFragment:tt,nextFragment:et,navigateTo:V,navigateLeft:rt,navigateRight:it,navigateUp:st,navigateDown:ot,navigatePrev:ut,navigateNext:at,toggleOverview:I,addEventListeners:T,removeEventListeners:N,getIndices:Z,getPreviousSlide:function(){return u},getCurrentSlide:function(){return a},getQueryHash:function(){var e={};return location.search.replace(/[A-Z0-9]+?=(\w*)/gi,function(t){e[t.split("=").shift()]=t.split("=").pop()}),e},addEventListener:function(e,t,n){"addEventListener"in window&&(l.wrapper||document.querySelector(".reveal")).addEventListener(e,t,n)},removeEventListener:function(e,t,n){"addEventListener"in window&&(l.wrapper||document.querySelector(".reveal")).removeEventListener(e,t,n)}}}();
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Introduction to Haskell
2 |
3 | View the [syllabus](http://people.virginia.edu/~ns4av/syllabus/).
4 |
5 | ### L01 - Intro and theory
6 |
7 | ### L02 - Lists, Tuples
8 |
9 | ### L03 - Data Types and Typeclasses
10 |
11 | ### L04 - Pattern matching, Guards, and Syntax
12 |
13 | ### L05 - Constructing a Type
14 |
15 | ### L06 - Maps, Folds, and Beyond
16 |
17 | ### L07 - The Prolific Haskell Community
18 |
19 | ### L08 - Input/Output
20 |
21 | ### L09 - Monads (http://twit.tv/show/floss-weekly/236 18:00)
22 |
23 | ### L10 -
24 |
25 | ### L11 - Yesod / Haskell Web Frameworks / C++, Java integration?
26 |
27 | ### L12 - Category Theory?
28 |
29 |
30 | ## License
31 |
32 | MIT licensed
33 |
34 | Copyright (C) 2012-2013 Nishant Shukla, http://shuklan.com
35 |
36 |
37 |
38 | # reveal.js
39 |
40 | A framework for easily creating beautiful presentations using HTML. [Check out the live demo](http://lab.hakim.se/reveal-js/).
41 |
42 | reveal.js comes with a broad range of features including [nested slides](https://github.com/hakimel/reveal.js#markup), [markdown contents](https://github.com/hakimel/reveal.js#markdown), [PDF export](https://github.com/hakimel/reveal.js#pdf-export), [speaker notes](https://github.com/hakimel/reveal.js#speaker-notes) and a [JavaScript API](https://github.com/hakimel/reveal.js#api). It's best viewed in a browser with support for CSS 3D transforms but [fallbacks](https://github.com/hakimel/reveal.js/wiki/Browser-Support) are available to make sure your presentation can still be viewed elsewhere.
43 |
44 |
45 | #### More reading in the Wiki:
46 | - [Changelog](https://github.com/hakimel/reveal.js/wiki/Changelog): Up-to-date version history.
47 | - [Examples](https://github.com/hakimel/reveal.js/wiki/Example-Presentations): Presentations created with reveal.js, add your own!
48 | - [Browser Support](https://github.com/hakimel/reveal.js/wiki/Browser-Support): Explanation of browser support and fallbacks.
49 |
50 | ## rvl.io
51 |
52 | Slides are written using HTML or markdown but there's also an online editor for those of you who prefer a more traditional user interface. Give it a try at [www.rvl.io](http://www.rvl.io).
53 |
54 |
55 | ## Instructions
56 |
57 | ### Markup
58 |
59 | Markup heirarchy needs to be `` `` where the ```` represents one slide and can be repeated indefinitely. If you place multiple ````'s inside of another ```` they will be shown as vertical slides. The first of the vertical slides is the "root" of the others (at the top), and it will be included in the horizontal sequence. For example:
60 |
61 | ```html
62 |
71 | ```
72 |
73 | ### Markdown
74 |
75 | It's possible to write your slides using Markdown. To enable Markdown, add the ```data-markdown``` attribute to your `````` elements and wrap the contents in a ```
86 |
87 | ```
88 |
89 |
90 | ### Configuration
91 |
92 | At the end of your page you need to initialize reveal by running the following code. Note that all config values are optional and will default as specified below.
93 |
94 | ```javascript
95 | Reveal.initialize({
96 | // Display controls in the bottom right corner
97 | controls: true,
98 |
99 | // Display a presentation progress bar
100 | progress: true,
101 |
102 | // Push each slide change to the browser history
103 | history: false,
104 |
105 | // Enable keyboard shortcuts for navigation
106 | keyboard: true,
107 |
108 | // Enable the slide overview mode
109 | overview: true,
110 |
111 | // Vertical centering of slides
112 | center: true,
113 |
114 | // Loop the presentation
115 | loop: false,
116 |
117 | // Change the presentation direction to be RTL
118 | rtl: false,
119 |
120 | // Number of milliseconds between automatically proceeding to the
121 | // next slide, disabled when set to 0, this value can be overwritten
122 | // by using a data-autoslide attribute on your slides
123 | autoSlide: 0,
124 |
125 | // Enable slide navigation via mouse wheel
126 | mouseWheel: false,
127 |
128 | // Apply a 3D roll to links on hover
129 | rollingLinks: true,
130 |
131 | // Transition style
132 | transition: 'default' // default/cube/page/concave/zoom/linear/none
133 | });
134 | ```
135 |
136 | Note that the new default vertical centering option will break compatibility with slides that were using transitions with backgrounds (`cube` and `page`). To restore the previous behavior, set `center` to `false`.
137 |
138 | ### Dependencies
139 |
140 | Reveal.js doesn't _rely_ on any third party scripts to work but a few optional libraries are included by default. These libraries are loaded as dependencies in the order they appear, for example:
141 |
142 | ```javascript
143 | Reveal.initialize({
144 | dependencies: [
145 | // Cross-browser shim that fully implements classList - https://github.com/eligrey/classList.js/
146 | { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
147 |
148 | // Interpret Markdown in elements
149 | { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
150 | { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
151 |
152 | // Syntax highlight for elements
153 | { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
154 |
155 | // Zoom in and out with Alt+click
156 | { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
157 |
158 | // Speaker notes
159 | { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },
160 |
161 | // Remote control your reveal.js presentation using a touch device
162 | { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
163 | ]
164 | });
165 | ```
166 |
167 | You can add your own extensions using the same syntax. The following properties are available for each dependency object:
168 | - **src**: Path to the script to load
169 | - **async**: [optional] Flags if the script should load after reveal.js has started, defaults to false
170 | - **callback**: [optional] Function to execute when the script has loaded
171 | - **condition**: [optional] Function which must return true for the script to be loaded
172 |
173 |
174 | ### API
175 |
176 | The Reveal class provides a minimal JavaScript API for controlling navigation and reading state:
177 |
178 | ```javascript
179 | // Navigation
180 | Reveal.slide( indexh, indexv, indexf );
181 | Reveal.left();
182 | Reveal.right();
183 | Reveal.up();
184 | Reveal.down();
185 | Reveal.prev();
186 | Reveal.next();
187 | Reveal.prevFragment();
188 | Reveal.nextFragment();
189 | Reveal.toggleOverview();
190 |
191 | // Retrieves the previous and current slide elements
192 | Reveal.getPreviousSlide();
193 | Reveal.getCurrentSlide();
194 |
195 | Reveal.getIndices(); // { h: 0, v: 0 } }
196 | ```
197 |
198 | ### States
199 |
200 | If you set ``data-state="somestate"`` on a slide ````, "somestate" will be applied as a class on the document element when that slide is opened. This allows you to apply broad style changes to the page based on the active slide.
201 |
202 | Furthermore you can also listen to these changes in state via JavaScript:
203 |
204 | ```javascript
205 | Reveal.addEventListener( 'somestate', function() {
206 | // TODO: Sprinkle magic
207 | }, false );
208 | ```
209 |
210 | ### Ready event
211 |
212 | The 'ready' event is fired when reveal.js has loaded all (synchronous) dependencies and is ready to start navigating.
213 |
214 | ```javascript
215 | Reveal.addEventListener( 'ready', function( event ) {
216 | // event.currentSlide, event.indexh, event.indexv
217 | } );
218 | ```
219 |
220 | ### Slide change event
221 |
222 | An 'slidechanged' event is fired each time the slide is changed (regardless of state). The event object holds the index values of the current slide as well as a reference to the previous and current slide HTML nodes.
223 |
224 | Some libraries, like MathJax (see [#226](https://github.com/hakimel/reveal.js/issues/226#issuecomment-10261609)), get confused by the transforms and display states of slides. Often times, this can be fixed by calling their update or render function from this callback.
225 |
226 | ```javascript
227 | Reveal.addEventListener( 'slidechanged', function( event ) {
228 | // event.previousSlide, event.currentSlide, event.indexh, event.indexv
229 | } );
230 | ```
231 |
232 | ### Internal links
233 |
234 | It's easy to link between slides. The first example below targets the index of another slide whereas the second targets a slide with an ID attribute (``````):
235 |
236 | ```html
237 | Link
238 | Link
239 | ```
240 |
241 | You can also add relative navigation links, similar to the built in reveal.js controls, by appending one of the following classes on any element. Note that each element is automatically given an ```enabled``` class when it's a valid navigation route based on the current slide.
242 |
243 | ```html
244 |
245 |
246 |
247 |
248 |
249 |
250 | ```
251 |
252 |
253 | ### Fragments
254 | Fragments are used to highlight individual elements on a slide. Every elmement with the class ```fragment``` will be stepped through before moving on to the next slide. Here's an example: http://lab.hakim.se/reveal-js/#/16
255 |
256 | The default fragment style is to start out invisible and fade in. This style can be changed by appending a different class to the fragment:
257 |
258 | ```html
259 |
260 | grow
261 | shrink
262 | roll-in
263 | fade-out
264 | highlight-red
265 | highlight-green
266 | highlight-blue
267 |
268 | ```
269 |
270 | Multiple fragments can be applied to the same element sequentially by wrapping it, this will fade in the text on the first step and fade it back out on the second.
271 |
272 | ```html
273 |
274 |
275 | I'll fade in, then out
276 |
277 |
278 | ```
279 |
280 | ### Fragment events
281 |
282 | When a slide fragment is either shown or hidden reveal.js will dispatch an event.
283 |
284 | ```javascript
285 | Reveal.addEventListener( 'fragmentshown', function( event ) {
286 | // event.fragment = the fragment DOM element
287 | } );
288 | Reveal.addEventListener( 'fragmenthidden', function( event ) {
289 | // event.fragment = the fragment DOM element
290 | } );
291 | ```
292 |
293 | ### Overview mode
294 |
295 | Press "Esc" key to toggle the overview mode on and off. While you're in this mode, you can still navigate between slides,
296 | as if you were at 1,000 feet above your presentation.
297 |
298 | ### Fullscreen mode
299 | Just press »F« on your keyboard to show your presentation in fullscreen mode. Press the »ESC« key to exit fullscreen mode.
300 |
301 |
302 | ## PDF Export
303 |
304 | Presentations can be exported to PDF via a special print stylesheet. This feature requires that you use [Google Chrome](http://google.com/chrome).
305 | Here's an example of an exported presentation that's been uploaded to SlideShare: http://www.slideshare.net/hakimel/revealjs-13872948.
306 |
307 | 1. Open your presentation with [css/print/pdf.css](https://github.com/hakimel/reveal.js/blob/master/css/print/pdf.css) included on the page. The default index HTML lets you add *print-pdf* anywhere in the query to include the stylesheet, for example: [lab.hakim.se/reveal-js?print-pdf](http://lab.hakim.se/reveal-js?print-pdf).
308 | 2. Open the in-browser print dialog (CMD+P).
309 | 3. Change the **Destination** setting to **Save as PDF**.
310 | 4. Change the **Layout** to **Landscape**.
311 | 5. Change the **Margins** to **None**.
312 | 6. Click **Save**.
313 |
314 | 
315 |
316 |
317 | ## Speaker Notes
318 |
319 | reveal.js comes with a speaker notes plugin which can be used to present per-slide notes in a separate browser window. The notes window also gives you a preview of the next upcoming slide so it may be helpful even if you haven't written any notes. Append ```?notes``` to presentation URL or press the 's' key on your keyboard to open the notes window.
320 |
321 | By default notes are written using standard HTML, see below, but you can add a ```data-markdown``` attribute to the `````` to write them using Markdown.
322 |
323 | ```html
324 |
325 | Some Slide
326 |
327 |
328 | Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
329 |
330 |
331 | ```
332 |
333 | ## Server Side Speaker Nodes
334 |
335 | In some cases it can be desirable to run notes on a separate device from the one you're presenting on. The Node.js-based notes plugin lets you do this using the same note definitions as its client side counterpart. Include the requried scripts by adding the following dependencies:
336 |
337 | ```javascript
338 | { src: '/socket.io/socket.io.js', async: true },
339 | { src: 'plugin/notes-server/client.js', async: true }
340 | ```
341 |
342 | Then:
343 |
344 | 1. Install [Node.js](http://nodejs.org/)
345 | 2. Run ```npm install```
346 | 3. Run ```node plugin/notes-server```
347 |
348 |
349 | ## Development Environment
350 |
351 | reveal.js is built using the task-based command line build tool [grunt.js](http://gruntjs.com) ([installation instructions](https://github.com/gruntjs/grunt#installing-grunt)). With Node.js and grunt.js installed, you need to start by running ```npm install``` in the reveal.js root. When the dependencies have been installed you should run ```grunt watch``` to start monitoring files for changes.
352 |
353 | If you want to customise reveal.js without running grunt.js you can alter the HTML to point to the uncompressed source files (css/reveal.css & js/reveal.js).
354 |
355 | ### Folder Structure
356 | - **css/** Core styles without which the project does not function
357 | - **js/** Like above but for JavaScript
358 | - **plugin/** Components that have been developed as extensions to reveal.js
359 | - **lib/** All other third party assets (JavaScript, CSS, fonts)
360 |
361 |
362 | ## License
363 |
364 | MIT licensed
365 |
366 | Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
367 |
368 |
--------------------------------------------------------------------------------
/css/bootstrap-responsive.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap Responsive v2.2.1
3 | *
4 | * Copyright 2012 Twitter, Inc
5 | * Licensed under the Apache License v2.0
6 | * http://www.apache.org/licenses/LICENSE-2.0
7 | *
8 | * Designed and built with all the love in the world @twitter by @mdo and @fat.
9 | */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-input.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-right:10px;padding-left:10px}.media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#f2f2f2}.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{background-color:#111}.nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}}
10 |
--------------------------------------------------------------------------------
/lec11.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Introduction to Haskell - Lecture 11
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
27 |
28 |
29 |
30 |
31 |
32 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 | Introduction To Haskell
61 | Lecture 11
62 |
63 |
64 |
65 | Snap and XMonad: Haskell in the Real World
66 |
67 |
68 |
69 | Using These Slides
70 | Every slide has a secret note.
71 |
72 |
73 | On Chrome : press F12, then click Console
74 | On IE : press F12, then click Console
75 | On Firefox : Ctrl+Shift+k
76 |
77 |
78 |
79 |
80 |
Shortcut Keys:
81 |
82 |
83 |
84 | ↓, PgDn, n, j
85 | next slide
86 |
87 |
88 | ↑, PgUp, p, k
89 | prev slide
90 |
91 |
92 | Esc
93 | enables ctrl+f globally
94 |
95 |
96 |
97 |
98 | Hi there! This is a secret lecture note. Every slide has a little blurb of text like this!
99 |
100 |
101 |
102 |
103 | A web application framework is a software framework that is designed to support the development of dynamic websites , web applications and web services .
104 |
105 | For example, reddit.com is not a static HTML file. There is some program running, called the web framework, to manage dynamic actions.
106 |
107 |
108 |
109 | Examples of Web Frameworks
110 |
122 |
123 | There is no one right answer for picking a web framework.
124 |
125 |
126 |
127 | Snap
128 |
129 | $ cabal update
130 | $ cabal install snap
131 |
132 |
133 | Snap installs in ~/.cabal/bin
134 |
135 |
136 |
Add that directory to your Path so you easily use snap.
137 |
138 |
On unix-like systems, you do this by editing ~/.bashrc
139 |
140 | # add this line somewhere near the end:
141 | # naturally, change "binroot" to your username
142 |
143 | PATH=$PATH:/home/binroot/.cabal/bin
144 |
145 |
146 |
147 | If you don't set the PATH properly, you will need to refer to the full path every time.
148 |
149 |
150 |
151 | Set up Snap
152 | You're ready to start using Snap
153 |
154 | $ mkdir myWebsite
155 | $ cd myWebsite
156 | $ snap init barebones
157 |
158 |
159 |
160 |
We now have two folders and a .cabal file
161 |
162 |
163 |
164 | `snap init barebones` sets up a very simple HTTP framework.
165 |
166 |
167 |
168 | Compile it
169 | The barebones project compiles out of the box.
170 | Just do:
171 |
172 | cabal install
173 |
174 |
175 | Your project installs in ~/.cabal/bin
176 |
177 | You now have an executable ready to run.
178 |
179 |
180 |
181 | Run it
182 | Run ~/.cabal/bin/myWebsite from the terminal
183 |
184 | $ myWebsite
185 |
186 | You are now running a webserver on port 8000
187 |
188 | Open up your web browser and go to localhost:8000 to see your website!
189 | (You can change the port by running myWebsite -p 1234)
190 |
191 | Thats it! As long as you keep this running, the site will remain active.
192 |
193 |
194 |
195 | Explore the site/code
196 |
197 | -- from Main.hs
198 |
199 | site :: Snap ()
200 | site =
201 | ifTop (writeBS "hello world") <|>
202 | route [ ("foo", writeBS "bar")
203 | , ("echo/:echoparam", echoHandler)
204 | ] <|>
205 | dir "static" (serveDirectory ".")
206 |
207 |
208 | What happens when you visit these endpoints?
209 |
210 | http:// localhost:8000/foo
211 | http:// localhost:8000/echo/hi
212 | http:// localhost:8000/blah
213 |
214 |
215 | Notice the code is in pure haskell.
216 |
217 |
218 |
219 | What's going on?
220 |
221 | If landing on root page, display "hello world"
222 |
223 | If landing on /foo, display "bar"
224 |
225 | If landing on /echo/:stuff, display :stuff
226 |
227 | If user lands on /static/something.pdf, display /static/something.pdf
228 |
229 | Otherwise, display a 404 error page
230 |
231 |
232 | You can programatically define your own endpoints using just Haskell.
233 |
234 |
235 |
236 | Take a Deeper Look
237 |
238 | site :: Snap ()
239 | site =
240 | ifTop (writeBS "hello world") <|>
241 | route [ ("foo", writeBS "bar")
242 | , ("echo/:echoparam", echoHandler)
243 | ] <|>
244 | dir "static" (serveDirectory ".")
245 |
246 | <|> is a fancy if-statement.
247 | It checks the left side and does the action, otherwise does the action on the right side.
248 |
249 |
250 | route is an effecient mapping of endpoint to action
251 | It's run-time is O(ln n)
252 |
253 | This is simply Haskell code. Nothing new.
254 |
255 |
256 |
257 | Cool.
258 | Time to see how real websites are made!
259 | Start working in a new folder, myRealWebsite
260 |
261 | $ mkdir myRealWebsite
262 | $ cd myRealWebsite
263 |
264 |
265 | Now, don't install with barebones. Instead do:
266 |
267 | $ snap init
268 |
269 |
270 |
271 | Now you have a rich featured sample website set up.
272 |
273 |
274 |
275 | Compile and Run it
276 |
277 | $ cabal install
278 |
279 |
280 | $ myRealWebsite
281 |
282 |
283 | Explore your website at localhost:8000
284 |
285 | Again, go through the same steps of compiling it.
286 |
287 |
288 |
289 | Heist Templating
290 | Snap uses Heist , a website templating engine.
291 |
Find base.tpl in myRealWebsite/snaplets/heist/templates/
292 |
293 | You can see how this file is a "template", and <apply-content/> substitutes in for something else.
294 |
295 | Templating is a fundamental feature of most web frameworks. It allows generalizing layout structure to many pages.
296 |
297 |
298 |
299 | Snap Programming
300 | All code lives in the src/ folder.
301 |
302 | Open Site.hs and examine the app function.
303 |
304 |
305 | Play around with Snap.
Make an endpoint /fac/:num that returns the factorial of the :num.
306 |
307 |
308 |
309 |
310 |
311 |
312 | Let's shift gears and talk about another popular Haskell program
313 |
314 | XMonad is a window manager that tiles windows automatically
315 |
316 | (And it's written in Haskell!)
317 |
318 | I'm using xmonad right now w/ Gnome 3, and I highly advise it.
319 |
320 |
321 |
329 |
330 |
331 | Install and Config
332 | After you install XMonad, you can configure the look and feel in a xmonad.hs file.
333 |
334 |
335 |
336 |
337 |
338 |
339 |
340 |
341 |
342 | Homework
343 | Haskell in the Wild
344 |
348 |
349 |
350 |
351 |
352 |
353 |
354 |
355 |
356 |
357 |
358 |
386 |
387 |
388 |
389 |
390 |
391 |
392 |
402 |
403 |
404 |
417 |
418 |
419 |
420 |
421 |
--------------------------------------------------------------------------------