Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 6.4 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
update content    
Joe TS Dell committed
41
42
43
44
45
46
47
48
49
50
51
52
53 
				<ul>
					<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>
				</ul>
Joe TS Dell's avatar
up    
Joe TS Dell committed
54 
			</div>
Joe TS Dell's avatar
add hr    
Joe TS Dell committed
55 
			<hr class="m-2">
Joe TS Dell's avatar
up    
Joe TS Dell committed
56 
			<div class="col-lg">
Joe TS Dell's avatar
up    
Joe TS Dell committed
57
58
59 
				<img src="bp1.jpg">
			</div>
		</div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
60
61 
		<h1>Our Idea</h1>
		<h4>The Smart Participation Game in Four Easy Steps</h4>
Joe TS Dell's avatar
update content    
Joe TS Dell committed
62
63
64
65 
		<p>
			A real world visualization and gaming environment which on one hand puts the control of city development in the hand of citizens for them to explore, build, play and engage in the city development process while on the other hand allows city developers, municipalities and stakeholders to take citizen oriented city development decisions
		</p>
		<div class="container px-4 py-2" id="icon-grid">
Joe TS Dell's avatar
up    
Joe TS Dell committed
66
67
68 

			<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
69 
					<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
70
71
72 
						<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
73
74
75
76 
					<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
77 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
78 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
79 
					<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
80
81 
						<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
82
83
84
85 
					<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
86 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
87 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
88 
					<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
89
90
91 
						<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
92
93
94
95 
					<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
96 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
97 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
update    
Joe TS Dell committed
98 
					<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
99
100 
						<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
101
102 
					<div>
						<h4 class="fw-bold mb-0">REWARD</h4>
Joe TS Dell's avatar
update    
Joe TS Dell committed
103 
						<p>Decision makers give awards to the best planning </p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
104 
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
105
106
107 
				</div>
			</div>
		</div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
108 
		<!-- <p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
109
110 
			<ol type="I">
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
111 
					<b>PLAN</b> (Public/private sector, Real Estate)
Joe TS Dell's avatar
up    
Joe TS Dell committed
112
113 
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
114 
					<b>BUILD</b> (Game Developer)
Joe TS Dell's avatar
up    
Joe TS Dell committed
115
116 
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
117 
					<b>PLAY</b> (Any Citizens – Young adults)
Joe TS Dell's avatar
up    
Joe TS Dell committed
118
119 
				</li>
				<li>
Joe TS Dell's avatar
update    
Joe TS Dell committed
120 
					<b>REWARD</b> (Decision makers give awards to the best planning)
Joe TS Dell's avatar
up    
Joe TS Dell committed
121
122 
				</li>
			</ol>
Joe TS Dell's avatar
update    
Joe TS Dell committed
123 
		</p> -->
Joe TS Dell's avatar
up    
Joe TS Dell committed
124
125
Joe TS Dell's avatar
up    
Joe TS Dell committed
126
127
128
129 
		<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
130
Joe TS Dell's avatar
up    
Joe TS Dell committed
131
132 
			Sorry, your browser doesn't support embedded videos.
		</video>
Athanasios's avatar
initial commit  
Athanasios committed
133
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
134 
	</div>
Athanasios's avatar
initial commit  
Athanasios committed
135
Joe TS Dell's avatar
up    
Joe TS Dell committed
136
137 
	<div class="footer content mb-0">
		<h1 class="mt-2">Our Team</h1>
Joe TS Dell's avatar
up    
Joe TS Dell committed
138 
	</div>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
139 
	<div class="legal"></div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
140
141
142 
	<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
143
144 
	<script src="../settings.js"> </script>
	<script src="../main.js"> </script>
Athanasios's avatar
initial commit  
Athanasios committed
145
146 
</body>
Joe TS Dell's avatar
update    
Joe TS Dell committed
147 
</html>

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