Skip to content
GitLab
Commit 5d6369cf authored by Santhanavanich's avatar Santhanavanich
Browse files

update

parent c0fe3009
master
No related merge requests found
Pipeline #10369 passed with stage
in 14 seconds
Expand all Show whitespace changes
Inline Side-by-side
Showing
with 29 additions and 6 deletions
+29 -6
public/munakata/index.css
+ 1
- 1
View file @ 5d6369cf
body{font-family:Montserrat;font-weight:400}:root{--navbar-height:75px}::-webkit-scrollbar-track{background-color:#002544}#navbar{position:relative;top:0;left:0;width:100%;z-index:1000;height:var(--navbar-height);background-color:#fff}#menuContainer{width:600px;height:calc(100vh - var(--navbar-height));overflow:auto;background:#002544;color:#002544}#cesiumContainer{height:calc(100vh - var(--navbar-height) - 55px);width:100%;margin:15px;padding:0;border-radius:25px}.cesium-viewer{border-radius:25px}.ub-card{border-radius:20px;padding:20;background-color:#fff;margin:15px 5px}.cesium-viewer-animationContainer{display:none!important}.cesium-viewer-bottom{display:none!important}.chartFrame{width:100%;border:none;height:365px;background:#fff;overflow:hidden;scrollbar-width:none}.infoZum-text{font-size:.75em}.fellbach-note{color:red}.page-item .page-link{z-index:3;color:#6a6a6a}.page-item.active .page-link{z-index:3;color:#fff;background-color:#2b6b5b;border-color:#0d6efd}.form-check-input:checked{background-color:#2b6b5b;border-color:#2b6b5b}.headline-section{font-weight:800;font-size:1.25em}.fs-08{font-size:.8em}.btn-secondary{color:#fff;background-color:#424242;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#444968;border-color:#2b6b5b}.btn-secondary:focus{color:#fff;background-color:#444968;border-color:#2b6b5b}.compass{top:50px}.navigation-controls{top:150px;background:#00254457}.footer{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:10px 20px;background-color:#f1f1f1;position:fixed;bottom:0;width:100%;z-index:1000;margin-left:-10px}.footer h6{margin:0;padding:0;font-size:13px;font-weight:800}.footer ul{list-style-type:none;margin:0;padding:0;display:flex;gap:15px}.footer ul h6{margin:0}.footer a{text-decoration:none;color:#000}.footer a:hover{text-decoration:underline}.dot{border-width:.5px;border-color:#000;border-style:solid;height:12px;width:12px;background-color:#bbb;border-radius:50%;display:inline-block}#Trinkwasserbezug-legend{font-size:.7em;display:none;position:absolute;right:0;bottom:80px;z-index:1000;width:136.6px;background:#ffffffba;border-radius:15px;padding:10px;margin-right:40px}.highlight-scenario-number{font-weight:400;background:#e8eae8;padding:4px;border-radius:4px}.cesiumLegend{position:absolute;top:100px;left:430px;z-index:1000;background:#ffffffdb;border-radius:15px;padding:10px;font-size:.8em}#menuContainer{scrollbar-width:thin;scrollbar-color:#6d6d6d80 transparent}#menuContainer::-webkit-scrollbar{width:8px}#menuContainer::-webkit-scrollbar-track{background:0 0}#menuContainer::-webkit-scrollbar-thumb{background:rgba(184,184,184,.582)}#menuContainer::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.chart-header{font-size:1.35em;font-weight:600}#menuContainer{transition:all .3s ease-in-out}
\ No newline at end of file
body{font-family:Montserrat;font-weight:400}:root{--navbar-height:75px}::-webkit-scrollbar-track{background-color:#002544}#navbar{position:relative;top:0;left:0;width:100%;z-index:1000;height:var(--navbar-height);background-color:#fff}#menuContainer{width:600px;height:calc(100vh - var(--navbar-height));overflow:auto;background:#002544;color:#002544}#cesiumContainer{height:calc(100vh - var(--navbar-height) - 55px);width:100%;margin:15px;padding:0;border-radius:25px}.cesium-viewer{border-radius:25px}.ub-card{border-radius:20px;padding:20;background-color:#fff;margin:15px 5px}.cesium-viewer-animationContainer{display:none!important}.cesium-viewer-bottom{display:none!important}.chartFrame{width:100%;border:none;height:365px;background:#fff;overflow:hidden;scrollbar-width:none}.infoZum-text{font-size:.75em}.fellbach-note{color:red}.page-item .page-link{z-index:3;color:#6a6a6a}.page-item.active .page-link{z-index:3;color:#fff;background-color:#2b6b5b;border-color:#0d6efd}.form-check-input:checked{background-color:#2b6b5b;border-color:#2b6b5b}.headline-section{font-weight:800;font-size:1.25em}.fs-08{font-size:.8em}.btn-secondary{color:#fff;background-color:#424242;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#444968;border-color:#2b6b5b}.btn-secondary:focus{color:#fff;background-color:#444968;border-color:#2b6b5b}.compass{top:50px}.navigation-controls{top:150px;background:#00254457}.footer{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:10px 20px;background-color:#f1f1f1;position:fixed;bottom:0;width:100%;z-index:1000;margin-left:-10px}.footer h6{margin:0;padding:0;font-size:13px;font-weight:800}.footer ul{list-style-type:none;margin:0;padding:0;display:flex;gap:15px}.footer ul h6{margin:0}.footer a{text-decoration:none;color:#000}.footer a:hover{text-decoration:underline}.dot{border-width:.5px;border-color:#000;border-style:solid;height:12px;width:12px;background-color:#bbb;border-radius:50%;display:inline-block}#Trinkwasserbezug-legend{font-size:.7em;display:none;position:absolute;right:0;bottom:80px;z-index:1000;width:136.6px;background:#ffffffba;border-radius:15px;padding:10px;margin-right:40px}.highlight-scenario-number{font-weight:400;background:#e8eae8;padding:4px;border-radius:4px}.cesiumLegend{position:absolute;top:100px;left:430px;z-index:1000;background:#ffffffdb;border-radius:15px;padding:10px;font-size:.8em}#menuContainer{scrollbar-width:thin;scrollbar-color:#6d6d6d80 transparent}#menuContainer::-webkit-scrollbar{width:8px}#menuContainer::-webkit-scrollbar-track{background:0 0}#menuContainer::-webkit-scrollbar-thumb{background:rgba(184,184,184,.582)}#menuContainer::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.chart-header{font-size:1.35em;font-weight:600}#menuContainer{transition:all .3s ease-in-out}.sensor-image-area{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;padding:20px;background-color:#f9f9f9}.sensor-image{width:45%;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.sensor-image:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.2)}@media (max-width:768px){.sensor-image-area{flex-direction:column}.sensor-image{width:100%}}
\ No newline at end of file
public/munakata/index.html
+ 27
- 4
View file @ 5d6369cf
......@@ -71,11 +71,8 @@
<div class="card card-body">
<div>
<p style="font-size: 0.85em;" data-i18n="sensorData.description">
The sensor data is collected from the iCity Urban Platform. The sensor data from
three sensor locations can be activated from the three menu items below. The data is
displayed in the form of a chart.
</p>
<img src="./img/CoCokara_Hinosato.jpg" alt="" style=" width: 100%; border-radius: 20px; margin-bottom: 15px;">
<div class="d-flex justify-content-between">
<button class="btn btn-secondary sensor-button" data-ds-id="10" id="sensor1-bus-stop">
<i class="bi bi-bus-front"></i>
......@@ -97,8 +94,33 @@
</div>
<div class="card card-body">
<div id="sensor-image-zone">
<div id="img-busStop" class="sensor-header-area" style="display: none;" >
<h4 style="font-weight: 800;"><span data-i18n="sensorData.buttons.busStop">Bus Stop</span></h4>
<div class="sensor-image-area">
<img src="./img/Bus_Stop_01.jpg" alt="Bus Stop 01" class="sensor-image">
<img src="./img/Bus_Stop_02.jpg" alt="Bus Stop 02" class="sensor-image">
</div>
</div>
<div id="img-informationSpace" class="sensor-header-area" style="display: none;">
<h4 style="font-weight: 800;"><span data-i18n="sensorData.buttons.informationSpace">Information Space</span></h4>
<div class="sensor-image-area">
<img src="./img/Information_Space_01.jpg" alt="" class="sensor-image">
<img src="./img/Information_Space_02.jpg" alt="" class="sensor-image">
</div>
</div>
<div id="img-receptionCounter" class="sensor-header-area" style="display: none;">
<h4 style="font-weight: 800;"><span data-i18n="sensorData.buttons.receptionCounter">Reception Counter</span></h4>
<div class="sensor-image-area">
<img src="./img/Reception_Counter_01.jpg" alt="" class="sensor-image">
<img src="./img/Reception_Counter_02.jpg" alt="" class="sensor-image">
</div>
</div>
</div>
<div id="chart-area">
<div id="chart-illuminance" style="display: none;" class="text-center">
<h3 class="chart-header" data-i18n="chart.heading.illuminance" data-i18n-options='{"sensor": ""}'></h3>
<!-- iframe will be inserted here -->
</div>
......@@ -139,6 +161,7 @@
<script src="https://unpkg.com/jquery-i18next@1.2.1/dist/umd/jquery-i18next.min.js"></script>
<script src="pack-min.js"></script>
</body>
</html>
\ No newline at end of file
public/munakata/pack-min.js
+ 1
- 1
View file @ 5d6369cf
This diff is collapsed.
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

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