Skip to content

Commit 8a58ca5

Browse files
mblum14mblum14
committed
Add slides up to 'Roadblocks' section
1 parent ade51d8 commit 8a58ca5

File tree

10 files changed

+853
-25
lines changed

10 files changed

+853
-25
lines changed

‎Gruntfile.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,8 @@ module.exports = function(grunt) {
4747
'css/theme/sky.css': 'css/theme/source/sky.scss',
4848
'css/theme/moon.css': 'css/theme/source/moon.scss',
4949
'css/theme/solarized.css': 'css/theme/source/solarized.scss',
50-
'css/theme/blood.css': 'css/theme/source/blood.scss'
50+
'css/theme/blood.css': 'css/theme/source/blood.scss',
51+
'css/theme/lcars.css': 'css/theme/source/lcars.scss'
5152
}
5253
}
5354
},

‎css/theme/lcars.css

+349
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,349 @@
1+
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
2+
/**
3+
* LCARS theme for reveal.js.
4+
*
5+
* Copyright (C) 2015 Michael C. Blumberg, http://hakim.se
6+
*/
7+
.text-1 {
8+
color: #FF9900; }
9+
10+
.text-2 {
11+
color: #FFCC99; }
12+
13+
.text-3 {
14+
color: #9999FF; }
15+
16+
.text-4 {
17+
color: #CC99CC; }
18+
19+
.text-5 {
20+
color: #9999CC; }
21+
22+
.text-6 {
23+
color: #CC6666; }
24+
25+
.text-7 {
26+
color: #FF9966; }
27+
28+
.text-8 {
29+
color: #CC6699; }
30+
31+
.background-lcars-1 {
32+
background-color: #FF9900;
33+
color: black; }
34+
35+
.background-lcars-2 {
36+
background-color: #FFCC99;
37+
color: black; }
38+
39+
.background-lcars-3 {
40+
background-color: #9999FF;
41+
color: black; }
42+
43+
.background-lcars-4 {
44+
background-color: #CC99CC;
45+
color: black; }
46+
47+
.background-lcars-5 {
48+
background-color: #9999CC;
49+
color: black; }
50+
51+
.background-lcars-6 {
52+
background-color: #CC6666;
53+
color: black; }
54+
55+
.background-lcars-7 {
56+
background-color: #FF9966;
57+
color: black; }
58+
59+
.background-lcars-8 {
60+
background-color: #CC6699;
61+
color: black; }
62+
63+
.reveal pre, pre.strech {
64+
background-color: #3F3F3F; }
65+
66+
.reveal blockquote {
67+
background: black !important;
68+
border-left: 10px solid #CC99CC;
69+
padding-left: 20px !important; }
70+
71+
blockquote, blockquote footer {
72+
text-align: left; }
73+
74+
blockquote footer::before {
75+
content: '\2014 \00A0'; }
76+
77+
.reveal .slides section .fragment.highlight-red.visible {
78+
color: #CC6666; }
79+
80+
.reveal .slides section .fragment.highlight-green.visible {
81+
color: #17ff2e; }
82+
83+
.reveal .slides section .fragment.highlight-blue.visible {
84+
color: #FFCC99; }
85+
86+
.reveal .slides section .fragment.highlight-current-red.current-fragment {
87+
color: #CC6666; }
88+
89+
.reveal .slides section .fragment.highlight-current-green.current-fragment {
90+
color: #17ff2e; }
91+
92+
.reveal .slides section .fragment.highlight-current-blue.current-fragment {
93+
color: #FFCC99; }
94+
95+
/*********************************************
96+
* GLOBAL STYLES
97+
*********************************************/
98+
body {
99+
background: black;
100+
background-color: black; }
101+
102+
.reveal {
103+
font-family: 'Droid Sans', sans-serif;
104+
font-size: 36px;
105+
font-weight: normal;
106+
color: #FF9900; }
107+
108+
::selection {
109+
color: #ffb54d;
110+
background: #ffd599;
111+
text-shadow: none; }
112+
113+
.reveal .slides > section, .reveal .slides > section > section {
114+
line-height: 1.3;
115+
font-weight: inherit; }
116+
117+
/*********************************************
118+
* HEADERS
119+
*********************************************/
120+
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
121+
margin: 0 0 20px 0;
122+
color: #FFCC99;
123+
font-family: 'Droid Sans', sans-serif;
124+
font-weight: normal;
125+
line-height: 1;
126+
letter-spacing: normal;
127+
text-transform: none;
128+
text-shadow: none;
129+
word-wrap: break-word; }
130+
131+
.reveal h1 {
132+
font-size: 3.77em; }
133+
134+
.reveal h2 {
135+
font-size: 2.11em; }
136+
137+
.reveal h3 {
138+
font-size: 1.55em; }
139+
140+
.reveal h4 {
141+
font-size: 1em; }
142+
143+
.reveal h1 {
144+
text-shadow: none; }
145+
146+
/*********************************************
147+
* OTHER
148+
*********************************************/
149+
.reveal p {
150+
margin: 20px 0;
151+
line-height: 1.3; }
152+
153+
/* Ensure certain elements are never larger than the slide itself */
154+
.reveal img, .reveal video, .reveal iframe {
155+
max-width: 95%;
156+
max-height: 95%; }
157+
158+
.reveal strong, .reveal b {
159+
font-weight: bold; }
160+
161+
.reveal em {
162+
font-style: italic; }
163+
164+
.reveal ol, .reveal dl, .reveal ul {
165+
display: inline-block;
166+
text-align: left;
167+
margin: 0 0 0 1em; }
168+
169+
.reveal ol {
170+
list-style-type: decimal; }
171+
172+
.reveal ul {
173+
list-style-type: disc; }
174+
175+
.reveal ul ul {
176+
list-style-type: square; }
177+
178+
.reveal ul ul ul {
179+
list-style-type: circle; }
180+
181+
.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
182+
display: block;
183+
margin-left: 40px; }
184+
185+
.reveal dt {
186+
font-weight: bold; }
187+
188+
.reveal dd {
189+
margin-left: 40px; }
190+
191+
.reveal q, .reveal blockquote {
192+
quotes: none; }
193+
194+
.reveal blockquote {
195+
display: block;
196+
position: relative;
197+
width: 70%;
198+
margin: 20px auto;
199+
padding: 5px;
200+
font-style: italic;
201+
background: rgba(255, 255, 255, 0.05);
202+
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
203+
204+
.reveal blockquote p:first-child, .reveal blockquote p:last-child {
205+
display: inline-block; }
206+
207+
.reveal q {
208+
font-style: italic; }
209+
210+
.reveal pre {
211+
display: block;
212+
position: relative;
213+
width: 90%;
214+
margin: 20px auto;
215+
text-align: left;
216+
font-size: 0.55em;
217+
font-family: monospace;
218+
line-height: 1.2em;
219+
word-wrap: break-word;
220+
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
221+
222+
.reveal code {
223+
font-family: monospace; }
224+
225+
.reveal pre code {
226+
display: block;
227+
padding: 5px;
228+
overflow: auto;
229+
max-height: 400px;
230+
word-wrap: normal;
231+
background: #3F3F3F;
232+
color: #DCDCDC; }
233+
234+
.reveal table {
235+
margin: auto;
236+
border-collapse: collapse;
237+
border-spacing: 0; }
238+
239+
.reveal table th {
240+
font-weight: bold; }
241+
242+
.reveal table th, .reveal table td {
243+
text-align: left;
244+
padding: 0.2em 0.5em 0.2em 0.5em;
245+
border-bottom: 1px solid; }
246+
247+
.reveal table tr:last-child td {
248+
border-bottom: none; }
249+
250+
.reveal sup {
251+
vertical-align: super; }
252+
253+
.reveal sub {
254+
vertical-align: sub; }
255+
256+
.reveal small {
257+
display: inline-block;
258+
font-size: 0.6em;
259+
line-height: 1.2em;
260+
vertical-align: top; }
261+
262+
.reveal small * {
263+
vertical-align: top; }
264+
265+
/*********************************************
266+
* LINKS
267+
*********************************************/
268+
.reveal a {
269+
color: #9999FF;
270+
text-decoration: none;
271+
-webkit-transition: color 0.15s ease;
272+
-moz-transition: color 0.15s ease;
273+
transition: color 0.15s ease; }
274+
275+
.reveal a:hover {
276+
color: #71ebf4;
277+
text-shadow: none;
278+
border: none; }
279+
280+
.reveal .roll span:after {
281+
color: #fff;
282+
background: #4d4dff; }
283+
284+
/*********************************************
285+
* IMAGES
286+
*********************************************/
287+
.reveal section img {
288+
margin: 15px 0px;
289+
background: rgba(255, 255, 255, 0.12);
290+
border: 4px solid #FF9900;
291+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
292+
293+
.reveal a img {
294+
-webkit-transition: all 0.15s linear;
295+
-moz-transition: all 0.15s linear;
296+
transition: all 0.15s linear; }
297+
298+
.reveal a:hover img {
299+
background: rgba(255, 255, 255, 0.2);
300+
border-color: #9999FF;
301+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
302+
303+
/*********************************************
304+
* NAVIGATION CONTROLS
305+
*********************************************/
306+
.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
307+
border-right-color: #9999FF; }
308+
309+
.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
310+
border-left-color: #9999FF; }
311+
312+
.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
313+
border-bottom-color: #9999FF; }
314+
315+
.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
316+
border-top-color: #9999FF; }
317+
318+
.reveal .controls div.navigate-left.enabled:hover {
319+
border-right-color: #71ebf4; }
320+
321+
.reveal .controls div.navigate-right.enabled:hover {
322+
border-left-color: #71ebf4; }
323+
324+
.reveal .controls div.navigate-up.enabled:hover {
325+
border-bottom-color: #71ebf4; }
326+
327+
.reveal .controls div.navigate-down.enabled:hover {
328+
border-top-color: #71ebf4; }
329+
330+
/*********************************************
331+
* PROGRESS BAR
332+
*********************************************/
333+
.reveal .progress {
334+
background: rgba(0, 0, 0, 0.2); }
335+
336+
.reveal .progress span {
337+
background: #9999FF;
338+
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
339+
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
340+
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
341+
342+
/*********************************************
343+
* SLIDE NUMBER
344+
*********************************************/
345+
.reveal .slide-number {
346+
color: #9999FF; }
347+
348+
.reveal section img {
349+
border: none; }

0 commit comments

Comments
 (0)