386 lines
16 KiB
HTML
386 lines
16 KiB
HTML
<!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>.
|
|
Es ist auch möglich remote per mumble teilzunehmen: <a href="https://mumble.hacc.space/">mumble.hacc.space</a>. Am besten schaut ihr vorher in unseren IRC, dann bekommt ihr auch kurzfristige Änderungen mit.</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 oder erstelle einen Merge Request <a href="https://git.infra4future.de/hacc/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>
|