diff --git a/public/home/index.html b/public/home/index.html index 78320c5b685ef7d3ddb24bccea76c2d222b1dc26..7603e0e42249b965c20618799b92413ec94f1bbc 100644 --- a/public/home/index.html +++ b/public/home/index.html @@ -31,28 +31,35 @@ <h1>Why Buildicipate?</h1> - + <div class="row"> <div class="col-lg fs-5"> <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. + 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. + <hr class="m-2"> + <h4>Idea</h4> <ul> <li> - A real world digital 3D platform (Digital Twin) of Stuttgart for citizens and government to build, play, + 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 + 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 + <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> </div> - <hr class="m-2"> <div class="col-lg"> <img src="bp1.jpg"> </div> @@ -60,44 +67,56 @@ <h1>Our Idea</h1> <h4>The Smart Participation Game in Four Easy Steps</h4> <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 + 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"> <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"> - <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"> - <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> + <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"> + <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> <div> <h4 class="fw-bold mb-0">PLAN</h4> <p>Public/private sector, Real Estate</p> </div> </div> <div class="col d-flex align-items-start"> - <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"> - <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> + <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"> + <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> <div> <h4 class="fw-bold mb-0">BUILD</h4> <p>Developer Teams configue the application</p> </div> </div> <div class="col d-flex align-items-start"> - <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"> - <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> + <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"> + <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> <div> <h4 class="fw-bold mb-0">PLAY</h4> <p>Any Citizens – Young adults</p> </div> </div> <div class="col d-flex align-items-start"> - <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"> - <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> + <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"> + <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> <div> <h4 class="fw-bold mb-0">REWARD</h4> <p>Decision makers give awards to the best planning </p> @@ -125,7 +144,7 @@ <div class="row"> <div class="col-lg"> <h3>Direct & Indirect Stakeholders</h3> - <img src="stakeholder_imp.jpg" alt="" > + <img src="stakeholder_imp.jpg" alt=""> </div> <div class="col-lg"> <h3>Pains & Gains & Customers jobs</h3> @@ -133,7 +152,7 @@ </div> </div> - + <h1>First Pilot</h1> <h4>The HFT Stuttgart Building 2 in Unreal 4 Game Engine.</h4>