dennis/codewanderer
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Basic setup of intro screens

Browse source
This commit is contained in:
Dennis Schoepf 2021-08-02 13:34:33 +02:00
parent 1e04b3a826
commit 1e5b627e26
5 changed files with 185 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

38
index.html
View file

@ -38,8 +38,46 @@
</svg>
</div>
</div>
<div id="intro">
<div id="intro-step1">
<h1>Hello there 👋,</h1>
<p>
thanks for participating in an interactive study for this research project. I hope
you've already filled out the declaration of consent I have sent you. If there are any
problems with that or any other part of this study do not hesitate to contact me via
mail:
<a href="mailto:me@dnsc.io">me@dnsc.io</a>
</p>
<p>
You are participating in a study on Playful Experiences within the Onboarding Process of
Software Development Projects. In the following you are going to be guided through an
interactive visualization of a software project. Within that visualization you are going
to be able to reveal certain parts of the project, that might be of value in an
onboarding process. The visualizations are going to be accompanied by some questions on
the visualization itself but also on the broader aspect of using game mechanics in
software development.
</p>
<div id="intro-disclaimer">
<h3>Disclaimer</h3>
<p>
Do not expect a real game experience within this study. This study aims to gather
initial feedback on certain aspects of which information could be interesting to
include within software development onboarding and how its presentation changes how it
is perceived. The visualization of the in-game elements is therefore very abstract.
The arguably more important part of this study are the answers to the questions you
will be asked in the end, so please answer them carefully. Thanks in advance, let's
start now!
</p>
</div>
</div>
<div id="intro-step2">Step 2</div>
<div id="intro-step3">Step 3</div>
<div id="intro-step4">Step 4</div>
<button id="intro-button">Let's start!</button>
</div>
</div>
<div id="backdrop"></div>
<div id="intro-backdrop"></div>
<script src="./main.ts"></script>
</body>
</html>