index.html 4.49 KB
Newer Older
Athanasios's avatar
Athanasios committed
1
2
3
4
<!DOCTYPE html>
<html>

<head>
5
6
7
8
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="generator" content="GitLab Pages">
	<title>Buildicipate</title>
Joe TS Dell's avatar
up    
Joe TS Dell committed
9
10
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
11
12
	<link rel="stylesheet" href="../assets/css/style.css">
	<link rel="stylesheet" href="../assets/css/mobile.css">
Athanasios's avatar
Athanasios committed
13
14
15
</head>

<body>
16
17
18
19
20
21
22
23
24
25
26
27
28
	<header id="header">
		<div class="row">
			<div class="logo" id="logo"></div>
			<div class="hamburger">
				<div class="line"></div>
				<div class="line"></div>
				<div class="line"></div>
			</div>
			<nav></nav>
		</div>
		<div id="projectlogo"></div>
		<div id="projectname"></div>
	</header>
Joe TS Dell's avatar
up    
Joe TS Dell committed
29
	<div class="content">
30
31

		<h1>Buildicipate Project</h1>
Joe TS Dell's avatar
up    
Joe TS Dell committed
32

Joe TS Dell's avatar
try css    
Joe TS Dell committed
33
		<video controls width="100%">
Joe TS Dell's avatar
up    
Joe TS Dell committed
34
35

			<source src="Media1.mp4" type="video/mp4">
Joe TS Dell's avatar
up    
Joe TS Dell committed
36

Joe TS Dell's avatar
up    
Joe TS Dell committed
37
38
39
			Sorry, your browser doesn't support embedded videos.
		</video>

Joe TS Dell's avatar
up    
Joe TS Dell committed
40

41
42
43
44
45
46
47
48
49
50
		<li>
			A real world digital 3D platform (Digital Twin) of Stuttgart for citizens and government to build, play,
			explore and engage in city development process.
		</li>
		<li>
			Complimanting traditional citizen particiaption in city development process using visually rich digital city
			environment and interaction.
		</li>
		<li>Enhancing the digital participation platform with game elements to bring out more creativity and sense of
			there importance in the city development process.
Joe TS Dell's avatar
update    
Joe TS Dell committed
51
		</li>
52

Joe TS Dell's avatar
update    
Joe TS Dell committed
53
		<img src="bp1.jpg">
54
55


Joe TS Dell's avatar
update    
Joe TS Dell committed
56
57
		<h1>Our Idea</h1>
		<h4>The Smart Participation Game in Four Easy Steps</h4>
Joe TS Dell's avatar
up    
Joe TS Dell committed
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
		<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
			<div class="feature col">
				<div class="feature-icon bg-primary bg-gradient">
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#collection"></use>
					</svg>
				</div>
				<h2>PLAN</h2>
				<p>Public/private sector, Real Estate</p>
				<a href="#" class="icon-link">
					Call to action
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#chevron-right"></use>
					</svg>
				</a>
			</div>
			<div class="feature col">
				<div class="feature-icon bg-primary bg-gradient">
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#people-circle"></use>
					</svg>
				</div>
				<h2>BUILD</h2>
				<p>Game Developer</p>
				<a href="#" class="icon-link">
					Call to action
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#chevron-right"></use>
					</svg>
				</a>
			</div>
			<div class="feature col">
				<div class="feature-icon bg-primary bg-gradient">
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#toggles2"></use>
					</svg>
				</div>
				<h2>PLAY</h2>
				<p>Any Citizens – Young adults</p>
				<a href="#" class="icon-link">
					Call to action
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#chevron-right"></use>
					</svg>
				</a>
			</div>
			<div class="feature col">
				<div class="feature-icon bg-primary bg-gradient">
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#toggles2"></use>
					</svg>
				</div>
				<h2>REWARD</h2>
				<p>Decision makers gives awards to the best planning (can be real award or ingame awards)</p>
				<a href="#" class="icon-link">
					Call to action
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#chevron-right"></use>
					</svg>
				</a>
			</div>
		</div>
120
		<p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
121
122
			<ol type="I">
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
123
					<b>PLAN</b> (Public/private sector, Real Estate)
Joe TS Dell's avatar
up    
Joe TS Dell committed
124
125
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
126
					<b>BUILD</b> (Game Developer)
Joe TS Dell's avatar
up    
Joe TS Dell committed
127
128
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
129
					<b>PLAY</b> (Any Citizens – Young adults)
Joe TS Dell's avatar
up    
Joe TS Dell committed
130
131
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
132
133
					<b>REWARD</b> (Decision makers gives awards to the best planning (can be real award or ingame
					awards))
Joe TS Dell's avatar
up    
Joe TS Dell committed
134
135
				</li>
			</ol>
Joe TS Dell's avatar
update    
Joe TS Dell committed
136
		</p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
137
138


Athanasios's avatar
Athanasios committed
139
140


Joe TS Dell's avatar
update    
Joe TS Dell committed
141
		<h1>List of external links</h1>
Athanasios's avatar
Athanasios committed
142

Joe TS Dell's avatar
update    
Joe TS Dell committed
143
144
145
146
147
148
149
150
		<p>
			<ul>
				<li><a href="https://stadtlabor.podigee.io">HFT Stadtlabor</a></li>
				<li><a
						href="https://stadtlabor.podigee.io/5-05-vergessen-in-der-stadt-wie-die-stadtplanung-menschen-mit-demenz-helfen-kann">Vergessen
						in der Stadt</a></li>
			</ul>
		</p>
Athanasios's avatar
Athanasios committed
151

152
	</div>
Athanasios's avatar
Athanasios committed
153

Joe TS Dell's avatar
up    
Joe TS Dell committed
154
	<div class="footer content">
Joe TS Dell's avatar
up    
Joe TS Dell committed
155
156
		<h1>Our Team</h1>
	</div>
157
	<div class="legal"></div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
158
159
160
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
		integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous">
	</script>
161
162
	<script src="../settings.js"> </script>
	<script src="../main.js"> </script>
Athanasios's avatar
Athanasios committed
163
164
</body>

Joe TS Dell's avatar
update    
Joe TS Dell committed
165
</html>