Merge pull request #103 from goat-community/development

Development

docs/map/layer_style/attribute_based_styling.md

@@ -13,7 +13,7 @@ In the <code>Layer design <img src={require('/img/map/styling/styling_icon.webp'
 If you would like to save your styling settings and use them in further projects, you can do so by [saving a style as default](../layer_style/styling/#default-settings). 
 :::
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/LKzuWNFk88s?si=SvKpL3hKkA9b1pov" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/LKzuWNFk88s?si=SvKpL3hKkA9b1pov" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## Select Attribute 
 

docs/map/layer_style/styling.md

@@ -6,7 +6,7 @@ sidebar_position: 1
 
 When you add a new layer to your project, it is assigned a default style based on the type of data. By customizing options in the <code>Layer design <img src={require('/img/map/styling/styling_icon.webp').default} alt="Styling Icon" style={{ maxHeight: "15px", maxWidth: "15px", objectFit: "cover"}}/></code> menu, you can adjust the visualization of the layer and **create appealing maps**. The styling options available depend on the type of data contained by a layer, i.e. whether it is points, lines, or polygons. Thereby, multiple visual aspects, such as **colors**, **strokes**, and **opacities** can be adjusted.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/j8QKpedtauU?si=C3daysgH3JBwJhDm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/j8QKpedtauU?si=C3daysgH3JBwJhDm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 
 ## Color Settings

docs/map/layers.md

@@ -11,7 +11,7 @@ import TabItem from '@theme/TabItem';
 
 In the **Layers** section, layers can be **added and organized**. Among others, the layer order can be adjusted, layers can be enabled/disabled, duplicated, renamed, downloaded, and removed.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/EeC2L4ZxcDI?si=QpRIZfUASZOgX9Xb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/EeC2L4ZxcDI?si=QpRIZfUASZOgX9Xb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## Add Layers
 

docs/toolbox/accessibility_indicators/catchments.md

@@ -11,7 +11,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 
 **Catchment Areas** show how far people can travel within a certain travel time or distance, using one or more modes of transport.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/AhQXTjxjhZY?si=cWaLkivPtvWNAByW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/AhQXTjxjhZY?si=cWaLkivPtvWNAByW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Explanation
 

docs/toolbox/accessibility_indicators/closest_average.md

@@ -9,7 +9,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 # Heatmap - Closest Average
 A color-coded map to visualize the average travel time to points (such as [POI](../../../further_reading/glossary#point-of-interest-poi "What is a POI?")) from surrounding areas.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/YGRfLugUEb8?si=6TfBiPEMt4mPiag4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/YGRfLugUEb8?si=6TfBiPEMt4mPiag4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Explanation
 

docs/toolbox/accessibility_indicators/connectivity.md

@@ -10,7 +10,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 # Heatmap - Connectivity
 A color-coded map to visualize the connectivity of locations within an area of interest ([AOI](../../../further_reading/glossary#area-of-interest-aoi "What is an AOI?")).
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/Zv9oiKQAu-s?si=7mv4uduUTuk6Qgbe" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/Zv9oiKQAu-s?si=7mv4uduUTuk6Qgbe" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Explanation
 

docs/toolbox/accessibility_indicators/gravity.md

@@ -10,7 +10,9 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 # Heatmap - Gravity
 A color-coded map to visualize the accessibility of points (such as [POI](../../../further_reading/glossary#point-of-interest-poi "What is a POI?")) from surrounding areas.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/OAHa-5-WVk8?si=looP1BuuuWUVNFb8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/OAHa-5-WVk8?si=looP1BuuuWUVNFb8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+
 ## 1. Explanation
 
 Visualized as a color-coded hexagonal grid, the heatmap takes into account real-world transport and street networks to compute accessibility. After specifying a *routing type* (Walk, Bicycle, etc.), *opportunity layer* and *travel time limit*, the result will display a color-coded hexagonal grid for all areas accessible under these conditions. The color scale refers to local accessibility.

docs/toolbox/accessibility_indicators/nearby_stations.md

@@ -10,7 +10,7 @@ import TabItem from '@theme/TabItem';
 
 The **PT Nearby Stations** analysis is used to find public transport stops accessible by walking or cycling within a given time. For each stop, departure information by mode and route is provided.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/7RUNllvOBZw?si=wUB9NXBJo03QUYFu" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/7RUNllvOBZw?si=wUB9NXBJo03QUYFu" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Explanation
 

docs/toolbox/accessibility_indicators/oev_gueteklassen.md

@@ -8,7 +8,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 
 The Public Transport Quality Classes <i>(German: ÖV-Güteklassen)</i> show the **attractiveness of public transport services** for a selected area.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/LL3qWCD_PCQ?si=LxAy40E9Whsc1swD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/LL3qWCD_PCQ?si=LxAy40E9Whsc1swD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Explanation
 

docs/toolbox/accessibility_indicators/pt_trip_count.md

@@ -7,7 +7,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 
 This indicator displays the **average number of public transport departures** per hour for each public transport stop.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/EzolSEYrqRk?si=8MPIx01PKDAZojS8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/EzolSEYrqRk?si=8MPIx01PKDAZojS8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Explanation
 

docs/toolbox/geoanalysis/aggregate_points.md

@@ -9,7 +9,7 @@ import TabItem from '@theme/TabItem';
 
 The **Aggregate Points** tool performs statistical analysis of points, e.g. **count, sum, min, or max**, and aggregates the information on polygons.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/oBlbY67WtDY?si=6DkTqB5awYW83gGx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/oBlbY67WtDY?si=6DkTqB5awYW83gGx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Explanation
 

docs/toolbox/geoanalysis/origin_destination.md

@@ -8,7 +8,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 
 The **Origin-Destination** analysis is used in various fields such as transport planning and urban planning to study **movements or flows between different locations**.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/h2U6ELaRsgI?si=XWcSzYV4_GWw3Na7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/h2U6ELaRsgI?si=XWcSzYV4_GWw3Na7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 
 ## 1. Explanation

docs/toolbox/geoprocessing/buffer.md

@@ -12,7 +12,7 @@ import TabItem from '@theme/TabItem';
 
 The buffer creates a **zone around** given **points, lines, or polygons** with a specified buffer distance.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/Yboi3CwOLPM?si=FuSPRmK6zTB-GVJ1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500"src="https://www.youtube.com/embed/Yboi3CwOLPM?si=FuSPRmK6zTB-GVJ1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Explanation
 

i18n/de/docusaurus-plugin-content-docs/current/map/layers.md

@@ -11,7 +11,7 @@ import TabItem from '@theme/TabItem';
 
 Im Bereich **Layer** können Layer **hinzugefügt und organisiert** werden. Unter anderem kann die Reihenfolge der Layer angepasst werden, Layer können angezeigt/ausgeblendet, dupliziert, umbenannt, heruntergeladen und entfernt werden.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/c_EoWW7HJVU?si=PBahX_5OTRpT5pjq" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/c_EoWW7HJVU?si=PBahX_5OTRpT5pjq" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
   <img src={require('/img/map/layers/overview.png').default} alt="Layer View in GOAT" style={{ maxHeight: "auto", maxWidth: "auto", objectFit: "cover"}}/>

i18n/de/docusaurus-plugin-content-docs/current/toolbox/accessibility_indicators/catchments.md

@@ -11,7 +11,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 
 **Einzugsgebiete** zeigen, wie weit Menschen innerhalb einer bestimmten Reisezeit oder Entfernung mit einem oder mehreren Verkehrsmitteln reisen können.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/9ma4f0qpq-8?si=TJwFeviuxpEsFy_T" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/9ma4f0qpq-8?si=TJwFeviuxpEsFy_T" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Erklärung
 

i18n/de/docusaurus-plugin-content-docs/current/toolbox/accessibility_indicators/closest_average.md

@@ -10,7 +10,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 
 Eine farbkodierte Karte zur Visualisierung der durchschnittlichen Reisezeit zu Punkten (wie [POI](../../../further_reading/glossary#point-of-interest-poi "Was ist ein POI?")) aus umliegenden Gebieten.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/uxY__6zzqIQ?si=t5enJc2BLJuPMkv3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/uxY__6zzqIQ?si=t5enJc2BLJuPMkv3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Erklärung
 

i18n/de/docusaurus-plugin-content-docs/current/toolbox/accessibility_indicators/connectivity.md

@@ -10,7 +10,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 # Heatmap - Konnektivität
 Eine farbkodierte Karte zur Visualisierung der Konnektivität von Orten innerhalb eines Interessengebiets ([AOI](../../../further_reading/glossary#area-of-interest-aoi "What is an AOI?")).
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/g90OhqpiHSs?si=YRCBJg0J-mwjhath" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/g90OhqpiHSs?si=YRCBJg0J-mwjhath" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Erklärung
 

i18n/de/docusaurus-plugin-content-docs/current/toolbox/accessibility_indicators/gravity.md

@@ -10,7 +10,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 # Heatmap - Gravity
 Eine farblich gekennzeichnete Karte zur Visualisierung der Erreichbarkeit von Punkten (wie z.B. [POI](../../../further_reading/glossary#point-of-interest-poi "What is a POI?")) aus der Umgebung.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/qVV63ZN-gVE?si=c-2n7O002Ze4dWgH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/qVV63ZN-gVE?si=c-2n7O002Ze4dWgH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Erklärung
 

i18n/de/docusaurus-plugin-content-docs/current/toolbox/accessibility_indicators/nearby_stations.md

@@ -10,7 +10,7 @@ import TabItem from '@theme/TabItem';
 
 Die **Nahgelegene ÖV-Haltestellen**-Analyse wird verwendet, um öffentliche Verkehrshaltestellen zu finden, die zu Fuß oder mit dem Fahrrad innerhalb einer bestimmten Zeit erreichbar sind. Für jede Haltestelle werden Abfahrtsinformationen nach Verkehrsmittel und Route bereitgestellt.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/Dl4FjAAQyrY?si=LaEDuoH0cvWRmjIr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/Dl4FjAAQyrY?si=LaEDuoH0cvWRmjIr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Erklärung
 

i18n/de/docusaurus-plugin-content-docs/current/toolbox/accessibility_indicators/oev_gueteklassen.md

@@ -8,7 +8,7 @@ import thematicIcon from "/img/toolbox/data_management/join/toolbox.webp";
 
 Die ÖV-Güteklassen zeigen die **Attraktivität von öffentlichen Verkehrsmitteln** in einem ausgewählten Gebiet.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/3fxGDrzaO9w?si=K5mPhKOYDk2rcbP5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/3fxGDrzaO9w?si=K5mPhKOYDk2rcbP5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ## 1. Erklärung