-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
79 lines (65 loc) · 4.74 KB
/
index.html
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
<head>
<title>New Computer Working Group</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="https://cdn.glitch.com/7f274537-0e0f-4b80-bbb6-735bd3702db5%2Ffavicon.png?1524724724303"/>
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.9.1/css/tachyons.min.css"/>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="center arial black f-ncwg">
<!-- Narrative/Intro -->
<section class="w-80 pv5 center">
<p class="tl"><span class="ncwg-blue">N</span>ew <span class="ncwg-blue">C</span>omputer <span class="ncwg-blue">W</span>orking <span class="ncwg-blue">G</span>roup</p>
<img class="w-100" src="https://cdn.glitch.com/7f274537-0e0f-4b80-bbb6-735bd3702db5%2Fjourney2.svg?1524523175204">
<p class="tr">— is a group of people interested in <span class="georgia">“</span>What<span class="georgia">’</span>s After Now<span class="georgia">”</span><span class="georgia">,</span> the alternative form<span class="georgia">,</span> A New Spirit of Computation<span class="georgia">,</span> PC Futures<span class="georgia">,</span> etc<span class="georgia">...</span></p>
<img src="https://newcomputers.group/images/cairn.jpg" class="br1 grayscale">
<p class="tc">We write guides<span class="georgia">,</span> stories<span class="georgia">,</span> and <span class="georgia i">LARP</span> about the future of computers and people<span class="georgia">.</span></p>
<p class="">Soon we<span class="georgia">’</span>ll be building new computers you can use for work or play<span class="georgia">,</span> or anything<span class="georgia">.</span> Every body deserves a new computer<span class="georgia">.</span></p>
</section>
<!-- Projects, Writing, Works -->
<section class=" w-80 pv5 center bt bw2-ns cf">
<!-- Section Title Column -->
<div class="fl w-100 w-50-ns">
<p class="fl w-100 dib pv3">Latest Projects<span class="georgia">:</span></p>
</div>
<!-- Project Column -->
<div class="fl w-100 w-50-ns">
<p class="fl w-100"><a href="/p2p.html" class="dib white pa3 ba bw2-ns br3 br4-ns hover-bg-black bg-light-purple hover-white project-a no-underline">P2P NYC</a></p>
<p class="fl w-100"><a href="/seeder.html" class="dib black pa3 ba bw2-ns br3 br4-ns hover-bg-black hover-white project-a no-underline">Seeder</a></p>
<p class="fl w-100"><a href="/ready2use.html" class="dib black pa3 ba bw2-ns br3 br4-ns hover-bg-black hover-white project-a no-underline" ><span class="georgia">“</span>READY TO USE<span class="georgia">”</span></a></p>
<p class="fl w-100"><a href="https://edouard.us/new-computers/" class="dib black pa3 ba bw2-ns br3 br4-ns hover-bg-black hover-white project-a no-underline">New Computers</a></p>
<p class="fr w-100"><span class="georgia">...</span>More Later!</p>
</div>
</section>
<!-- Structured Content -->
<section class=" w-80 pv5 mb5 center bt bw2-ns cf">
<!-- Section Title Column -->
<div class="fl w-100 w-50-ns">
<p class="fl w-100">Sundry Links<span class="georgia">:</span></p>
</div>
<!-- Links + Newsletter Column -->
<div class="fl w-100 w-50-ns">
<p class="fl w-50">
<a href="https://github.com/new-computers/" class="black" target="_blank">Github ↬︎</a>
</p>
<p class="fl w-50">
<a href="https://www.are.na/edouard-u/new-computer-working-group" class="black" target="_blank">Are<span class="georgia">.</span>na ↬︎</a>
</p>
<!-- Newsletter Form -->
<p class="fl w-100">
We<span class="georgia">’</span>ll send letters/updates<span class="georgia">:</span>
</p>
<form id="contactform" action="https://formsubmit.io/send/callil.capuozzo@gmail.com" method="POST">
<input name="name" id="name" required="true" type="text" placeholder="Name here" value="" class="w-100 ba bw2 b--white ncwg-red ">
<input name="email" id="email" type="email" required="true" placeholder="Email address here" value="" class="w-100 ba bw2 b--white ncwg-red ">
<input name="question" type="text" placeholder="What's a new computer?" id="question" class="w-100 ba bw2 b--white ncwg-red ">
<input name="callil.capuozzo" type="text" style="display:none">
<button type="submit" class="w-100 ba bw2-ns mt2 mt5-ns b--black pointer">Join Listserv</button>
</form>
</div>
</section>
</body>
</html>