Auto deploy from Github Actions

assets/404.html-CCj6fWw_.js

@@ -0,0 +1 @@
+import{_ as e,c as o,a as n,o as a}from"./app-DFzJ4zlk.js";const r={};function l(s,t){return a(),o("div",null,t[0]||(t[0]=[n("p",null,"404 Not Found",-1)]))}const d=e(r,[["render",l]]),i=JSON.parse('{"path":"/404.html","title":"","lang":"de-DE","frontmatter":{"layout":"NotFound"},"git":{},"readingTime":{"minutes":0.01,"words":3},"filePathRelative":null,"excerpt":"<p>404 Not Found</p>\\n"}');export{d as comp,i as data};

assets/democracy.app.html-BgTvwzvd.js

@@ -0,0 +1 @@
+import{_ as n,c as t,b as a,o as r}from"./app-DFzJ4zlk.js";const s={};function i(c,e){return r(),t("div",null,e[0]||(e[0]=[a('<h1 id="democracy-app" tabindex="-1"><a class="header-anchor" href="#democracy-app"><span>DEMOCRACY App</span></a></h1><p>Die <a href="https://www.democracy-deutschland.de/" target="_blank" rel="noopener noreferrer">DEMOCRACY App</a> ist ein Open-Source-Projekt, das die Gesetze und Beschlüsse des Deutschen Bundestages mit all ihren Dokumenten sammelt. Dann gibt sie ihren Nutzern die Möglichkeit, für jede Entscheidung, die das Parlament zu treffen hat, abzustimmen (annehmen, ablehnen oder enthalten). Nach der Abstimmung können die Benutzer in Prozenten sehen, wie viele Personen zugestimmt, abgelehnt oder sich enthalten haben.</p><h2 id="techstack" tabindex="-1"><a class="header-anchor" href="#techstack"><span>Techstack</span></a></h2><p>Das Backend ist in TypeScript geschrieben.</p>',4)]))}const h=n(s,[["render",i]]),o=JSON.parse('{"path":"/projekte/democracy.app.html","title":"DEMOCRACY App","lang":"de-DE","frontmatter":{},"git":{},"readingTime":{"minutes":0.24,"words":73},"filePathRelative":"projekte/democracy.app.md","excerpt":"\\n<p>Die <a href=\\"https://www.democracy-deutschland.de/\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">DEMOCRACY App</a> ist ein Open-Source-Projekt, das die Gesetze und Beschlüsse des Deutschen Bundestages mit all ihren Dokumenten sammelt. Dann gibt sie ihren Nutzern die Möglichkeit, für jede Entscheidung, die das Parlament zu treffen hat, abzustimmen (annehmen, ablehnen oder enthalten). Nach der Abstimmung können die Benutzer in Prozenten sehen, wie viele Personen zugestimmt, abgelehnt oder sich enthalten haben.</p>"}');export{h as comp,o as data};

assets/gradido.html-CUHh820v.js

@@ -0,0 +1 @@
+import{_ as a,c as n,b as r,o as t}from"./app-DFzJ4zlk.js";const d={};function i(s,e){return t(),n("div",null,e[0]||(e[0]=[r('<h1 id="gradido" tabindex="-1"><a class="header-anchor" href="#gradido"><span>Gradido</span></a></h1><p><a href="https://www.gradido.net" target="_blank" rel="noopener noreferrer">Gradido</a> ist ein Projekt, das eine alternative Währung zum Fiatgeld schaffen will.</p><p>Dazu haben wir Bernd Hückstedt bei der Umsetzung seiner Idee geholfen. Alexander Friedland entdeckte das Projekt und arbeitete als Frontend-Entwickler. Ulf Gebhardt war der Project Owner und der Dev-Op. Moriz Wahl war verantwortlich für das Backend und die Unit-Tests. Hannes Heine arbeitete am Backend und war agiler Coach. Mathias Lenz erstellte die End-to-End-Testszenarien und den Dev-Op. Wolfgang Huß hat ebenfalls am Backend gearbeitet.</p><h2 id="techstack" tabindex="-1"><a class="header-anchor" href="#techstack"><span>Techstack</span></a></h2><p>Das Frontend ist in Vue2 geschrieben. Das Backend verwendet NodeJS, Apollo, GraphQL. Die Datenbank ist auf der SQL-Plattform MariaDB. Die End-to-End Tests sind mit Cypress geschrieben.</p>',5)]))}const l=a(d,[["render",i]]),c=JSON.parse('{"path":"/projekte/gradido.html","title":"Gradido","lang":"de-DE","frontmatter":{},"git":{},"readingTime":{"minutes":0.38,"words":115},"filePathRelative":"projekte/gradido.md","excerpt":"\\n<p><a href=\\"https://www.gradido.net\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">Gradido</a> ist ein Projekt, das eine alternative Währung zum Fiatgeld schaffen will.</p>\\n<p>Dazu haben wir Bernd Hückstedt bei der Umsetzung seiner Idee geholfen.\\nAlexander Friedland entdeckte das Projekt und arbeitete als Frontend-Entwickler.\\nUlf Gebhardt war der Project Owner und der Dev-Op.\\nMoriz Wahl war verantwortlich für das Backend und die Unit-Tests.\\nHannes Heine arbeitete am Backend und war agiler Coach.\\nMathias Lenz erstellte die End-to-End-Testszenarien und den Dev-Op.\\nWolfgang Huß hat ebenfalls am Backend gearbeitet.</p>"}');export{l as comp,c as data};

