Add localStorage (gender, so far)
This commit is contained in:
parent
fe0d66f0a7
commit
16ad215048
2 changed files with 71 additions and 13 deletions
76
index.html
76
index.html
|
@ -29,22 +29,37 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div style="position:fixed; bottom:0.5em; left:0.5em; z-index:529">
|
||||
<div style=
|
||||
"position:fixed; bottom:0.5em; left:0.5em; z-index:529">
|
||||
<a href="#/">
|
||||
<!-- the zero-width-space is a tweak against tidy removing empty tags -->
|
||||
<span style="font-size:200%; color:white"><i class="fa fa-home"></i></span>
|
||||
</a>
|
||||
<span style="font-size:200%; color:white"><i class=
|
||||
"fa fa-home"></i></span></a>
|
||||
</div>
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
<section>
|
||||
<h3>למות בשקט</h3>
|
||||
<p>
|
||||
<small>
|
||||
השתמשו בחיצים (או החלקה) כדי לנווט, וב-Esc כדי "לרמות".<br/>
|
||||
לחיצה על כפתור הבית (משמאל למטה) תחזיר אתכם לכאן.
|
||||
</small>
|
||||
</p>
|
||||
<p>איך לקרוא לך? <select size="1" id="gender">
|
||||
<option value="they">
|
||||
אתם
|
||||
</option>
|
||||
<option value="she">
|
||||
את
|
||||
</option>
|
||||
<option value="he">
|
||||
אתה
|
||||
</option>
|
||||
</select></p>
|
||||
<p><small><span class="gender they">השתמשו</span>
|
||||
<span class="gender he" hidden="">השתמש</span> <span class=
|
||||
"gender she" hidden="">השתמשי</span> בחיצים (או החלקה) כדי
|
||||
לנווט, וב-Esc כדי "לרמות".<br>
|
||||
לחיצה על כפתור הבית (משמאל למטה) תחזיר
|
||||
<span class="gender they">אתכם</span>
|
||||
<span class="gender she" hidden>אותך</span>
|
||||
<span class="gender he" hidden>אותך</span>
|
||||
לכאן.</small></p>
|
||||
<h6>עוד קיצורי דרך:</h6>
|
||||
<ul>
|
||||
<li>
|
||||
|
@ -69,6 +84,9 @@
|
|||
</section>
|
||||
<section id="patient-rights">
|
||||
<h3>חוק זכויות החולה</h3>
|
||||
<p class="gender they">אתם זכאים להיות חולים.</p>
|
||||
<p class="gender she" hidden>את זכאית להיות חולה.</p>
|
||||
<p class="gender he" hidden>אתה זכאי להיות חולה.</p>
|
||||
</section>
|
||||
<section id="burial">
|
||||
<h3>קבורה</h3>
|
||||
|
@ -83,7 +101,30 @@
|
|||
</section>
|
||||
<section data-background-image="gfx/grave.jpg">
|
||||
<h4>הגענו</h4>
|
||||
<div style="direction:ltr; position:fixed; bottom:0.5em; text-align:center; width:100%"><a target="_blank" href="https://www.flickr.com/photos/60107315@N00/17807541104">"Grave flowers"</a><span> by <a target="_blank" href="https://www.flickr.com/photos/60107315@N00">freefotouk</a></span> is licensed under <a target="_blank" href="https://creativecommons.org/licenses/by-nc/2.0/?ref=ccsearch&atype=html" style="margin-right: 5px;">CC BY-NC 2.0</a><br/><a target="_blank" href="https://creativecommons.org/licenses/by-nc/2.0/?ref=ccsearch&atype=html" target="_blank" rel="noopener noreferrer" style="display: inline-block;white-space: none;margin-top: 2px;margin-left: 3px;height: 22px !important;"><img style="height: inherit;margin-right: 3px;display: inline-block;" src="https://search.creativecommons.org/static/img/cc_icon.svg" /><img style="height: inherit;margin-right: 3px;display: inline-block;" src="https://search.creativecommons.org/static/img/cc-by_icon.svg" /><img style="height: inherit;margin-right: 3px;display: inline-block;" src="https://search.creativecommons.org/static/img/cc-nc_icon.svg" /></a></div>
|
||||
<div style=
|
||||
"direction:ltr; position:fixed; bottom:0.5em; text-align:center; width:100%">
|
||||
<a target="_blank" href=
|
||||
"https://www.flickr.com/photos/60107315@N00/17807541104">
|
||||
"Grave flowers"</a> <span>by <a target="_blank" href=
|
||||
"https://www.flickr.com/photos/60107315@N00">freefotouk</a></span>
|
||||
is licensed under <a target="_blank" href=
|
||||
"https://creativecommons.org/licenses/by-nc/2.0/?ref=ccsearch&atype=html"
|
||||
style="margin-right: 5px;">CC BY-NC 2.0</a><br>
|
||||
<a href=
|
||||
"https://creativecommons.org/licenses/by-nc/2.0/?ref=ccsearch&atype=html"
|
||||
target="_blank" rel="noopener noreferrer" style=
|
||||
"display: inline-block;white-space: none;margin-top: 2px;margin-left: 3px;height: 22px !important;">
|
||||
<img style=
|
||||
"height: inherit;margin-right: 3px;display: inline-block;"
|
||||
src=
|
||||
"https://search.creativecommons.org/static/img/cc_icon.svg">
|
||||
<img style=
|
||||
"height: inherit;margin-right: 3px;display: inline-block;"
|
||||
src=
|
||||
"https://search.creativecommons.org/static/img/cc-by_icon.svg"><img style="height: inherit;margin-right: 3px;display: inline-block;"
|
||||
src=
|
||||
"https://search.creativecommons.org/static/img/cc-nc_icon.svg"></a>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="digital-assets" data-background-image=
|
||||
|
@ -96,7 +137,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<script src="js/reveal.js"></script>
|
||||
<script src="lib/js/jquery-3.4.1.slim.min.js"></script>
|
||||
<script>
|
||||
|
||||
// More info about config & dependencies:
|
||||
// - https://github.com/hakimel/reveal.js#configuration
|
||||
// - https://github.com/hakimel/reveal.js#dependencies
|
||||
|
@ -111,6 +154,19 @@
|
|||
{ src: 'plugin/highlight/highlight.js', async: true }
|
||||
]
|
||||
});
|
||||
$(function() {
|
||||
var setGender = function(gender) {
|
||||
$('.gender').hide();
|
||||
$('.gender.'+gender).show();
|
||||
localStorage.setItem('gender', gender);
|
||||
}
|
||||
var gender = localStorage.getItem('gender') || 'they';
|
||||
$('#gender').val(gender);
|
||||
setGender(gender);
|
||||
$('#gender').on('change', function() {
|
||||
setGender($('#gender').val());
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
2
lib/js/jquery-3.4.1.slim.min.js
vendored
Normal file
2
lib/js/jquery-3.4.1.slim.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue