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
|
<!DOCTYPE html>
<html>
<head>
<title>{{ title }}</title>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="{{ author }}">
<style>
{% include 'index.css' %}
</style>
<script language="javascript" type="text/javascript">
var projects = JSON.parse('{{ projects|tojson }}');
</script>
<script language="javascript" type="text/javascript">
{% include 'index.js' %}
</script>
</head>
<body>
<h1>{{ title }}</h1>
{% if halloffame %}
<div id='halloffame-slides' class="container">
<h2>Hall of Fame</h2>
{% for id, game in halloffame.items() %}
<div class="slide halloffame-slide">
<div class="numbertext">{{ loop.index }}/ {{ loop.length }}</div>
<iframe src="{{ game.Pfad }}/{{ game.Datei }}"
pid="{{ id }}"
title="{{ game.Name }}"
style="width:100%; height:100%"
allow="fullscreen *">
</iframe>
</div>
{% endfor %}
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides('halloffame', -1)">❮</a>
<a class="next" onclick="plusSlides('halloffame', 1)">❯</a>
<!-- Image text -->
<div class="caption-container">
<p id="halloffame-caption"></p>
</div>
<!-- Thumbnail images -->
<div class="row">
{% for _, game in halloffame.items() %}
<div class="column">
<img class="demo cursor halloffame-demo" src="img_woods.jpg" style="width:100%" onclick="currentSlide('halloffame', {{ loop.index }})" alt="{{ game.Name }} von {{ game.Team }} {{ game.Lizenz }} ">
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% for section, subsections in projects.items() %}
<h2>{{ section }}</h2>
{% for subsection, games in subsections.items() %}
<h3>{{ subsection }}</h2>
<div id="{{ section }}-{{ subsection }}-slides" class="container">
{% for id, game in games.items() %}
<!-- Full-width iframes with number text -->
<div id="{{ section }}.{{ subsection }}.{{ id }}" class="slide {{ section }}-{{ subsection }}-slide">
<div class="numbertext">{{ loop.index }}/{{ loop.length }}</div>
<iframe src="{{ game.Pfad }}/{{ game.Datei }}"
pid="{{ id }}"
title="{{ game.Name }}"
style="width:100%; height:100%"
allow="fullscreen *"
loading="lazy">
</iframe>
</div>
{% endfor %}
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides('{{section }}-{{ subsection}}', -1)">❮</a>
<a class="next" onclick="plusSlides('{{section }}-{{ subsection}}', 1)">❯</a>
<!-- Image text -->
<div class="caption-container">
<p id="{{section }}-{{ subsection}}-caption"></p>
</div>
<!-- Thumbnail images -->
<div class="row">
{% for _, game in games.items() %}
<div class="column">
<img class="demo cursor {{ section }}-{{ subsection }}-demo" src="img_woods.jpg" style="width:100%" onclick="currentSlide('{{ section }}-{{ subsection }}', {{ loop.index }})" alt="{{ game.Name }} von {{ game.Team }} {{ game.Lizenz }} ">
</div>
{% endfor %}
</div>
</div>
{% endfor %}
{% endfor %}
{% if no_license %}
{% else %}
<footer>
<p xmlns:cc="http://creativecommons.org/ns#">Diese Seite von <span property="cc:attributionName">{{ author }}</span> ist unter folgender Lizenz veröffentlicht: <a href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt=""></a></p>
</footer>
{% endif %}
</body>
</html>
|