assets/index.html-BUHwOso0.js

@@ -0,0 +1 @@
+import{_ as t,c as a,e as o,r,o as n}from"./app-DFzJ4zlk.js";const s={};function c(l,i){const e=r("Catalog");return n(),a("div",null,[o(e)])}const p=t(s,[["render",c]]),_=JSON.parse('{"path":"/projekte/","title":"Projekte","lang":"de-DE","frontmatter":{"title":"Projekte","article":false,"feed":false,"sitemap":false},"git":{},"readingTime":{"minutes":0,"words":1},"filePathRelative":null,"excerpt":""}');export{p as comp,_ as data};

assets/index.html-BibaCLbd.js

@@ -0,0 +1 @@
+import{_ as t,c as a,e as o,r as n,o as r}from"./app-DFzJ4zlk.js";const s={};function c(l,i){const e=n("Catalog");return r(),a("div",null,[o(e)])}const _=t(s,[["render",c]]),f=JSON.parse('{"path":"/team/","title":"Team","lang":"de-DE","frontmatter":{"title":"Team","article":false,"feed":false,"sitemap":false},"git":{},"readingTime":{"minutes":0,"words":1},"filePathRelative":null,"excerpt":""}');export{_ as comp,f as data};

assets/it4c.html-BVs7qriC.js

