-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
64 lines (63 loc) · 5.09 KB
/
index.html
File metadata and controls
64 lines (63 loc) · 5.09 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>cactus.io</title>
<script src="script.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
<li><a href="#"><span class="text">cactus.io</span><span class="emoji">🌵</span></a></li>
<li><a href="#desert"><span class="text">desert</span><span class="emoji">🏜</span></a></li>
<li><a href="#rain"><span class="text">rain</span><span class="emoji">💧</span></a></li>
</ul>
</nav>
<div id="spacer"> </div>
<main id="cactus">
<h1 id ="cc">cactus.io</h1>
<section>
<p>We recognise that the struggle to continue in an age of global uncertainty can be <strong>all-consuming.</strong></p>
<p>We take our name from the family of plants which have adapted through millenia to be able to withstand <strong>extreme draught</strong> by conserving large reserves of water.</p>
<h2>the cactus is a symbol of hope in troubled times.</h2>
<p>This website is devoted to touching on some of the key issues facing the modern world (the "desert"), and ways in which we can tackle them (the "rain").</p>
<p>
<ul>
<li>To economic migrants and refugees, undocumented or documented, hounded, moved like cattle across borders and scapegoated by a system which blames them for its inherent flaws.</li>
<li>To fighters for justice in a society upholding a <strong>racial hierachy</strong> and then camoflauging these efforts.</li>
</ul>
<h3>Keep going. 🌵</h3>
</p>
</section>
</main>
<main id="desert">
<h1>desert</h1>
<section id="grid">
<div><a href="http://www.unhcr.org/innovation/10-infographics-that-show-the-insane-scale-of-the-global-displacement-crisis">The Refugee Crisis</a>
<a href="http://www.unhcr.org/innovation/10-infographics-that-show-the-insane-scale-of-the-global-displacement-crisis"><img class="grow" src="refugeecrisis.jpg"></img></a></div>
<div><a href="https://everydaysexism.com/">[Cis]sexism</a><a href="https://everydaysexism.com/"><img class="grow" src="sexism.png"></img></a></div>
<div><a href="https://www.nytimes.com/interactive/2016/world/europe/europe-far-right-political-parties-listy.html?_r=0">The return of Fascism</a><a href="https://www.nytimes.com/interactive/2016/world/europe/europe-far-right-political-parties-listy.html?_r=0"><img src="fascism.jpg" class="grow"></a></div>
<div><a href="https://www.jrf.org.uk/sites/default/files/jrf/migrated/files/Summary-Final.pdf">Austerity Politics</a><a href="https://www.jrf.org.uk/sites/default/files/jrf/migrated/files/Summary-Final.pdf"><img src="austerity.jpg" class="grow"></img></a></div>
<div><a href="https://www.climaterealityproject.org/blog/10-indicators-that-show-climate-change">Climate Apocalypse</a><a href="https://www.climaterealityproject.org/blog/10-indicators-that-show-climate-change"><img src="climate.jpg" class="grow"></img></a></div>
<div><a href="https://www.youtube.com/watch?v=6zPtpRrpU-g">Racism + anti-blackness</a><a href="https://www.youtube.com/watch?v=6zPtpRrpU-g"><img src="racism.jpg" class="grow"></img></a></div>
</section>
</main>
<main id="rain">
<h1>rain</h1>
<section id="grid">
<div><a href="https://haringeymsc.org">Migrant Outreach</a>
<a href="https://haringeymsc.org"><img class="grow" src="migrantsupport.jpg"></img></a></div>
<div><a href="http://www.sistersuncut.org/feministo/">Sisters Uncut</a><a href="http://www.sistersuncut.org/feministo"><img class="grow" src="sisters.jpg"></img></a></div>
<div><a href="https://about.medium.com">New forms of Media</a><a href="https://about.medium.com"><img src="newmedia.jpg" class="grow"></a></div>
<div><a href="http://www.robinhoodtax.org.uk/about-the-tax">Robin Hood</a><a href="http://www.robinhoodtax.org.uk/about-the-tax"><img src="robinhood.jpg" class="grow"></img></a></div>
<div><a href="http://www.techrepublic.com/article/10-ways-technology-is-fighting-climate-change/">Tech + Climate</a><a href="http://www.techrepublic.com/article/10-ways-technology-is-fighting-climate-change/"><img src="techclimate.jpg" class="grow"></img></a></div>
<div><a href="http://blacklivesmatter.com/">Black Lives Matter</a><a href="http://blacklivesmatter.com"><img src="blm.jpg" class="grow"></img></a></div>
</section>
</main>
<footer>
<p>Image attribution can be found @ <a href="https://maxgerber.github.io/cactus/images.md">https://maxgerber.github.io/cactus/images.md</a> </p>
<p>Contact me @ <a href="mailto:mgerber94@gmail.com">mgerber94@gmail.com</a></p>
</footer>
</body>
</html>