-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
142 lines (128 loc) · 7.71 KB
/
index.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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Tetrix</title>
<meta name="description" content="Pfadi Game to learn the methods and relation.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="fav.ico">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
</button>
<a class="navbar-brand" href="#">Tetrix</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#Instructions" data-toggle="modal" data-target="#modInstruction">Anleitung</a></li>
<li><a href="#Impressum" data-toggle="modal" data-target="#modImpressum">Impressum</a></li>
</ul>
</div>
</div>
</nav>
<div class="container startpage">
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-8">
<h2>Spielbrett</h2>
<button class="btn btn-info" style="float: right" onclick="game.skipTeam()" type="submit">Skip Team</button>
<div id="game"></div>
</div>
<div class="col-lg-4">
<h2>Score</h2>
<div id="scoreBoard"></div>
</div>
<div class="col-lg-4">
<h2>Fragen</h2>
<div id="questsions"> </div>
</div>
</div>
<hr>
<footer>
<p>© Pfadi Laupen 2018</p>
</footer>
</div> <!-- /container -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
<script src="js/Team.js"></script>
<script src="js/Figure.js"></script>
<script src="js/Game.js"></script>
<script src="js/main.js"></script>
<script src="js/GameRenderer.js"></script>
<!-- Modal for instructions -->
<div class="modal fade" id="modInstruction" tabindex="-1" role="dialog" aria-labelledby="modInstructionLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="modInstructionLabel">Anleitung</h4>
</div>
<div class="modal-body">
<p>
Jede Gruppe erhält pro Runde einen Block. Ziel ist es diesen Block in das Tredtrixspielfeld einzuordnen. <br>
Das Spielfeld wiederspiegelt die fünf Beziehungen und die sieben Methoden. Die Teilnehmer wählen eine Spalte aus und müssen dann ihren Block in das resultierende Feld mit einer Begrünung einordnen. <br>
Falls die Begründung falsch ist, ist die nächste Gruppe dran. Falls richtig, darf der Block gesetzt werden. <br>
</p>
<p>
Ziel des Spieles ist es drei in einer Reihe oder Diagonale zu platzieren. Passiert dies erhält die Gruppe einen Punkt und die gewinner Steine werden aus dem Spiel gelöscht. Die oberen Steine fallen dann nach unten.
</p>
<p>
Gewinner ist der mit am meisten Punkten.
</p>
</div>
</div>
</div>
</div>
<!-- Modal for impressum -->
<div class="modal fade" id="modImpressum" tabindex="-1" role="dialog" aria-labelledby="modImpressumLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="modImpressumLabel">Impressum</h4>
</div>
<div class="modal-body">
<p> Schulungsspiel um Zusammenhang zwischen Beziehungen und Methoden darzustellen. Erstellt von Pfadi Laupen. </p>
<h3> Beziehungen </h3>
<p>Stellen diese einzelnen Bereiche vor in welcher eine Person gefödert werden sollte. Welche Teile gibt es?</p>
<ul>
<li> Die Beziehung zur Persönlichkeit: selbstbewusst und selbstkritisch sein: Meinung vertreten können, vor einer Gruppe stehen </li>
<li> Die Beziehung zum Körper: sich annehmen und sich ausdrücken: Möglichkeiten und Grenzen des eigenen Körpers, Geschicklichkeitsförderung </li>
<li> Die Beziehung zu den Mitmenschen: anderen begegnen und sie respektieren: Interkulturelle Aktzeptanz, andere Meinungen respektieren, Leben in der Gruppe</li>
<li> Die Beziehung zur Umwelt: kreativ sein und umweltbewusst handeln: Umweltfreundlich, Waldaktivitäten, Sorge zur Natur</li>
<li> Die Beziehung zum Spirituellen: offen sein und nachdenken: Sinn des Lebens, Hinterfragen von Lebenserfahrungen, Reflexion, Stiller Moment</li>
</ul>
<b> Wenn man eine Person in all diesen Bereichen fördert, fördert man eine Person ganzheitlich. </b>
<h3>Methode </h3>
<p>Werkzeug um die einzelnen Beziehungen zu fördern und da durch die Person ganzheitlich zu fördern. Welche Methoden kennt ihr oder wie könnt ihr euch vorstellen diese Beziehungen zu fördern?</p>
<ul>
<li> Persönlichen Fortschritt fördern: setzten und erreichen von Zielen, streben nach Mehr (Verantwortung, Selbstbestimmung), Entwicklungsschritte fördern</li>
<li> Gesetz und Versprechen: Spielregeln fürs Zusammenleben, Credo, Leitlinien</li>
<li> Leben in der Gruppe: Lager</li>
<li> Rituale und Traditionen: Geben Rahmen und Rythmus, Fördern Zugehörigkeitsgefühl</li>
<li> Mitbestimmen und Verantwortung tragen: Mitbestimmung, Verwirklichung, Teil davon zu sein, learning by doing</li>
<li> Draussen leben: Entdecken, Forschen, in der Natur sein, Schutz, nachhaltiges Handeln</li>
<li> Spielen: Förderungen von Kenntnissen, Fertigkeiten, Gruppendynamik fördern, neues zu Probieren</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>