Skip to content

Commit 4f686aa

Browse files
muharkmuhark
committedDec 29, 2019
Added reveal.js submodule, custom css
1 parent 6e2a7fb commit 4f686aa

File tree

4 files changed

+300
-9
lines changed

4 files changed

+300
-9
lines changed
 

‎.gitmodules

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
[submodule "reveal.js"]
2+
path = reveal.js
3+
url = https://github.com/hakimel/reveal.js

‎Week1/lecture.html

+9-9
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
<meta name="apple-mobile-web-app-capable" content="yes">
99
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
1010
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
11-
<link rel="stylesheet" href="/home/lunayneko/Apps/reveal.js/css/reset.css">
12-
<link rel="stylesheet" href="/home/lunayneko/Apps/reveal.js/css/reveal.css">
11+
<link rel="stylesheet" href="../reveal.js/css/reset.css">
12+
<link rel="stylesheet" href="../reveal.js/css/reveal.css">
1313
<style>
1414
code{white-space: pre-wrap;}
1515
span.smallcaps{font-variant: small-caps;}
@@ -18,17 +18,17 @@
1818
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
1919
ul.task-list{list-style: none;}
2020
</style>
21-
<link rel="stylesheet" href="/home/lunayneko/Apps/reveal.js/css/theme/my_simple.css" id="theme">
21+
<link rel="stylesheet" href="../reveal.js/css/theme/dpir-intro-theme.css" id="theme">
2222
<!-- Printing and PDF exports -->
2323
<script>
2424
var link = document.createElement( 'link' );
2525
link.rel = 'stylesheet';
2626
link.type = 'text/css';
27-
link.href = window.location.search.match( /print-pdf/gi ) ? '/home/lunayneko/Apps/reveal.js/css/print/pdf.css' : '/home/lunayneko/Apps/reveal.js/css/print/paper.css';
27+
link.href = window.location.search.match( /print-pdf/gi ) ? '../reveal.js/css/print/pdf.css' : '../reveal.js/css/print/paper.css';
2828
document.getElementsByTagName( 'head' )[0].appendChild( link );
2929
</script>
3030
<!--[if lt IE 9]>
31-
<script src="/home/lunayneko/Apps/reveal.js/lib/js/html5shiv.js"></script>
31+
<script src="../reveal.js/lib/js/html5shiv.js"></script>
3232
<![endif]-->
3333
</head>
3434
<body>
@@ -510,7 +510,7 @@ <h2>Dictionaries</h2>
510510
</div>
511511
</div>
512512

513-
<script src="/home/lunayneko/Apps/reveal.js/js/reveal.js"></script>
513+
<script src="../reveal.js/js/reveal.js"></script>
514514

515515
<script>
516516

@@ -522,9 +522,9 @@ <h2>Dictionaries</h2>
522522

523523
// Optional reveal.js plugins
524524
dependencies: [
525-
{ src: '/home/lunayneko/Apps/reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
526-
{ src: '/home/lunayneko/Apps/reveal.js/plugin/zoom-js/zoom.js', async: true },
527-
{ src: '/home/lunayneko/Apps/reveal.js/plugin/notes/notes.js', async: true }
525+
{ src: '../reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
526+
{ src: '../reveal.js/plugin/zoom-js/zoom.js', async: true },
527+
{ src: '../reveal.js/plugin/notes/notes.js', async: true }
528528
]
529529
});
530530
</script>

‎dpir-intro-theme.css

