Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 6.32 KB
Newer Older
Athanasios's avatar
initial commit  
Athanasios committed
1
2
3
4 
<!DOCTYPE html>
<html>

<head>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
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">
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
11
12 
	<link rel="stylesheet" href="../assets/css/style.css">
	<link rel="stylesheet" href="../assets/css/mobile.css">
Joe TS Dell's avatar
up    
Joe TS Dell committed
13 
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
Athanasios's avatar
initial commit  
Athanasios committed
14
15
16 
</head>

<body>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
17
18
19
20
21
22
23
24
25
26
27
28
29 
	<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
30 
	<div class="content">
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
31
Joe TS Dell's avatar
up    
Joe TS Dell committed
32 
		<h1>Why Buildicipate?</h1>
Joe TS Dell's avatar
up    
Joe TS Dell committed
33
Joe TS Dell's avatar
up    
Joe TS Dell committed
34
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
35
Joe TS Dell's avatar
up    
Joe TS Dell committed
36 
		<div class="row">
Joe TS Dell's avatar
up    
Joe TS Dell committed
37 
			<div class="col-lg fs-5">
Joe TS Dell's avatar
update    
Joe TS Dell committed
38
39
40 
				<h4>Motivation</h4>
				Cities are to be made for the people, by the people and with the people. We want to help build a two-way bridge between City developers/municipalities and citizens where everyone can  explore, build, play and engage in city development process using digital twin of the city so that the experiments can be first made virtually before implementing in the real world.
				<h4>Idea</h4>
Joe TS Dell's avatar
up    
Joe TS Dell committed
41
42
43
44
45
46
47
48
49
50
51 
				<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.
				</li>
Joe TS Dell's avatar
update    
Joe TS Dell committed
52
Joe TS Dell's avatar
up    
Joe TS Dell committed
53 
			</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
54 
			<div class="col-lg">
Joe TS Dell's avatar
up    
Joe TS Dell committed
55
56
57 
				<img src="bp1.jpg">
			</div>
		</div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
58
59 
		<h1>Our Idea</h1>
		<h4>The Smart Participation Game in Four Easy Steps</h4>
Joe TS Dell's avatar
up    
Joe TS Dell committed
60
61
62
63 
		<div class="container px-4 py-5" id="icon-grid">

			<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5">
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
64 
					<svg xmlns="http://www.w3.org/2000/svg" width="1.75em" height="1.75em" fill="currentColor" class="bi bi-calendar-minus text-muted flex-shrink-0 me-3" viewBox="0 0 16 16">
Joe TS Dell's avatar
up    
Joe TS Dell committed
65
66
67 
						<path d="M5.5 9.5A.5.5 0 0 1 6 9h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
						<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
					  </svg>
Joe TS Dell's avatar
up    
Joe TS Dell committed
68
69
70
71 
					<div>
						<h4 class="fw-bold mb-0">PLAN</h4>
						<p>Public/private sector, Real Estate</p>
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
72 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
73 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
74 
					<svg xmlns="http://www.w3.org/2000/svg" width="1.75em" height="1.75em" fill="currentColor" class="bi bi-hammer text-muted flex-shrink-0 me-3" viewBox="0 0 16 16">
Joe TS Dell's avatar
up    
Joe TS Dell committed
75
76 
						<path d="M9.972 2.508a.5.5 0 0 0-.16-.556l-.178-.129a5.009 5.009 0 0 0-2.076-.783C6.215.862 4.504 1.229 2.84 3.133H1.786a.5.5 0 0 0-.354.147L.146 4.567a.5.5 0 0 0 0 .706l2.571 2.579a.5.5 0 0 0 .708 0l1.286-1.29a.5.5 0 0 0 .146-.353V5.57l8.387 8.873A.5.5 0 0 0 14 14.5l1.5-1.5a.5.5 0 0 0 .017-.689l-9.129-8.63c.747-.456 1.772-.839 3.112-.839a.5.5 0 0 0 .472-.334z"/>
					  </svg>
