Commit b194313d authored by Patrick's avatar Patrick
Browse files

changes:

- create html from json
- implement search for the website
parent 821666f2
Pipeline #1978 passed with stage
in 40 seconds
[ [
{ {
"item": { "item": {
"title": "The Book of Samson", "title": "Vision Zero",
"project": "Hackathon",
"author": { "author": {
"firstName": "David", "firstName": "Joe",
"lastName": "Maine" "lastName": "T.S."
} },
"imageLink":"imgs/thumbnails/visionZero.jpeg",
"keywords":["CityGML","3D GIS","GIS Analyst","Urban Analytics"],
"description":"The VISION ZERO is an application for safety routing with the visualization of 3D grid and heatmap. Developed at hackathon event 'Neue Wege für die Mobilität in Augsburg'. (24 hours time limited)"
}, },
"refIndex": 19 "refIndex": 2
}, },
{ {
"item": { "item": {
"title": "The Preservationist", "title": "3D E-bike",
"project": "ICity Project",
"author": { "author": {
"firstName": "David", "firstName": "Joe",
"lastName": "Maine" "lastName": "T.S."
} },
"imageLink":"imgs/thumbnails/i_cityEbikeSharing.png",
"keywords":["SensorThings API","CityGML","GIS Analyst","3D GIS","GIS Analyst", "Urban Analytics"],
"description":"The 3D E-bike Tracking is a 3D web-based visual analytics application designed showing various parameters from sensor systems equipped on the E-bike sharing system in the study area of a city of Stuttgart, Germany."
}, },
"refIndex": 20 "refIndex": 1
}, },
{ {
"item": { "item": {
"title": "Fallen", "title": "HFT Smart Platform",
"project": "iCity Project",
"author": { "author": {
"firstName": "David", "firstName": "Joe",
"lastName": "Maine" "lastName": "T.S."
} },
"imageLink":"imgs/thumbnails/hftSmart.JPG",
"keywords":["CityGML","3D GIS","GIS Analyst","Urban Analytics"],
"description":"The VISION ZERO is an application for safety routing with the visualization of 3D grid and heatmap. Developed at hackathon event 'Neue Wege für die Mobilität in Augsburg'. (24 hours time limited)"
}, },
"refIndex": 21 "refIndex": 3
}, },
{ {
"item": { "item": {
"title": "Monster 1959", "title": "3D Wind Simulation",
"project": "iCity Project",
"author": { "author": {
"firstName": "David", "firstName": "Sven",
"lastName": "Maine" "lastName": "Schneider"
} },
"imageLink":"imgs/thumbnails/StreamLinesCesiumZoom4.PNG",
"keywords":["CityGML","3D GIS","GIS Analyst","Urban Analytics"],
"description":"The VISION ZERO is an application for safety routing with the visualization of 3D grid and heatmap. Developed at hackathon event 'Neue Wege für die Mobilität in Augsburg'. (24 hours time limited)"
}, },
"refIndex": 22 "refIndex": 4
}, },
{ {
"item": { "item": {
"title": "The DaVinci Code", "title": "Project 5",
"project": "Some Project",
"author": { "author": {
"firstName": "Dan", "firstName": "David",
"lastName": "Brown" "lastName": "Maine"
} },
"imageLink":"imgs/thumbnails/StreamLinesCesiumZoom4.PNG",
"keywords":["CityGML","3D GIS","GIS Analyst","Urban Analytics"],
"description":"The VISION ZERO is an application for safety routing with the visualization of 3D grid and heatmap. Developed at hackathon event 'Neue Wege für die Mobilität in Augsburg'. (24 hours time limited)"
}, },
"refIndex": 6 "refIndex": 5
}, },
{ {
"item": { "item": {
"title": "Angels & Demons", "title": "Project 6",
"project": "Some Project",
"author": { "author": {
"firstName": "Dan", "firstName": "David",
"lastName": "Brown" "lastName": "Maine"
} },
"imageLink":"imgs/thumbnails/StreamLinesCesiumZoom4.PNG",
"keywords":["CityGML","3D GIS","GIS Analyst","Urban Analytics"],
"description":"The VISION ZERO is an application for safety routing with the visualization of 3D grid and heatmap. Developed at hackathon event 'Neue Wege für die Mobilität in Augsburg'. (24 hours time limited)"
}, },
"refIndex": 7 "refIndex": 6
}, },
{ {
"item": { "item": {
"title": "The Lost Symbol", "title": "Project 7",
"project": "Some Project",
"author": { "author": {
"firstName": "Dan", "firstName": "David",
"lastName": "Brown" "lastName": "Maine"
} },
"imageLink":"imgs/thumbnails/StreamLinesCesiumZoom4.PNG",
"keywords":["CityGML","3D GIS","GIS Analyst","Urban Analytics"],
"description":"The VISION ZERO is an application for safety routing with the visualization of 3D grid and heatmap. Developed at hackathon event 'Neue Wege für die Mobilität in Augsburg'. (24 hours time limited)"
}, },
"refIndex": 10 "refIndex": 7
} }
] ]
\ No newline at end of file
.selectpicker{ .selectpicker{
cursor: pointer cursor: pointer
} }
...@@ -161,3 +161,7 @@ a.button { ...@@ -161,3 +161,7 @@ a.button {
top: 0; top: 0;
} */ } */
main[role=main]{
background-color: #f8f9fa!important;
padding-bottom: 1rem!important;
}
\ No newline at end of file
...@@ -12,7 +12,7 @@ body { ...@@ -12,7 +12,7 @@ body {
top:50%; top:50%;
left:50%; left:50%;
float: right; float: right;
margin-right: 47%; margin-right: 60%;
} }
.search-wrapper.active {} .search-wrapper.active {}
......
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<polygon style="fill:#41479B;" points="188.632,0 0,0 0,39.954 188.632,163.54 "/>
<polygon style="fill:#41479B;" points="0,136.598 0,188.632 79.419,188.632 "/>
<polygon style="fill:#41479B;" points="0,323.369 0,375.402 79.419,323.369 "/>
<polygon style="fill:#41479B;" points="512,39.954 512,0 323.368,0 323.368,163.54 "/>
<polygon style="fill:#41479B;" points="512,375.402 512,323.369 432.581,323.369 "/>
<polygon style="fill:#41479B;" points="323.368,348.46 323.368,512 512,512 512,472.046 "/>
<polygon style="fill:#41479B;" points="512,188.632 512,136.598 432.581,188.632 "/>
<polygon style="fill:#41479B;" points="0,472.046 0,512 188.632,512 188.632,348.46 "/>
</g>
<g>
<polygon style="fill:#F5F5F5;" points="512,472.046 512,432.118 344.465,323.369 393.961,323.369 512,399.989 512,375.402
432.581,323.369 512,323.369 512,296.421 296.421,296.421 296.421,512 323.368,512 323.368,348.46 "/>
<polygon style="fill:#F5F5F5;" points="0,296.421 0,323.369 79.419,323.369 0,375.402 0,413.203 138.395,323.369 187.891,323.369
0,445.332 0,472.046 188.632,348.46 188.632,512 215.579,512 215.579,296.421 "/>
<polygon style="fill:#F5F5F5;" points="215.579,0 188.632,0 188.632,163.54 0,39.954 0,83.679 161.684,188.632 112.188,188.632
0,115.807 0,136.598 79.419,188.632 0,188.632 0,215.579 215.579,215.579 "/>
<polygon style="fill:#F5F5F5;" points="512,215.579 512,188.632 432.581,188.632 512,136.598 512,98.314 372.864,188.632
323.368,188.632 512,66.185 512,39.954 323.368,163.54 323.368,0 296.421,0 296.421,215.579 "/>
</g>
<g>
<polygon style="fill:#FF4B55;" points="512,296.421 512,215.579 296.421,215.579 296.421,0 215.579,0 215.579,215.579 0,215.579
0,296.421 215.579,296.421 215.579,512 296.421,512 296.421,296.421 "/>
<polygon style="fill:#FF4B55;" points="138.395,323.369 0,413.203 0,445.332 187.891,323.369 "/>
<polygon style="fill:#FF4B55;" points="344.465,323.369 512,432.118 512,399.989 393.961,323.369 "/>
<polygon style="fill:#FF4B55;" points="161.684,188.632 0,83.679 0,115.807 112.188,188.632 "/>
<polygon style="fill:#FF4B55;" points="372.864,188.632 512,98.314 512,66.185 323.368,188.632 "/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<rect style="fill:#464655;" width="512" height="170.67"/>
<rect y="341.33" style="fill:#FFE15A;" width="512" height="170.67"/>
<rect y="170.67" style="fill:#FF4B55;" width="512" height="170.67"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<rect y="0.235" style="fill:#F5F5F5;" width="511.53" height="511.53"/>
<g>
<rect y="0.235" style="fill:#FF4B55;" width="512" height="39.34"/>
<rect y="157.63" style="fill:#FF4B55;" width="512" height="39.34"/>
<rect y="78.935" style="fill:#FF4B55;" width="512" height="39.34"/>
<rect y="236.32" style="fill:#FF4B55;" width="512" height="39.34"/>
<rect y="393.71" style="fill:#FF4B55;" width="512" height="39.34"/>
<rect y="472.41" style="fill:#FF4B55;" width="512" height="39.34"/>
<rect y="315.02" style="fill:#FF4B55;" width="512" height="39.34"/>
</g>
<rect y="0.235" style="fill:#41479B;" width="275.44" height="275.44"/>
<g>
<path style="fill:#F5F5F5;" d="M35.219,20.814l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C33.779,19.99,34.945,19.99,35.219,20.814z"/>
<path style="fill:#F5F5F5;" d="M35.219,73.902l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C33.779,73.077,34.945,73.077,35.219,73.902z"/>
<path style="fill:#F5F5F5;" d="M35.219,132.78l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.632l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.632l6.708-0.052l2.122-6.364C33.779,131.956,34.945,131.956,35.219,132.78z"/>
<path style="fill:#F5F5F5;" d="M35.219,186.876l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C33.779,186.052,34.945,186.052,35.219,186.876z"/>
<path style="fill:#F5F5F5;" d="M35.219,236.102l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.631l6.708-0.052l2.122-6.364C33.779,235.278,34.945,235.278,35.219,236.102z"/>
<path style="fill:#F5F5F5;" d="M61.058,45.953l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 L49.98,54c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C59.618,45.129,60.784,45.129,61.058,45.953z"/>
<path style="fill:#F5F5F5;" d="M61.058,104.832l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C59.618,104.008,60.784,104.008,61.058,104.832z"/>
<path style="fill:#F5F5F5;" d="M61.058,160.771l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C59.618,159.948,60.784,159.948,61.058,160.771z"/>
<path style="fill:#F5F5F5;" d="M61.058,211.007l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C59.618,210.182,60.784,210.182,61.058,211.007z"/>
<path style="fill:#F5F5F5;" d="M86.898,20.814l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C85.458,19.99,86.623,19.99,86.898,20.814z"/>
<path style="fill:#F5F5F5;" d="M86.898,73.902l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C85.458,73.077,86.623,73.077,86.898,73.902z"/>
<path style="fill:#F5F5F5;" d="M86.898,132.78l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.632l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.632l6.708-0.052l2.122-6.364C85.458,131.956,86.623,131.956,86.898,132.78z"/>
<path style="fill:#F5F5F5;" d="M86.898,186.876l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.456-3.902l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C85.458,186.052,86.623,186.052,86.898,186.876z"/>
<path style="fill:#F5F5F5;" d="M86.898,236.102l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.631l6.708-0.052l2.122-6.364C85.458,235.278,86.623,235.278,86.898,236.102z"/>
<path style="fill:#F5F5F5;" d="M112.737,45.953l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 L101.659,54c-0.698-0.516-0.339-1.624,0.53-1.631l6.711-0.052l2.122-6.364C111.297,45.129,112.462,45.129,112.737,45.953z"/>
<path style="fill:#F5F5F5;" d="M112.737,104.832l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C111.297,104.008,112.462,104.008,112.737,104.832z"/>
<path style="fill:#F5F5F5;" d="M112.737,160.771l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C111.297,159.948,112.462,159.948,112.737,160.771z"/>
<path style="fill:#F5F5F5;" d="M112.737,211.007l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C111.297,210.182,112.462,210.182,112.737,211.007z"/>
<path style="fill:#F5F5F5;" d="M138.576,20.814l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C137.136,19.99,138.301,19.99,138.576,20.814z"/>
<path style="fill:#F5F5F5;" d="M138.576,73.902l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C137.136,73.077,138.301,73.077,138.576,73.902z"/>
<path style="fill:#F5F5F5;" d="M138.576,132.78l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.632l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.632l6.708-0.052l2.122-6.364C137.136,131.956,138.301,131.956,138.576,132.78z"/>
<path style="fill:#F5F5F5;" d="M138.576,186.876l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C137.136,186.052,138.301,186.052,138.576,186.876z"/>
<path style="fill:#F5F5F5;" d="M138.576,236.102l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.631l6.708-0.052l2.122-6.364C137.136,235.278,138.301,235.278,138.576,236.102z"/>
<path style="fill:#F5F5F5;" d="M164.415,45.953l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 L153.337,54c-0.698-0.516-0.339-1.624,0.529-1.631l6.708-0.052l2.122-6.364C162.975,45.129,164.14,45.129,164.415,45.953z"/>
<path style="fill:#F5F5F5;" d="M164.415,104.832l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.529-1.631l6.708-0.052l2.122-6.364C162.975,104.008,164.14,104.008,164.415,104.832z"/>
<path style="fill:#F5F5F5;" d="M164.415,160.771l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.529-1.631l6.708-0.052l2.122-6.364C162.975,159.948,164.14,159.948,164.415,160.771z"/>
<path style="fill:#F5F5F5;" d="M164.415,211.007l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.529-1.631l6.708-0.052l2.122-6.364C162.975,210.182,164.14,210.182,164.415,211.007z"/>
<path style="fill:#F5F5F5;" d="M190.254,20.814l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C188.814,19.99,189.979,19.99,190.254,20.814z"/>
<path style="fill:#F5F5F5;" d="M190.254,73.902l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C188.814,73.077,189.979,73.077,190.254,73.902z"/>
<path style="fill:#F5F5F5;" d="M190.254,132.78l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.632l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.632l6.708-0.052l2.122-6.364C188.814,131.956,189.979,131.956,190.254,132.78z"/>
<path style="fill:#F5F5F5;" d="M190.254,186.876l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C188.814,186.052,189.979,186.052,190.254,186.876z"/>
<path style="fill:#F5F5F5;" d="M190.254,236.102l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.631l6.708-0.052l2.122-6.364C188.814,235.278,189.979,235.278,190.254,236.102z"/>
<path style="fill:#F5F5F5;" d="M216.094,45.953l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 L205.016,54c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C214.653,45.129,215.819,45.129,216.094,45.953z"/>
<path style="fill:#F5F5F5;" d="M216.094,104.832l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C214.653,104.008,215.819,104.008,216.094,104.832z"/>
<path style="fill:#F5F5F5;" d="M216.094,160.771l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C214.653,159.948,215.819,159.948,216.094,160.771z"/>
<path style="fill:#F5F5F5;" d="M216.094,211.007l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C214.653,210.182,215.819,210.182,216.094,211.007z"/>
<path style="fill:#F5F5F5;" d="M241.933,20.814l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C240.492,19.99,241.658,19.99,241.933,20.814z"/>
<path style="fill:#F5F5F5;" d="M241.933,73.902l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C240.492,73.077,241.658,73.077,241.933,73.902z"/>
<path style="fill:#F5F5F5;" d="M241.933,132.78l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.632l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.632l6.708-0.052l2.122-6.364C240.492,131.956,241.658,131.956,241.933,132.78z"/>
<path style="fill:#F5F5F5;" d="M241.933,186.876l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.624,0.53-1.631l6.708-0.052l2.122-6.364C240.492,186.052,241.658,186.052,241.933,186.876z"/>
<path style="fill:#F5F5F5;" d="M241.933,236.102l2.122,6.364l6.708,0.052c0.868,0.007,1.229,1.115,0.53,1.631l-5.396,3.985 l2.023,6.396c0.262,0.828-0.68,1.513-1.388,1.008l-5.458-3.901l-5.458,3.901c-0.706,0.506-1.649-0.18-1.388-1.008l2.023-6.396 l-5.396-3.985c-0.698-0.516-0.339-1.625,0.53-1.631l6.708-0.052l2.122-6.364C240.492,235.278,241.658,235.278,241.933,236.102z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
...@@ -50,10 +50,21 @@ ...@@ -50,10 +50,21 @@
class="hftlogo" width="100px"> class="hftlogo" width="100px">
<h1 id='projectname'></h1> <h1 id='projectname'></h1>
</a> </a>
<select class="selectpicker" style="background-color: #cc3125; width: 8em; border-color:#cc3125;" data-width="fit"> <!-- <div class="drop-down">
<option class="selectlang" style="background-color: white;">English</option> <select name="options">
<option class="selectlang" style="background-color: white;">Deutsch</option> <option class="en" value="en"
</select> style="background-image:url('imgs/flags/226-united-states.svg');background-size:2em;">English</option>
<option class="fr" value="fr"
style="background-image:url('imgs/flags/017-germany.svg');background-size:2em;">Germany</option>
<option class="nl" value="nl"
style="background-image:url('imgs/flags/012-uk.svg');background-size:2em;">Nederlands</option>
</select>
</div> -->
<select class="selectpicker" data-img-src="imgs/flags/226-united-states.png" style="background-color: #cc3125; width: 10em; border-color:#cc3125;" data-width="fit">
<option class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">English</option>
<option class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">Deutsch</option>
</select>
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
...@@ -72,223 +83,36 @@ ...@@ -72,223 +83,36 @@
<p>The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart). <p>The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).
</div> </div>
</section> </section>
<div class="search-wrapper">
<div class="album py-5 bg-light topDownPadding"> <div class="input-holder">
<input type="text" id="search-input" class="search-input" placeholder="Type to search" />
<button id="search-button" class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
</div>
<span class="close" onclick="searchToggle(this, event);"></span>
</div>
<div id="cont_proto" class="cont_proto">
<div id="album_one" class="album py-5 bg-light topDownPadding">
<div class="container"> <div class="container">
<div> <div>
<h2 ><i class="fas fa-laptop-code"></i> Our Applications</h2> <h2 ><i class="fas fa-laptop-code"></i> Our Applications</h2>
<!-- Searchbar --> <!-- Searchbar -->
<!-- start --> <!-- start -->
<div class="search-wrapper">
<div class="input-holder">
<input type="text" id="search-input" class="search-input" placeholder="Type to search" />
<button id="search-button" class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
</div>
<span class="close" onclick="searchToggle(this, event);"></span>
</div>
<!-- end --> <!-- end -->
</div> </div>
<p class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p><br> <p class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p><br>
<div class="row"> <div id="row_main" class="row">
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension">
<h5>Vision Zero <span class="lead text-muted"> Hackathon</span></h5>
<img class="thumbimg" src="imgs/thumbnails/visionZero.jpeg" alt="">
<div class="card-body">
<p class="card-text-lg small">
The <b>VISION ZERO </b> is an application for safety routing with the
visualization of 3D grid and heatmap. Developed at hackathon event "Neue Wege für die Mobilität in
Augsburg". (24 hours time limited)
<br>
<b><i class="fas fa-user"></i> Contact Person</b>: <a
href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
T.S.</a> <br>
<b><i class="fas fa-star"></i> Keywords</b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics
<form action="iStoeckHM.html" class="form-signin" method="GET">
<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
</form>
</p>
</div>
<!-- <div class="justify-content-between align-items-center btnGroupDiv">
<div class="btn-group">
<form action="iStoeckHM.html" class="form-signin" method="GET">
<button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
</form>
</div>
<br>
<p class="small"></p>
</div> -->
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension">
<h5>3D E-bike<span class="lead text-muted"> iCity Project</span></h5>
<img class="thumbimg" src="imgs/thumbnails/i_cityEbikeSharing.png" alt="">
<div class="card-body">
<p class="card-text-xl small">
The <b>3D E-bike Tracking </b> is a 3D web-based visual analytics application designed showing
various parameters from sensor systems equipped on the E-bike sharing system in the study area of a
city of Stuttgart, Germany.
<br>
<b><i class="fas fa-user"></i> Contact Person</b>: <a
href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
T.S.</a> <br>
<b><i class="fas fa-star"></i> Keywords </b>: SensorThings API, CityGML, 3D GIS, GIS Analyst, Urban
Analytics
</p>
<a href="http://81.169.187.7:8080/ebikesharing/" target="_blank">
<button class="btn btn-primary btn-sm"> <i class="fas fa-search"></i> Explore</button>
</a>
<!-- <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
class="btn btn-sm btn-outline-secondary">Explore Application</button></form>
<form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
class="btn btn-sm btn-outline-secondary">Visit iCity project</button></form> -->
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension">
<h5>HFT Smart Platform<span class="lead text-muted"> iCity Project</span></h5>
<img class="thumbimg" src="imgs/thumbnails/hftSmart.JPG" alt="">
<div class="card-body">
<p class="card-text-xl small">
The <b>HFT Smart Platform </b> is ...
<br>
<b><i class="fas fa-user"></i> Contact Person</b>: <a
href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich">Joe
T.S.</a> <br>
<b><i class="fas fa-star"></i> Keywords </b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics
</p>
<a href="https://icity.hft-stuttgart.de/hftsmartplatform/" target="_blank">
<button class="btn btn-primary btn-sm"> <i class="fas fa-search"></i> Explore</button>
</a>
<!-- <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
class="btn btn-sm btn-outline-secondary">Explore Application</button></form>
<form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
class="btn btn-sm btn-outline-secondary">Visit iCity project</button></form> -->
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="album py-5 bg-light topDownPadding">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension">
<h5>3D Wind Simulation<span class="lead text-muted"> iCity Project</span></h5>
<img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.PNG" alt="">
<div class="card-body">
<p class="card-text-xl small">
The <b>HFT Smart Platform </b> is ...
<br>
<b><i class="fas fa-user"></i> Contact Person</b>: <a
href="https://www.hft-stuttgart.de/p/sven-schneider">Sven Schneider</a> <br>
<b><i class="fas fa-star"></i> Keywords </b>: CityGML, 3D GIS, GIS Analyst, Urban Analytics
</p>
<a href="https://transfer.hft-stuttgart.de/pages/urbanvis/" target="_blank">
<button class="btn btn-primary btn-sm"> <i class="fas fa-search"></i> Explore</button>
</a>
<!-- <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
class="btn btn-sm btn-outline-secondary">Explore Application</button></form>
<form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"><button type="submit"
class="btn btn-sm btn-outline-secondary">Visit iCity project</button></form> -->
</div>
</div>