forked from hacc/haccfiles
stuebinm
f2c90e5601
(one remains for now, will do that later once anyone from students for future says what to do in that case)
385 lines
16 KiB
HTML
385 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>. 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 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>
|