-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.html
217 lines (198 loc) · 13.4 KB
/
game.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 shrink-to-fit=no">
<title>Losbuch</title>
<link rel="icon" href="images/dice-logo-circular.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="stylesheet.css">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org//face/gentium-plus" type="text/css"/>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="images/dice-logo-circular.png" alt="" width="40" height="40" class="d-inline-block align-text-top">
Losbuch digital
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="edition.html">Edition</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="game.html">Game</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Documentation
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="https://github.com/losbuch/losbuch.github.io">View Code on GitHub</a></li>
<li><a class="dropdown-item" href="#">XML-TEI files</a></li>
<li><a class="dropdown-item" href="https://handschriftencensus.de/9566">The Manuscript</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="container">
<h1 style="text-align:center; font-size:50px; font-weight: bold; margin-top:20px;">Discover your Future</h1>
<p style="margin-top:40px; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur id purus sit amet sem ornare volutpat. Vivamus vel dolor vitae arcu pellentesque commodo. Aliquam sed egestas leo. Pellentesque lacinia massa diam, quis bibendum nisi porta quis. Praesent vulputate hendrerit orci, eu tempus erat finibus non. Nullam condimentum convallis tortor, sed feugiat erat gravida quis. Integer non mi mi. Pellentesque commodo enim libero, malesuada condimentum libero commodo ac. Mauris condimentum urna quis tincidunt ultricies.
Donec vel magna id elit cursus lobortis. Praesent non justo sed sem ultrices fringilla. Donec at nunc ac augue faucibus tempus vestibulum sit amet mi. Sed cursus velit lorem. Suspendisse tellus enim, mattis eget libero in, tristique aliquam nisl. Morbi tincidunt hendrerit sapien at sagittis. Donec tempus pretium volutpat. Suspendisse quis blandit lacus. Nam fringilla ex in sapien posuere, eu mattis enim eleifend. Aliquam sed orci malesuada, rutrum justo pulvinar, placerat ante. Pellentesque fringilla tellus eros, eu posuere sapien molestie eu. Sed accumsan scelerisque sem, vel tincidunt arcu commodo id. Donec viverra est vitae justo vestibulum commodo ut nec lacus. Donec dignissim tellus nunc, quis sodales neque dapibus ut. Pellentesque posuere ligula eu pulvinar varius. Mauris bibendum vulputate blandit.
Nullam a nibh eros. Praesent sed erat at enim ultrices vulputate in eget lacus. Integer vel leo non turpis fermentum bibendum. Donec tristique urna non hendrerit aliquam. Donec nunc tortor, feugiat vel ex nec, pretium finibus risus. Nunc sollicitudin tempor turpis, vitae condimentum nisi. Maecenas velit eros, vulputate id felis et, rutrum viverra mi. Quisque tristique non neque et sollicitudin. Proin eros purus, auctor vel tellus sed, lacinia efficitur risus. Vestibulum quis tincidunt lorem, a ultricies ligula. Fusce ex leo, vulputate vitae efficitur ut, blandit nec leo. Morbi vel est quam. Integer sit amet leo consequat, hendrerit mauris eget, luctus ante. Mauris fringilla lectus eu leo gravida mollis.</p>
<div class="dropdown d-grid gap-2 col-6 mx-auto">
<button class="btn btn-info dropdown-toggle btn-lg" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false" style="margin-top:30px; margin-bottom:50px;">Select your question</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1" style=" padding-left:10px;padding-right:10px;">
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob ainem das zu gee darnach es stellet oder wúrbet oder nit</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob der geselle oder der fründt guͤtt sey̋ oder nicht / So luͦg drauff</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob ain wittwer oder ain lediger ain Eeweib soͤlle nemen oder nicht</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob der Sieche genäs oder nicht.</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob ain mensch auß sey̋ ob es her wider kome oder sterbe</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob ains rey̋cher werde oder nicht</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob ain jungfrawe oder ain wittwe ain Eeman solle nemen oder nitt</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob man auff den tag / oder zeitt süll vechten oder nicht</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob dein puͦl (Lieb) Stett sey̋ oder nit</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob du mit Spy̋l gewynnest oder nit</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob auff die zeitt guͦt taͤdingen sey oder nicht</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob ettwas uerloren sey ob es wider werd oder nicht</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob ains ain mensche In seinem Sy̋nn hatt ob er es zu eim liebe soll nemen oder nicht</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob ains vergellten muͦg oder nicht</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob der gefangen ledig werd oder nit</label>
</div>
</li>
<li>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Ob ains auß Sorgen kome oder nicht</label>
</div>
</li>
</ul>
</div>
<div class="d-grid gap-2 col-6 mx-auto">
<form name="rolldice">
<input type="button" value="Roll the dices" id="wb" onclick="randomIntFromInterval(2, 10);" />
<input type="text" id="tb" name="tb" class="tb"/>
</form>
<button type="button" class="btn btn-primary btn-lg" style="margin-top:60px;" value="Roll the dices" id="throwresult">Würfeln</button>
<img src="images/dices-icon.png" style="display: block;
margin-left: auto;
margin-right: auto;
width: 30%; margin-top: 50px;
margin-bottom:50px;">
</div>
</div>
<div class="footer">
<div class="project">
Losbuch project <br/>
by Maximilian Supplieth <br/>
Universität zu Köln
</div>
<div class="logo">
<img src="images/dice-logo-circular.png" class="center" alt="edition logo"/>
</div>
<div class="affiliation">
Münchener <br/>
DigitalisierungsZentrum <br/>
Digitale Bibliothek
</div>
</div>
</body>
<script>
function randomIntFromInterval(min, max) {
// Generiert Zufallszahl von min-Wert bis max-Wert (min und max sind jeweils eingeschlossen, d.h. min 2, max 10 erzeugt Zufallszahlen von 2 bis 10)
var augensumme = Math.floor(Math.random() * (max - min + 1)) + min;
document.getElementById('tb').value = "Du hast " + augensumme + " augn geworffen!";
}
</script>
</html>