An error occurred while loading the file. Please try again.
-
Santhanavanich authored336a5551
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="GitLab Pages">
<title>Buildicipate</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/mobile.css">
</head>
<body>
<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>
<div class="content">
<h1>Buildicipate Project</h1>
<video controls width="100%">
<source src="Media1.mp4" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
<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>
<img src="bp1.jpg">
<h1>Our Idea</h1>
<h4>The Smart Participation Game in Four Easy Steps</h4>
<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>
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
</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>
<p>
<ol type="I">
<li>
<b>PLAN</b> (Public/private sector, Real Estate)
</li>
<li>
<b>BUILD</b> (Game Developer)
</li>
<li>
<b>PLAY</b> (Any Citizens – Young adults)
</li>
<li>
<b>REWARD</b> (Decision makers gives awards to the best planning (can be real award or ingame
awards))
</li>
</ol>
</p>
<h1>List of external links</h1>
<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>
</div>
<div class="footer content">
<h1>Our Team</h1>
</div>
<div class="legal"></div>
<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>
<script src="../settings.js"> </script>
<script src="../main.js"> </script>
</body>
</html>