Skip to content

Commit 8a58b9a

Browse files
ghemptonghempton
committed
initial skeleton and theme
1 parent 75ffa60 commit 8a58b9a

27 files changed

+873
-256
lines changed

Diff for: ‎Gruntfile.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,8 @@ module.exports = function(grunt) {
4848
'css/theme/simple.css': 'css/theme/source/simple.scss',
4949
'css/theme/sky.css': 'css/theme/source/sky.scss',
5050
'css/theme/moon.css': 'css/theme/source/moon.scss',
51-
'css/theme/solarized.css': 'css/theme/source/solarized.scss'
51+
'css/theme/solarized.css': 'css/theme/source/solarized.scss',
52+
'css/theme/script.css': 'css/theme/source/script.scss'
5253
}
5354
}
5455
},

Diff for: ‎css/theme/beige.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
22
/**
33
* Beige theme for reveal.js.
4-
*
4+
*
55
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
66
*/
77
@font-face {

Diff for: ‎css/theme/default.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
22
/**
33
* Default theme for reveal.js.
4-
*
4+
*
55
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
66
*/
77
@font-face {

Diff for: ‎css/theme/night.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
33
/**
44
* Black theme for reveal.js.
5-
*
5+
*
66
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
77
*/
88
/*********************************************

Diff for: ‎css/theme/script.css

+163
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
2+
/**
3+
* Script theme for reveal.js.
4+
*
5+
* Copyright (C) 2013 Gordon L. Hempton (http://codebrief.com)
6+
*/
7+
@font-face {
8+
font-family: 'LobsterTwo';
9+
src: url("/fonts/LobsterTwo-Regular-webfont.eot");
10+
src: url("/fonts//fonts/LobsterTwo-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/LobsterTwo-Regular-webfont.woff") format("woff"), url("/fonts/LobsterTwo-Regular-webfont.ttf") format("truetype"), url("/fonts/LobsterTwo-Regular-webfont.svg#LobsterTwoRegular") format("svg");
11+
font-weight: normal;
12+
font-style: normal; }
13+
14+
@font-face {
15+
font-family: 'LobsterTwo';
16+
src: url("/fonts/LobsterTwo-Italic-webfont.eot");
17+
src: url("/fonts/LobsterTwo-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/LobsterTwo-Italic-webfont.woff") format("woff"), url("/fonts/LobsterTwo-Italic-webfont.ttf") format("truetype"), url("/fonts/LobsterTwo-Italic-webfont.svg#LobsterTwoItalic") format("svg");
18+
font-weight: normal;
19+
font-style: italic; }
20+
21+
@font-face {
22+
font-family: 'LobsterTwo';
23+
src: url("/fonts/LobsterTwo-Bold-webfont.eot");
24+
src: url("/fonts/LobsterTwo-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/LobsterTwo-Bold-webfont.woff") format("woff"), url("/fonts/LobsterTwo-Bold-webfont.ttf") format("truetype"), url("/fonts/LobsterTwo-Bold-webfont.svg#LobsterTwoBold") format("svg");
25+
font-weight: bold;
26+
font-style: normal; }
27+
28+
@font-face {
29+
font-family: 'LobsterTwo';
30+
src: url("/fonts/LobsterTwo-BoldItalic-webfont.eot");
31+
src: url("/fonts/LobsterTwo-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/LobsterTwo-BoldItalic-webfont.woff") format("woff"), url("/fonts/LobsterTwo-BoldItalic-webfont.ttf") format("truetype"), url("/fonts/LobsterTwo-BoldItalic-webfont.svg#LobsterTwoBoldItalic") format("svg");
32+
font-weight: bold;
33+
font-style: italic; }
34+
35+
/*********************************************
36+
* GLOBAL STYLES
37+
*********************************************/
38+
body {
39+
background: #fdb98a;
40+
background: -moz-radial-gradient(center, circle cover, white 0%, #fdb98a 100%);
41+
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #fdb98a));
42+
background: -webkit-radial-gradient(center, circle cover, white 0%, #fdb98a 100%);
43+
background: -o-radial-gradient(center, circle cover, white 0%, #fdb98a 100%);
44+
background: -ms-radial-gradient(center, circle cover, white 0%, #fdb98a 100%);
45+
background: radial-gradient(center, circle cover, white 0%, #fdb98a 100%);
46+
background-color: #fdb98a; }
47+
48+
.reveal {
49+
font-family: "Lato", sans-serif;
50+
font-size: 36px;
51+
font-weight: 200;
52+
letter-spacing: -0.02em;
53+
color: #4e2e2f; }
54+
55+
::selection {
56+
color: white;
57+
background: rgba(79, 64, 28, 0.99);
58+
text-shadow: none; }
59+
60+
/*********************************************
61+
* HEADERS
62+
*********************************************/
63+
.reveal h1,
64+
.reveal h2,
65+
.reveal h3,
66+
.reveal h4,
67+
.reveal h5,
68+
.reveal h6 {
69+
margin: 0 0 20px 0;
70+
color: #4e2e2f;
71+
font-family: "LobsterTwo", sans-serif;
72+
line-height: 0.9em;
73+
letter-spacing: 0.02em;
74+
text-transform: none;
75+
text-shadow: none; }
76+
77+
.reveal h1 {
78+
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); }
79+
80+
/*********************************************
81+
* LINKS
82+
*********************************************/
83+
.reveal a:not(.image) {
84+
color: #9e464d;
85+
text-decoration: none;
86+
-webkit-transition: color 0.15s ease;
87+
-moz-transition: color 0.15s ease;
88+
-ms-transition: color 0.15s ease;
89+
-o-transition: color 0.15s ease;
90+
transition: color 0.15s ease; }
91+
92+
.reveal a:not(.image):hover {
93+
color: #c88288;
94+
text-shadow: none;
95+
border: none; }
96+
97+
.reveal .roll span:after {
98+
color: #fff;
99+
background: #692f33; }
100+
101+
/*********************************************
102+
* IMAGES
103+
*********************************************/
104+
.reveal section img {
105+
margin: 15px 0px;
106+
background: rgba(255, 255, 255, 0.12);
107+
border: 4px solid #4e2e2f;
108+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
109+
-webkit-transition: all 0.2s linear;
110+
-moz-transition: all 0.2s linear;
111+
-ms-transition: all 0.2s linear;
112+
-o-transition: all 0.2s linear;
113+
transition: all 0.2s linear; }
114+
115+
.reveal a:hover img {
116+
background: rgba(255, 255, 255, 0.2);
117+
border-color: #9e464d;
118+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
119+
120+
/*********************************************
121+
* NAVIGATION CONTROLS
122+
*********************************************/
123+
.reveal .controls div.navigate-left,
124+
.reveal .controls div.navigate-left.enabled {
125+
border-right-color: #9e464d; }
126+
127+
.reveal .controls div.navigate-right,
128+
.reveal .controls div.navigate-right.enabled {
129+
border-left-color: #9e464d; }
130+
131+
.reveal .controls div.navigate-up,
132+
.reveal .controls div.navigate-up.enabled {
133+
border-bottom-color: #9e464d; }
134+
135+
.reveal .controls div.navigate-down,
136+
.reveal .controls div.navigate-down.enabled {
137+
border-top-color: #9e464d; }
138+
139+
.reveal .controls div.navigate-left.enabled:hover {
140+
border-right-color: #c88288; }
141+
142+
.reveal .controls div.navigate-right.enabled:hover {
143+
border-left-color: #c88288; }
144+
145+
.reveal .controls div.navigate-up.enabled:hover {
146+
border-bottom-color: #c88288; }
147+
148+
.reveal .controls div.navigate-down.enabled:hover {
149+
border-top-color: #c88288; }
150+
151+
/*********************************************
152+
* PROGRESS BAR
153+
*********************************************/
154+
.reveal .progress {
155+
background: rgba(0, 0, 0, 0.2); }
156+
157+
.reveal .progress span {
158+
background: #9e464d;
159+
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
160+
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
161+
-ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
162+
-o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
163+
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

Diff for: ‎css/theme/simple.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
@import url(http://fonts.googleapis.com/css?family=News+Cycle:400,700);
22
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
33
/**
4-
* A simple theme for reveal.js presentations, similar
4+
* A simple theme for reveal.js presentations, similar
55
* to the default theme. The accent color is darkblue.
6-
*
6+
*
77
* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
88
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
99
*/

Diff for: ‎css/theme/sky.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
33
/**
44
* Sky theme for reveal.js.
5-
*
5+
*
66
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
77
*/
88
/*********************************************

Diff for: ‎css/theme/source/script.scss

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
/**
2+
* Script theme for reveal.js.
3+
*
4+
* Copyright (C) 2013 Gordon L. Hempton (http://codebrief.com)
5+
*/
6+
7+
8+
// Default mixins and settings -----------------
9+
@import "../template/mixins";
10+
@import "../template/settings";
11+
// ---------------------------------------------
12+
13+
14+
15+
// Include theme-specific fonts
16+
@font-face {
17+
font-family: 'LobsterTwo';
18+
src: url('/fonts/LobsterTwo-Regular-webfont.eot');
19+
src: url('/fonts//fonts/LobsterTwo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
20+
url('/fonts/LobsterTwo-Regular-webfont.woff') format('woff'),
21+
url('/fonts/LobsterTwo-Regular-webfont.ttf') format('truetype'),
22+
url('/fonts/LobsterTwo-Regular-webfont.svg#LobsterTwoRegular') format('svg');
23+
font-weight: normal;
24+
font-style: normal;
25+
}
26+
27+
@font-face {
28+
font-family: 'LobsterTwo';
29+
src: url('/fonts/LobsterTwo-Italic-webfont.eot');
30+
src: url('/fonts/LobsterTwo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
31+
url('/fonts/LobsterTwo-Italic-webfont.woff') format('woff'),
32+
url('/fonts/LobsterTwo-Italic-webfont.ttf') format('truetype'),
33+
url('/fonts/LobsterTwo-Italic-webfont.svg#LobsterTwoItalic') format('svg');
34+
font-weight: normal;
35+
font-style: italic;
36+
}
37+
38+
@font-face {
39+
font-family: 'LobsterTwo';
40+
src: url('/fonts/LobsterTwo-Bold-webfont.eot');
41+
src: url('/fonts/LobsterTwo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
42+
url('/fonts/LobsterTwo-Bold-webfont.woff') format('woff'),
43+
url('/fonts/LobsterTwo-Bold-webfont.ttf') format('truetype'),
44+
url('/fonts/LobsterTwo-Bold-webfont.svg#LobsterTwoBold') format('svg');
45+
font-weight: bold;
46+
font-style: normal;
47+
}
48+
49+
@font-face {
50+
font-family: 'LobsterTwo';
51+
src: url('/fonts/LobsterTwo-BoldItalic-webfont.eot');
52+
src: url('/fonts/LobsterTwo-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
53+
url('/fonts/LobsterTwo-BoldItalic-webfont.woff') format('woff'),
54+
url('/fonts/LobsterTwo-BoldItalic-webfont.ttf') format('truetype'),
55+
url('/fonts/LobsterTwo-BoldItalic-webfont.svg#LobsterTwoBoldItalic') format('svg');
56+
font-weight: bold;
57+
font-style: italic;
58+
}
59+
60+
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
61+
62+
// Override theme settings (see ../template/settings.scss)
63+
$mainColor: #4E2E2F;
64+
$headingColor: $mainColor;
65+
$headingFont: 'LobsterTwo', sans-serif;
66+
$headingTextShadow: none;
67+
$headingTextTransform: none;
68+
$backgroundColor: #FDB98A;
69+
$linkColor: #9E464D;
70+
$linkColorHover: lighten( $linkColor, 20% );
71+
$selectionBackgroundColor: rgba(79, 64, 28, 0.99);
72+
$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
73+
74+
// Background generator
75+
@mixin bodyBackground() {
76+
@include radial-gradient( #FDB98A, rgba(255,255,255,1) );
77+
}
78+
79+
80+
81+
// Theme template ------------------------------
82+
@import "../template/theme";
83+
// ---------------------------------------------

Diff for: ‎design/design.fw.png

95.3 KB
Loading

Diff for: ‎img/on_drugs.png

82.3 KB
Loading

0 commit comments

Comments
 (0)