[{"content":"When trying out HUGO as a possible framework for this website, I did some research into shortcodes that could be useful for the topics I\u0026rsquo;m passionate about.\nDisplaying GPX Tracks For displaying GPX Tracks I stumbled across the hugo-gpx-module shortcode.\nThe creator of this shortcode travels the world with offroad motorcycles and documents the journeys on his Blog.\nBesides displaying GPX Tracks on a Leaflet map, the module also automatically generates a summary, an elevation profile, allows multiple GPX Tracks on a single map instance and is extensively customizable. The shortcode gets installed as a hugo module.\nExample 🗺️ Loading map... 🗺️ Route Selection 📈 Profile All None 📍 Focus 📊 Summary -- Distance (km) -- Elevation -- Total Time -- Routes Displaying 3D Models I actually didn\u0026rsquo;t find a lightweight shortcode for displaying 3D Models, so I decided to build one myself with a little help from the Google Model Viewer.\n\u0026lt;script type=\u0026#34;module\u0026#34; src=\u0026#34;https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js\u0026#34; \u0026gt;\u0026lt;/script\u0026gt; {{ $model := resources.Get (.Get \u0026#34;src\u0026#34;) }} {{ if $model }} \u0026lt;model-viewer src=\u0026#34;{{ $model.RelPermalink }}\u0026#34; alt=\u0026#34;3D Modell\u0026#34; auto-rotate camera-controls style=\u0026#34;width: 100%; height: 400px; background-color: #ffffff\u0026#34; \u0026gt; \u0026lt;/model-viewer\u0026gt; {{ else }} \u0026lt;p style=\u0026#34;color: red\u0026#34;\u0026gt;Model not found: {{ .Get \u0026#34;src\u0026#34; }}\u0026lt;/p\u0026gt; {{ end }} The only downside is, that this shortcode only supports .glb files. This is not ideal, as I work with .stl files for 3D-Printing. However, I found a easy-to-use converter.\nExample ","permalink":"https://mattiag.ch/posts/useful-hugo-shortcodes/","summary":"Useful HUGO Shortcodes for running, cycling and 3D-Printing","title":"Useful HUGO Shortcodes"}]