<!DOCTYPE html>
<html lang="en">
    <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 &ndash; 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: #cccccc;
                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="Die Erde vom Weltall aus gesehen." /></div>
        <div id="bg"></div>
        <!--<div class="langswitch"><u><a href="/index.html" style="color: #ffffff">en</a></u>/<a href="/index_de.html" style="color: #ffffff">de</a></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>Welcome to hacc<span class="blink">_</span></h1>
                <p>
                “Hackers Against Climate Change" originated as a series of <a href="https://events.ccc.de/congress/2018/wiki/index.php/Session%3AHackers_Against_Climate_Change">self-organized sessions at 35c3</a>. Working groups, spin offs and local chapters formed afterwards and were present at all major CCC events. Join the groups or start your own!</p>
                <p>More info <a href="#aboutpage">about this page</a> at the bottom.
                </p>
            </div>

            <a name="contact"></a>
            <div class="section">
                <h1>Get in contact<span class="blink"></span></h1>
<p>
    <ul>
    <li>
        <a href="https://muc.hacc.earth">hacc e.V.</a>, local chapter Munich<sup><a href="#history">*</a></sup>
        <ul>
        <li>
            <a href="https://web.libera.chat/#hacc">#hacc</a> on irc.libera.chat or as matrix bridge <a href="https://matrix.to/#/#hacc:libera.chat">#hacc:libera.chat</a>
        </li>
        <li>
            <a href="https://web.libera.chat/#hacc-muc">#hacc-muc</a> on irc.libera.chat or as matrix bridge <a href="https://matrix.to/#/#hacc-muc:libera.chat">#hacc-muc:libera.chat</a>
        </li>
        <li>
            <a href="https://chaos.social/@hacc">@hacc@chaos.social</a>
        </li>
        <li>
            <a href="https://mumble.hacc.space/">mumble.hacc.space</a>
        </li>
        <li>
            info@hacc.earth
        </li>
        </ul>
    </li>
    <li>
        <a href="https://totalism.org/hacc">CHT hackbase</a>, local chapter Canary Island<sup><a href="#history">*</a></sup>
        <ul>
        <li>
            <a href="https://matrix.to/#/#hacc:matrix.org">#hacc:matrix.org</a>
        </li>
        </ul>
    </li>
    <li>    
    <a href="https://hacc.uber.space/mailman/listinfo">hacc mailinglists</a>
    </li>
</ul>
</p>
<!--                
                <a name="activities"></a>
                <div class="activities">
                    <div>
                        <a name="haccvoc"></a>
                        <div class="logo-container">
                            <a href="https://hacc.earth#haccvoc"><img src="assets/haccvoc.svg" alt="hacc.voc"></a>
                        </div>
                        <p>
                            If you have an event and need someone
                            to film or livestream it, maybe we have
                            time and can help you!
                            All our recordings and livestreams can be found on <a href="https://hacc.media/">hacc.media</a>; if we stream something live, you'll find us at
                            <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 Munich</li>
                            <li>Filmed and live streamed several stage discussions and press conferences of other * for future groups (see <a href="https://hacc.media/search?tagsOneOf=fff">hacc.media</a>)</li>
                            <li>Livestreams from demonstrations for climate justice</a></li>
                            <li>Our own <a href="https://hacc.media/videos/watch/playlist/e90713e1-44a7-4f8e-9d1d-dd6551587d2f?playlistPosition=1">stage</a> at the Remote Chaos Experience (rc3) 2020</li>
                            <li>Streaming infrastructure for the second and third editions of the <a href="https://studentsforfuture.info/public-climate-school/">Public Climate School</a> by 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>
                            We provide and administrate server infrastructure
                            for other climate justice groups.
                        </p>    
                        <ul>
                            <li>cloud storage, chats, and forums</li>
                            <li><a href="https://mumble.hacc.space">mumble.hacc.space</a>: a voice-chat allowing groups to stay in contact while we can’t physically meet</li>
                            <li>if you need any, look around on the website linked above, write us, or just <a href="https://cloud.infra4future.de/">create an account</a>!</li>
                        </ul>
                    </div>
                </div>
            </div>
-->        
            <a name="participate"></a>
            <div class="section">
                <h1>Ways to Participate<span class="blink"></span></h1>
<p>
                <ul>
                    <!--<li>Regular open international call usually every 10th and 25th of a month at 18:00 UTC via <a href="https://meet.ffmuc.net/hacc.int">Jitsi</a> organized by the hacc e.V..</li>-->
                    <li>Regular meetings of the <a href="https://muc.hacc.earth">hacc e.V.</a>, usually every 1st and 3rd Wednesday 7:30 p.m. at <a href="https://muc.ccc.de/">muCCC</a>. At the moment we meet online on <a href="https://mumble.hacc.space/">mumble.hacc.space</a>.</li>
                    <li>Meetings of <a href="https://hacc.uber.space/HACC/Europe/DE/NRW/Siegen">Klimanotstandbündnis in Siegen</a>. See hacc group page.</li>
                    <li>
                        Propose changes to the hacc e.V. infrastructure. You can open an issue on our <a href="https://gitlab.infra4future.de/hacc/infra/meta">meta discussion repository</a> or (if you are familiar with Nix) open a merge request <a href="https://gitlab.infra4future.de/hacc/infra/haccfiles">on the nixfiles</a> which control a growing part of our infrastructure. Or just ask us via one of hacc e.V. channels above.
                    </li>
<li>
Add you or your project to the <a href="https://e2h.totalism.org/e2h.php?_=hacc-directory#---_PROJECTS">hacc directory</a>
</li>
<li>
Use the <a href="https://hacc.wiki">wiki</a> and add your project!
</li>
                </ul>
