Sky theme and various cosmetics
This commit is contained in:
parent
6334e8494b
commit
f64832e488
BIN
gfx/grave.jpg
BIN
gfx/grave.jpg
Binary file not shown.
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 670 KiB |
40
index.html
40
index.html
|
@ -9,9 +9,7 @@
|
||||||
<title>iDie</title>
|
<title>iDie</title>
|
||||||
<link rel="stylesheet" href="css/reset.css">
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
<link rel="stylesheet" href="css/reveal.css">
|
<link rel="stylesheet" href="css/reveal.css">
|
||||||
<!-- link rel="stylesheet" href="css/theme/black.css" -->
|
<link rel="stylesheet" href="css/theme/sky.css">
|
||||||
<!-- link rel="stylesheet" href="css/theme/beige.css" -->
|
|
||||||
<link rel="stylesheet" href="css/theme/moon.css">
|
|
||||||
<link rel="stylesheet" href=
|
<link rel="stylesheet" href=
|
||||||
"https://use.fontawesome.com/releases/v5.6.3/css/all.css"
|
"https://use.fontawesome.com/releases/v5.6.3/css/all.css"
|
||||||
integrity=
|
integrity=
|
||||||
|
@ -19,7 +17,15 @@
|
||||||
crossorigin="anonymous">
|
crossorigin="anonymous">
|
||||||
<!-- Theme used for syntax highlighting of code -->
|
<!-- Theme used for syntax highlighting of code -->
|
||||||
<link rel="stylesheet" href="lib/css/monokai.css">
|
<link rel="stylesheet" href="lib/css/monokai.css">
|
||||||
<!-- Printing and PDF exports -->
|
<style>
|
||||||
|
#custom-nav {
|
||||||
|
position:fixed; bottom: 0.5em; left: 0.5em;
|
||||||
|
z-index: 529; font-size: 200%;
|
||||||
|
}
|
||||||
|
#custom-nav a, #custom-nav a:active, #custom-nav a:visited {
|
||||||
|
border: 0; outline: 0;
|
||||||
|
}
|
||||||
|
</style><!-- Printing and PDF exports -->
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var link = document.createElement( 'link' );
|
var link = document.createElement( 'link' );
|
||||||
|
@ -30,14 +36,11 @@
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div style=
|
<div id="custom-nav">
|
||||||
"position:fixed; bottom:0.5em; left:0.5em; z-index:529">
|
|
||||||
<a href="#/">
|
<a href="#/">
|
||||||
<!-- the zero-width-space is a tweak against tidy removing empty tags -->
|
<!-- the zero-width-space is a tweak against tidy removing empty tags -->
|
||||||
<span style="font-size:200%; color:white"><i class=
|
<i class="fa fa-home"></i></a> <a id="top-link"
|
||||||
"fa fa-home"></i></span></a> <a id="top-link" hidden=
|
hidden=""><i class="fa fa-angle-double-up"></i></a>
|
||||||
""><span style="font-size:200%; color:white"><i class=
|
|
||||||
"fa fa-angle-double-up"></i></span></a>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="reveal">
|
<div class="reveal">
|
||||||
<div class="slides">
|
<div class="slides">
|
||||||
|
@ -45,8 +48,8 @@
|
||||||
<h3>למות בשקט</h3>
|
<h3>למות בשקט</h3>
|
||||||
<p>איך לקרוא <span class="gender they">לכם?</span>
|
<p>איך לקרוא <span class="gender they">לכם?</span>
|
||||||
<span class="gender he" hidden="">לך?</span> <span class=
|
<span class="gender he" hidden="">לך?</span> <span class=
|
||||||
"gender she" hidden="">לך?</span> <select size="1" id=
|
"gender she" hidden="">לך?</span> <select size="1" style=
|
||||||
"gender">
|
"font-size: 2rem" id="gender">
|
||||||
<option value="they">
|
<option value="they">
|
||||||
אתם
|
אתם
|
||||||
</option>
|
</option>
|
||||||
|
@ -104,7 +107,8 @@
|
||||||
<section>
|
<section>
|
||||||
<h4>עוד קצת...</h4>
|
<h4>עוד קצת...</h4>
|
||||||
</section>
|
</section>
|
||||||
<section data-background-image="gfx/grave.jpg">
|
<section data-background-image="gfx/grave.jpg"
|
||||||
|
data-background-opacity="0.5">
|
||||||
<h4>הגענו</h4>
|
<h4>הגענו</h4>
|
||||||
<div style=
|
<div style=
|
||||||
"direction:ltr; position:fixed; bottom:0.5em; text-align:center; width:100%">
|
"direction:ltr; position:fixed; bottom:0.5em; text-align:center; width:100%">
|
||||||
|
@ -127,10 +131,11 @@
|
||||||
"height: inherit;margin-right: 3px;display: inline-block;"
|
"height: inherit;margin-right: 3px;display: inline-block;"
|
||||||
src=
|
src=
|
||||||
"https://search.creativecommons.org/static/img/cc-by_icon.svg">
|
"https://search.creativecommons.org/static/img/cc-by_icon.svg">
|
||||||
<img style=
|
<img style=
|
||||||
"height: inherit;margin-right: 3px;display: inline-block;"
|
"height: inherit;margin-right: 3px;display: inline-block;"
|
||||||
src=
|
src=
|
||||||
"https://search.creativecommons.org/static/img/cc-nc_icon.svg"></a>
|
"https://search.creativecommons.org/static/img/cc-nc_icon.svg">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
|
@ -169,15 +174,14 @@
|
||||||
<script src="js/reveal.js"></script>
|
<script src="js/reveal.js"></script>
|
||||||
<script src="lib/js/jquery-3.4.1.slim.min.js"></script>
|
<script src="lib/js/jquery-3.4.1.slim.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
|
|
||||||
// More info about config & dependencies:
|
// More info about config & dependencies:
|
||||||
// - https://github.com/hakimel/reveal.js#configuration
|
// - https://github.com/hakimel/reveal.js#configuration
|
||||||
// - https://github.com/hakimel/reveal.js#dependencies
|
// - https://github.com/hakimel/reveal.js#dependencies
|
||||||
Reveal.initialize({
|
Reveal.initialize({
|
||||||
rtl: true,
|
rtl: true,
|
||||||
hash: true,
|
hash: true,
|
||||||
backgroundTransition: 'convex',
|
controlsTutorial: false,
|
||||||
|
transition: 'convex',
|
||||||
dependencies: [
|
dependencies: [
|
||||||
{ src: 'plugin/markdown/marked.js' },
|
{ src: 'plugin/markdown/marked.js' },
|
||||||
{ src: 'plugin/markdown/markdown.js' },
|
{ src: 'plugin/markdown/markdown.js' },
|
||||||
|
|
Loading…
Reference in New Issue