@@ -0,0 +1 @@
+import{_ as s,c as a,a as n,d as i,e as r,w as l,r as u,o as d}from"./app-DFzJ4zlk.js";const o={};function m(g,e){const t=u("RouteLink");return d(),a("div",null,[e[18]||(e[18]=n("h1",{id:"it4c",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#it4c"},[n("span",null,"IT4C")])],-1)),e[19]||(e[19]=n("p",null,[n("strong",null,"IT Team for Change"),i(" (IT4C) ist ein Team von Softwareentwicklern, das gemeinsam Software entwickelt. Unser Fokus liegt auf Out-of-the-Box-Projekten und disruptiver Ziviltechnik, um zum unvermeidlichen Wandel unserer Gesellschaft beizutragen.")],-1)),e[20]||(e[20]=n("p",null,"Wir glauben an einen Arbeitsprozess, der genau das richtige Maß an Autorität hat, um vernünftige Entscheidungen zu treffen, uns zu koordinieren und somit unsere Ziele zu erreichen. Die Leitung kann je nach Fachwissen und Verfügbarkeit zwischen den Teammitgliedern wechseln. Außerdem glauben wir, dass jeder, der seine Arbeit gerne macht, effektiver ist, als wenn er dazu gezwungen wird. Wir stellen sicher, dass jedes Mitglied die größtmögliche Freiheit hat, wie es arbeiten möchte.",-1)),n("p",null,[e[1]||(e[1]=i("Wir sind ein Team, das über ganz Europa verteilt ist und manchmal sogar darüber hinaus. Der Kern des Teams arbeitet seit 2019 zusammen - siehe ")),r(t,{to:"/historie.html"},{default:l(()=>e[0]||(e[0]=[i("Historie")])),_:1}),e[2]||(e[2]=i(". Unser gemeinsamer Nenner neben der Liebe zu sozialen Projekten und der Computertechnologie ist die deutsche Sprache, auch wenn die meiste professionelle Arbeit auf Englisch stattfindet."))]),e[21]||(e[21]=n("p",null,"Eines unserer Prinzipien, um Projekte nicht unwartbar zu machen, ist die Verbreitung von Wissen innerhalb des Teams und die Rekrutierung neuer Mitglieder, die lernen wollen, wie wir Softwareentwicklung betreiben. Wir leben den agilen Prozess mit kurzen Release-Zyklen und wöchentlichen Feedback-Schleifen, um sicherzustellen, dass unsere Software tatsächlich die Bedürfnisse unserer Auftraggeber und Nutzer erfüllt.",-1)),e[22]||(e[22]=n("h2",{id:"projekte",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#projekte"},[n("span",null,"Projekte")])],-1)),e[23]||(e[23]=n("p",null,"Einige Projekte, auf die wir stolz sind:",-1)),n("ul",null,[n("li",null,[r(t,{to:"/projekte/democracy.app.html"},{default:l(()=>e[3]||(e[3]=[i("DEMOCRACY App")])),_:1})]),n("li",null,[e[8]||(e[8]=i("Human-Connection ")),n("ul",null,[n("li",null,[r(t,{to:"/projekte/ocelot.social.html"},{default:l(()=>e[4]||(e[4]=[i("Ocelot.social")])),_:1})]),e[5]||(e[5]=n("li",null,"wir.social ",-1)),e[6]||(e[6]=n("li",null,"sender.fm ",-1)),e[7]||(e[7]=n("li",null,"Yunite.me ",-1))])]),n("li",null,[r(t,{to:"/projekte/gradido.html"},{default:l(()=>e[9]||(e[9]=[i("Gradido")])),_:1})])]),e[24]||(e[24]=n("h2",{id:"mitglieder-und-mitarbeiter",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#mitglieder-und-mitarbeiter"},[n("span",null,"Mitglieder und Mitarbeiter")])],-1)),n("ul",null,[n("li",null,[r(t,{to:"/team/alexander-friedland.html"},{default:l(()=>e[10]||(e[10]=[i("Alexander Friedland")])),_:1})]),n("li",null,[r(t,{to:"/team/hannes-heine.html"},{default:l(()=>e[11]||(e[11]=[i("Hannes Heine")])),_:1})]),n("li",null,[r(t,{to:"/team/mathias-lenz.html"},{default:l(()=>e[12]||(e[12]=[i("Mathias Lenz")])),_:1})]),n("li",null,[r(t,{to:"/team/maximilian-harz.html"},{default:l(()=>e[13]||(e[13]=[i("Maximilian Harz")])),_:1})]),n("li",null,[r(t,{to:"/team/moriz-wahl.html"},{default:l(()=>e[14]||(e[14]=[i("Moriz Wahl")])),_:1})]),n("li",null,[r(t,{to:"/team/sebastian-stein.html"},{default:l(()=>e[15]||(e[15]=[i("Sebastian Stein")])),_:1})]),n("li",null,[r(t,{to:"/team/ulf-gebhardt.html"},{default:l(()=>e[16]||(e[16]=[i("Ulf Gebhardt")])),_:1})]),n("li",null,[r(t,{to:"/team/wolfgang-huss.html"},{default:l(()=>e[17]||(e[17]=[i("Wolfgang Huß")])),_:1})])])])}const h=s(o,[["render",m]]),p=JSON.parse('{"path":"/it4c.html","title":"IT4C","lang":"de-DE","frontmatter":{},"git":{},"readingTime":{"minutes":0.97,"words":292},"filePathRelative":"it4c.md","excerpt":"\\n<p><strong>IT Team for Change</strong> (IT4C) ist ein Team von Softwareentwicklern, das gemeinsam Software entwickelt. Unser Fokus liegt auf Out-of-the-Box-Projekten und disruptiver Ziviltechnik, um zum unvermeidlichen Wandel unserer Gesellschaft beizutragen.</p>\\n<p>Wir glauben an einen Arbeitsprozess, der genau das richtige Maß an Autorität hat, um vernünftige Entscheidungen zu treffen, uns zu koordinieren und somit unsere Ziele zu erreichen. Die Leitung kann je nach Fachwissen und Verfügbarkeit zwischen den Teammitgliedern wechseln. Außerdem glauben wir, dass jeder, der seine Arbeit gerne macht, effektiver ist, als wenn er dazu gezwungen wird. Wir stellen sicher, dass jedes Mitglied die größtmögliche Freiheit hat, wie es arbeiten möchte.</p>"}');export{h as comp,p as data};

assets/kontakt.html-ni-64aeI.js

@@ -0,0 +1 @@
+import{_ as n,c as r,b as t,o as a}from"./app-DFzJ4zlk.js";const i={};function s(d,e){return a(),r("div",null,e[0]||(e[0]=[t('<h1 id="kontakt" tabindex="-1"><a class="header-anchor" href="#kontakt"><span>Kontakt</span></a></h1><p>Ob auf der Suche nach erfahrenen Entwicklern, um deine Geschäftsidee zu implementieren, ein bestehendes Team zu erweitern - oder bei Interesse an Zusammenarbeit: Nimm Kontakt mit uns auf!</p><p>Wir sind per <a href="mailto:info@it4c.dev" target="_blank" rel="noopener noreferrer">E-Mail</a> oder <a href="tel://+4915784841600" target="_blank" rel="noopener noreferrer">Mobiltelefon</a> erreichbar (Deutsch oder Englisch).</p><h2 id="fur-entwickler" tabindex="-1"><a class="header-anchor" href="#fur-entwickler"><span>Für Entwickler</span></a></h2><p>Wenn du als Entwickler mit uns arbeiten möchtest, zeige uns gern dein Github Profil oder einen Lebenslauf.</p><p>Auch wenn du kein gutes Github-Profil hast oder gerade dein Studium abgeschlossen hast, kannst du uns gerne kontaktieren, wenn du daran interessiert bist, in einer professionellen Entwicklerumgebung zu arbeiten. Wir helfen dir dabei, dich in moderne Arbeitsabläufe, Technologien und das Innenleben eines Remote-Teams einzuarbeiten. Es wäre schön, wenn du IT aus Hingabe, nicht aus der Not heraus machst.</p><p>Auch über unseren <a href="https://t.me/+A3XAurSG9ws3NjE6" target="_blank" rel="noopener noreferrer">Telegram Kanal</a> kann man mit uns in Kontakt treten.</p><h2 id="fur-kunden" tabindex="-1"><a class="header-anchor" href="#fur-kunden"><span>Für Kunden</span></a></h2><p>Wenn du auf der Suche nach einem Entwicklerteam bist und unsere Expertise in Anspruch nehmen willst, schicke uns bitte eine detaillierte Projektbeschreibung, in der Ziele, Zeitrahmen, die sozialen Auswirkungen und die Frage, ob das Projekt Open- oder Closed-Source sein soll.</p><p>Wir werden mit dir zusammen arbeiten, um die Ziele auf nachhaltige Weise zu erreichen und sorgen dafür, das Wissen innerhalb des Teams zu verbreiten und bringen uns gern in deine bestehende IT-Abteilung ein, um die Skalierbarkeit zu gewährleisten.</p>',10)]))}const u=n(i,[["render",s]]),l=JSON.parse('{"path":"/kontakt.html","title":"Kontakt","lang":"de-DE","frontmatter":{},"git":{},"readingTime":{"minutes":0.76,"words":229},"filePathRelative":"kontakt.md","excerpt":"\\n<p>Ob auf der Suche nach erfahrenen Entwicklern, um deine Geschäftsidee zu implementieren, ein bestehendes Team zu erweitern - oder bei Interesse an Zusammenarbeit: Nimm Kontakt mit uns auf!</p>\\n<p>Wir sind per <a href=\\"mailto:info@it4c.dev\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">E-Mail</a> oder <a href=\\"tel://+4915784841600\\" target=\\"_blank\\" rel=\\"noopener noreferrer\\">Mobiltelefon</a> erreichbar (Deutsch oder Englisch).</p>"}');export{u as comp,l as data};

assets/maximilian-harz.html-Ct2dM9Rg.js

@@ -0,0 +1 @@
+import{_ as n,c as r,a as e,o as a}from"./app-DFzJ4zlk.js";const t="/images/portrait/max.jpg",l={};function m(o,i){return a(),r("div",null,i[0]||(i[0]=[e("h1",{id:"maximilian-harz",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#maximilian-harz"},[e("span",null,"Maximilian Harz")])],-1),e("p",null,[e("img",{src:t,alt:"Bild – Maximilian Harz"})],-1),e("p",null,"Seit meiner Jugend fasziniert mich die Möglichkeit, die eigene Gedankenwelt im Computer zum Leben zu erwecken. Meine ersten Hobbyprojekte waren private Webseiten und Browserspiele. Nach einem Informatikstudium an der Uni Saarbrücken war ich in verschiedenen Konstellationen als Softwareentwickler im Webbereich aktiv, z.B. als Frontend Engineer für die browser-native Blockchain Nimiq oder als technisch verantwortlicher Co-Founder einer leider nicht mehr existenten Second-Hand-Plattform.",-1),e("p",null,"In meiner Wahlheimat Gijón lernte ich Moriz kennen. Irgendwann sprachen wir über das Thema Beruf und im Frühjahr 2024 lud er mich zu einem IT4C Treffen ein. In dieser Runde fühlte ich mich sofort wohl. Seitdem verstärke ich das Team insbesondere als Frontend-Entwickler.",-1),e("p",null,"Nicht ganz nebenbei baue ich hier in Nordspanien ein kleines Permakultur-Projekt auf und renoviere ein altes Bauernhaus.",-1)]))}const c=n(l,[["render",m]]),d=JSON.parse('{"path":"/team/maximilian-harz.html","title":"Maximilian Harz","lang":"de-DE","frontmatter":{},"git":{},"readingTime":{"minutes":0.46,"words":137},"filePathRelative":"team/maximilian-harz.md","excerpt":"<!-- textlint-disable write-good -->\\n<h1>Maximilian Harz</h1>\\n<p><img src=\\"/images/portrait/max.jpg\\" alt=\\"Bild – Maximilian Harz\\"></p>\\n<p>Seit meiner Jugend fasziniert mich die Möglichkeit, die eigene Gedankenwelt im Computer zum Leben zu erwecken. Meine ersten Hobbyprojekte waren private Webseiten und Browserspiele. Nach einem Informatikstudium an der Uni Saarbrücken war ich in verschiedenen Konstellationen als Softwareentwickler im Webbereich aktiv, z.B. als Frontend Engineer für die browser-native Blockchain Nimiq oder als technisch verantwortlicher Co-Founder einer leider nicht mehr existenten Second-Hand-Plattform.</p>"}');export{c as comp,d as data};

assets/moriz-wahl.html-BaoeU4ay.js

@@ -0,0 +1 @@
+import{_ as r,c as a,b as i,o as n}from"./app-DFzJ4zlk.js";const t="/images/portrait/moriz-wahl.jpg",l={};function o(h,e){return n(),a("div",null,e[0]||(e[0]=[i('<h1 id="moriz-wahl" tabindex="-1"><a class="header-anchor" href="#moriz-wahl"><span>Moriz Wahl</span></a></h1><p><img src="'+t+'" alt="Moriz Wahl"></p><p>Als ich 8 Jahre alt war, bekam ich einen ZX81. Seitdem hat meine Faszination für das Programmieren nie aufgehört.</p><h2 id="rolle" tabindex="-1"><a class="header-anchor" href="#rolle"><span>Rolle</span></a></h2><ul><li>Management</li><li>Unit Testing</li><li>Backend-Entwickler</li><li>Frontend-Entwickler</li><li>Typografie</li><li>Datenbank-Entwickler</li><li>Motivation</li></ul><h2 id="gesprochene-sprachen" tabindex="-1"><a class="header-anchor" href="#gesprochene-sprachen"><span>Gesprochene Sprachen</span></a></h2><ul><li>Deutsch (Muttersprache)</li><li>Englisch (mündlich und schriftlich)</li><li>Spanisch (mündlich und schriftlich)</li></ul><h2 id="expertise-projekte" tabindex="-1"><a class="header-anchor" href="#expertise-projekte"><span>Expertise &amp; Projekte</span></a></h2><p>Nach meinem Studium arbeitete ich acht Jahre lang für <a href="https://www.le-tex.de/" target="_blank" rel="noopener noreferrer">le-tex</a>, wo ich viel über Typografie, Datenkonvertierung, Prozessautomatisierung und Teammanagement.</p><p>Ich habe für kleine Firmen gearbeitet, die Dienstleistungen für große Unternehmen anbieten. Dabei kam ich mit Logistik und Risikomanagement in Berührung.</p><p>Im Jahr 2019 begann ich mit der Mitarbeit am Open-Source-Projekt Human Connection. <a href="https://github.com/Ocelot-Social-Community" target="_blank" rel="noopener noreferrer">ocelot.social</a> und <a href="https:gdd.gradido.net" target="_blank" rel="noopener noreferrer">Gradido</a> folgten.</p><h2 id="computersprachen" tabindex="-1"><a class="header-anchor" href="#computersprachen"><span>Computersprachen</span></a></h2><ul><li><a href="https://www.javascript.com/" target="_blank" rel="noopener noreferrer">Javascript</a></li><li><a href="https://dotnet.microsoft.com/en-us/languages/csharp" target="_blank" rel="noopener noreferrer">C#</a></li><li><a href="https://www.python.org/" target="_blank" rel="noopener noreferrer">Python</a></li><li><a href="https://www.latex-project.org/" target="_blank" rel="noopener noreferrer">LaTeX</a></li><li><a href="https://www.gnu.org/software/emacs/manual/elisp.html" target="_blank" rel="noopener noreferrer">Lisp/eLisp</a></li><li><a href="https://de.wikipedia.org/wiki/XSL_Transformation" target="_blank" rel="noopener noreferrer">XSLT2.0/XPath2.0</a></li><li><a href="https://de.wikipedia.org/wiki/Pascal_(Programmiersprache)" target="_blank" rel="noopener noreferrer">Pascal</a></li><li><a href="https://de.wikipedia.org/wiki/BASIC" target="_blank" rel="noopener noreferrer">BASIC</a></li><li><a href="https://de.wikipedia.org/wiki/SQL" target="_blank" rel="noopener noreferrer">SQL</a></li><li><a href="https://opencypher.org/" target="_blank" rel="noopener noreferrer">Cypher</a></li><li><a href="https://de.wikipedia.org/wiki/Hypertext_Markup_Language" target="_blank" rel="noopener noreferrer">HTML</a></li><li><a href="https://de.wikipedia.org/wiki/Cascading_Style_Sheets" target="_blank" rel="noopener noreferrer">CSS</a></li><li><a href="https://de.wikipedia.org/wiki/Sass_(Stylesheet-Sprache)" target="_blank" rel="noopener noreferrer">SASS</a></li></ul>',13)]))}const s=r(l,[["render",o]]),c=JSON.parse('{"path":"/team/moriz-wahl.html","title":"Moriz Wahl","lang":"de-DE","frontmatter":{},"git":{},"readingTime":{"minutes":0.55,"words":164},"filePathRelative":"team/moriz-wahl.md","excerpt":"\\n<p><img src=\\"/images/portrait/moriz-wahl.jpg\\" alt=\\"Moriz Wahl\\"></p>\\n<p>Als ich 8 Jahre alt war, bekam ich einen ZX81. Seitdem hat meine\\nFaszination für das Programmieren nie aufgehört.</p>\\n<h2>Rolle</h2>\\n<ul>\\n<li>Management</li>\\n<li>Unit Testing</li>\\n<li>Backend-Entwickler</li>\\n<li>Frontend-Entwickler</li>\\n<li>Typografie</li>\\n<li>Datenbank-Entwickler</li>\\n<li>Motivation</li>\\n</ul>"}');export{s as comp,c as data};

assets/ocelot.social.html-DvHmLRyp.js

@@ -0,0 +1 @@
+import{_ as o,c as r,a as n,e as i,b as a,d as l,r as s,o as c}from"./app-DFzJ4zlk.js";const d="/images/projects/ocelot.png",u={};function p(g,e){const t=s("CaptionedImage");return c(),r("div",null,[e[0]||(e[0]=n("h1",{id:"ocelot-social",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#ocelot-social"},[n("span",null,"Ocelot.Social")])],-1)),e[1]||(e[1]=n("p",null,[n("img",{src:d,alt:"Ocelot.Social"})],-1)),e[2]||(e[2]=n("p",null,"Dieses Projekt begann unter dem Namen Human Connection. Die Idee war, eine Alternative für soziale Netzwerke wie Facebook, Instagram oder TikTok zu schaffen, bei der die Nutzer nicht das Produkt sind. Nach der Schließung des Netzwerks von Human Connection wurde die Open-Source-Software weiterentwickelt.",-1)),e[3]||(e[3]=n("p",null,[n("em",null,"Ocelot.social"),l(" kann durch beliebige Betreiber auf eigenen Servern gehostet, mit eigenem Branding und zu eignen Nutzungsbedingungen angeboten werden. Es kann individuell konfiguriert werden und ist skalierbar sowie erweiterbar.")],-1)),e[4]||(e[4]=n("br",null,null,-1)),i(t,{src:"/images/projects/ocelot-newsfeed.png",caption:"Bild: Ein Newsfeed in Ocelot.social"}),e[5]||(e[5]=a('<p>Teste die <a href="https://ocelot.social/de/get-started/" target="_blank" rel="noopener noreferrer">Demoversion</a>.</p><p>Mehr Infos auf <a href="https://ocelot.social/de/" target="_blank" rel="noopener noreferrer">ocelot.social</a> und <a href="https://github.com/Ocelot-Social-Community/Ocelot-Social" target="_blank" rel="noopener noreferrer">GitHub</a>.</p><h2 id="unser-angebot" tabindex="-1"><a class="header-anchor" href="#unser-angebot"><span>Unser Angebot</span></a></h2><p>IT-Team-for-Change (IT4C) unterstützt Interessierte und Betreiber mit:</p><ul><li>Beratung</li><li>Hosting</li><li>Software-Unterhalt</li><li>Weiterentwicklung der Software</li></ul>',5))])}const f=o(u,[["render",p]]),k=JSON.parse('{"path":"/projekte/ocelot.social.html","title":"Ocelot.Social","lang":"de-DE","frontmatter":{},"git":{},"readingTime":{"minutes":0.43,"words":128},"filePathRelative":"projekte/ocelot.social.md","excerpt":"\\n<p><img src=\\"/images/projects/ocelot.png\\" alt=\\"Ocelot.Social\\"></p>\\n<p>Dieses Projekt begann unter dem Namen Human Connection.\\nDie Idee war, eine Alternative für soziale Netzwerke wie Facebook, Instagram oder TikTok zu schaffen, bei der die Nutzer nicht das Produkt sind.\\nNach der Schließung des Netzwerks von Human Connection wurde die Open-Source-Software weiterentwickelt.</p>"}');export{f as comp,k as data};

assets/sebastian-stein.html-Cekunqz-.js

@@ -0,0 +1 @@
+import{_ as i,c as n,b as t,o as s}from"./app-DFzJ4zlk.js";const r="/images/portrait/sebastian-stein.jpg",a={};function h(c,e){return s(),n("div",null,e[0]||(e[0]=[t('<h1 id="sebastian-stein" tabindex="-1"><a class="header-anchor" href="#sebastian-stein"><span>Sebastian Stein</span></a></h1><p><img src="'+r+'" alt="Bild – Sebastian Stein"></p><p>Mit Begeisterung bringe ich Ideen zum Leben und finde es faszinierend, wenn Projekte Gestalt annehmen und Wirklichkeit werden. Bei meiner Arbeit verbinde ich zwei wichtige Perspektiven: Einerseits den technischen Blick, wie sich Lösungen effektiv und wartungsfreundlich umsetzen lassen. Andererseits die psychologische Seite, bei der ich mich in die Wünsche der User hineinversetze, um zu verstehen, was wirklich gebraucht wird.</p><h2 id="story" tabindex="-1"><a class="header-anchor" href="#story"><span>Story</span></a></h2><p>Meine Reise in der Informatik begann mit 16 Jahren, als ich mir das Programmieren selbst beibrachte. Vor meinem Studium der Technischen Informatik konnte ich bereits erste Erfahrungen als Hilfskraft in einem Softwareunternehmen sammeln. Während des Studiums verwirklichte ich mein erstes großes Projekt – das war mein eigentliches Lehrmeister-Erlebnis, bei dem ich enorm viel mitnehmen konnte. Nach dem Abschluss wurde ich direkt von dem Unternehmen übernommen, bei dem ich meine Diplomarbeit geschrieben hatte. Nach eineinhalb Jahren in fester Anstellung zog es mich dann in die Selbstständigkeit, um meinen eigenen Weg zu gehen und Projekte freier umzusetzen zu können.</p><h2 id="rolle" tabindex="-1"><a class="header-anchor" href="#rolle"><span>Rolle</span></a></h2><ul><li>Frontend-Entwickler</li><li>UX-Konzeption</li></ul><h2 id="sprachen" tabindex="-1"><a class="header-anchor" href="#sprachen"><span>Sprachen</span></a></h2><ul><li>Deutsch (Muttersprache)</li><li>Englisch (mündlich und schriftlich)</li></ul>',9)]))}const l=i(a,[["render",h]]),m=JSON.parse('{"path":"/team/sebastian-stein.html","title":"Sebastian Stein","lang":"de-DE","frontmatter":{},"git":{},"readingTime":{"minutes":0.6,"words":180},"filePathRelative":"team/sebastian-stein.md","excerpt":"<!-- textlint-disable write-good -->\\n<h1>Sebastian Stein</h1>\\n<p><img src=\\"/images/portrait/sebastian-stein.jpg\\" alt=\\"Bild – Sebastian Stein\\"></p>\\n<p>Mit Begeisterung bringe ich Ideen zum Leben und finde es faszinierend, wenn Projekte Gestalt annehmen und Wirklichkeit werden.\\nBei meiner Arbeit verbinde ich zwei wichtige Perspektiven: Einerseits den technischen Blick, wie sich Lösungen effektiv und wartungsfreundlich umsetzen lassen. Andererseits die psychologische Seite, bei der ich mich in die Wünsche der User hineinversetze, um zu verstehen, was wirklich gebraucht wird.</p>"}');export{l as comp,m as data};

assets/utopia.map.html-8eIwcouy.js

@@ -0,0 +1 @@
+import{_ as n,c as t,b as r,o as a}from"./app-DFzJ4zlk.js";const i={};function s(o,e){return a(),t("div",null,e[0]||(e[0]=[r('<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>',10)]))}const p=n(i,[["render",s]]),u=JSON.parse('{"path":"/projekte/utopia.map.html","title":"Utopia Map","lang":"de-DE","frontmatter":{},"git":{},"readingTime":{"minutes":0.71,"words":212},"filePathRelative":"projekte/utopia.map.md","excerpt":"\\n<p><strong>Lass deine Gemeinschaft wachsen – und gestalte dezentrale Netzwerke!</strong></p>\\n<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>"}');export{p as comp,u as data};

images/docs/architecture.drawio

@@ -0,0 +1,138 @@
+<mxfile host="65bd71144e">
+    <diagram id="meJA_rg5n3EOEVvTAqwo" name="Page-1">
+        <mxGraphModel dx="1679" dy="836" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" background="#4D4D4D" math="0" shadow="0">
+            <root>
+                <mxCell id="0"/>
+                <mxCell id="1" parent="0"/>
+                <mxCell id="41" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1" source="5" target="38">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="42" value="1. force push" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontColor=#FFFFFF;" vertex="1" connectable="0" parent="41">
+                    <mxGeometry x="-0.3753" y="2" relative="1" as="geometry">
+                        <mxPoint x="10" y="12" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="44" value="2. gh-pages deploy from branch" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;jumpStyle=none;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;labelBackgroundColor=none;" edge="1" parent="1" source="5" target="43">
+                    <mxGeometry x="0.3208" y="-15" relative="1" as="geometry">
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="5" value="vuepress-build&lt;br&gt;Workflow" style="rhombus;whiteSpace=wrap;html=1;fillColor=#a0522d;fontColor=#ffffff;strokeColor=#6D1F00;" vertex="1" parent="1">
+                    <mxGeometry x="760" y="41" width="160" height="119" as="geometry"/>
+                </mxCell>
+                <mxCell id="21" value="open PR" style="edgeStyle=none;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;labelBackgroundColor=none;" edge="1" parent="1" target="17">
+                    <mxGeometry x="0.0127" y="-13" relative="1" as="geometry">
+                        <mxPoint x="200" y="100" as="sourcePoint"/>
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="12" value="PR branch" style="swimlane;whiteSpace=wrap;html=1;fillColor=#1ba1e2;fontColor=#ffffff;strokeColor=#006EAF;" vertex="1" parent="1">
+                    <mxGeometry x="40" y="40" width="160" height="113" as="geometry"/>
+                </mxCell>
+                <mxCell id="14" value="Commit #1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#647687;fontColor=#ffffff;strokeColor=#314354;" vertex="1" parent="12">
+                    <mxGeometry y="83" width="160" height="30" as="geometry"/>
+                </mxCell>
+                <mxCell id="15" value="Commit #2" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#647687;fontColor=#ffffff;strokeColor=#314354;" vertex="1" parent="12">
+                    <mxGeometry y="53" width="160" height="30" as="geometry"/>
+                </mxCell>
+                <mxCell id="16" value="Commit #3&lt;br&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#647687;fontColor=#ffffff;strokeColor=#314354;" vertex="1" parent="12">
+                    <mxGeometry y="23" width="160" height="30" as="geometry"/>
+                </mxCell>
+                <mxCell id="34" value="merge" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.404;entryDx=0;entryDy=0;entryPerimeter=0;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;labelBackgroundColor=none;" edge="1" parent="1" source="17" target="32">
+                    <mxGeometry x="0.0005" y="-13" relative="1" as="geometry">
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="17" value="Pullrequest-Review&lt;br&gt;Workflow" style="rhombus;whiteSpace=wrap;html=1;fillColor=#a0522d;fontColor=#ffffff;strokeColor=#6D1F00;" vertex="1" parent="1">
+                    <mxGeometry x="279" y="40" width="160" height="120" as="geometry"/>
+                </mxCell>
+                <mxCell id="26" value="review" style="edgeStyle=none;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;labelBackgroundColor=none;" edge="1" parent="1" target="17">
+                    <mxGeometry x="0.0137" relative="1" as="geometry">
+                        <mxPoint x="359.412429378531" y="230" as="sourcePoint"/>
+                        <mxPoint x="360" y="170" as="targetPoint"/>
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="23" value="Reviewer" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;fillColor=#eeeeee;strokeColor=#FFFFFF;fontColor=#FFFFFF;" vertex="1" parent="1">
+                    <mxGeometry x="352" y="230" width="15" height="31" as="geometry"/>
+                </mxCell>
+                <mxCell id="37" style="edgeStyle=none;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1" target="5">
+                    <mxGeometry relative="1" as="geometry">
+                        <mxPoint x="680" y="101" as="sourcePoint"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="40" value="on merge" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontColor=#FFFFFF;" vertex="1" connectable="0" parent="37">
+                    <mxGeometry x="-0.6632" relative="1" as="geometry">
+                        <mxPoint x="24" y="12" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="27" value="master branch" style="swimlane;whiteSpace=wrap;html=1;fillColor=#1ba1e2;fontColor=#ffffff;strokeColor=#006EAF;" vertex="1" parent="1">
+                    <mxGeometry x="520" y="41" width="160" height="289" as="geometry"/>
+                </mxCell>
+                <mxCell id="28" value="PR Merge #1" style="rounded=0;whiteSpace=wrap;html=1;fontColor=#ffffff;fillColor=#647687;strokeColor=#314354;" vertex="1" parent="27">
+                    <mxGeometry y="201" width="160" height="89" as="geometry"/>
+                </mxCell>
+                <mxCell id="31" value="PR Merge #2" style="rounded=0;whiteSpace=wrap;html=1;fontColor=#ffffff;fillColor=#647687;strokeColor=#314354;" vertex="1" parent="27">
+                    <mxGeometry y="112" width="160" height="89" as="geometry"/>
+                </mxCell>
+                <mxCell id="32" value="PR Merge #3" style="rounded=0;whiteSpace=wrap;html=1;fontColor=#ffffff;fillColor=#647687;strokeColor=#314354;" vertex="1" parent="27">
+                    <mxGeometry y="23" width="160" height="89" as="geometry"/>
+                </mxCell>
+                <mxCell id="35" value="" style="endArrow=classic;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;dashed=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1" target="31">
+                    <mxGeometry width="50" height="50" relative="1" as="geometry">
+                        <mxPoint x="480" y="198" as="sourcePoint"/>
+                        <mxPoint x="691" y="221" as="targetPoint"/>
+                        <Array as="points">
+                            <mxPoint x="480" y="198"/>
+                        </Array>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="36" value="" style="endArrow=classic;html=1;dashed=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1">
+                    <mxGeometry width="50" height="50" relative="1" as="geometry">
+                        <mxPoint x="480" y="287" as="sourcePoint"/>
+                        <mxPoint x="521" y="287" as="targetPoint"/>
+                        <Array as="points">
+                            <mxPoint x="481" y="287"/>
+                        </Array>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="45" style="edgeStyle=orthogonalEdgeStyle;jumpStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;labelBackgroundColor=none;fontColor=#FFFFFF;strokeColor=#FFFFFF;" edge="1" parent="1" source="38" target="43">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="38" value="gh-pages branch" style="swimlane;whiteSpace=wrap;html=1;fillColor=#1ba1e2;fontColor=#ffffff;strokeColor=#006EAF;" vertex="1" parent="1">
+                    <mxGeometry x="1000" y="41" width="200" height="120" as="geometry"/>
+                </mxCell>
+                <mxCell id="39" value="latest built files&lt;br&gt;Commit #1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="38">
+                    <mxGeometry y="23" width="200" height="97" as="geometry"/>
+                </mxCell>
+                <mxCell id="43" value="github-pages infrastructrue&lt;br&gt;https://www.it4c.dev" style="shape=internalStorage;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#e3c800;fontColor=#000000;strokeColor=#B09500;" vertex="1" parent="1">
+                    <mxGeometry x="1000" y="200" width="200" height="130" as="geometry"/>
+                </mxCell>
+                <mxCell id="46" value="" style="endArrow=classic;html=1;dashed=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1">
+                    <mxGeometry width="50" height="50" relative="1" as="geometry">
+                        <mxPoint x="680" y="198" as="sourcePoint"/>
+                        <mxPoint x="720" y="198" as="targetPoint"/>
+                        <Array as="points">
+                            <mxPoint x="720" y="198"/>
+                        </Array>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="47" value="" style="endArrow=classic;html=1;dashed=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1">
+                    <mxGeometry width="50" height="50" relative="1" as="geometry">
+                        <mxPoint x="680" y="284" as="sourcePoint"/>
+                        <mxPoint x="720" y="284" as="targetPoint"/>
+                        <Array as="points">
+                            <mxPoint x="720" y="284"/>
+                        </Array>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="49" value="" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=none;strokeColor=none;fontColor=#FFFFFF;fillColor=none;gradientColor=none;" vertex="1" parent="1">
+                    <mxGeometry width="20" height="20" as="geometry"/>
+                </mxCell>
+                <mxCell id="50" value="" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=none;strokeColor=none;fontColor=#FFFFFF;fillColor=none;gradientColor=none;" vertex="1" parent="1">
+                    <mxGeometry x="1220" y="340" width="20" height="20" as="geometry"/>
+                </mxCell>
+            </root>
+        </mxGraphModel>
+    </diagram>
+</mxfile>