diff --git a/public/rgc_website/content/content.json b/public/rgc_website/content/content.json
index 85e55b78d22d40782ccf7d271d68df16204fb261..9576af30c337fe981d783d883aed607384d8a50d 100644
--- a/public/rgc_website/content/content.json
+++ b/public/rgc_website/content/content.json
@@ -1,72 +1,100 @@
[
{
"item": {
- "title": "The Book of Samson",
+ "title": "Vision Zero",
+ "project": "Hackathon",
"author": {
- "firstName": "David",
- "lastName": "Maine"
- }
+ "firstName": "Joe",
+ "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": {
- "title": "The Preservationist",
+ "title": "3D E-bike",
+ "project": "ICity Project",
"author": {
- "firstName": "David",
- "lastName": "Maine"
- }
+ "firstName": "Joe",
+ "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": {
- "title": "Fallen",
+ "title": "HFT Smart Platform",
+ "project": "iCity Project",
"author": {
- "firstName": "David",
- "lastName": "Maine"
- }
+ "firstName": "Joe",
+ "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": {
- "title": "Monster 1959",
+ "title": "3D Wind Simulation",
+ "project": "iCity Project",
"author": {
- "firstName": "David",
- "lastName": "Maine"
- }
+ "firstName": "Sven",
+ "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": {
- "title": "The DaVinci Code",
+ "title": "Project 5",
+ "project": "Some Project",
"author": {
- "firstName": "Dan",
- "lastName": "Brown"
- }
+ "firstName": "David",
+ "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": {
- "title": "Angels & Demons",
+ "title": "Project 6",
+ "project": "Some Project",
"author": {
- "firstName": "Dan",
- "lastName": "Brown"
- }
+ "firstName": "David",
+ "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": {
- "title": "The Lost Symbol",
+ "title": "Project 7",
+ "project": "Some Project",
"author": {
- "firstName": "Dan",
- "lastName": "Brown"
- }
+ "firstName": "David",
+ "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
diff --git a/public/rgc_website/css/language.css b/public/rgc_website/css/language.css
index b02bdc2afa5c3a4f161c4473f163b2f5c23b095f..983de9e826d8bac5ed2c2f4ecda27c3ef67df6a8 100644
--- a/public/rgc_website/css/language.css
+++ b/public/rgc_website/css/language.css
@@ -1,3 +1,4 @@
.selectpicker{
cursor: pointer
}
+
diff --git a/public/rgc_website/css/main.css b/public/rgc_website/css/main.css
index de43caa9018559b6a8c63d778e2ba4aabb7e297c..c93e2f8707626f209e82e8ef4f43dec8417531b6 100644
--- a/public/rgc_website/css/main.css
+++ b/public/rgc_website/css/main.css
@@ -161,3 +161,7 @@ a.button {
top: 0;
} */
+main[role=main]{
+ background-color: #f8f9fa!important;
+ padding-bottom: 1rem!important;
+}
\ No newline at end of file
diff --git a/public/rgc_website/css/search.css b/public/rgc_website/css/search.css
index 20b243cb8d0f023bc1901e2161ac7c5b5d9360a6..7b033c0a00f478b88bce9f465609ac6fe54d5762 100644
--- a/public/rgc_website/css/search.css
+++ b/public/rgc_website/css/search.css
@@ -12,7 +12,7 @@ body {
top:50%;
left:50%;
float: right;
- margin-right: 47%;
+ margin-right: 60%;
}
.search-wrapper.active {}
diff --git a/public/rgc_website/imgs/flags/012-uk.png b/public/rgc_website/imgs/flags/012-uk.png
new file mode 100644
index 0000000000000000000000000000000000000000..7245804279fa2e157d8102adfb7c485b8f07df09
Binary files /dev/null and b/public/rgc_website/imgs/flags/012-uk.png differ
diff --git a/public/rgc_website/imgs/flags/012-uk.svg b/public/rgc_website/imgs/flags/012-uk.svg
new file mode 100644
index 0000000000000000000000000000000000000000..383c9e82667a20d956066a54342a8afcb6d4c5fe
--- /dev/null
+++ b/public/rgc_website/imgs/flags/012-uk.svg
@@ -0,0 +1,63 @@
+<?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>
diff --git a/public/rgc_website/imgs/flags/017-germany.png b/public/rgc_website/imgs/flags/017-germany.png
new file mode 100644
index 0000000000000000000000000000000000000000..31df325819d106f4000a447edc9eea99d34d8c7b
Binary files /dev/null and b/public/rgc_website/imgs/flags/017-germany.png differ
diff --git a/public/rgc_website/imgs/flags/017-germany.svg b/public/rgc_website/imgs/flags/017-germany.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4290c77082cc98bc208221bbaa071a28dd0d5e43
--- /dev/null
+++ b/public/rgc_website/imgs/flags/017-germany.svg
@@ -0,0 +1,38 @@
+<?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>
diff --git a/public/rgc_website/imgs/flags/226-united-states.png b/public/rgc_website/imgs/flags/226-united-states.png
new file mode 100644
index 0000000000000000000000000000000000000000..164a98ea3e8faa1c512bea9ba6476d0b54549937
Binary files /dev/null and b/public/rgc_website/imgs/flags/226-united-states.png differ
diff --git a/public/rgc_website/imgs/flags/226-united-states.svg b/public/rgc_website/imgs/flags/226-united-states.svg
new file mode 100644
index 0000000000000000000000000000000000000000..37ff08d3d139ad98afe32aa12f7b23b7343cbd54
--- /dev/null
+++ b/public/rgc_website/imgs/flags/226-united-states.svg
@@ -0,0 +1,88 @@
+<?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>
diff --git a/public/rgc_website/index.html b/public/rgc_website/index.html
index 23bcf4f34551992c102696a7fea35309462296bb..42993323c9157d07ff9ecc2f391fab9fa2ff2a1d 100644
--- a/public/rgc_website/index.html
+++ b/public/rgc_website/index.html
@@ -50,10 +50,21 @@
class="hftlogo" width="100px">
<h1 id='projectname'></h1>
</a>
- <select class="selectpicker" style="background-color: #cc3125; width: 8em; border-color:#cc3125;" data-width="fit">
- <option class="selectlang" style="background-color: white;">English</option>
- <option class="selectlang" style="background-color: white;">Deutsch</option>
- </select>
+ <!-- <div class="drop-down">
+ <select name="options">
+ <option class="en" value="en"
+ 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"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@@ -72,223 +83,36 @@
<p>The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).
</div>
</section>
-
- <div class="album py-5 bg-light topDownPadding">
+ <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>
+ <div id="cont_proto" class="cont_proto">
+ <div id="album_one" class="album py-5 bg-light topDownPadding">
<div class="container">
<div>
<h2 ><i class="fas fa-laptop-code"></i> Our Applications</h2>
<!-- Searchbar -->
<!-- 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 -->
</div>
<p class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p><br>
- <div 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>
+ <div id="row_main" class="row">
- <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 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>
- </div>
- <div class="col-lg-4">
- <div class="card mb-4 shadow-sm extension">
- <h5>Project 5</h5>
- <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
- <img class="thumbimg" src="imgs/thumbnails/StreamLinesCesiumOverview.PNG" alt="">
- <div class="card-body">
- <p class="card-text">... description ...</p>
- </div>
- <div class="d-flex justify-content-between align-items-center btnGroupDiv">
- <div class="btn-group">
- <form action="iStoeckStreams.html" class="form-signin" method="GET">
- <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
- </form>
- </div>
- <!-- <small class="text-muted">9 mins</small> -->
- </div>
- </div>
- </div>
- <div class="col-lg-4">
-
- <div class="card mb-4 shadow-sm extension">
- <h5>Project 6</h5>
- <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
- <img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.PNG" alt="">
- <div class="card-body">
- <p class="card-text">... description ...</p>
- </div>
- <div class="d-flex justify-content-between align-items-center btnGroupDiv">
- <div class="btn-group">
- <form action="StreamlinesMultipart.html" class="form-signin" method="GET">
- <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
- </form>
- </div>
- </div>
-
-
-
-
- </div>
- </div>
- </div>
- </div>
-
-
<!-- Zeile 3 mit Album -->
- <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>Project 7</h5>
- <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
- <img class="thumbimg" src="imgs/thumbnails/EssenPC.PNG" alt="">
- <div class="card-body">
- <p class="card-text">... description ...</p>
- <!-- <small class="text-muted">9 mins</small> -->
- </div>
- <div class="d-flex justify-content-between align-items-center btnGroupDiv">
- <div class="btn-group">
- <form action="EssenPC.html" class="form-signin" method="GET">
- <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
+ </div>
<!-- <br>
<div class="d-flex justify-content-between align-items-center btnGroupDiv">
<div class="btn-group">
@@ -452,6 +276,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css">
<script src="js/language.js"></script>
+ <script src="js/add_content.js"></script>
<!-- search library -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.js"></script>
diff --git a/public/rgc_website/js/add_content.js b/public/rgc_website/js/add_content.js
new file mode 100644
index 0000000000000000000000000000000000000000..d296ad446b0ec7f46c04129da642a2d6c14ee42b
--- /dev/null
+++ b/public/rgc_website/js/add_content.js
@@ -0,0 +1,130 @@
+function addcontent(item){
+
+ var new_row = document.getElementById("row_main")
+
+ new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
+ '<div class="card mb-4 shadow-sm extension">' +
+ '<h5>'+ item.item.title +' <span class="lead text-muted"> ' + item.item.project + '</span></h5>' +
+ '<img class="thumbimg" src="' + item.item.imageLink + '" alt="">' +
+ '<div class="card-body">' +
+ '<p class="card-text-lg small">' +
+ item.item.description +
+ '<br>' +
+ '<b><i class="fas fa-user"></i> Contact Person</b>: <a' +
+ 'href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich"> ' + item.item.author.firstName +
+ ' ' + item.item.author.lastName + '</a> <br>' +
+ '<b><i class="fas fa-star"></i> Keywords</b>: ' + item.item.keywords.join(', ') +
+ '<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>' +
+ '</div>'
+
+// new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
+// '<div class="card mb-4 shadow-sm extension">' +
+// '<h5>' + item.item.title + ' <span class="lead text-muted"> ' + item.item.project + '</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"> ' + item.item.author.firstName +
+// ' ' + item.item.author.lastName + '</a> <br>' +
+// '<b><i class="fas fa-star"></i> Keywords</b>: ' + item.item.keywords.join(' ') +
+// '<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>' +
+// '</div>'
+// new_row.innerHTML = new_row.innerHTML + '<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>' +
+// '</div>'
+// new_row.innerHTML = new_row.innerHTML + '<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>' +
+// '</div>'
+// new_row.innerHTML = new_row.innerHTML + '<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>' +
+// '</div>'
+// new_row.innerHTML = new_row.innerHTML + '<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>' +
+// '</div>'
+}
\ No newline at end of file
diff --git a/public/rgc_website/js/language.js b/public/rgc_website/js/language.js
index 03d69019f1d7c0244dfbea44d70a1f0ceda57381..503d62f3669b0fa6ef13ca0a1267bdfd4816e7fd 100644
--- a/public/rgc_website/js/language.js
+++ b/public/rgc_website/js/language.js
@@ -1,4 +1,6 @@
// placeholder for real language selection
$('.selectpicker').change(function(){
alert($(this).val());
-})
\ No newline at end of file
+})
+
+
diff --git a/public/rgc_website/js/search.js b/public/rgc_website/js/search.js
index b46a6b324b65ce8d4ffd7bb315e3c47d97e7c084..1d1373eacc3eadf5ddeb98a40366ee7b3c7d6016 100644
--- a/public/rgc_website/js/search.js
+++ b/public/rgc_website/js/search.js
@@ -3,7 +3,7 @@
const options = {
includeScore: true,
// Search in `author` and in `tags` array
- keys: ["item.title",
+ keys: ["item.title","item.keywords",
"item.author.firstName", "item.author.lastName"]
}
@@ -13,15 +13,41 @@ function search(){
const fuse = new Fuse(stuff, options);
searchanswer = fuse.search(document.getElementById("search-input").value)
- alert(searchanswer);
+ var new_row = document.getElementById("row_main")
+ new_row.innerHTML = "";
+ var searchLength = searchanswer.length;
+ for (var i = 0; i < searchLength; i++) {
+ addcontent(searchanswer[i].item);
+ //Do something
+ }
+ // alert(searchanswer);
+ console.log(searchanswer);
}
//get json
// --- can be adapted if we load the content from the json
var stuff = []
+// $.getJSON("./content/content.json", function(result){
+// stuff = result;
+// var new_row = document.getElementById("row_main")
+// new_row.innerHTML = "";
+// var arrayLength = stuff.length;
+// for (var i = 0; i < arrayLength; i++) {
+// addcontent(stuff[i]);
+// //Do something
+// }
+// // stuff.forEach(addcontent());
+// });
$(document).ready(function(){
$.getJSON("./content/content.json", function(result){
stuff = result;
+ var new_row = document.getElementById("row_main")
+ new_row.innerHTML = "";
+ var arrayLength = stuff.length;
+ for (var i = 0; i < arrayLength; i++) {
+ addcontent(stuff[i]);
+ //Do something
+ }
});
});
@@ -39,10 +65,18 @@ function searchToggle(obj, evt){
container.removeClass('active');
// clear input
console.log("second")
+ var new_row = document.getElementById("row_main")
+ new_row.innerHTML = "";
+ var arrayLength = stuff.length;
+ for (var i = 0; i < arrayLength; i++) {
+ addcontent(stuff[i]);
+ //Do something
+ }
container.find('.search-input').val('');
} else {
console.log("search")
search();
+ // addcontent();
}
}