datahorror

commit

f10b4e98e6394971ac2105ae98ac503e71f15edd

parent

c91024b5e4376c0b3e9e7cafde4def1082753f38

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2025-08-07 16:52

tweaks

Diffstat

12 files changed, 107 insertions, 135 deletions

diff --git a/assets/riddles.js b/assets/riddles.js

@@ -1,6 +1,10 @@
    1     1 document.addEventListener('submit', event => {
    2     2 	event.preventDefault();
    3    -1 	var correct = event.target.checkValidity();
   -1     3 	var radios = event.target.querySelectorAll('input[type="radio"]');
   -1     4 	var correct = (
   -1     5 		event.target.checkValidity()
   -1     6 		&& Array.from(radios).every(r => r.checked === r.required)
   -1     7 	);
    4     8 	event.target.classList.toggle('form-correct', correct);
    5     9 	event.target.classList.toggle('form-incorrect', !correct);
    6    10 });

diff --git a/assets/style.css b/assets/style.css

@@ -44,11 +44,15 @@ label {
   44    44     margin-block-end: 1em;
   45    45 }
   46    46 
   -1    47 form {
   -1    48     margin-block: 3rem;
   -1    49 }
   -1    50 
   47    51 fieldset {
   48    52     border: 0;
   49    53     padding: 0;
   50    54     margin: 0;
   51    -1     margin-block-end: 1rem;
   -1    55     margin-block: 1rem;
   52    56 }
   53    57 
   54    58 input, textarea, select, button {
@@ -68,12 +72,18 @@ button {
   68    72 }
   69    73 
   70    74 .form-check {
   -1    75     display: flex;
   -1    76     gap: 0.2em;
   71    77     margin: 0;
   72    -1     padding-inline-start: 1.5em;
   -1    78     line-height: 1.2;
   -1    79     padding-block: 0.3em;
   -1    80     align-items: center;
   73    81 }
   74    82 .form-check input {
   75    83     display: inline-block;
   76    -1     margin-inline-start: -1.5em;
   -1    84     inline-size: 1.2em;
   -1    85     block-size: 1.2em;
   -1    86     flex-shrink: 0;
   77    87 }
   78    88 
   79    89 ol.alpha {

diff --git a/content/_index.md b/content/_index.md

@@ -3,7 +3,7 @@ banner: 'img/pumkin.jpg'
    3     3 bannerAttribution: 'Ben Peters'
    4     4 bannerAttributionLink: 'http://www.dehondsdagen.nl/'
    5     5 paths:
    6    -1   - label: 'ENTER'
   -1     6   - label: 'Start the game'
    7     7     url: 'intro/'
    8     8 ---
    9     9 
@@ -11,33 +11,18 @@ Dear Guest,
   11    11 
   12    12 Welcome to our Escape Room. We are so happy to see you here!
   13    13 
   14    -1 Below you will find the link ENTER to start the game.
   15    -1 
   16    -1 **Rules**
   -1    14 ## Rules
   17    15 
   18    16 -   Just like in a physical escape room, you do not need any search
   19    17     engines. If you do need something outside of this escape room, we
   20    18     will provide a link to it.
   21    -1 
   22    19 -   This escape room is meant to be a playful exercise; please don\'t
   23    20     break anything or use brute force to solve a puzzle.
   24    -1 
   25    21 -   This escape room can be completed in roughly 1 hour.
   26    -1 
   27    22 -   If you dare, feel free to invite others to enter the Data Horror
   28    23     Escape Room.
   29    24 
   30    -1 **Tips**
   31    -1 
   32    -1 -   All clues to the puzzles can be found in the room or are linked in
   33    -1     the room. Look everywhere!
   34    -1 
   35    -1 -   We advise you to have a pen and paper or an empty document ready to
   36    -1     take notes.
   37    -1 
   38    -1 -   This website works best in Chrome or Firefox
   39    -1 
   40    -1 **Want to know more about research data management?**
   -1    25 ## Want to know more about research data management?
   41    26 
   42    27 Research Data Management (RDM) refers to a set of practices to ensure
   43    28 responsible handling of data in scientific research. It is important

diff --git a/content/office/cabinet/_index.md b/content/office/cabinet/_index.md

@@ -12,33 +12,33 @@ is storing lots of research data inside it alongside important documents. You
   12    12 try to open it, but it's locked. On top of it lies a note with a mysterious
   13    13 list.
   14    14 
   15    -1 1.  The subject of your data.
   16    -1 2.  Your name.
   17    -1 3.  Your age when you collected the data.
   18    -1 4.  The period in which your data were collected.
   19    -1 5.  How much time you spent writing your article.
   20    -1 6.  The data format(s).
   21    -1 7.  The length of time it takes you to commute to the university.
   22    -1 8.  The data volume.
   23    -1 9.  The cost of the storage space.
   24    -1 10. The terms of use.
   25    -1 11. The number of slices of pumpkin pie you ate during the data collection.
   26    -1 12. The publication(s) connected to these data.
   27    -1 13. The number of times your publication was downloaded.
   28    -1 14. Your favourite fictional ghost.
   -1    15 > 1.  The subject of your data
   -1    16 > 2.  Your name
   -1    17 > 3.  Your age when you collected the data
   -1    18 > 4.  The period in which your data were collected
   -1    19 > 5.  How much time you spent writing your article
   -1    20 > 6.  The data format(s)
   -1    21 > 7.  The length of time it takes you to commute to the university
   -1    22 > 8.  The data volume
   -1    23 > 9.  The cost of the storage space
   -1    24 > 10. The terms of use
   -1    25 > 11. The number of slices of pumpkin pie you ate during the data collection
   -1    26 > 12. The publication(s) connected to these data
   -1    27 > 13. The number of times your publication was downloaded
   -1    28 > 14. Your favourite fictional ghost
   29    29 
   30    30 <form novalidate>
   31    31   <label>
   32    32     Can you find the combination for the cabinet by indicating which details about your
   33    33     research would be necessary for a PhD candidate to download, understand,
   34    -1     interpret and use your data?
   -1    34     interpret, and use your data?
   35    35     <input required pattern="1-2-4-6-8-10-12" placeholder="1-2-3-4">
   36    36   </label>
   37    37   <p class="form-if-incorrect">That's not it.</p>
   38    38   <p class="form-if-correct">
   39    39     The filing cabinet creaks while you pull it open. It's empty, except for one
   40    -1     sheet of paper. In thick, dark letters, there's just one word: HORROR. Shiver,
   41    -1     and make a note of it
   -1    40     sheet of paper. In thick, dark letters, there's just one word: <strong>HORROR</strong>. You shiver
   -1    41     and make a note of it.
   42    42   </p>
   43    43   <button>Check</button>
   44    44 </form>

diff --git a/content/office/camera/_index.md b/content/office/camera/_index.md

@@ -5,8 +5,8 @@ bannerAttributionLink: 'https://unsplash.com/photos/bw2rUF3TNaM'
    5     5 paths:
    6     6   - label: 'Play the video that is on the camera'
    7     7     url: 'https://www.youtube.com/watch?v=2uZxFu9SFi8'
    8    -1   - label: 'Press on some of the buttons to get to the menu'
    9    -1     url: 'office/camera/manual/'
   -1     8   - label: 'Try to find the code for the menu'
   -1     9     url: 'office/camera/menu/'
   10    10   - label: "Take a look around Professor Hutseephluts' office"
   11    11     url: 'office/'
   12    12 ---
@@ -25,5 +25,5 @@ contained personal or sensitive data, or were just too big to publish.. Some of
   25    25 the films were made decades ago so nobody knew if the Professor was still
   26    26 planning on using them, or even if you could still open the files.
   27    27 
   28    -1 You pick up the camera and switch it on. Maybe there's a clue to the
   29    -1 Professor's whereabouts...
   -1    28 You pick up the camera and switch it on. You press on some buttons on the
   -1    29 camera and a menu shows up. It says: enter the FAIR code.

diff --git a/content/office/camera/manual/_index.md b/content/office/camera/manual/_index.md

@@ -1,18 +0,0 @@
    1    -1 ---
    2    -1 banner: 'img/dan-cristian-padure-bw2rUF3TNaM-unsplash.jpg'
    3    -1 bannerAttribution: 'Dan-Cristian Pădureț'
    4    -1 bannerAttributionLink: 'https://unsplash.com/photos/bw2rUF3TNaM'
    5    -1 paths:
    6    -1   - label: 'Read the manual to figure out the code'
    7    -1     url: 'office/camera/menu/'
    8    -1   - label: 'Take one more look at the video on the camera'
    9    -1     url: 'https://www.youtube.com/watch?v=2uZxFu9SFi8'
   10    -1   - label: "Take a look around Professor Hutseephluts' office"
   11    -1     url: 'office/'
   12    -1 ---
   13    -1 
   14    -1 You press on some buttons on the camera and a menu shows up.
   15    -1 
   16    -1 It says: enter the FAIR code.
   17    -1 
   18    -1 Next to the camera, there is a booklet that looks like a manual. There are some statements in it; each statement corresponds to a letter.

diff --git a/content/office/camera/menu/_index.md b/content/office/camera/menu/_index.md

@@ -3,46 +3,43 @@ banner: 'img/dan-cristian-padure-bw2rUF3TNaM-unsplash.jpg'
    3     3 bannerAttribution: 'Dan-Cristian Pădureț'
    4     4 bannerAttributionLink: 'https://unsplash.com/photos/bw2rUF3TNaM'
    5     5 paths:
    6    -1   - label: 'Play the video that is on the camera'
    7    -1     url: 'https://www.youtube.com/watch?v=2uZxFu9SFi8'
   -1     6   - label: 'Take another look at the camera'
   -1     7     url: 'office/camera/'
    8     8   - label: "Take a look around Professor Hutseephluts' office"
    9     9     url: 'office/'
   10    10 ---
   11    11 
   12    -1 You open the booklet and hold it next to the camera menu
   -1    12 You open the booklet and hold it next to the camera menu. This is what it says:
   13    13 
   14    -1 You see several statements about FAIR data in the manual. You need to enter the
   15    -1 letters that correspond to the correct statements into the camera menu.
   16    -1 
   17    -1 Jane is working on a study where she interviews employees about their work
   18    -1 satisfaction. She is planning to hire an agency to do the transcription of the
   19    -1 interviews. She will also use market analysis data to see if there are
   20    -1 correlations between the level of satisfaction and the success of the company.
   21    -1 
   22    -1 Which activities will help her produce a FAIR dataset that allows others to
   23    -1 replicate or build upon her research?
   24    -1 
   25    -1 1.  Making the contract with the agency doing the transcription of the
   26    -1     interviews publicly available.
   27    -1 2.  Putting a link on her personal website to the original interview files and
   28    -1     the personal data of the people she interviewed.
   29    -1 3.  Discussing with her supervisor who will be allowed what level of access to
   30    -1     the dataset and when
   31    -1 4.  Checking what keywords are used by colleagues to categorize the market
   32    -1     analysis and including these terms in the description of the data
   33    -1 5.  Keeping a record of how she manipulates the data and what all her codes
   34    -1     mean.
   35    -1 6.  Adding a note in her publications to say that researchers interested in the
   36    -1     data are welcome to contact her for more details. Because the interview data
   37    -1     are qualitative there is no need to share them, or include any metadata or
   38    -1     explanations
   39    -1 7.  Finding a trusted data repository that is well-known and used by other
   40    -1     researchers in the field to deposit their data,  checking if the repository
   41    -1     assigns a persistent identifier, and whether access and authorization
   42    -1     procedures are in place.
   43    -1 8.  Keeping a full list of satisfied ghosts she met at the agency doing the
   44    -1     transcription
   45    -1 {class="alpha"}
   -1    14 > Jane is working on a study where she interviews employees about their work
   -1    15 > satisfaction. She is planning to hire an agency to do the transcription of the
   -1    16 > interviews. She will also use market analysis data to see if there are
   -1    17 > correlations between the level of satisfaction and the success of the company.
   -1    18 >
   -1    19 > Which activities will help her produce a FAIR dataset that allows others to
   -1    20 > replicate or build upon her research?
   -1    21 >
   -1    22 > 1.  Making the contract with the agency doing the transcription of the
   -1    23 >     interviews publicly available.
   -1    24 > 2.  Putting a link on her personal website to the original interview files and
   -1    25 >     the personal data of the people she interviewed.
   -1    26 > 3.  Discussing with her supervisor who will be allowed what level of access to
   -1    27 >     the dataset and when
   -1    28 > 4.  Checking what keywords are used by colleagues to categorize the market
   -1    29 >     analysis and including these terms in the description of the data
   -1    30 > 5.  Keeping a record of how she manipulates the data and what all her codes
   -1    31 >     mean.
   -1    32 > 6.  Adding a note in her publications to say that researchers interested in the
   -1    33 >     data are welcome to contact her for more details. Because the interview data
   -1    34 >     are qualitative there is no need to share them, or include any metadata or
   -1    35 >     explanations
   -1    36 > 7.  Finding a trusted data repository that is well-known and used by other
   -1    37 >     researchers in the field to deposit their data,  checking if the repository
   -1    38 >     assigns a persistent identifier, and whether access and authorization
   -1    39 >     procedures are in place.
   -1    40 > 8.  Keeping a full list of satisfied ghosts she met at the agency doing the
   -1    41 >     transcription
   -1    42 > {class="alpha"}
   46    43 
   47    44 <form novalidate>
   48    45   <label>
@@ -50,6 +47,6 @@ replicate or build upon her research?
   50    47     <input required pattern="C-D-E-G" placeholder="A-B-C">
   51    48   </label>
   52    49   <p class="form-if-incorrect">That's not it.</p>
   53    -1   <p class="form-if-correct">In the camera menu, there's only one option: DATA. Make a note of it.</p>
   -1    50   <p class="form-if-correct">In the camera menu, there's only one option: DATA. Make a note of it!</p>
   54    51   <button>Check</button>
   55    52 </form>

diff --git a/content/office/desk/address-book/_index.md b/content/office/desk/address-book/_index.md

@@ -16,7 +16,7 @@ paths:
   16    16 > | Witch                  | 9 Broomstick Boulevard      | +1-800-333-4444 | witch\@cauldronmail.com   | 192.168.1.6 | A+         | Violet     | 250  | 165 cm |
   17    17 
   18    18 <form novalidate>
   19    -1   <p>Which of the data in the address book are personal data? (multiple answers possible)</p>
   -1    19   <p>Which of the data in the address book are personal data?</p>
   20    20   <fieldset>
   21    21     <label class="form-check"><input type="checkbox" required> Name</label>
   22    22     <label class="form-check"><input type="checkbox" required> Address</label>
@@ -56,6 +56,6 @@ paths:
   56    56     <input required pattern="D-B-E-C-A" placeholder="A-B-C-D-E" maxlength="9">
   57    57   </label>
   58    58   <p class="form-if-incorrect">That's not it.</p>
   59    -1   <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    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: <strong>GOOD</strong>. Make a note of it!</p>
   60    60   <button>Check</button>
   61    61 </form>

diff --git a/content/office/map/map.jpg b/content/office/map/map.jpg

diff --git a/content/office/map/schedule/_index.md b/content/office/map/schedule/_index.md

@@ -48,6 +48,6 @@ paths:
   48    48   </fieldset>
   49    49 
   50    50   <p class="form-if-incorrect">Think again!</p>
   51    -1   <p class="form-if-correct">Well done! On the back of the note, Prof. Hutseephluts scribbled PLANNING. Make a note of that.</p>
   -1    51   <p class="form-if-correct">Well done! On the back of the note, Prof. Hutseephluts scribbled <strong>PLANNING</strong>. Make a note of that!</p>
   52    52   <button>Check</button>
   53    53 </form>

diff --git a/content/office/paper-bin/document-3/_index.md b/content/office/paper-bin/document-3/_index.md

@@ -31,56 +31,50 @@ the questions correctly or you may never see daylight again!
   31    31 
   32    32   <fieldset>
   33    33     <legend>Which of the following should data repositories minimally provide?</legend>
   34    -1     <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>
   35    -1     <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>
   36    -1     <label class="form-check"><input type="checkbox" required>A (basic) preservation and data availability statement.</label>
   37    -1     <label class="form-check"><input type="checkbox" required>The requirement to add appropriate metadata to the data.</label>
   -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>
   38    38   </fieldset>
   39    39 
   40    40   <fieldset>
   41    41     <legend>The website <a href="https://re3data.org">Re3data</a> can be used to find a suitable data repository for your discipline.<legend>
   42    -1     <label class="form-check"><input type="checkbox" required>True</label>
   43    -1     <label class="form-check"><input type="checkbox">False</label>
   -1    42     <label class="form-check"><input name="re3" type="radio" required> True</label>
   -1    43     <label class="form-check"><input name="re3" type="radio"> False</label>
   44    44   </fieldset>
   45    45 
   46    46   <fieldset>
   47    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>
   48    -1     <label class="form-check"><input type="checkbox" required>True</label>
   49    -1     <label class="form-check"><input type="checkbox">False</label>
   -1    48     <label class="form-check"><input name="github" type="radio" required> True</label>
   -1    49     <label class="form-check"><input name="github" type="radio"> False</label>
   50    50   </fieldset>
   51    51 
   52    -1   <label>
   53    -1     You want to make your data publicly available. What are FAIR ways to do this? Multiple answers possible.
   54    -1     <ol class="alpha">
   55    -1       <li>Have a pack of werewolves spread your data across the country.</li>
   56    -1       <li>Share a dropbox link to the data with anyone that requests access.</li>
   57    -1       <li>Upload the data to a repository like DANS-EASY, DataVerseNL, or 4TU.ResearchData.</li>
   58    -1       <li>Email the data to your collegues and peers.</li>
   59    -1       <li>Upload the data to the Open Science Framework (OSF).</li>
   60    -1     </ol>
   61    -1     <input required pattern="C-E" placeholder="A-B-C">
   62    -1   </label>
   -1    52   <fieldset>
   -1    53     <legend>You want to make your data publicly available. What are FAIR ways to do this?</legend>
   -1    54     <label class="form-check"><input type="checkbox"> Have a pack of werewolves spread your data across the country.</label>
   -1    55     <label class="form-check"><input type="checkbox"> Share a dropbox link to the data with anyone that requests access.</label>
   -1    56     <label class="form-check"><input type="checkbox" required> Upload the data to a repository like DANS-EASY, DataVerseNL, or 4TU.ResearchData.</label>
   -1    57     <label class="form-check"><input type="checkbox"> Email the data to your collegues and peers.</label>
   -1    58     <label class="form-check"><input type="checkbox" required> Upload the data to the Open Science Framework (OSF).</label>
   -1    59   </fieldset>
   63    60 
   64    -1   <label>
   65    -1     You are looking for a repository that stores data in the Netherlands. What are good options? Multiple answers possible.
   66    -1     <ol class="alpha">
   67    -1       <li>4TU.ResearchData</li>
   68    -1       <li>DANS EASY</li>
   69    -1       <li>Zenodo</li>
   70    -1       <li>Dryad</li>
   71    -1       <li>DataverseNL</li>
   72    -1       <li>The Addams Family Mansion</li>
   73    -1     </ol>
   74    -1     <input required pattern="A-B-E" placeholder="A-B-C">
   75    -1   </label>
   -1    61   <fieldset>
   -1    62     You are looking for a repository that stores data in the Netherlands. What are good options?</legend>
   -1    63     <label class="form-check"><input type="checkbox" required> 4TU.ResearchData</label>
   -1    64     <label class="form-check"><input type="checkbox" required> DANS EASY</label>
   -1    65     <label class="form-check"><input type="checkbox"> Zenodo</label>
   -1    66     <label class="form-check"><input type="checkbox"> Dryad</label>
   -1    67     <label class="form-check"><input type="checkbox" required> DataverseNL</label>
   -1    68     <label class="form-check"><input type="checkbox"> The Addams Family Mansion</label>
   -1    69   </fieldset>
   76    70 
   77    71   <fieldset>
   78    72     <legend>If there is no licence, this means that anyone can do anything with the data.<legend>
   79    -1     <label class="form-check"><input type="checkbox">True</label>
   80    -1     <label class="form-check"><input type="checkbox" required>False</label>
   -1    73     <label class="form-check"><input name="license" type="radio"> True</label>
   -1    74     <label class="form-check"><input name="license" type="radio" required> False</label>
   81    75   </fieldset>
   82    76 
   83    77   <p class="form-if-incorrect">Something is not correct.</p>
   84    -1   <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    78   <p class="form-if-correct">Well done, you've passed the test! Prof. Hutseephluts marked the bottom of the bin with the word <strong>AVOID</strong>. Make a note of it!</p>
   85    79   <button>Check</button>
   86    80 </form>

diff --git a/content/office/paper-bin/old-papers/_index.md b/content/office/paper-bin/old-papers/_index.md

@@ -14,4 +14,4 @@ The old papers are bundled in packs and bound with string.
   14    14 You open up a couple of them, and as far as you can tell, each one contains
   15    15 data, preprints,  and notes relating to a particular publication.
   16    16 
   17    -1 If you start to go through these you really will be here all night..
   -1    17 If you start to go through these you really will be here all night...