feat(content): added utopia map (#362)

* added utopia map

* correction

* fix linting

* fix linting

docs/.vuepress/config/theme.ts

@@ -52,6 +52,10 @@ export default hopeTheme({
           text: 'DreamMall.earth',
           link: '/projekte/dreammall',
         },
+        {
+          text: 'Utopia Map',
+          link: '/projekte/utopia.map',
+        },
       ],
     },
     {

docs/index.md

@@ -160,6 +160,13 @@ layout: BlankLayout
       :tags="['Video-Konferenz', 'Projekt Management']"
       href="/projekte/dreammall.html"
     />
+    <ProjectCard
+      title="Utopia Map"
+      description="Utopia Map ist eine interaktive Karte, die echte Verbindungen stärkt und Zusammenarbeit auf Augenhöhe ermöglicht"
+      image="./images/projects/utopia-map.png"
+      :tags="['Mapping', 'Gaming']"
+      href="/projekte/utopia.map.html"
+    />
   </div>
 </ContentSection>
 

docs/projekte/utopia.map.md

@@ -0,0 +1,24 @@
+# Utopia Map
+
+
+**Lass deine Gemeinschaft wachsen – und gestalte dezentrale Netzwerke!**
+
+Utopia bietet dir interaktive geografische Karten, die echte Verbindungen stärken und Zusammenarbeit auf Augenhöhe ermöglichen. Unsere Mission: Digitale Werkzeuge für lokale Aktionen zu schaffen, die Menschen und Gemeinschaften dazu befähigen, Verantwortung gemeinsam und selbstbestimmt zu übernehmen.
+
+* **🤝 Verbindungen im echten Leben:** Erstelle dein Profil, platziere dich auf der Karte, entdecke Menschen in deiner Nähe und baue vertrauensvolle, lokale Netzwerke auf
+
+* **✨ Gemeinsam aktiv werden:** Finde Gleichgesinnte, starte Projekte, sammle Ressourcen und baue regenerative Gemeinschaftsstrukturen mit auf
+
+* **🗺️ Mapping Real Change:** Zeige ispirierende Projekte, mache Wandel sichtbar und motiviere zu kollektivem Handeln
+
+## Maßgeschneiderte Karten für Gemeinschaften
+
+Mit Utopia kannst du Karten gestalten, die genau auf die Ziele deiner Community zugeschnitten sind. Nutze personalisierte Kategorien, Marker, Farben und Symbole – ergänzt durch individuell anpassbare Pop-ups und detaillierte Profile, die wichtige Informationen direkt zugänglich machen.
+
+Dank unseres modularen Frameworks kannst du die Karten flexibel für verschiedenste Anwendungsfälle einsetzen – überall dort, wo dezentrale lokale Koordination gebraucht wird. Schau dir unsere [**Anwendungsfällen und Beispielen**](https://hack.utopia-lab.org/s/jUu-Bps6_) an!
+
+Für fortgeschrittene Anforderungen kannst du mit unserer [**Utopia UI**](https://github.com/utopia-os/utopia-ui) React-Komponenten-Bibliothek ganz einfach deine eigenen interaktiven Karten entwickeln.
+
+---
+
+[**Website**](https://utopia-map.org) | [**GitHub**](https://github.com/utopia-os) | [**OpenCollective**](https://opencollective.com/utopia-project) | [**Telegram**](https://t.me/UtopiaMap) | [**X**](https://x.com/UtopiaMapGame)