IT4C.dev/projekte/utopia.map.html
2025-07-12 12:14:11 +00:00

42 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="de-DE" data-theme="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="generator" content="VuePress 2.0.0-rc.20" />
<meta name="theme" content="VuePress Theme Hope 2.0.0-rc.74" />
<style>
:root {
--vp-c-bg: #fff;
}
[data-theme="dark"] {
--vp-c-bg: #1b1b1f;
}
html,
body {
background: var(--vp-c-bg);
}
</style>
<script>
const userMode = localStorage.getItem("vuepress-theme-hope-scheme");
const systemDarkMode =
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: dark)").matches;
if (userMode === "dark" || (userMode !== "light" && systemDarkMode)) {
document.documentElement.setAttribute("data-theme", "dark");
}
</script>
<meta name="viewport" content="width=device-width,initial-scale=1"><title>Utopia Map | IT4C</title><meta name="description" content="IT4C.dev stellt das IT Team for Change, seine angewandte Philosophie und Projekte vor.">
<link rel="preload" href="/assets/style-QfSJ-RE3.css" as="style"><link rel="stylesheet" href="/assets/style-QfSJ-RE3.css">
<link rel="modulepreload" href="/assets/app-DFzJ4zlk.js"><link rel="modulepreload" href="/assets/utopia.map.html-8eIwcouy.js">
<link rel="prefetch" href="/assets/historie.html-ooxMdhLn.js" as="script"><link rel="prefetch" href="/assets/impressum.html-CgLCWLO4.js" as="script"><link rel="prefetch" href="/assets/index.html-CytUw73L.js" as="script"><link rel="prefetch" href="/assets/it4c.html-BVs7qriC.js" as="script"><link rel="prefetch" href="/assets/kontakt.html-ni-64aeI.js" as="script"><link rel="prefetch" href="/assets/democracy.app.html-BgTvwzvd.js" as="script"><link rel="prefetch" href="/assets/gradido.html-CUHh820v.js" as="script"><link rel="prefetch" href="/assets/ocelot.social.html-DvHmLRyp.js" as="script"><link rel="prefetch" href="/assets/alexander-friedland.html-MsQd_CJI.js" as="script"><link rel="prefetch" href="/assets/hannes-heine.html-DTUHv6XE.js" as="script"><link rel="prefetch" href="/assets/mathias-lenz.html-SbdLu3mv.js" as="script"><link rel="prefetch" href="/assets/maximilian-harz.html-Ct2dM9Rg.js" as="script"><link rel="prefetch" href="/assets/moriz-wahl.html-BaoeU4ay.js" as="script"><link rel="prefetch" href="/assets/sebastian-stein.html-Cekunqz-.js" as="script"><link rel="prefetch" href="/assets/ulf-gebhardt.html-O-yS3EkP.js" as="script"><link rel="prefetch" href="/assets/wolfgang-huss.html-DbszMcod.js" as="script"><link rel="prefetch" href="/assets/404.html-CCj6fWw_.js" as="script"><link rel="prefetch" href="/assets/index.html-BUHwOso0.js" as="script"><link rel="prefetch" href="/assets/index.html-BibaCLbd.js" as="script"><link rel="prefetch" href="/assets/photoswipe.esm-DXWKOczD.js" as="script"><link rel="prefetch" href="/assets/SearchResult-CEjH_gxA.js" as="script">
</head>
<body>
<div id="app"><!--[--><!--[--><!--[--><span tabindex="-1"></span><a href="#main-content" class="vp-skip-link sr-only">Zum Hauptinhalt springen</a><!--]--><!--[--><div class="theme-container external-link-icon has-toc" vp-container><!--[--><header id="navbar" class="vp-navbar" vp-navbar><div class="vp-navbar-start"><button type="button" class="vp-toggle-sidebar-button" title="Toggle Sidebar"><span class="icon"></span></button><!--[--><a class="route-link vp-brand" href="/" aria-label="Zur Startseite"><img class="vp-nav-logo" src="/it4c-logo2-clean-bg_alpha-128x128.png" alt><!----><span class="vp-site-name hide-in-pad">IT4C</span></a><!--]--></div><div class="vp-navbar-center"><!--[--><nav class="vp-nav-links"><div class="vp-nav-item hide-in-mobile"><a class="route-link auto-link" href="/" aria-label="IT4C" iconsizing="height"><!---->IT4C<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="route-link auto-link" href="/kontakt.html" aria-label="Kontakt" iconsizing="height"><!---->Kontakt<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="auto-link external-link" href="https://github.com/IT4Change" aria-label="Github" rel="noopener noreferrer" target="_blank" iconsizing="height"><!---->Github<!----></a></div></nav><!--]--></div><div class="vp-navbar-end"><!--[--><!----><!----><div class="vp-nav-item hide-in-mobile"><button type="button" class="vp-color-mode-switch" id="color-mode-switch"><svg xmlns="http://www.w3.org/2000/svg" class="icon auto-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="auto icon" name="auto" style="display:block;"><path d="M512 992C246.92 992 32 777.08 32 512S246.92 32 512 32s480 214.92 480 480-214.92 480-480 480zm0-840c-198.78 0-360 161.22-360 360 0 198.84 161.22 360 360 360s360-161.16 360-360c0-198.78-161.22-360-360-360zm0 660V212c165.72 0 300 134.34 300 300 0 165.72-134.28 300-300 300z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="icon dark-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="dark icon" name="dark" style="display:none;"><path d="M524.8 938.667h-4.267a439.893 439.893 0 0 1-313.173-134.4 446.293 446.293 0 0 1-11.093-597.334A432.213 432.213 0 0 1 366.933 90.027a42.667 42.667 0 0 1 45.227 9.386 42.667 42.667 0 0 1 10.24 42.667 358.4 358.4 0 0 0 82.773 375.893 361.387 361.387 0 0 0 376.747 82.774 42.667 42.667 0 0 1 54.187 55.04 433.493 433.493 0 0 1-99.84 154.88 438.613 438.613 0 0 1-311.467 128z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="icon light-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="light icon" name="light" style="display:none;"><path d="M952 552h-80a40 40 0 0 1 0-80h80a40 40 0 0 1 0 80zM801.88 280.08a41 41 0 0 1-57.96-57.96l57.96-58a41.04 41.04 0 0 1 58 58l-58 57.96zM512 752a240 240 0 1 1 0-480 240 240 0 0 1 0 480zm0-560a40 40 0 0 1-40-40V72a40 40 0 0 1 80 0v80a40 40 0 0 1-40 40zm-289.88 88.08-58-57.96a41.04 41.04 0 0 1 58-58l57.96 58a41 41 0 0 1-57.96 57.96zM192 512a40 40 0 0 1-40 40H72a40 40 0 0 1 0-80h80a40 40 0 0 1 40 40zm30.12 231.92a41 41 0 0 1 57.96 57.96l-57.96 58a41.04 41.04 0 0 1-58-58l58-57.96zM512 832a40 40 0 0 1 40 40v80a40 40 0 0 1-80 0v-80a40 40 0 0 1 40-40zm289.88-88.08 58 57.96a41.04 41.04 0 0 1-58 58l-57.96-58a41 41 0 0 1 57.96-57.96z"></path></svg></button></div><!--[--><button type="button" class="slimsearch-button" aria-label="Suche"><svg xmlns="http://www.w3.org/2000/svg" class="icon search-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="search icon"><path d="M192 480a256 256 0 1 1 512 0 256 256 0 0 1-512 0m631.776 362.496-143.2-143.168A318.464 318.464 0 0 0 768 480c0-176.736-143.264-320-320-320S128 303.264 128 480s143.264 320 320 320a318.016 318.016 0 0 0 184.16-58.592l146.336 146.368c12.512 12.48 32.768 12.48 45.28 0 12.48-12.512 12.48-32.768 0-45.28"></path></svg><div class="slimsearch-placeholder">Suche</div><div class="slimsearch-key-hints"><kbd class="slimsearch-key">Ctrl</kbd><kbd class="slimsearch-key">K</kbd></div></button><!--]--><!--]--><button type="button" class="vp-toggle-navbar-button" aria-label="Toggle Navbar" aria-expanded="false" aria-controls="nav-screen"><span><span class="vp-top"></span><span class="vp-middle"></span><span class="vp-bottom"></span></span></button></div></header><!----><!--]--><!----><div class="toggle-sidebar-wrapper"><span class="arrow start"></span></div><aside id="sidebar" class="vp-sidebar" vp-sidebar><!----><ul class="vp-sidebar-links"><li><a class="route-link auto-link vp-sidebar-link" href="/" aria-label="Startseite" iconsizing="both"><!---->Startseite<!----></a></li><li><section class="vp-sidebar-group"><p class="vp-sidebar-header clickable"><!----><a class="route-link auto-link vp-sidebar-title no-external-link-icon" href="/it4c.html" aria-label="IT4C" iconsizing="both"><!---->IT4C<!----></a><!----></p><ul class="vp-sidebar-links"><li><a class="route-link auto-link vp-sidebar-link" href="/historie.html" aria-label="Historie" iconsizing="both"><!---->Historie<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/kontakt.html" aria-label="Kontakt" iconsizing="both"><!---->Kontakt<!----></a></li></ul></section></li><li><section class="vp-sidebar-group"><p class="vp-sidebar-header active"><!----><span class="vp-sidebar-title">Projekte</span><!----></p><ul class="vp-sidebar-links"><li><a class="route-link auto-link vp-sidebar-link" href="/projekte/democracy.app.html" aria-label="DEMOCRACY App" iconsizing="both"><!---->DEMOCRACY App<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/projekte/ocelot.social.html" aria-label="Ocelot.Social" iconsizing="both"><!---->Ocelot.Social<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/projekte/gradido.html" aria-label="Gradido Software" iconsizing="both"><!---->Gradido Software<!----></a></li><li><a class="route-link route-link-active auto-link vp-sidebar-link active" href="/projekte/utopia.map.html" aria-label="Utopia Map" iconsizing="both"><!---->Utopia Map<!----></a></li></ul></section></li><li><section class="vp-sidebar-group"><p class="vp-sidebar-header"><!----><span class="vp-sidebar-title">Team</span><!----></p><ul class="vp-sidebar-links"><li><a class="route-link auto-link vp-sidebar-link" href="/team/alexander-friedland.html" aria-label="Alexander Friedland" iconsizing="both"><!---->Alexander Friedland<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/team/hannes-heine.html" aria-label="Hannes Heine" iconsizing="both"><!---->Hannes Heine<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/team/mathias-lenz.html" aria-label="Mathias Lenz" iconsizing="both"><!---->Mathias Lenz<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/team/maximilian-harz.html" aria-label="Maximilian Harz" iconsizing="both"><!---->Maximilian Harz<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/team/moriz-wahl.html" aria-label="Moriz Wahl" iconsizing="both"><!---->Moriz Wahl<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/team/sebastian-stein.html" aria-label="Sebastian Stein" iconsizing="both"><!---->Sebastian Stein<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/team/ulf-gebhardt.html" aria-label="Ulf Gebhardt" iconsizing="both"><!---->Ulf Gebhardt<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/team/wolfgang-huss.html" aria-label="Wolfgang Huß" iconsizing="both"><!---->Wolfgang Huß<!----></a></li></ul></section></li></ul><!----></aside><!--[--><main id="main-content" class="vp-page"><!--[--><!----><!----><nav class="vp-breadcrumb disable"></nav><div class="vp-page-title"><h1><!---->Utopia Map</h1><!----><hr></div><!----><!----><div class="theme-hope-content" vp-content><h1 id="utopia-map" tabindex="-1"><a class="header-anchor" href="#utopia-map"><span>Utopia Map</span></a></h1><p><strong>Lass deine Gemeinschaft wachsen und gestalte dezentrale Netzwerke!</strong></p><p>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.</p><ul><li><p><strong>🤝 Verbindungen im echten Leben:</strong> Erstelle dein Profil, platziere dich auf der Karte, entdecke Menschen in deiner Nähe und baue vertrauensvolle, lokale Netzwerke auf</p></li><li><p><strong>✨ Gemeinsam aktiv werden:</strong> Finde Gleichgesinnte, starte Projekte, sammle Ressourcen und baue regenerative Gemeinschaftsstrukturen mit auf</p></li><li><p><strong>🗺️ Mapping Real Change:</strong> Zeige ispirierende Projekte, mache Wandel sichtbar und motiviere zu kollektivem Handeln</p></li></ul><h2 id="maßgeschneiderte-karten-fur-gemeinschaften" tabindex="-1"><a class="header-anchor" href="#maßgeschneiderte-karten-fur-gemeinschaften"><span>Maßgeschneiderte Karten für Gemeinschaften</span></a></h2><p>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.</p><p>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 <a href="https://hack.utopia-lab.org/s/jUu-Bps6_" target="_blank" rel="noopener noreferrer"><strong>Anwendungsfällen und Beispielen</strong></a> an!</p><p>Für fortgeschrittene Anforderungen kannst du mit unserer <a href="https://github.com/utopia-os/utopia-ui" target="_blank" rel="noopener noreferrer"><strong>Utopia UI</strong></a> React-Komponenten-Bibliothek ganz einfach deine eigenen interaktiven Karten entwickeln.</p><hr><p><a href="https://utopia-map.org" target="_blank" rel="noopener noreferrer"><strong>Website</strong></a> | <a href="https://github.com/utopia-os" target="_blank" rel="noopener noreferrer"><strong>GitHub</strong></a> | <a href="https://opencollective.com/utopia-project" target="_blank" rel="noopener noreferrer"><strong>OpenCollective</strong></a> | <a href="https://t.me/UtopiaMap" target="_blank" rel="noopener noreferrer"><strong>Telegram</strong></a> | <a href="https://x.com/UtopiaMapGame" target="_blank" rel="noopener noreferrer"><strong>X</strong></a></p></div><!----><footer class="vp-page-meta"><div class="vp-meta-item edit-link"><a class="auto-link external-link vp-meta-label" href="https://github.com/IT4Change/IT4C.dev/edit/master/docs/projekte/utopia.map.md" aria-label="Diese Seite barbeiten" rel="noopener noreferrer" target="_blank" iconsizing="both"><!--[--><svg xmlns="http://www.w3.org/2000/svg" class="icon edit-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="edit icon" name="edit"><path d="M430.818 653.65a60.46 60.46 0 0 1-50.96-93.281l71.69-114.012 7.773-10.365L816.038 80.138A60.46 60.46 0 0 1 859.225 62a60.46 60.46 0 0 1 43.186 18.138l43.186 43.186a60.46 60.46 0 0 1 0 86.373L588.879 565.55l-8.637 8.637-117.466 68.234a60.46 60.46 0 0 1-31.958 11.229z"></path><path d="M728.802 962H252.891A190.883 190.883 0 0 1 62.008 771.98V296.934a190.883 190.883 0 0 1 190.883-192.61h267.754a60.46 60.46 0 0 1 0 120.92H252.891a69.962 69.962 0 0 0-69.098 69.099V771.98a69.962 69.962 0 0 0 69.098 69.098h475.911A69.962 69.962 0 0 0 797.9 771.98V503.363a60.46 60.46 0 1 1 120.922 0V771.98A190.883 190.883 0 0 1 728.802 962z"></path></svg><!--]-->Diese Seite barbeiten<!----></a></div><div class="vp-meta-item git-info"><!----><!----></div></footer><nav class="vp-page-nav"><a class="route-link auto-link prev" href="/projekte/gradido.html" aria-label="Gradido Software" iconsizing="both"><div class="hint"><span class="arrow start"></span>Vorherige</div><div class="link"><!---->Gradido Software</div></a><!----></nav><!----><!----><!--]--></main><!--]--><footer class="vp-footer-wrapper" vp-footer><div class="vp-footer">CC BY IT4C.dev & Autoren - <a href="/impressum.html">Impressum</a></div><!----></footer></div><!--]--><!--]--><!--[--><!----><!----><!--[--><!--]--><!--]--><!--]--></div>
<script type="module" src="/assets/app-DFzJ4zlk.js" defer></script>
</body>
</html>