<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>hacc – hackers against climate change</title> <link rel="icon" type="image/png" href="assets/favicon.png"> <style> @font-face { font-family: 'share-tech'; src: url('assets/ShareTech-Regular.ttf') format('truetype'); /*font-weight: normal; font-style: normal;*/ } html { overflow: hidden; height: 100%; } body { background-color: #000; color: #fff; font-family: share-tech; margin: 0; perspective: 1px; -webkit-perspective: 1px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; overflow-y: auto; overflow-x: hidden; height: 100%; } #globe { position: absolute; top: 0; right: 0; left: 0; transform: translateZ(-1px) scale(2); z-index:-1; } #globe > img { height: 100vh; /*position: absolute; right: 0; top: 0;*/ float: right; /*width: 30%;*/ } #bg { position: absolute; top: 40%; right: 0; left: 0; height: 60%; transform: translateZ(.25px); z-index:-1; background: transparent; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } #bg::after { background: #000; height: 1000px; width: 100%; bottom: -1000px; position: absolute; content: ""; } .content { position: relative; top: 100px; margin-left: 150px; margin-right: 150px; overflow: hidden; -webkit-transform: translateZ(0px); } footer.content { top: 50px; color: #707070; font-size: 14px; } footer a { color: #cccccc; } .logo { position: relative; width: 100%; } .logo > img { width: 300px; max-width: 100%; } h1 { font-size: 42px; font-weight: 600; display: inline; /*margin-bottom: 0;*/ background: rgb(59,115,185); background: linear-gradient(90deg, rgb(59, 115, 185) 0%, rgb(229, 35, 33) 100%); background-clip: border-box; color: transparent; -webkit-background-clip: text; background-clip: text; } p, li { font-size: 26px; max-width: 900px; } a { text-decoration: none; color: #3b73b9; transition: color .1s linear; } a:hover { /*color: #e52321;*/ color: #4e9af9; } ul { margin-top: 0; } .langswitch { //position: -webkit-sticky; /* Safari */ //position: sticky; font-size: 30px; max-width: 100px; margin: auto; margin-right: 0px; top: 50px; /*left: 900px;*/ /*right: 10px;*/ /*sticky somehow doesn't like right*/ text-shadow: 2px 2px 5px black; z-index: 100; } .welcome { margin-top: 25vh; width: 60%; } .whatwedo { margin-top: 150px; } .section { margin-top: 100px; } .activities { width: 100%; margin-top: 80px; } .activities > div { width: 44%; display: inline-grid; margin-left: 5%; } .activities .logo-container { width: 100%; text-align: center; } .activities .logo-container img { height: 70px; max-width: 100%; } .blink { animation: 1s steps(2) 0s infinite running blink; } @keyframes blink { from { visibility: hidden; } to { visibility: visible; } } @media only screen and (max-width: 1000px) { .content { margin-left: 50px; margin-right: 50px; } .activities > div { width: 90%; display: block; } .activities > div:first-child { margin-bottom: 70px; } } @media only screen and (max-width: 650px) { .logo { text-align: center; } .welcome { width: 100%; margin-top: 55vh; } .content { margin-left: 20px; margin-right: 20px; } p, li { font-size: 22px; } } @media only screen and (min-width: 768px) { .langswitch { position: -webkit-sticky; /* Safari */ position: sticky; font-size: 30px; margin: auto; margin-right: 50px; top: 50px; } } </style> </head> <body> <div id="globe"><img src="assets/globe_cut_mid.jpg" alt="The Earth, seen from space."/></div> <div id="bg"></div> <div class="langswitch"><a href="/index.html" style="color: #ffffff">en</a>/<u><a href="/index_de.html" style="color: #ffffff">de</a></u></div> <main class="content" style="z-index: 100"> <div class="logo"><img src="assets/logo_header_shadow.svg" alt="hacc. hackers against climate change."/></div> <a name="welcometohacc"></a> <div class="welcome"> <h1>Willkommen bei hacc<span class="blink">_</span></h1> <p> “Hackers Against Climate Change” entstammt einer Serie von <a href="https://events.ccc.de/congress/2018/wiki/index.php/Session:Hackers_Against_Climate_Change">Self-Organized Sessions beim 35c3</a>. Seit dem haben wir mit anderen Klimaschutzgruppen zusammengearbeitet, diese mit technischem Wissen unterstützt, sowie in der Hacker Community auf die Klimakrise aufmerksam gemacht.</p> <p> Zögere nicht mit uns in <a href="#contact">Kontakt</a> zu treten, über verschiedene Kanäle oder bei lokalen <a href="#meetups">Treffen</a>. Treffe uns bei Chaos-Events oder starte Deine eigene lokale Gruppe! </p> </div> <a name="whatwedo"></a> <div class="whatwedo"> <h1>Was wir machen<span class="blink"></span></h1> <p> hacc ist eine Gemeinschaft von Lebewesen die sich zur Aufgabe gemacht haben, im Sinne der <a href="https://www.ccc.de/de/hackerethik">Hackerethik</a> des Chaos Computer Clubs die Klimaschutzbewegung mitzugestalten. Zur Zeit sind unsere bedeutensten Projekte <a href="#haccvoc">hacc.voc</a> und <a href="#infra4future">infra4future</a> (siehe unten).<br>Ein weiteres Projekt ist <a href="https://hacc.uber.space/HACC_CSV">hacc.csv</a>. Dabei steht csv für collaboration, science, visualization und data. Es gibt zwei <a href="https://hacc.uber.space/HACC_Local_Groups">lokale Gruppen</a> in Deutschland, in München und Siegen. </p> <a name="activities"></a> <div class="activities"> <div> <a name="haccvoc"></a> <div class="logo-container"> <a href="https://haccvoc.de"><img src="assets/haccvoc.svg" alt="hacc.voc"></a> </div> <p> Du hast ein Event hast brauchst wen um es zu filmen oder live zu streamen? Vielleicht habe wir Zeit und können dir helfen! <br> Alle unsere Aufnahmen landen auf <a href="https://hacc.media">hacc.media</a>; unsere Livestreams sind auf <a href="https://live.hacc.media">live.hacc.media</a>. </p> <ul> <li><a href="https://vedge-kongress.de/">v-edge Congress 2020</a> in München</li> <li>Livestreams und Aufzeichnungen einiger Podiumsdiskussionen und Pressekonferenzen von anderen * for future-Orgas (siehe <a href="https://hacc.media/search?tagsOneOf=fff">hacc.media</a>)</li> <li>Unsere eigene <a href="https://hacc.media/videos/watch/playlist/e90713e1-44a7-4f8e-9d1d-dd6551587d2f?playlistPosition=1">Stage</a> auf der Remote Chaos Experience (rc3) 2020</li> <li>Die Streaming-Infrastruktur für die zweite und dritte Auflage der <a href="https://studentsforfuture.info/public-climate-school/">Public Climate School</a> der Students for Future</li> </ul> </div> <div> <a name="infra4future"></a> <div class="logo-container"> <a href="https://infra4future.de"><img src="assets/infra4future.svg" alt="infra4future"></a> </div> <p> Wir betreiben und administrieren Server-Infrastruktur und stellen diese Klimaschutzgruppen zur Verfügung. </p> <ul> <li>Cloud-Speicher, Chats und Foren</li> <li><a href="https://mumble.hacc.space">mumble.hacc.space</a>: ein Sprach-Chat für Gruppen, die ohne physische Treffen in Kontakt bleiben wollen</li> <li>Wenn Du einen der Dienste benötigst, schau Dich auf der oben verlinkten Seite um, schreib uns oder <a href="https://cloud.infra4future.de/">erstell Dir ein Account</a>!</li> </ul> </div> </div> </div> <a name="meetups"></a> <div class="section"> <h1>Mitmachen<span class="blink"></span></h1> <ul> <li>Regelmäßiger internationaler Call, jeden 10. und 25. im Monat um 18:00 UTC via <a href="https://meet.ffmuc.net/hacc.int">Jitsi</a>.</li> <li>Regelmäßige Treffen von <a href="https://hacc.uber.space/HACC/Europe/DE/BY/Munich">hacc in München</a>, normalerweise jeden ersten und dritten Mittwoch im Monat um 19:00 Uhr beim <a href="https://muc.ccc.de/">muCCC</a>. Im Moment treffen wir uns Online auf <a href="https://mumble.hacc.space/">mumble.hacc.space</a>.</li> <li>Regelmäßige Treffen des <a href="https://hacc.uber.space/HACC/Europe/DE/NRW/Siegen">Klimanotstandbündnis in Siegen</a>. Jeden zweiten Sonntag, siehe hacc-Seite.</li> <li> Wenn du Vorschläge für Änderungen an unserer Infrastruktur hast, leg bitte einen Issue <a href="https://gitlab.infra4future.de/hacc/infra/meta">in unserem Meta-Diskussions-Repo</a> an, oder (falls du Nix kennst) erstelle einen Merge Request <a href="https://gitlab.infra4future.de/hacc/infra/haccfiles">auf die nixfiles</a>, über die wir einen (größer werdenden) Teil unserer Server verwalten. </li> </ul> </div> <a name="contact"></a> <div class="section"> <h1>Kontakt<span class="blink"></span></h1> <p> Du kannst uns über verschiedne Kanäle erreichen und mitmachen: </p> <ul> <li>contact-at-hacc.earth</li> <li>Im Fediverse auf <a href="https://chaos.social/@hacc">chaos.social</a></li> <li><a href="https://hacc.wiki">hacc.wiki</a></li> <li><a href="https://infra4future.de">infra4future.de</a></li> <li><a href="https://matrix.to/#/#hacc:libera.chat">#hacc:libera.chat</a></li> <li><a href="https://web.libera.chat/#hacc">#hacc auf irc.libera.chat</a></li> <li><a href="https://mumble.hacc.space">mumble.hacc.space</a></li> <li><a href="https://hacc.uber.space/mailman/listinfo">hacc-Mailinglisten</a></li> </ul> </div> <a name="othergroups"></a> <div class="section"> <h1>Spin offs & Ähnlich Gruppen<span class="blink"></span></h1> <p> Es gibt verschiedene Spin-Offs, die aus der Bewegung der den <a href="https://events.ccc.de/congress/2018/wiki/index.php/Session:Hackers_Against_Climate_Change">ersten hacc-Sessions</a> auf dem 35c3 und Events wie dem <a href="https://events.ccc.de/camp/2019/wiki/Main_Page">CCCamp2019</a> entstanden sind: </p> <ul> <li><a href="https://hacc.uber.space/c3sus">c3sus</a>, Chaos-Events nachhaltig gestalten</li> <li><a href="https://altpwr.net/">Eventgrid</a>, Entwicklung eines lokalen Stromnetzes, für Outdoor-Events wie dem Camp</li> </ul> <p> Weitere Projektideen gibt es im <a href="https://hacc.wiki">wiki</a>. </p> <h2>Ähnliche Gruppen</h2> <ul> <li><a href="https://bits-und-baeume.org/regionalzweige/de">Bits & Bäume</a> in Dresden, Berlin, Hannover, Dortmund, Köln und Osnabrück</li> <li><a href="https://hackersforfuture.de">Hackers for Future</a> in Regensburg (zur Zeit pausierend)</li> <li><a href="https://developersforfuture.org">Developers for Future</a></li> <li><a href="https://totalism.org">CHT Hackbase</a> auf den Kanarischen Inseln</li> </ul> </div> <a name="weinthepress"></a> <div class="section"> <h1>In der Presse<span class="blink"></span></h1> <p> Le Monde hat sich aus unbekannten Gründen entschlossen, uns und unsere Poster (und Mate) in einem <a href="https://www.lemonde.fr/pixels/article/2019/12/30/a-leipzig-hackers-et-militants-pour-le-climat-font-front-commun_6024362_4408996.html">Artikel</a> zum <a href="https://events.ccc.de/congress/2019/wiki/index.php/Main_Page">36c3</a> zu erwähnen! </p> </div> <div class="section"></div> </main> <footer class="content" style="z-index: 200"> <div> <a href="#contact">Kontakt</a> • <a href="https://infra4future.de/impressum.html">Impressum</a> </div> </footer> </body> </html>