Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 6.31 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
update class    
Joe TS Dell committed
37 
			<div class="col-md">
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
update class    
Joe TS Dell committed
54 
			<div class="col-md">
Joe TS Dell's avatar
up    
Joe TS Dell committed
55 
				<img src="bp1.jpg">
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
56
Joe TS Dell's avatar
up    
Joe TS Dell committed
57
58 
			</div>
		</div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
59
60 
		<h1>Our Idea</h1>
		<h4>The Smart Participation Game in Four Easy Steps</h4>
Joe TS Dell's avatar
up    
Joe TS Dell committed
61
62
63
64 
		<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
65 
					<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
66
67
68 
						<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
69
70
71
72 
					<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
73 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
74 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
75 
					<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
76
77 
						<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
78
79
80
81 
					<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
82 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
83 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
84 
					<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
85
86
87 
						<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
88
89
90
91 
					<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
92 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
93 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
94 
					<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
95
96 
						<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
97
98 
					<div>
						<h4 class="fw-bold mb-0">REWARD</h4>
Joe TS Dell's avatar
update    
Joe TS Dell committed
99 
						<p>Decision makers give awards to the best planning </p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
100 
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
101
102
103 
				</div>
			</div>
		</div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
104 
		<!-- <p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
105
106 
			<ol type="I">
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
107 
					<b>PLAN</b> (Public/private sector, Real Estate)
Joe TS Dell's avatar
up    
Joe TS Dell committed
108
109 
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
110 
					<b>BUILD</b> (Game Developer)
Joe TS Dell's avatar
up    
Joe TS Dell committed
111
112 
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
113 
					<b>PLAY</b> (Any Citizens – Young adults)
Joe TS Dell's avatar
up    
Joe TS Dell committed
114
115 
				</li>
				<li>
Joe TS Dell's avatar
update    
Joe TS Dell committed
116 
					<b>REWARD</b> (Decision makers give awards to the best planning)
Joe TS Dell's avatar
up    
Joe TS Dell committed
117
118 
				</li>
			</ol>
Joe TS Dell's avatar
update    
Joe TS Dell committed
119 
		</p> -->
Joe TS Dell's avatar
up    
Joe TS Dell committed
120
121
Joe TS Dell's avatar
up    
Joe TS Dell committed
122
123
124
125 
		<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
126
Joe TS Dell's avatar
up    
Joe TS Dell committed
127
128 
			Sorry, your browser doesn't support embedded videos.
		</video>
Athanasios's avatar
initial commit  
Athanasios committed
129
Joe TS Dell's avatar
update    
Joe TS Dell committed
130 
		<h1>List of external links</h1>
Athanasios's avatar
Add figure example    
Athanasios committed
131
Joe TS Dell's avatar
update    
Joe TS Dell committed
132
133
134
135
136
137
138
139 
		<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
140
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
141 
	</div>
Athanasios's avatar
initial commit  
Athanasios committed
142
Joe TS Dell's avatar
up    
Joe TS Dell committed
143
144 
	<div class="footer content mb-0">
		<h1 class="mt-2">Our Team</h1>
Joe TS Dell's avatar
up    
Joe TS Dell committed
145 
	</div>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
146 
	<div class="legal"></div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
147
148
149 
	<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
150
151 
	<script src="../settings.js"> </script>
	<script src="../main.js"> </script>
Athanasios's avatar
initial commit  
Athanasios committed
152
153 
</body>
Joe TS Dell's avatar
update    
Joe TS Dell committed
154 
</html>

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