- commit
- 71239d9e3d735cd9c5cc5147574141102853886b
- parent
- c0cb6402df5187fe6b32171d0aa34523ca267997
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2025-08-07 16:52
implement interactive riddles
Diffstat
| A | assets/riddles.js | 6 | ++++++ |
| M | assets/style.css | 98 | +++++++++++++++++++++++++++++++++++++++++++++++++++---------- |
| M | content/office/cabinet/_index.md | 24 | +++++++++++++++--------- |
| M | content/office/camera/menu/_index.md | 34 | +++++++++++++++++++--------------- |
| M | content/office/computer/_index.md | 31 | +++++++++++++++++++------------ |
| M | content/office/desk/address-book/_index.md | 79 | ++++++++++++++++++++++++++++++++++--------------------------- |
| M | content/office/map/schedule/_index.md | 25 | +++++++++++++++---------- |
| M | content/office/paper-bin/document-3/_index.md | 116 | ++++++++++++++++++++++++++++++++++++------------------------- |
| M | hugo.toml | 3 | +++ |
| M | layouts/_default/baseof.html | 5 | +++++ |
10 files changed, 276 insertions, 145 deletions
diff --git a/assets/riddles.js b/assets/riddles.js
@@ -0,0 +1,6 @@
-1 1 document.addEventListener('submit', event => {
-1 2 event.preventDefault();
-1 3 var correct = event.target.checkValidity();
-1 4 event.target.classList.toggle('form-correct', correct);
-1 5 event.target.classList.toggle('form-incorrect', !correct);
-1 6 });
diff --git a/assets/style.css b/assets/style.css
@@ -1,6 +1,13 @@ 1 1 :root { 2 2 font-family: sans-serif; 3 3 line-height: 1.7; -1 4 -1 5 color-scheme: dark; -1 6 --color-border: #aaa; -1 7 --color-bg: #555550; -1 8 --color-bg2: #434340; -1 9 --color-bg3: #3f3f3f; -1 10 --color-fg: #fff; 4 11 } 5 12 6 13 img { @@ -10,7 +17,7 @@ img { 10 17 } 11 18 12 19 blockquote {13 -1 border-inline-start: 0.5em solid #aaa;-1 20 border-inline-start: 0.5em solid var(--color-border); 14 21 margin-inline: 0; 15 22 padding-inline-start: 0.7em; 16 23 font-style: italic; @@ -20,9 +27,62 @@ ul, ol { 20 27 padding-inline-start: 1.5em; 21 28 } 22 29 -1 30 table { -1 31 inline-size: 100%; -1 32 border-collapse: collapse; -1 33 } -1 34 td, th { -1 35 padding: 0.4em; -1 36 border: 1px solid var(--color-border); -1 37 font-weight: normal; -1 38 text-align: start; -1 39 line-height: 1.4; -1 40 } -1 41 -1 42 label { -1 43 display: block; -1 44 margin-block-end: 1em; -1 45 } -1 46 -1 47 fieldset { -1 48 border: 0; -1 49 padding: 0; -1 50 margin: 0; -1 51 margin-block-end: 1rem; -1 52 } -1 53 -1 54 input, textarea, select, button { -1 55 border: 1px solid var(--color-border); -1 56 padding-block: 0.3em; -1 57 padding-inline: 0.75em; -1 58 font-family: inherit; -1 59 font-size: inherit; -1 60 line-height: 1.8; -1 61 background: var(--color-bg2); -1 62 color: var(--color-fg); -1 63 display: block; -1 64 } -1 65 -1 66 button { -1 67 cursor: pointer; -1 68 } -1 69 -1 70 .form-check { -1 71 margin: 0; -1 72 padding-inline-start: 1.5em; -1 73 } -1 74 .form-check input { -1 75 display: inline-block; -1 76 margin-inline-start: -1.5em; -1 77 } -1 78 -1 79 ol.alpha { -1 80 list-style: upper-latin; -1 81 } -1 82 23 83 body {24 -1 background-color: #555550;25 -1 color: #fff;-1 84 background-color: var(--color-bg); -1 85 color: var(--color-fg); 26 86 padding: 0; 27 87 margin: 0; 28 88 min-block-size: 100vb; @@ -42,7 +102,7 @@ a { 42 102 43 103 header, 44 104 footer {45 -1 background-color: #434340;-1 105 background-color: var(--color-bg2); 46 106 padding-block: 1rem; 47 107 } 48 108 @@ -109,7 +169,7 @@ figcaption { 109 169 padding-block: 0.1em; 110 170 font-size: 90%; 111 171 background-color: rgba(67,67,64,0.8);112 -1 color: #fff;-1 172 color: var(--color-fg); 113 173 } 114 174 115 175 .paths { @@ -123,14 +183,14 @@ figcaption { 123 183 124 184 .paths a { 125 185 display: block;126 -1 background-color: #434340;-1 186 background-color: var(--color-bg2); 127 187 padding-inline: 1em; 128 188 padding-block: 0.5em; 129 189 text-decoration: none; 130 190 } 131 191 132 192 .paths a:hover {133 -1 background-color: #3f3f3f;-1 193 background-color: var(--color-bg3); 134 194 } 135 195 136 196 .pdf { @@ -140,14 +200,20 @@ figcaption { 140 200 border: 0; 141 201 } 142 202143 -1 table {144 -1 inline-size: 100%;145 -1 border-collapse: collapse;-1 203 .form-if-correct, -1 204 .form-if-previous-correct, -1 205 .form-if-incorrect { -1 206 display: none; 146 207 }147 -1 td, th {148 -1 padding: 0.4em;149 -1 border: 1px solid #aaa;150 -1 font-weight: normal;151 -1 text-align: start;152 -1 line-height: 1.4;-1 208 .form-correct .form-if-correct, -1 209 .form-incorrect .form-if-incorrect, -1 210 .form-correct ~ .form-if-previous-correct { -1 211 display: block; -1 212 } -1 213 .form-if-incorrect { -1 214 color: #f99; -1 215 } -1 216 -1 217 .w-100 { -1 218 inline-size: 100%; 153 219 }
diff --git a/content/office/cabinet/_index.md b/content/office/cabinet/_index.md
@@ -27,12 +27,18 @@ list. 27 27 13. The number of times your publication was downloaded. 28 28 14. Your favourite fictional ghost. 29 2930 -1 Can you crack the code of the cabinet by indicating which details about your31 -1 research would be necessary for a PhD candidate to download, understand,32 -1 interpret and use your data? Write your answer as 1-2-3-4...33 -134 -1 1-2-4-6-8-10-1235 -136 -1 The filing cabinet creaks while you pull it open. It's empty, except for one37 -1 sheet of paper. In thick, dark letters, there's just one word: HORROR. Shiver,38 -1 and make a note of it-1 30 <form novalidate> -1 31 <label> -1 32 Can you find the combination for the cabinet by indicating which details about your -1 33 research would be necessary for a PhD candidate to download, understand, -1 34 interpret and use your data? -1 35 <input required pattern="1-2-4-6-8-10-12" placeholder="1-2-3-4"> -1 36 </label> -1 37 <p class="form-if-incorrect">That's not it.</p> -1 38 <p class="form-if-correct"> -1 39 The filing cabinet creaks while you pull it open. It's empty, except for one -1 40 sheet of paper. In thick, dark letters, there's just one word: HORROR. Shiver, -1 41 and make a note of it -1 42 </p> -1 43 <button>Check</button> -1 44 </form>
diff --git a/content/office/camera/menu/_index.md b/content/office/camera/menu/_index.md
@@ -22,30 +22,34 @@ correlations between the level of satisfaction and the success of the company. 22 22 Which activities will help her produce a FAIR dataset that allows others to 23 23 replicate or build upon her research? 24 2425 -1 A. Making the contract with the agency doing the transcription of the-1 25 1. Making the contract with the agency doing the transcription of the 26 26 interviews publicly available.27 -1 B. Putting a link on her personal website to the original interview files and-1 27 2. Putting a link on her personal website to the original interview files and 28 28 the personal data of the people she interviewed.29 -1 C. Discussing with her supervisor who will be allowed what level of access to-1 29 3. Discussing with her supervisor who will be allowed what level of access to 30 30 the dataset and when31 -1 D. Checking what keywords are used by colleagues to categorize the market-1 31 4. Checking what keywords are used by colleagues to categorize the market 32 32 analysis and including these terms in the description of the data33 -1 E. Keeping a record of how she manipulates the data and what all her codes-1 33 5. Keeping a record of how she manipulates the data and what all her codes 34 34 mean.35 -1 F. Adding a note in her publications to say that researchers interested in the-1 35 6. Adding a note in her publications to say that researchers interested in the 36 36 data are welcome to contact her for more details. Because the interview data 37 37 are qualitative there is no need to share them, or include any metadata or 38 38 explanations39 -1 G. Finding a trusted data repository that is well-known and used by other-1 39 7. Finding a trusted data repository that is well-known and used by other 40 40 researchers in the field to deposit their data, checking if the repository 41 41 assigns a persistent identifier, and whether access and authorization 42 42 procedures are in place.43 -1 H. Keeping a full list of satisfied ghosts she met at the agency doing the-1 43 8. Keeping a full list of satisfied ghosts she met at the agency doing the 44 44 transcription45 -146 -1 Write your answer as A, B, C, D, E, F, G You need to select the letters that47 -1 correspond to the correct answers48 -149 -1 CDEG50 -151 -1 In the camera menu, there's only one option: DATA. Make a note of it-1 45 {class="alpha"} -1 46 -1 47 <form novalidate> -1 48 <label> -1 49 Select the letters that correspond to the correct answers -1 50 <input required pattern="C-D-E-G" placeholder="A-B-C"> -1 51 </label> -1 52 <p class="form-if-incorrect">That's not it.</p> -1 53 <p class="form-if-correct">In the camera menu, there's only one option: DATA. Make a note of it.</p> -1 54 <button>Check</button> -1 55 </form>
diff --git a/content/office/computer/_index.md b/content/office/computer/_index.md
@@ -13,16 +13,23 @@ locked so no-one can mess with his files. 13 13 Maybe the computer offers a way out of the office. But... you need a 14 14 password... how and where can you find it? 15 1516 -1 Enter the pass code sentence to access the computer (ALL CAPS)-1 16 <form novalidate> -1 17 <label> -1 18 Enter the pass code sentence to access the computer (ALL CAPS) -1 19 <input required pattern="GOOD PLANNING HELPS AVOID DATA HORROR" class="w-100"> -1 20 </label> -1 21 <p class="form-if-incorrect">That's not it.</p> -1 22 <button>Check</button> -1 23 <blockquote class="form-if-correct"> -1 24 <h2>Data Management Plan</h2> -1 25 <p>Please read this Data Management Plan before submitting</p> -1 26 <p> -1 27 Lead researcher: Professor Hutseephluts<br> -1 28 ORCID: 0000-7f80-9074-7564<br> -1 29 Others with data management responsibilities: PhD candidate (name to be confirmed).<br> -1 30 </p> -1 31 <p>This is the first version of the data management plan of the research project about ghost sightings around Halloween. A Data Management Plan (DMP) is a living document, and will be updated as the project progresses.</p> 17 3218 -1 GOOD PLANNING HELPS AVOID DATA HORROR19 -120 -1 Data Management Plan21 -1 Please read this Data Management Plan before submitting22 -1 Lead researcher: Professor Hutseephluts23 -1 ORCID: 0000-7f80-9074-756424 -1 Others with data management responsibilities: PhD candidate (name to be confirmed).25 -126 -1 This is the first version of the data management plan of the research project about ghost sightings around Halloween. A Data Management Plan (DMP) is a living document, and will be updated as the project progresses27 -128 -1 -1 33  -1 34 </blockquote> -1 35 </form>
diff --git a/content/office/desk/address-book/_index.md b/content/office/desk/address-book/_index.md
@@ -15,38 +15,47 @@ paths: 15 15 > | Ghost | 4 Haunted House Road | +1-800-111-2222 | ghost@spookymail.com | 192.168.1.5 | AB+ | Blue | 100 | 160 cm | 16 16 > | Witch | 9 Broomstick Boulevard | +1-800-333-4444 | witch@cauldronmail.com | 192.168.1.6 | A+ | Violet | 250 | 165 cm | 17 1718 -1 Which of the data in the address book are personal data? (multiple answers possible) *19 -120 -1 - Name21 -1 - Address22 -1 - Phone number23 -1 - Email address24 -1 - IP address25 -1 - Blood type26 -1 - Eye colour27 -1 - Age28 -1 - Height29 -130 -1 Well done! Any data collected from or about people are personal data.31 -132 -1 Last year five studies were conducted in which personal data were collected:33 -134 -1 A. This study collected participants’ age35 -1 B. This study collected participants’ place of birth36 -1 C. This study collected participants’ IP address37 -1 D. This study collected participants’ eye colour38 -1 E. This study collected participants’ blood type39 -140 -1 Put the studies in chronological order. You are given the following clues:41 -142 -1 - The second study did not collect IP addresses or blood types43 -1 - The largest study was the study collecting eye colour44 -1 - The study collecting blood types was conducted before the study collecting IP addresses45 -1 - The study collecting places of birth was not the last study46 -1 - The study collecting ages was conducted after the study collecting IP addresses47 -1 - The largest study was conducted first48 -1 - What is the correct order of the studies? Write your answer as A-B-C-D-E49 -150 -1 DBECA51 -152 -1 Well done! A scrap of paper falls out of the address book, with the following word written on it: GOOD. Make a note of it.-1 18 <form novalidate> -1 19 <p>Which of the data in the address book are personal data? (multiple answers possible)</p> -1 20 <fieldset> -1 21 <label class="form-check"><input type="checkbox" required> Name</label> -1 22 <label class="form-check"><input type="checkbox" required> Address</label> -1 23 <label class="form-check"><input type="checkbox" required> Phone number</label> -1 24 <label class="form-check"><input type="checkbox" required> Email address</label> -1 25 <label class="form-check"><input type="checkbox" required> IP address</label> -1 26 <label class="form-check"><input type="checkbox" required> Blood type</label> -1 27 <label class="form-check"><input type="checkbox" required> Eye color</label> -1 28 <label class="form-check"><input type="checkbox" required> Age</label> -1 29 <label class="form-check"><input type="checkbox" required> Height</label> -1 30 </fieldset> -1 31 <p class="form-if-incorrect">Anything else?</p> -1 32 <p class="form-if-correct">Well done! Any data collected from or about people are personal data.</p> -1 33 <button>Check</button> -1 34 </form> -1 35 -1 36 <form class="form-if-previous-correct" novalidate> -1 37 <p>Last year five studies were conducted in which personal data were collected:</p> -1 38 <ul> -1 39 <li>study A collected participants’ age</li> -1 40 <li>study B collected participants’ place of birth</li> -1 41 <li>study C collected participants’ IP address</li> -1 42 <li>study D collected participants’ eye colour</li> -1 43 <li>study E collected participants’ blood type</li> -1 44 </ul> -1 45 <p>Put the studies in chronological order. You are given the following clues:</p> -1 46 <ul> -1 47 <li>The second study did not collect IP addresses or blood types</li> -1 48 <li>The largest study was the study collecting eye colour</li> -1 49 <li>The study collecting blood types was conducted before the study collecting IP addresses</li> -1 50 <li>The study collecting places of birth was not the last study</li> -1 51 <li>The study collecting ages was conducted after the study collecting IP addresses</li> -1 52 <li>The largest study was conducted first</li> -1 53 </ul> -1 54 <label> -1 55 What is the correct order of the studies? -1 56 <input required pattern="D-B-E-C-A" placeholder="A-B-C-D-E" maxlength="9"> -1 57 </label> -1 58 <p class="form-if-incorrect">That's not it.</p> -1 59 <p class="form-if-correct">Well done! A scrap of paper falls out of the address book, with the following word written on it: GOOD. Make a note of it.</p> -1 60 <button>Check</button> -1 61 </form>
diff --git a/content/office/map/schedule/_index.md b/content/office/map/schedule/_index.md
@@ -35,14 +35,19 @@ paths: 35 35 > 36 36 > NB Moldova and Ukraine aren’t EU. 37 3738 -1 Which of the following steps does Professor Hutseephluts need to take to secure the data, some of which are personal? (multiple answers possible)-1 38 <form novalidate> -1 39 <fieldset> -1 40 <legend>Which of the following steps does Professor Hutseephluts need to take to secure the data, some of which are personal?</legend> -1 41 <label class="form-check"><input type="checkbox" required> Contact a data management expert to discuss how to secure the file transfer from the audio device/photo camera to a laptop</label> -1 42 <label class="form-check"><input type="checkbox" required> Contact a data management expert to discuss back-up(s)</label> -1 43 <label class="form-check"><input type="checkbox" required> Contact a data management expert to help out with the data classification</label> -1 44 <label class="form-check"><input type="checkbox" required> Contact a legal expert to discuss the border transfers of personal data and local legislation</label> -1 45 <label class="form-check"><input type="checkbox" required> Contact a legal expert to discuss if other legal safeguards or agreements are necessary</label> -1 46 <label class="form-check"><input type="checkbox" required> Speak to IT to discuss encryption and secure transportation</label> -1 47 <label class="form-check"><input type="checkbox" required> Contact a legal expert to find help with filling out a Data Protection Impact Assessment</label> -1 48 </fieldset> 39 4940 -1 - Contact a data management expert to discuss how to secure the file transfer from the audio device/photo camera to a laptop41 -1 - Contact a data management expert to discuss back-up(s)42 -1 - Contact a data management expert to help out with the data classification43 -1 - Contact a legal expert to discuss the border transfers of personal data and local legislation44 -1 - Contact a legal expert to discuss if other legal safeguards or agreements are necessary45 -1 - Speak to IT to discuss encryption and secure transportation46 -1 - Contact a legal expert to find help with filling out a Data Protection Impact Assessment47 -148 -1 Well done! On the back of the note, Prof. Hutseephluts scribbled PLANNING. Make a note of that-1 50 <p class="form-if-incorrect">Think again!</p> -1 51 <p class="form-if-correct">Well done! On the back of the note, Prof. Hutseephluts scribbled PLANNING. Make a note of that.</p> -1 52 <button>Check</button> -1 53 </form>
diff --git a/content/office/paper-bin/document-3/_index.md b/content/office/paper-bin/document-3/_index.md
@@ -16,51 +16,71 @@ paths: 16 16 You found a test! You better not disappoint Prof. Hutseephluts and answer all 17 17 the questions correctly or you may never see daylight again! 18 1819 -1 What are reasons to archive your research data?20 -121 -1 - Long-term preservation22 -1 - Replication/reproducibility23 -1 - Longitudinal research24 -1 - The data are unique or new data collection is expensive25 -1 - Re-usability by your future-self or other researchers26 -1 - Acceleration of research inside or outside your own discipline27 -1 - Funders ask you to28 -1 - To protect it from zombies29 -130 -1 (all of them)31 -132 -1 Which of the following should data repositories minimally provide?33 -134 -1 - A persistent identifier (e.g. DOI, Handle), which provides a permanent link to the data, making your data findable and citable.35 -1 - A licence, providing clarity for the potential user of your data whether and how re-use of your data is permitted.36 -1 - A (basic) preservation and data availability statement.37 -1 - The requirement to add appropriate metadata to the data.38 -139 -1 True or False? The website Re3data (<re3data.org>) can be used to find a suitable data repository for your discipline.40 -141 -1 True or False? GitHub (<github.com>) can be used as a publicly accessible platform with version control for research software/code.42 -143 -1 You want to make your data publicly available. What are FAIR ways to do this? Multiple answers possible.44 -145 -1 A. Have a pack of werewolves spread your data across the country.46 -1 B. Share a dropbox link to the data with anyone that requests access.47 -1 C. Upload the data to a repository like DANS-EASY, DataVerseNL, or 4TU.ResearchData.48 -1 D. Email the data to your collegues and peers.49 -1 E. Upload the data to the Open Science Framework (OSF).50 -151 -1 CE52 -153 -1 You are looking for a repository that stores data in the Netherlands. What are good options? Multiple answers possible.54 -155 -1 A. 4TU.ResearchData56 -1 B. DANS EASY57 -1 C. Zenodo58 -1 D. Dryad59 -1 E. DataverseNL60 -1 F. The Addams Family Mansion61 -162 -1 ABE63 -164 -1 True or False? If there is no licence, this means that anyone can do anything with the data.65 -166 -1 Well done, you've passed the test! Prof. Hutseephluts marked the bottom of the bin with the word AVOID. Make a note of it.-1 19 <form novalidate> -1 20 <fieldset> -1 21 <legend>What are reasons to archive your research data?</legend> -1 22 <label class="form-check"><input type="checkbox" required> Long-term preservation</label> -1 23 <label class="form-check"><input type="checkbox" required> Replication/reproducibility</label> -1 24 <label class="form-check"><input type="checkbox" required> Longitudinal research</label> -1 25 <label class="form-check"><input type="checkbox" required> The data are unique or new data collection is expensive</label> -1 26 <label class="form-check"><input type="checkbox" required> Re-usability by your future-self or other researchers</label> -1 27 <label class="form-check"><input type="checkbox" required> Acceleration of research inside or outside your own discipline</label> -1 28 <label class="form-check"><input type="checkbox" required> Funders ask you to</label> -1 29 <label class="form-check"><input type="checkbox" required> To protect it from zombies</label> -1 30 </fieldset> -1 31 -1 32 <fieldset> -1 33 <legend>Which of the following should data repositories minimally provide?</legend> -1 34 <label class="form-check"><input type="checkbox" required>A persistent identifier (e.g. DOI, Handle), which provides a permanent link to the data, making your data findable and citable.</label> -1 35 <label class="form-check"><input type="checkbox" required>A licence, providing clarity for the potential user of your data whether and how re-use of your data is permitted.</label> -1 36 <label class="form-check"><input type="checkbox" required>A (basic) preservation and data availability statement.</label> -1 37 <label class="form-check"><input type="checkbox" required>The requirement to add appropriate metadata to the data.</label> -1 38 </fieldset> -1 39 -1 40 <fieldset> -1 41 <legend>The website <a href="https://re3data.org">Re3data</a> can be used to find a suitable data repository for your discipline.<legend> -1 42 <label class="form-check"><input type="checkbox" required>True</label> -1 43 <label class="form-check"><input type="checkbox">False</label> -1 44 </fieldset> -1 45 -1 46 <fieldset> -1 47 <legend><a href="https://github.com">GitHub</a> can be used as a publicly accessible platform with version control for research software/code.<legend> -1 48 <label class="form-check"><input type="checkbox" required>True</label> -1 49 <label class="form-check"><input type="checkbox">False</label> -1 50 </fieldset> -1 51 -1 52 <label> -1 53 You want to make your data publicly available. What are FAIR ways to do this? Multiple answers possible. -1 54 <ol class="alpha"> -1 55 <li>Have a pack of werewolves spread your data across the country.</li> -1 56 <li>Share a dropbox link to the data with anyone that requests access.</li> -1 57 <li>Upload the data to a repository like DANS-EASY, DataVerseNL, or 4TU.ResearchData.</li> -1 58 <li>Email the data to your collegues and peers.</li> -1 59 <li>Upload the data to the Open Science Framework (OSF).</li> -1 60 </ol> -1 61 <input required pattern="C-E" placeholder="A-B-C"> -1 62 </label> -1 63 -1 64 <label> -1 65 You are looking for a repository that stores data in the Netherlands. What are good options? Multiple answers possible. -1 66 <ol class="alpha"> -1 67 <li>4TU.ResearchData</li> -1 68 <li>DANS EASY</li> -1 69 <li>Zenodo</li> -1 70 <li>Dryad</li> -1 71 <li>DataverseNL</li> -1 72 <li>The Addams Family Mansion</li> -1 73 </ol> -1 74 <input required pattern="A-B-E" placeholder="A-B-C"> -1 75 </label> -1 76 -1 77 <fieldset> -1 78 <legend>If there is no licence, this means that anyone can do anything with the data.<legend> -1 79 <label class="form-check"><input type="checkbox">True</label> -1 80 <label class="form-check"><input type="checkbox" required>False</label> -1 81 </fieldset> -1 82 -1 83 <p class="form-if-incorrect">Something is not correct.</p> -1 84 <p class="form-if-correct">Well done, you've passed the test! Prof. Hutseephluts marked the bottom of the bin with the word AVOID. Make a note of it.</p> -1 85 <button>Check</button> -1 86 </form>
diff --git a/hugo.toml b/hugo.toml
@@ -3,5 +3,8 @@ disableKinds = ['taxonomy', 'term'] 3 3 [outputs] 4 4 home = ["HTML"] 5 5 -1 6 [markup.goldmark.parser.attribute] -1 7 block = true -1 8 6 9 [markup.goldmark.renderer] 7 10 unsafe = true # allow HTML
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -49,5 +49,10 @@ 49 49 based on <a href="https://sites.google.com/vu.nl/datahorror/">Data Horror Escape Room</a> by Vrije Universiteit Amsterdam, Leiden University and Eindhoven University of Technology 50 50 </div> 51 51 </footer> -1 52 {{ with resources.Get "riddles.js" -}} -1 53 {{ with . | fingerprint -}} -1 54 <script type="module" src="{{ .RelPermalink }}"></script> -1 55 {{- end }} -1 56 {{- end }} 52 57 </body> 53 58 </html>