forked from hacc/haccfiles
452 lines
18 KiB
HTML
452 lines
18 KiB
HTML
<!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 – hackers against climate change e.V., Munich</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"><a href="https://hacc.earth"><img src="assets/logo_header_shadow.svg" alt="hacc. hackers against climate change." /></a></div>
|
||
|
||
<a name="welcometohacceV"></a>
|
||
<div class="welcome">
|
||
<h1>Welcome to<br>hackers against climate change e.V.<span class="blink"></span></h1>
|
||
<p>
|
||
Inspired by the activities in Siegen, the Munich chapter of <a href="https://hacc.earth">hacc</a> 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 first hacc sessions at 35c3. Since then we were active at all major <a href="https://events.ccc.de">Chaos</a> events at the CCCamp 2019, 36c3, rC3 and divoc r2r.<br>
|
||
Of course we also did and do support multiple events and groups in Munich and Germany.
|
||
</p>
|
||
</div>
|
||
|
||
<a name="contact"></a>
|
||
<div class="section">
|
||
<h1>Get in contact<span class="blink"></span></h1>
|
||
<p>
|
||
<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>, general chat in English
|
||
</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>, chat of the local chapter Munich in German
|
||
</li>
|
||
<li>
|
||
<a href="https://web.libera.chat/#hacc-voc">#hacc-voc</a> on irc.libera.chat or as matrix bridge <a href="https://matrix.to/#/#hacc-voc:libera.chat">#hacc-voc: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>
|
||
|
||
</li>
|
||
<li>
|
||
<a href="https://hacc.uber.space/mailman/listinfo/haccmuc">hacc-muc mailinglist</a>
|
||
</li>
|
||
</ul>
|
||
</p>
|
||
|
||
|
||
<a name="participate"></a>
|
||
<div class="section">
|
||
<h1>Ways to Participate<span class="blink"></span></h1>
|
||
<p>
|
||
<ul>
|
||
<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>Regular matinanence of the <a href="https://muc.hacc.earth">hacc e.V.</a> infrastrucutre, usually the Wednesday after the regular meeting sometime in the evening. Normally coordinated on <a href="https://mumble.hacc.space/">mumble.hacc.space</a>.</li>
|
||
<li>Help us running the hacc e.V. infrastructure like <a href="https://infra4future.de">infra4future.de</a>. 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>
|
||
Interested in streaming and recording? Get in <a href="#contact">contact with hacc-voc</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://hacc.4future.dev/infra4future/blog-zola">The hacc blog</a> can always use input. It's based on <a href="https://getzola.org">zola</a>. The source of our blog is <a href="https://gitlab.infra4future.de/hacc/infra4future/blog-zola">here</a>.
|
||
</li>
|
||
<li>
|
||
Use the <a href="https://hacc.wiki">wiki</a> and add your project!
|
||
</li>
|
||
</ul>
|
||
</p>
|
||
</div>
|
||
|
||
|
||
<a name="groups"></a>
|
||
<div class="section">
|
||
<h1>Working groups<span class="blink"></span></h1>
|
||
<p>
|
||
<ul>
|
||
<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="">hacc-csv</a>, collaboration, science, visualisation and data</li>
|
||
<li><a href="https://hacc.4future.dev/infra4future/blog-zola">hacc-blog</a>, work in progress</li>
|
||
</ul>
|
||
|
||
<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="similar"></a>
|
||
<div class="section">
|
||
<h1>Similar groups in Munich<span class="blink"></span></h1>
|
||
<p>
|
||
<ul>
|
||
<li><a href="https://techgenossen.de/">Tech Genossen</li>
|
||
</ul>
|
||
</p>
|
||
</div>
|
||
|
||
<a name="weinthepress"></a>
|
||
<div class="section">
|
||
<h1>We in the press<span class="blink"></span></h1>
|
||
<p>
|
||
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>!
|
||
</p>
|
||
<p>
|
||
<a href="https://www.cipra.org/de/cipra/deutschland/projekte/aktuelle-projekte/knotenpunkt-alpen/netzwerkkonferenz">Article</a> by CIPRA on their networking conference, the online plattform <a href="https://knotenpunkt-alpen.de/">Knotenpunkt Alpen</a> and our involvment.
|
||
</p>
|
||
</div>
|
||
|
||
<a name="legal"></a>
|
||
<div class="section">
|
||
<h1>Legal Info about hacc e.V.<span class="blink"></span></h1>
|
||
<p>
|
||
hackers aganist climate change e.V.<br>
|
||
registered at the local court Munich VR 208921
|
||
</p>
|
||
<p>
|
||
<ul>
|
||
<li>Vorstand (board members), nick names
|
||
<ul>
|
||
<li>raphael or rw</li>
|
||
<li>zauberberg</li>
|
||
<li>moira</li>
|
||
</ul
|
||
</li>
|
||
<li><a href="https://gitlab.infra4future.de/hacc/verein/satzung">Satzung</a> (statutes)</li>
|
||
<li><a href="https://gitlab.infra4future.de/hacc/verein/mitgliedsantrag">Mitgliedsantrag</a> (membership application)</li>
|
||
<li><a href="https://gitlab.infra4future.de/hacc/verein/zuwendungen">Vereinfachter Spendennachweis</a> (simplified proof of donation)</li>
|
||
</ul>
|
||
</p>
|
||
<p>
|
||
Spendenkonto (donation account)<br>
|
||
hackers against climate change e.V.<br>
|
||
DE45 4306 0967 1200 4076 00<br>
|
||
GENODEM1GLS (GLS Bank)<br>
|
||
</p>
|
||
<p>
|
||
Adresse (postal address)<br>
|
||
hackers against climate change e.V.<br>
|
||
Gaiglstr. 16<br>
|
||
80335 München<br>
|
||
Germany<br>
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<a name="aboutpage"></a>
|
||
<div class="section">
|
||
<h1>About this page<span class="blink"></span></h1>
|
||
<p>
|
||
The source of the page can be found <a href="https://gitlab.infra4future.de/hacc/infra4future/muc.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/muc.hacc.earth">Source of muc.hacc.earth</a> •
|
||
<a href="#contact">Contact</a> •
|
||
<a href="https://infra4future.de/impressum.html">Imprint</a>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|