+287
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
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
7+
*/
8+
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
9+
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
10+
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
11+
color: #fff; }
12+
13+
/*********************************************
14+
* GLOBAL STYLES
15+
*********************************************/
16+
body {
17+
background: #fff;
18+
background-color: #fff; }
19+
20+
.reveal {
21+
font-family: "Lato", sans-serif;
22+
font-size: 35px;
23+
font-weight: normal;
24+
color: #000; }
25+
26+
::selection {
27+
color: #000;
28+
background: rgba(0, 0, 0, 0.99);
29+
text-shadow: none; }
30+
31+
::-moz-selection {
32+
color: #fff;
33+
background: rgba(0, 0, 0, 0.99);
34+
text-shadow: none; }
35+
36+
.reveal .slides section,
37+
.reveal .slides section > section {
38+
line-height: 1.3;
39+
font-weight: inherit; }
40+
41+
/*********************************************
42+
* HEADERS
43+
*********************************************/
44+
.reveal h1,
45+
.reveal h2,
46+
.reveal h3,
47+
.reveal h4,
48+
.reveal h5,
49+
.reveal h6 {
50+
margin: 0 0 20px 0;
51+
color: #000;
52+
font-family: "Lato", sans-serif;
53+
font-weight: bold;
54+
line-height: 1.2;
55+
letter-spacing: normal;
56+
text-transform: none;
57+
text-shadow: none;
58+
word-wrap: break-word; }
59+
60+
.reveal h1 {
61+
font-size: 1.65em;
62+
text-align: left; }
63+
64+
.reveal h2 {
65+
font-size: 1.05em;
66+
text-align: left; }
67+
68+
.reveal h3 {
69+
font-size: 1.025em; }
70+
71+
.reveal h4 {
72+
font-size: 1em; }
73+
74+
.reveal h1 {
75+
text-shadow: none; }
76+
77+
/*********************************************
78+
* OTHER
79+
*********************************************/
80+
.reveal p {
81+
margin: 5px 0;
82+
line-height: 1.15;
83+
text-align: left; }
84+
85+
/* Ensure certain elements are never larger than the slide itself */
86+
.reveal img,
87+
.reveal video,
88+
.reveal iframe {
89+
max-width: 95%;
90+
max-height: 95%; }
91+
92+
.reveal strong,
93+
.reveal b {
94+
font-weight: bold; }
95+
96+
.reveal em {
97+
font-style: italic; }
98+
99+
.reveal ol,
100+
.reveal dl,
101+
.reveal ul {
102+
text-align: left;
103+
margin: 0 0 0 1.5em; }
104+
105+
.reveal ol {
106+
list-style-type: decimal; }
107+
108+
.reveal ul {
109+
list-style-type: disc; }
110+
111+
.reveal ul ul {
112+
list-style-type: square; }
113+
114+
.reveal ul ul ul {
115+
list-style-type: circle; }
116+
117+
.reveal ul ul,
118+
.reveal ul ol,
119+
.reveal ol ol,
120+
.reveal ol ul {
121+
display: block;
122+
margin-left: 1.5em; }
123+
124+
.reveal dt {
125+
font-weight: bold; }
126+
127+
.reveal dd {
128+
margin-left: 30px; }
129+
130+
.reveal blockquote {
131+
display: block;
132+
position: relative;
133+
width: 70%;
134+
margin: 20px auto;
135+
padding: 5px;
136+
font-style: italic;
137+
background: rgba(255, 255, 255, 0.05);
138+
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
139+
140+
.reveal blockquote p:first-child,
141+
.reveal blockquote p:last-child {
142+
display: inline-block; }
143+
144+
.reveal q {
145+
font-style: italic; }
146+
147+
.reveal pre {
148+
display: block;
149+
position: relative;
150+
width: 90%;
151+
margin: 20px auto;
152+
text-align: left;
153+
font-size: 0.55em;
154+
font-family: monospace;
155+
line-height: 1.2em;
156+
word-wrap: break-word;
157+
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
158+
159+
.reveal code {
160+
font-family: monospace;
161+
text-transform: none;
162+
padding: 2px 4px;
163+
font-size: 90%;
164+
color: #c7254e;
165+
background-color: #f9f2f4;
166+
vertical-align: baseline;
167+
white-space: pre-wrap;
168+
border-radius: 2px;
169+
170+
}
171+
172+
.reveal pre code {
173+
display: block;
174+
padding: 5px;
175+
overflow: auto;
176+
max-height: 400px;
177+
word-wrap: normal; }
178+
179+
.reveal table {
180+
margin: auto;
181+
border-collapse: collapse;
182+
border-spacing: 0; }
183+
184+
.reveal table th {
185+
font-weight: bold; }
186+
187+
.reveal table th,
188+
.reveal table td {
189+
text-align: left;
190+
padding: 0.2em 0.5em 0.2em 0.5em;
191+
border-bottom: 1px solid; }
192+
193+
.reveal table th[align="center"],
194+
.reveal table td[align="center"] {
195+
text-align: center; }
196+
197+
.reveal table th[align="right"],
198+
.reveal table td[align="right"] {
199+
text-align: right; }
200+
201+
.reveal table tbody tr:last-child th,
202+
.reveal table tbody tr:last-child td {
203+
border-bottom: none; }
204+
205+
.reveal sup {
206+
vertical-align: super;
207+
font-size: smaller; }
208+
209+
.reveal sub {
210+
vertical-align: sub;
211+
font-size: smaller; }
212+
213+
.reveal small {
214+
display: inline-block;
215+
font-size: 0.6em;
216+
line-height: 1.2em;
217+
vertical-align: top; }
218+
219+
.reveal small * {
220+
vertical-align: top; }
221+
222+
/*********************************************
223+
* LINKS
224+
*********************************************/
225+
.reveal a {
226+
color: #00008B;
227+
text-decoration: none;
228+
-webkit-transition: color .15s ease;
229+
-moz-transition: color .15s ease;
230+
transition: color .15s ease; }
231+
232+
.reveal a:hover {
233+
color: #0000f1;
234+
text-shadow: none;
235+
border: none; }
236+
237+
.reveal .roll span:after {
238+
color: #fff;
239+
background: #00003f; }
240+
241+
/*********************************************
242+
* IMAGES
243+
*********************************************/
244+
.reveal section img {
245+
margin: 15px 0px;
246+
background: rgba(255, 255, 255, 0.12);
247+
border: 4px solid #000;
248+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
249+
250+
.reveal section img.plain {
251+
border: 0;
252+
box-shadow: none; }
253+
254+
.reveal a img {
255+
-webkit-transition: all .15s linear;
256+
-moz-transition: all .15s linear;
257+
transition: all .15s linear; }
258+
259+
.reveal a:hover img {
260+
background: rgba(255, 255, 255, 0.2);
261+
border-color: #00008B;
262+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
263+
264+
/*********************************************
265+
* NAVIGATION CONTROLS
266+
*********************************************/
267+
.reveal .controls {
268+
color: #00008B; }
269+
270+
/*********************************************
271+
* PROGRESS BAR
272+
*********************************************/
273+
.reveal .progress {
274+
background: rgba(0, 0, 0, 0.2);
275+
color: #00008B; }
276+
277+
.reveal .progress span {
278+
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
279+
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
280+
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
281+
282+
/*********************************************
283+
* PRINT BACKGROUND
284+
*********************************************/
285+
@media print {
286+
.backgrounds {
287+
background-color: #fff; } }

‎reveal.js

Submodule reveal.js added at 33bed47

0 commit comments

Comments
 (0)