Add help menu

This commit is contained in:
Knoch 2020-06-11 14:24:29 +02:00
parent 4ad8414731
commit cde170e179
5 changed files with 546 additions and 574 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -808,3 +808,54 @@ pre.scroll-one-half {
}
}
}
/*
* Help Menu
* ==========
*/
#help-menu-wrapper {
display: none;
max-width: 90vw;
width: 800px;
height: 80vh;
box-sizing: border-box;
padding: 2rem;
position: fixed;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 500;
background: white;
box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3);
opacity: 0;
transition: .2s opacity ease-in-out;
}
#help-menu-checkbox:checked ~ #help-menu-wrapper {
opacity: 1;
display: block;
}
#help-menu-checkbox {
position: fixed;
right: 150vw;
}
#help-menu-toggle {
position: fixed;
right: 1rem;
bottom: 1rem;
width: 3rem;
height: 3rem;
color: white;
background-color: rgba(0, 0, 0, .3);
transition: .1s background-color ease-in-out;
display: flex;
justify-content: center;
align-items: center;
&:hover {
background-color: rgba(0, 0, 0, .5);
}
}

View File

@ -12,6 +12,7 @@
<body>
@slides
<div id="progress-bar"></div>
@help
<script src="onpoint/onpoint.js"></script>
<script src="lib/highlightjs/highlight.pack.js"/>

@ -1 +1 @@
Subproject commit 3f7bd12ea014fbf3a08fe536c02107e9fe9d0e7b
Subproject commit d4576532e9a74fd7cdec99a7e308dcba574e5783