Joe TS Dell's avatar
up    
Joe TS Dell committed
77
78
79
80 
					<div>
						<h4 class="fw-bold mb-0">BUILD</h4>
						<p>Developer Teams configue the application</p>
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
81 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
82 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
83 
					<svg xmlns="http://www.w3.org/2000/svg" width="1.75em" height="1.75em" fill="currentColor" class="bi bi-caret-right-square text-muted flex-shrink-0 me-3" viewBox="0 0 16 16">
Joe TS Dell's avatar
up    
Joe TS Dell committed
84
85
86 
						<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
						<path d="M5.795 12.456A.5.5 0 0 1 5.5 12V4a.5.5 0 0 1 .832-.374l4.5 4a.5.5 0 0 1 0 .748l-4.5 4a.5.5 0 0 1-.537.082z"/>
					  </svg>
Joe TS Dell's avatar
up    
Joe TS Dell committed
87
88
89
90 
					<div>
						<h4 class="fw-bold mb-0">PLAY</h4>
						<p>Any Citizens – Young adults</p>
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
91 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
92 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
93 
					<svg xmlns="http://www.w3.org/2000/svg" width="1.75em" height="1.75em" fill="currentColor" class="bi bi-star text-muted flex-shrink-0 me-3" viewBox="0 0 16 16">
Joe TS Dell's avatar
up    
Joe TS Dell committed
94
95 
						<path d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"/>
					  </svg>
Joe TS Dell's avatar
up    
Joe TS Dell committed
96
97 
					<div>
						<h4 class="fw-bold mb-0">REWARD</h4>
Joe TS Dell's avatar
update    
Joe TS Dell committed
98 
						<p>Decision makers give awards to the best planning </p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
99 
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
100
101
102 
				</div>
			</div>
		</div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
103 
		<!-- <p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
104
105 
			<ol type="I">
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
106 
					<b>PLAN</b> (Public/private sector, Real Estate)
Joe TS Dell's avatar
up    
Joe TS Dell committed
107
108 
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
109 
					<b>BUILD</b> (Game Developer)
Joe TS Dell's avatar
up    
Joe TS Dell committed
110
111 
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
112 
					<b>PLAY</b> (Any Citizens – Young adults)
Joe TS Dell's avatar
up    
Joe TS Dell committed
113
114 
				</li>
				<li>
Joe TS Dell's avatar
update    
Joe TS Dell committed
115 
					<b>REWARD</b> (Decision makers give awards to the best planning)
Joe TS Dell's avatar
up    
Joe TS Dell committed
116
117 
				</li>
			</ol>
Joe TS Dell's avatar
update    
Joe TS Dell committed
118 
		</p> -->
Joe TS Dell's avatar
up    
Joe TS Dell committed
119
120
Joe TS Dell's avatar
up    
Joe TS Dell committed
121
122
123
124 
		<h1> Example of HFT Stuttgart in Game Engine</h1>
		<video controls width="100%">

			<source src="Media1.mp4" type="video/mp4">
Athanasios's avatar
initial commit  
Athanasios committed
125
Joe TS Dell's avatar
up    
Joe TS Dell committed
126
127 
			Sorry, your browser doesn't support embedded videos.
		</video>
Athanasios's avatar
initial commit  
Athanasios committed
128
Joe TS Dell's avatar
update    
Joe TS Dell committed
129 
		<h1>List of external links</h1>
Athanasios's avatar
Add figure example    
Athanasios committed
130
Joe TS Dell's avatar
update    
Joe TS Dell committed
131
132
133
134
135
136
137
138 
		<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
Added content in raw template    
Athanasios committed
139
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
140 
	</div>
Athanasios's avatar
initial commit  
Athanasios committed
141
Joe TS Dell's avatar
up    
Joe TS Dell committed
142
143 
	<div class="footer content mb-0">
		<h1 class="mt-2">Our Team</h1>
Joe TS Dell's avatar
up    
Joe TS Dell committed
144 
	</div>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
145 
	<div class="legal"></div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
146
147
148 
	<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>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
149
150 
	<script src="../settings.js"> </script>
	<script src="../main.js"> </script>
Athanasios's avatar
initial commit  
Athanasios committed
151
152 
</body>
Joe TS Dell's avatar
update    
Joe TS Dell committed
153 
</html>

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal