-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (143 loc) · 4.68 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<title>TRASHZINE</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Share+Tech+monospace" rel="stylesheet">
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
<!--
O add favicon
O who to contact
O release time
O somebody else contact deets, public-facing peeps
-->
<style>
body {
background-image: url("books.jpg");
background-attachment: fixed;
background-size: cover;
background-repeat: repeat-y;
font-family: 'Share Tech Mono', monospace;
font-size:28px;
color:#f1f1f1;
}
.contain {
text-align: center;
max-width: 600px;
margin:auto;
padding:20px;
padding-left: 50px;
padding-right: 50px;
margin-top:80px;
margin-bottom: 80px;
padding-top: 100px;
padding-bottom:100px;
}
#first {
padding-bottom: 60px;
}
.dark {
background-color:rgb(15,15,15);
color:white;
}
.light {
background-color:rgba(255,255,255,0.7);
color:#292929;
}
.light a {
color:#2d2d2d;
}
img {
max-width: 600px;
}
h1 {
text-decoration: line-through;
letter-spacing: 20px;
}
.linethru {
text-decoration: line-through;
}
p, #first a {
font-size: 20px;
}
.press {
display: block;
border: 2px solid #292929;
margin: 30px;
padding: 15px;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}
#first a {
text-decoration: none;
}
.press:hover {
background-color: rgba(255, 255, 255, 0.4);
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}
.movetop {
margin-top: 60px;
}
.movebottom {
margin-bottom: 0px;
}
@media (max-width: 600px) {
p, #first a {
font-size: 18px;
}
h1 {
font-size:20px;
}
.contain {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 400px) {
p, #first a {
font-size: 16px;
}
}
</style>
<body>
<div class="contain first light" id="first">
<h1>TRASHZINE</h1>
<!-- <img src="inspo.png" alt="tweet screenshot"> -->
<p>Alt Games, Small Games, Non Games: a love letter (zine) to unconventional game developers</p>
<a href="https://trashzine.itch.io/trashzine-vol-1"><span class="press movetop"><b>Volume 1 available now!</b></span></a>
<a href="https://tinyletter.com/trashzine"><span class="press">Subscribe to our newsletter</span></a>
<a href="https://twitter.com/trashzinedotnet"><span class="press">Follow us on Twitter</span></a>
<a href="https://trashzine.itch.io/"><span class="press movebottom">Follow us on itch.io</span></a>
</div>
<div class="contain dark">
<p>There are a lot of people making weird, experimental indie games. However, it is very hard to get featured on gaming sites, and even harder to discover an obscure game maker whose work will particularly resonate with you.</p>
<p>We are a bunch of people from around the world with a common goal: showcasing fascinating, small independent game developers. <span class="linethru">TRASHZINE</span> is about the unknown. <span class="linethru">TRASHZINE</span> is about MS-Paint graphics and barely any gameplay, but also about procedural text-based slime robots. <span class="linethru">TRASHZINE</span> is about showing how diverse and unexpected the game development scene is.</p>
</div>
<div class="contain light">
<p>The zine features short interviews with a couple dozen creators, exploring their inspirations, works and design processes.</p>
<p>Each interview is unique, both in the questions asked and the layout of the interview.</p>
</div>
<div class="contain dark">
<p><span class="linethru">TRASHZINE</span> is completely free to download on itch.io. The initial volume was released in September 2017.</p>
</div>
<div class="contain light">
<p>If you'd like to get in touch, you can <a href="mailto:trashzinedotnet@gmail.com">email</a> or tweet one of us:</p>
<p><a href="https://twitter.com/underskinnyhrt">Vaida Plankyte</a></p>
<p><a href="https://twitter.com/dwarph">Pip Turner</a></p>
<p><a href="https://twitter.com/Bryghtside">Tom Borcherds</a></p>
<p><a href="https://twitter.com/Ludonaut">Jeremy Lonien</a></p>
<p><a href="https://twitter.com/kano_stuff">Robin Beaurepaire</a></p>
<p><a href="https://twitter.com/@spacebabedev">Poppy Lomax</a></p>
<p><a href="https://twitter.com/ragzouken">Mark</a></p>
<p><a href="https://twitter.com/wombatstuff">Josh</a></p>
<p><a href="http://www.pawsmenu.tk/">Michael Berto</a></p>
<p>Our full team is ~top secret~.</p>
</div>
</body>
</html>