Sky theme and various cosmetics

This commit is contained in:
The Dod 2020-04-03 20:17:49 +03:00
parent 6334e8494b
commit f64832e488
2 changed files with 22 additions and 18 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 670 KiB

View File

@ -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> &nbsp; <a id="top-link"
"fa fa-home"></i></span></a> &nbsp; <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' },