</p>                
            </div>

            <a name="chapters"></a>
            <div class="section">
                <h1>Local chapters<span class="blink"></span></h1>
                <p>
                    <ul>
                        <li><a href="https://totalism.org/hacc">CHT hackbase</a> on the Canary Islands, Spain<sup><a href="#history">*</a></sup></li>
                            <li><a href="https://muc.hacc.earth">hackers against climate change e.V.</a>, Munich, Germany<sup><a href="#history">*</a></sup></li>
                        <li><a href="https://hacc.uber.space/HACC/Europe/DE/NRW/Siegen">Klimanotstandbündnis in Siegen</a>, Germany</li>
                    </ul>
                </p>
            </div>

            <a name="groups"></a>
            <div class="section">
                <h1>Spin offs &amp; working groups<span class="blink"></span></h1>
                <p>
                    There are different spin-offs of the movement originating from the <a href="https://events.ccc.de/congress/2018/wiki/index.php/Session:Hackers_Against_Climate_Change">original hacc sessions</a> and events like the <a href="https://events.ccc.de/camp/2019/wiki/Main_Page">CCCamp2019</a> or working groups associated to hacc.
                </p>
                <ul>
                    <li><a href="https://hacc.uber.space/c3sus">c3sus</a>, making Chaos events more sustainable</li>
                    <li><a href="https://altpwr.net/">Eventgrid</a>, developing a green power network for Camps</li>
<li><a href="https://infra4future.de">infra4future</a>, offering infrastructure and communcation platforms</li>
<li><a href="https://hacc.media/">hacc-voc</a>, doing streams and recordings</li>
<li><a href="https://hacc.uber.space/GreenFediverse">GreenFeediverse</a>, providing a list about servers and their renewable energy consumption status</li>
</ul>
                <p>
                    Further project ideas can be found or added in the <a href="https://hacc.wiki">wiki</a> and the <a href="https://e2h.totalism.org/e2h.php?_=hacc-directory#---_PROJECTS">hacc directory</a>.
                </p>
    
        <a name="similar"></a>
            <div class="section">
                <h1>Similar groups<span class="blink"></span></h1>
                <p>
                <ul>
                    <li><a href="https://bits-und-baeume.org/regionalzweige/de">Bits &amp; Bäume</a>, with multiple local chapters</li>
                    <li><a href="https://developersforfuture.org">Developers for Future</a></li>
                </ul>
</p>
            </div>

            <a name="weinthepress"></a>
            <div class="section">
                <h1>We in the press<span class="blink"></span></h1>

                <p>
                <ul>
                    <li>Short interview with c3sus and hacc activists in the <a href="https://denkangebot.org">Denkangebot Podacst</a> episode <a href="https://www.denkangebot.org/allgemein/da008-urlaub-auf-dem-hackercamp/">"Urlaub auf dem Hackercamp"</a>, unfortunately in German only</li>
                    <li>
                        Le Monde decided to give us, our posters, and Mate, a <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">shoutout</a> in their article about the <a href="https://events.ccc.de/congress/2019/wiki/index.php/Main_Page">36c3</a>!
                    </li>
                </ul>
                </p>
            </div>

            <a name="history"></a>
            <div class="section">
                <h1>History of hacc<span class="blink"></span></h1>
                <p>
                “Hackers Against Climate Change" originated as a series of <a href="https://events.ccc.de/congress/2018/wiki/index.php/Session%3AHackers_Against_Climate_Change">self-organized sessions at 35c3</a>. In the aftermath members of those sessions started spin offs as mentioned above and local chapters in Siegen, Munich and on the Canary Islands.
</p>
<p>
The local chapter in Siegen initiated the first hacc sessions at 35c3 and afterwards was mainly involved in local activities.
<p>
The local chapter CHT hackbase cohosted the 35c3 sessions, hosted the session at 36c3 and cohosted the divoc r2r sessions.
</p>
<p>
Inspired by the activities in Siegen, the Munich chapter started their bi-weekly meetings in May 2019. With the approval to use the name by the initiator of the first sessions on May 13th 2020 we eventually founded the German non-profit organization "<a href="https://muc.hacc.earth">hackers against climate change e.V.</a>" on December 9th 2020. Two members of us were part of the 35c3 sessions. Since then we were active at the CCCamp 2019, 36c3, rC3 and divoc r2r.<br>
</p>
<p>
Unfortunately conflicts led to a split between the local chapter Munich and CHT hackbase in July 2021.
</p>

        <a name="aboutpage"></a>
            <div class="section">
                <h1>About this page<span class="blink"></span></h1>
                <p>
The hacc e.V. runs this page (<a href="https://hacc.earth">hacc.earth</a>) but not necessarily the linked projects. You can find more about our activities and involvements on our <a href="https://muc.hacc.earth">own page</a>.<br>
Also the source of the page can be found <a href="https://gitlab.infra4future.de/hacc/infra4future/hacc.earth">here</a>. As with the hacc e.V. infrastructure in general you are invited to make change requests or just <a href="#contac">contact</a> us to ask for changes.
</p>
<p>
The hacc logo was designed by <a href="https://creativesforfuture.de/">Creatives for Future</a>.
</p>

            </div>

            
            <div class="section"></div>
        </main>
        <footer class="content" style="z-index: 200">
            <div>
                <a href="https://gitlab.infra4future.de/hacc/infra4future/hacc.earth">Source of hacc.earth</a> &bull;
                <a href="#contact">Contact</a> &bull;
                <a href="https://infra4future.de/impressum.html">Imprint</a>
            </div>
        </footer>
    </body>
</html>