Commit f36b4650 authored by Samantha Monty's avatar Samantha Monty

qic tooltip, handout-deck.md updates

parent 702b7e38
...@@ -665,13 +665,20 @@ _:-ms-lang(x), ...@@ -665,13 +665,20 @@ _:-ms-lang(x),
max-height: initial; max-height: initial;
&.plain { &.plain {
width: 100%; width: 100%;
.matchItems {
align-items: stretch !important;
}
.matchQuestion { .matchQuestion {
font-size: var(--font-size-small) !important; font-size: var(--font-size-small) !important;
.optList, .optList {
.optList p, color: #fff !important;
.optList p::before, background-color: #fff;
.optList p::after { max-height: 1em;
color: #fff !important; p,
p::before,
p::after {
color: #fff !important;
}
} }
} }
.matchItems { .matchItems {
......
...@@ -1312,15 +1312,23 @@ _.plain:-ms-lang(x) .options, ...@@ -1312,15 +1312,23 @@ _.plain:-ms-lang(x) .options,
.reveal .slides section .plain[class*="quiz-"] { .reveal .slides section .plain[class*="quiz-"] {
width: 100%; width: 100%;
} }
.reveal .slides section .qmi.plain .matchItems,
.reveal .slides section .plain[class*="quiz-"] .matchItems {
align-items: stretch !important;
}
.reveal .slides section .qmi.plain .matchQuestion, .reveal .slides section .qmi.plain .matchQuestion,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion { .reveal .slides section .plain[class*="quiz-"] .matchQuestion {
font-size: var(--font-size-small) !important; font-size: var(--font-size-small) !important;
} }
.reveal .slides section .qmi.plain .matchQuestion .optList, .reveal .slides section .qmi.plain .matchQuestion .optList,
.reveal .slides section .qmi.plain .matchQuestion .optList p, .reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList {
color: #fff !important;
background-color: #fff;
max-height: 1em;
}
.reveal .slides section .qmi.plain .matchQuestion .optList p,
.reveal .slides section .qmi.plain .matchQuestion .optList p::before, .reveal .slides section .qmi.plain .matchQuestion .optList p::before,
.reveal .slides section .qmi.plain .matchQuestion .optList p::after, .reveal .slides section .qmi.plain .matchQuestion .optList p::after,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList p, .reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList p,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList p::before, .reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList p::before,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList p::after { .reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList p::after {
......
...@@ -1260,7 +1260,6 @@ div.q-panel { ...@@ -1260,7 +1260,6 @@ div.q-panel {
.reveal .qic .tooltip-div, .reveal .qic .tooltip-div,
.reveal [class*="quiz-i"] .tooltip-div { .reveal [class*="quiz-i"] .tooltip-div {
font-size: 0.6em; font-size: 0.6em;
background-color: #f4f4f7;
margin: 0.5em auto 0 auto; margin: 0.5em auto 0 auto;
padding: 0.5em; padding: 0.5em;
visibility: hidden; visibility: hidden;
...@@ -1268,7 +1267,12 @@ div.q-panel { ...@@ -1268,7 +1267,12 @@ div.q-panel {
.reveal .qic .tooltip-div.solved, .reveal .qic .tooltip-div.solved,
.reveal [class*="quiz-i"] .tooltip-div.solved { .reveal [class*="quiz-i"] .tooltip-div.solved {
visibility: visible; visibility: visible;
}
.reveal .qic .tooltip-div.solved .tooltip,
.reveal [class*="quiz-i"] .tooltip-div.solved .tooltip {
background-color: #f4f4f7;
} }
.reveal .quiz-mi, .reveal .quiz-mi,
......
...@@ -144,8 +144,10 @@ function quizIC() { ...@@ -144,8 +144,10 @@ function quizIC() {
if (sel.classList.contains('solved')) { if (sel.classList.contains('solved')) {
const answers = solutionList.getElementsByTagName('li'); const answers = solutionList.getElementsByTagName('li');
const tip = answers.item(sel.selectedIndex - 1).querySelector('.tooltip'); const tip = answers.item(sel.selectedIndex - 1).querySelector('.tooltip');
const cln = tip.cloneNode(true); if (tip.innerHTML !== "") {
tipDiv.appendChild(cln); const cln = tip.cloneNode(true);
tipDiv.appendChild(cln);
}
tipDiv.classList.add('solved'); tipDiv.classList.add('solved');
}}); }});
sel.addEventListener("mouseleave", () => { sel.addEventListener("mouseleave", () => {
......
...@@ -7,6 +7,8 @@ showNotes: True ...@@ -7,6 +7,8 @@ showNotes: True
subtitle: Generate handouts from slide source subtitle: Generate handouts from slide source
title: Handout Test title: Handout Test
title-prefix: Decker title-prefix: Decker
quiz:
style: plain
--- ---
# Notes # Notes
...@@ -149,49 +151,58 @@ title-prefix: Decker ...@@ -149,49 +151,58 @@ title-prefix: Decker
# Matching Questions # Matching Questions
{match} A ## {.qmi}
A
: drag to A : drag to A
{match} Haskell Haskell
: ![](include/06-metal.png) : ![](include/06-metal.png)
{match} B B
: drag to B : drag to B
{match} decker decker
: [decker](http://go.uniwue.de/decker) : [decker](http://go.uniwue.de/decker)
{match} C C
: $\Leftarrow$ C : $\Leftarrow$ C
# Freetext Questions {layout="columns"} # Freetext Questions {layout="columns"}
## {.left} ## {.left .qft}
* {?} $2*2=~?$
* {!} 4 $2*2=~?$
- 4
- Die perfekte Lösung
## {.qft}
The Answer to the Ultimate Question of Life, the Universe, and Everything is ...?
- 42
## {.question} ## {.right .qft}
* {?} The Answer to the Ultimate Question of Life, the Universe, and Everything is ...? Is this a question?
* {!} 42
## {.right} - yes
* {?} Is this a question? ## {.qft}
* {!} yes
## Name the capital of Germany
* {?} Name the capital of Germany - Berlin
* {!} Berlin
# Multiple Choice Questions # Multiple Choice Questions
## Question: Which file format does decker use? {.question} ## Question: Which file format does decker use? {.qmc}
* { } .docx - [ ] .docx
* { } .csv - [ ] .csv
* { } .xml - [ ] .xml
* {X} .md - [X] .md
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment