diff --git a/public/content/content.json b/public/content/content.json
index 15530e465c0dfb9066575877cf0caf5dbd7f2916..128412ec9872a2cc5194361f3e22072ad42547d9 100644
--- a/public/content/content.json
+++ b/public/content/content.json
@@ -34,7 +34,7 @@
       "project_year_end": "2021",
       "project_is_on_going": false,
       "imageLink": "https://urbanvis.hft-stuttgart.de/imgs/thumbnails/EssenPC.jpg",
-      "keywords": ["CityGML", "Urban Simulation", "SimStadt", "Point Clouds"],
+      "keywords": ["CityGML", "Urban Simulation", "SimStadt", "Point Clouds","Energy"],
       "description_en": "As part of Simstadt 2.0, a method was developed to automatically extract window contours from building facedes from high-resolution point clouds to improve simulation accuracy.",
       "description_de": "Im Rahmen von Simstadt 2.0 wurde eine Methode entwickelt, um Fensterkonturen automatisiert in hochauflösenden Punktwolken zu detektieren und zu extrahieren, um die Simulationsgenauigkeit zu erhöhen."
     },
@@ -58,7 +58,7 @@
       "project_year_end": "2024",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/Inspirer_Testgebiete_thumbnail.jpg",
-      "keywords": ["CityGML", "Urban Planning", "Participation", "Point Clouds", "Augmented Reality"],
+      "keywords": ["CityGML", "Urban Planning", "Participation", "Point Clouds", "Augmented Reality","Energy"],
       "description_en": "The INSPIRER project aims to develop an AR App for mobile devices that lets a citizen participate interactively in the city planning process. In the background, point clouds are generated by the mobile device and used to match existing point clouds in order to position and orient the user with respect to integrated virtual 3D content.",
       "description_de": "Das INSPIRER Projekt hat zum Ziel, die Bürgerbeteiligung in Stadtplanungsprozessen auf moderne Art und Weise, mittels einer im Projekt entwickelten AR App, zu vereinfachen. Mit dem Smartphone aufgenommene Punktwolken werden im Hintergrund mit bereits aufgenommenen Punktowlken registriert, um die Postionierung und Orientierung des Nutzers im Bezug zum virtuellen / augmentieren 3D Inhalt zu gewährleisten. "
     },
@@ -80,7 +80,7 @@
       "project_year_end": "2023",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/testbed18.jpg",
-      "keywords": ["CityGML", "3D GIS", "GIS Analyst", "Urban Analytics"],
+      "keywords": ["CityGML", "3D GIS", "GIS Analyst", "Urban Analytics","Energy"],
       "description_en": "Explore the usage of the OGC APIs web standard for spatial data interoperability in the context of Urban Building Energy Simulation, with specific use cases in Nuns Island, Montreal, Canada, and Helsinki, Finland.",
       "description_de": "Erforschung der Nutzung des OGC APIs Web-Standards für die Interoperabilität von Geodaten im Zusammenhang mit der Energiesimulation für städtische Gebäude, mit spezifischen Anwendungsfällen in Nuns Island, Montreal, Kanada, und Helsinki, Finnland."
     },
@@ -104,7 +104,7 @@
       "project_year_end": "2021",
       "project_is_on_going": false,
       "imageLink": "https://transfer.hft-stuttgart.de/pages/sven.schneider/urbanvis/imgs/thumbnails/Kirchturm_Partikel_2.jpg",
-      "keywords": ["CityGML", "3D GIS", "GIS Analyst", "Urban Analytics"],
+      "keywords": ["CityGML", "3D GIS", "GIS Analyst", "Urban Analytics","Energy"],
       "description_en": "Explore different ways of visualizing 3D data such as Computational Fluid Dynamics (CFD) simulations in urban enviroments in your web-browser. Select a visualization scheme below and interactively explore the content. Visualizations are based on CesiumJS .",
       "description_de": "Erkunden Sie verschiedene Möglichkeiten der Visualisierung von 3D-Daten, wie z. B. Computational Fluid Dynamics (CFD)-Simulationen in urbanen Umgebungen in Ihrem Webbrowser. Wählen Sie unten ein Visualisierungsschema aus und erkunden Sie interaktiv den Inhalt. Die Visualisierungen basieren auf CesiumJS ."
     },
@@ -128,7 +128,7 @@
       "project_year_end": "2022",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/ensysle2.jpg",
-      "keywords": ["CityGML", "Energy Simulation", "Building Energy", "CityGML", "Heat Demand Simulation"],
+      "keywords": ["CityGML", "Energy Simulation", "Building Energy", "CityGML", "Heat Demand Simulation","Energy"],
       "description_en": "This application use 3D virtual city models to visualize and simulate energy supply scenarios in exemplary counties as well as of the electricity and heat system at the federal level in order to derive an assessment of selected forms of market organisation and regulation.",
       "description_de": "This application use 3D virtual city models to visualize and simulate energy supply scenarios in exemplary counties as well as of the electricity and heat system at the federal level in order to derive an assessment of selected forms of market organisation and regulation."
     },
@@ -152,7 +152,7 @@
       "project_year_end": "2022",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/gis.jpg",
-      "keywords": ["CityGML", "Energy Simulation", "Building Energy", "CityGML", "Heat Demand Simulation"],
+      "keywords": ["CityGML", "Energy Simulation", "CityGML", "Heat Demand Simulation","Energy"],
       "description_en": "This work introduces a bottom-up GIS-based method for simulation of ground-mounted PV potentials based on digital landscape models that consider terrain slope, orientation, location-specific irradiation, and land use type, and combines this geoinformatical information with a PV yield model that allows to assess hourly PV generation potential on suitable areas.",
       "description_de": "This work introduces a bottom-up GIS-based method for simulation of ground-mounted PV potentials based on digital landscape models that consider terrain slope, orientation, location-specific irradiation, and land use type, and combines this geoinformatical information with a PV yield model that allows to assess hourly PV generation potential on suitable areas."
     },
@@ -244,7 +244,7 @@
       "project_year_end": "2021",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/3DEbike.gif",
-      "keywords": ["SensorThings API", "CityGML", "GIS Analyst", "3D GIS", "GIS Analyst", "Urban Analytics", "Sensor"],
+      "keywords": ["SensorThings API", "CityGML", "GIS Analyst", "3D GIS", "GIS Analyst", "Urban Analytics", "Sensor", "Mobility"],
       "description_en": "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.",
       "description_de": "Das 3D E-bike Tracking ist eine 3D Webanwendung zu visuellen Analyse und ist designed um verschiedene Parameter von Sensor Systemen zu zeigen. Die Sensoren sind am E-bike Sharing Systemes der Stadt Stuttgart (Deutschland) installiert."
     },
@@ -269,7 +269,7 @@
       "project_year_end": "2019",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/manchester3d.jpg",
-      "keywords": ["SensorThings API", "CityGML", "GIS Analyst", "3D GIS", "GIS Analyst", "Urban Analytics", "Sensor"],
+      "keywords": ["SensorThings API", "Mobility","CityGML", "GIS Analyst", "3D GIS", "GIS Analyst", "Urban Analytics", "Sensor"],
       "description_en": "Manchester3D participated and won the 2nd award in OGC CityGML Challenge. The resulting tools and visualisation environment are to be made openly available for one year for wider non-commercial experimentation and innovation purposes, in particular as part of a Triangulum Innovation Challenge focused on energy and mobility applications.",
       "description_de": "Manchester3D participated and won the 2nd award in OGC CityGML Challenge. The resulting tools and visualisation environment are to be made openly available for one year for wider non-commercial experimentation and innovation purposes, in particular as part of a Triangulum Innovation Challenge focused on energy and mobility applications."
     },
@@ -409,7 +409,7 @@
       "project_year_end": "2019",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/visionZero.jpeg",
-      "keywords": ["CityGML", "3D GIS", "GIS Analyst", "Urban Analytics"],
+      "keywords": ["CityGML", "3D GIS", "GIS Analyst", "Urban Analytics", "Mobility"],
       "description_en": "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)",
       "description_de": "VISION ZERO ist eine Anwendung zum sicheren Routing mit einer Visualisierung eines 3D Grids und einer Heatmap. Entwickelt bein Hackathon Event 'Neue Wege für die Mobilität in Augsburg'. (24 Stunden Zeit begrenzt)"
     },
@@ -432,7 +432,7 @@
       "project_year_end": "2021",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/neqmodplus.jpg",
-      "keywords": ["CityGML", "Energy Simulation", "Building Energy", "CityGML", "3D GIS", "GIS Analyst", "Urban Analytics"],
+      "keywords": ["CityGML", "Energy Simulation", "Building Energy", "CityGML", "3D GIS", "GIS Analyst", "Urban Analytics","Energy"],
       "description_en": "In the project NeqModPlus we developed models and tools to simulate energy demand and different energy generation systems of buildings and city quarters that can help reach the goal of zero carbon emissions. One of the case studies is a new building of the inner-city campus of the University of Applied Sciences in Stuttgart, Germany.",
       "description_de": "In the project NeqModPlus we developed models and tools to simulate energy demand and different energy generation systems of buildings and city quarters that can help reach the goal of zero carbon emissions. One of the case studies is a new building of the inner-city campus of the University of Applied Sciences in Stuttgart, Germany. "
     },
@@ -454,7 +454,7 @@
       "project_year_end": "2020",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/SmartVillages2.png",
-      "keywords": ["CityGML", "3D GIS", "Urban Analytics"],
+      "keywords": ["CityGML", "3D GIS", "Urban Analytics","Energy"],
       "description_en": "In the SmartVillages project, a cooperation with the LGL (Landesamt für Geoinformation und Landentwicklung - State Office for Geoinformation and Land Development), a platform for visualizing the project results was created.",
       "description_de": "Im Projekt SmartVillages, eine Kooperation mit dem LGL (Landesamt für Geoinformation und Landentwicklung), wurde eine Plattform zur Visualisierung der Verschiedenen Projektinhalte erstellt."
     },
@@ -478,7 +478,7 @@
       "project_year_end": "2020",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/SmartVillages.png",
-      "keywords": ["CityGML", "3D GIS", "Urban Analytics"],
+      "keywords": ["CityGML", "3D GIS", "Urban Analytics", "Mobility","Energy"],
       "description_en": "In the SmartVillages project, a cooperation with the LGL (Landesamt für Geoinformation und Landentwicklung - State Office for Geoinformation and Land Development), a platform for visualizing the energy experience path in Wüstenrot was created.",
       "description_de": "Im Projekt SmartVillages, eine Kooperation mit dem LGL (Landesamt für Geoinformation und Landentwicklung), wurde eine Plattform zur Visualisierung des Energeierlebnispfades in Wüstenrot erstellt."
     },
@@ -502,7 +502,7 @@
       "project_year_end": "2024",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/M4_LabPortal.PNG",
-      "keywords": ["CityGML", "Participation", "Acoustic", "Urban Analytics", "3D Visualization"],
+      "keywords": ["CityGML", "Participation", "Acoustic", "Urban Analytics", "3D Visualization", "Mobility","Energy"],
       "description_en": "The Kesselkompass platform is an Application developed in the M4_Lab for public participation and the visualization of acoustic, energy, and mobility.",
       "description_de": "Die Kesselkompass-Plattform ist eine im M4_Lab entwickelte Anwendung zur Bürgerbeteiligung und Visualisierung von Akustik, Energie und Mobilität."
     },
@@ -549,7 +549,7 @@
       "project_year_end": "2021",
       "project_is_on_going": false,
       "imageLink": "http://icity.hft-stuttgart.de/musi/logo.png",
-      "keywords": ["Energy Simulation Tool", "Urban Planning", "3D Visualization"],
+      "keywords": ["Energy Simulation Tool", "Urban Planning", "3D Visualization","Energy"],
       "description_en": "Multi-Scale Urban Scenario Interface (MUSI) provides a web-based, scalable software system for energy planning. It considers both economic and energy analysis for retrofit and energy efficiency measurement.",
       "description_de": "Multi-Scale Urban Scenario Interface (MUSI) bietet ein webbasiertes, skalierbares Softwaresystem für die Energieplanung. Es berücksichtigt sowohl wirtschaftliche als auch energetische Analysen für die Sanierung und Energieeffizienzmessung."
     },
@@ -574,7 +574,7 @@
       "project_year_end": "2021",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/heating_grid_disaggregation.png",
-      "keywords": ["Energy System Optimization", "District Heating", "Energy System Modelling"],
+      "keywords": ["Energy System Optimization", "District Heating", "Energy System Modelling","Energy"],
       "description_en": "This tool enables the coupling of Simstadt (a tool that is used to assess building heating demands, developed and validated at HfT Stuttgart) with KomMod (an energy system optimization tool developed at Fraunhofer ISE, Freiburg). The tool enables the study of optimal amount of centrally supplied heat and the layout of the supplying heating grid.",
       "description_de": "Dieses Tool ermöglicht die Kopplung von Simstadt (ein Tool zur Abschätzung des Wärmebedarfs von Gebäuden, entwickelt und validiert an der HfT Stuttgart) mit KomMod (ein am Fraunhofer ISE, Freiburg, entwickeltes Tool zur Energiesystemoptimierung). Das Tool ermöglicht die Untersuchung der optimalen Menge an zentral zugeführter Wärme und der Auslegung des versorgenden Wärmenetzes."
     },
@@ -598,7 +598,7 @@
       "project_year_end": "2021",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/icity_tp31_energy_dashboard.png",
-      "keywords": ["Sensor", "Energy", "SensorThings API"],
+      "keywords": ["Sensor", "Energy", "SensorThings API","Energy"],
       "description_en": "This tool is used for the continuous monitoring and optimization of energy flows within the Robert Bosch GmbH property at Schwieberdingen. This is achieved by allowing users to interact with historical observations from a variety of energy-related sensors.",
       "description_de": "Dieses Tool wird für die kontinuierliche Überwachung und Optimierung der Energieflüsse innerhalb der Liegenschaft der Robert Bosch GmbH in Schwieberdingen eingesetzt. Dies wird dadurch erreicht, dass die Benutzer mit historischen Messwerten von einer Vielzahl von energiebezogenen Sensoren interagieren können."
     },
@@ -669,7 +669,7 @@
       "project_year_end": "2020",
       "project_is_on_going": false,
       "imageLink": "imgs/thumbnails/Heating_Demand_Helsinki-1-small.png",
-      "keywords": ["SimStadt", "CityGML", "Urban Simulation"],
+      "keywords": ["SimStadt", "CityGML", "Urban Simulation","Energy"],
       "description_en": "The City of Helsinki aims to be carbon neutral by 2035. As the heating of buildings causes the greatest portion of greenhouse gas emission in Helsinki, more energy-efficient buildings may be the key to achieving this goal. In this work, the developed concept enables the simulation and further prediction of the heating demand and resulting CO2 emissions based on a 3D city model in various scenarios. ",
       "description_de": "Die STadt Helsinki strebt an, bis 2035 klimaneutral zu werden. In der Arbeit wurden auf Basis eines 3D-Stadtmodells verschiedene Szenarien zur Wärmeversorgung simuliert. Dabei wurde zur Simulation die an der HFT entwickelte Software SimStadt eingesetzt. "
     },
@@ -692,7 +692,7 @@
       "project_year_end": "2021",
       "project_is_on_going": false,
       "imageLink": "content/justin/ezgif.com-gif-maker.gif",
-      "keywords": ["Augmented Reality", "Urban Planning"],
+      "keywords": ["Augmented Reality", "Urban Planning", "Mobility"],
       "description_en": "This thesis aims to develop an outdoor mobile AR application that visualizes the urban environment using the mentioned grayscale masking filters.",
       "description_de": "Ziel dieser Arbeit ist es, eine mobile AR-Anwendung für den Außenbereich zu entwickeln, die die urbane Umgebung mithilfe von Graustufen-Maskierungsfiltern visualisiert."
     },
@@ -804,7 +804,7 @@
       "project_year_end": "2021",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/Gerlingen3DViewer.png",
-      "keywords": ["3D City Model", "CityGML", "Heat Demand Simulation"],
+      "keywords": ["3D City Model", "CityGML", "Heat Demand Simulation","Energy"],
       "description_en": "The Gerlingen heat demand viewer shows system level average heat demand simulation for Gerlingen, Landkreis Ludwigsburg, Germany. The heat demand simulation is done in an urban energy simulator, SimStadt. The aggregation of heat demand results on the system level is done using a grid of 50 x 50m. The aggregation values us then stored in the CityGML Food Water ADE SystemADE and then visualised on the web.",
       "description_de": "Der Gerlingen-Wärmebedarfs-Viewer zeigt eine Simulation des durchschnittlichen Wärmebedarfs auf Systemebene für Gerlingen, Landkreis Ludwigsburg, Deutschland. Die Wärmebedarfssimulation erfolgt in einem städtischen Energiesimulator, SimStadt. Die Aggregation der Wärmebedarfsergebnisse auf Systemebene erfolgt über ein Raster von 50 x 50 m. Die Aggregationswerte werden von uns dann im CityGML Food Water Energy SystemADE gespeichert und anschließend im Web visualisiert."
     },
@@ -827,7 +827,7 @@
       "project_year_end": "2021",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/Rainau3DViewer.JPG",
-      "keywords": ["3D City Model", "CityGML", "Water Demand Simulation"],
+      "keywords": ["3D City Model", "CityGML", "Water Demand Simulation","Energy"],
       "description_en": "The Rainau water demand viewer shows per building annual water demand for Rainau, Germany. The water demand simulation for both residential and non-residential buildings is done in an urban energy simulator, SimStadt.",
       "description_de": "Der Rainauer Wasserbedarfsviewer zeigt den jährlichen Wasserbedarf pro Gebäude für Rainau, Deutschland. Die Wasserbedarfssimulation für Wohn- und Nichtwohngebäude wird in einem städtischen Energiesimulator, SimStadt, durchgeführt."
     },
@@ -852,7 +852,7 @@
       "project_year_end": "2021",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/LKR3DViewer.jpg",
-      "keywords": ["3D City Model", "CityGML", "Food Water Energy Simulation"],
+      "keywords": ["3D City Model", "CityGML", "Food Water Energy Simulation","Energy"],
       "description_en": "A web 3D prototype visualising SimStadt's heat demand, water demand, food demand, biomass potential, food potential and PV potential simulation results for the entire Landkreis Ludwigsburg.",
       "description_de": "Ein Web-3D-Prototyp, der Simulationsergebnisse von Wärmebedarf, Wasserbedarf, Nahrungsbedarf, Biomassepotenzial, Nahrungspotenzial und PV-Potenzial von SimStadt für den gesamten Landkreis Ludwigsburg visualisiert."
     },
@@ -878,7 +878,7 @@
       "project_year_end": "2021",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/Gowanus3DViewer.JPG",
-      "keywords": ["3D City Model", "Rhinoceros3D", "CityGML", "Building Energy Simulation"],
+      "keywords": ["3D City Model", "Rhinoceros3D", "CityGML", "Building Energy Simulation","Energy"],
       "description_en": "The Gowanus CityGML viewer shows the building design scenarios along with its heat energy demand for the NYC's neighborhood of Gowanus, USA. Building geometries are modelled in Rhinoceros3D, coverted to CityGML using FME and its heat demand simulation is done in an urban energy simulator, SimStadt.",
       "description_de": "Der Gowanus CityGML-Viewer zeigt verschiedene Gebäudedesignszenarien zusammen mit ihrem Wärmeenergiebedarf für den NYC-Bezirk Gowanus, USA. Die Gebäudegeometrien werden in Rhinoceros3D modelliert, mit FME in CityGML konvertiert und der Wärmebedarf wird in einem städtischen Energiesimulator, SimStadt, simuliert."
     },
@@ -902,7 +902,7 @@
       "project_year_end": "2021",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/Meidling3DViewer.jpg",
-      "keywords": ["3D City Model", "CityGML", "Building Energy Simulation", "Roof PV Simulation"],
+      "keywords": ["3D City Model", "CityGML", "Building Energy Simulation", "Roof PV Simulation","Energy"],
       "description_en": "The Meidling 3D viewer shows the building heat energy demand, roof PV potenial and landuse polygons for the district of Meidling, Vienna. Building stock heat energy demand and roof PV potential is simulated using an urban energy simulator, SimStadt.",
       "description_de": "Der Meidling 3D-Viewer zeigt den Gebäudeheizenergiebedarf, das Dach-PV-Potenzial und die Landnutzungspolygone für den Bezirk Meidling, Wien. Der Wärmeenergiebedarf des Gebäudebestands und das Dach-PV-Potenzial werden mit einem städtischen Energiesimulator, SimStadt, simuliert."
     },
@@ -926,7 +926,7 @@
       "project_year_end": "2021",
       "project_is_on_going": true,
       "imageLink": "imgs/thumbnails/FWEADE.PNG",
-      "keywords": ["3D City Model", "CityGML", "ADE", "Food-Water-Energy Nexus", "Data Modelling"],
+      "keywords": ["3D City Model", "CityGML", "ADE", "Food-Water-Energy Nexus", "Data Modelling","Energy"],
       "description_en": "CityGML FWE ADE allows users to store FWE-related parameters in four spatial layers: building, land use, area, and system. FWE ADE facilitates inputs and outputs for various FWE-related simulations and also acts as a central data exchange platform to connect different urban FWE simulators.",
       "description_de": "CityGML FWE ADE ermöglicht es dem Benutzer, FWE-bezogene Parameter in vier räumlichen Ebenen zu speichern: Gebäude, Landnutzung, Fläche und System. FWE ADE erleichtert Eingaben und Ausgaben für verschiedene FWE-bezogene Simulationen und fungiert außerdem als zentrale Datenaustauschplattform, um verschiedene städtische FWE-Simulatoren miteinander zu verbinden."
     },
diff --git a/public/content/example.json b/public/content/example.json
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391