-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (116 loc) · 9.86 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
<!DOCTYPE html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en" >
<head>
<meta charset="utf-8">
<!-- If you delete this meta tag World War Z will become a reality -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bycatch</title>
<link rel="stylesheet" href="css/app.css" />
<script src="bower_components/modernizr/modernizr.js"></script>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<!-- Via http://stackoverflow.com/a/37321/1469081 -->
<link rel="icon" href="img/favicon.png" type="image/png" />
<link rel="shortcut icon" href="favicon.ico" />
<!-- Typekit -->
<script src="//use.typekit.net/kbv5wxv.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<!-- jQuery -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
</head>
<body>
<!-- body content here -->
<div class="row" id="header">
<div class="small-12 medium-9 large-7 small-centered columns" id="quotes">
<p class="text-center">Featured Project, <a href="http://www.doclab.org/2016/bycatch/">IDFA DocLab</a></p>
<p class="text-center">Official Selection, <a href="http://blog.xoxofest.com/post/127110456525/announcing-xoxo-tabletop">XOXO Tabletop</a></p>
<p class="text-center">“Bycatch is a bold idea for a game.” – <a href="http://www.kotaku.co.uk/2015/05/18/bycatch-turns-deadly-drone-strikes-into-a-card-game">Julian Benson, Kotaku</a></p>
<p class="text-center">“Bycatch makes you comfortably numb.” – <a href="http://killscreendaily.com/articles/card-game-about-drone-strikes-makes-comfortably-numb/">Levi Rubeck, Kill Screen</a></p>
<p class="text-center">“The most striking thing about Bycatch is how the random killing of innocents seem first necessary and then almost easy—and then, perhaps, makes you uneasy with how effortless it has become.” – <a href="https://boingboing.net/2015/08/20/bycatch-card-game.html">Laura Hudson, Boing Boing</a></p>
<p class="text-center">“Bycatch forces players to ask themselves how many innocent people should have to die for every high-profile target to be killed.” – <a href="https://www.fastcodesign.com/3050202/simulate-the-fatal-fallibility-of-drone-strikeswith-a-fun-card-game">Mark Wilson, Fast Company</a></p>
<p class="text-center">“Bycatch is a very valuable example of how a game can provoke discussion on a difficult subject.” – <a href="https://geekdad.com/2016/03/be-17-bycatch/">Jonathan H. Liu, GeekDad</a></p>
<p class="text-center">“Horrifying!” - <a href="https://www.youtube.com/watch?v=3h25_OJxLU4">Tom Vasel, The Dice Tower</a></p>
</div>
<div class="small-12 large-9 small-centered columns">
<!-- Via http://stackoverflow.com/a/669847/1469081 -->
<h1>
<img src="img/bycatch-logo.png" alt="Bycatch" />
</h1>
</div>
<div class="small-12 medium-9 large-7 small-centered columns">
<p class="text-center"><em>A card game about flawed surveillance, impossible decisions, and the people caught in between, for 3–5 players.</em></p>
</div>
</div>
<!-- <div class="row">
<div class="small-12 medium-9 large-7 small-centered columns">
<div class="panel radius text-center">
<p><em>Bycatch</em> is now available for <strong>€12</strong> plus shipping and tax.<br>We accept <strong>PayPal</strong> or <strong>Stripe</strong> and offer <strong>international shipping</strong>.<br>Supply is limited, so order your copy now!</p>
<a href="mailto:[email protected]?subject=Bycatch order&body=Please tell us the number of copies you would like and the billing and delivery address." class="button radius"><i class="fa fa-shopping-cart fa-lg"></i> Email to order</a>
</div>
</div>
</div> -->
<div class="row">
<div class="small-12 medium-9 large-7 small-centered columns">
<ul>
<li>Simple to learn and quick to play, <em>Bycatch</em> invites players from across a wide range of game-playing backgrounds to contemplate the dilemmas of remote warfare.</li>
<li>An inventive surveillance mechanism employs your phone's camera to let you experience firsthand the shortcomings of aerial spying.</li>
<li>Appealing artwork helps you empathize with your citizens and the horrors of drone strikes and collateral damage.</li>
</ul>
</div>
</div>
<div class="row" id="artist-statement">
<div class="small-12 medium-9 large-7 small-centered columns">
<p class="text-center">Our artist statement <a href="https://medium.com/@lekha/newspapers-rituals-and-games-54e3107f1288">Newspapers, Rituals and Games</a> captures the background and essence of <em>Bycatch</em>.</p>
</div>
</div>
<div class="row">
<div class="small-12 large-9 small-centered columns">
<img src="img/IMG_3688-v01-16x9.jpg" alt="A preview of Bycatch's artwork and design">
<p class="text-center caption">A preview of <em>Bycatch</em>'s artwork and design</p>
</div>
</div>
<div class="row">
<div class="small-12 medium-9 large-7 small-centered columns">
<p>In <em>Bycatch</em>, each player controls a nation on the hunt for suspected terrorists. The players try to locate suspects hiding abroad using drone surveillance, and eliminate them using drone strikes. Meanwhile, they must shelter their citizens from the attacks of their opponents. Who will gather the most accurate intelligence and strike with the least collateral damage?</p>
</div>
</div>
<div class="row">
<div class="small-12 large-9 small-centered columns">
<img src="img/IMG_3703-v01-16x9.jpg" alt="A Bycatch player surveilling an opponent's hand of cards">
<p class="text-center caption">A <em>Bycatch</em> player surveilling an opponent's hand of cards</p>
</div>
</div>
<div class="row"><div class="columns"> </div></div>
<div class="row">
<div class="small-12 medium-7 large-7 small-centered columns">
<ul class="button-group radius even-3">
<li><a href="mailto:[email protected]" class="button small"><i class="fa fa-envelope fa-lg"></i> Email us</a></li>
<li><a href="https://twitter.com/bycatchgame" class="button small"><i class="fa fa-twitter fa-lg"></i> Twitter</a></li>
<li><a href="files/presskit.zip" class="button small"><i class="fa fa-file-zip-o fa-lg"></i> Press kit</a></li>
</ul>
</div>
</div>
<div class="row"><div class="columns"> </div></div>
<div class="row">
<div class="small-12 medium-9 large-7 small-centered columns">
<p class="text-center"><strong>More praise for <em>Bycatch</em>:</strong></p>
<p class="text-center">“A truly experimental concept.” – <a href="https://twitter.com/leaschonfelder">Lea Schönfelder</a></p>
<p class="text-center">“The paradox of Bycatch is that it makes you think critically about collateral damage and the arbitrariness of surveillance while at the same time being a very entertaining game to play.” – <a href="http://www.bof.nl/">Hans de Zwart, Director of Bits of Freedom</a></p>
<p class="text-center"><span data-tooltip aria-haspopup="true" class="has-tip" title="Every step in this game contains an analogy to the theme. It lets you think long and hard about a lot of things.">“Jeder Schritt in diesem Spiel lässt eine Analogie zu auf diese Thematik. Man kann da sehr lange über viele Sachen reden und nachdenken.”</span> – <a href="http://www.deutschlandradiokultur.de/gespielter-drohnenschlag-kartenspiel-macht-jagd-auf.2156.de.html?dram:article_id=312744">Marcus Richter on Deutschlandradio Kultur</a></p>
<p class="text-center"><span data-tooltip aria-haspopup="true" class="has-tip" title="Bycatch reminds us how suitable games are for conveying political messages - and that they while doing so can still be fun.">“Bycatch erinnert uns daran, wie gut Spiele zum Vermitteln politischer Botschaften geeignet sind — und dass sie gleichzeitig Spaß noch machen können.”</span> – <a href="https://www.wired.de/collection/latest/bycatch-macht-den-drohnenkrieg-zum-kartenspiel/">Daniel Ziegener, WIRED</a></p>
<p class="text-center"><span data-tooltip aria-haspopup="true" class="has-tip" title="Why in heaven's name would you turn this into a game?">“Waarom zou je er in hemelsnaam een spelletje van maken?”</span> – <a href="http://nos.nl/op3/artikel/2036496-gezellig-avondje-elkaar-met-drones-bestoken.html">NOS</a></p>
<p class="text-center"><span data-tooltip aria-haspopup="true" class="has-tip" title="The game looks gorgeous.">“Het spel ziet er prachtig uit.”</span> – <a href="http://www.bright.nl/speel-nsatje-met-dit-kaartspel-en-je-smartphonecamera">Rutger Otto, Bright</a></p>
<p class="text-center"><span data-tooltip aria-haspopup="true" class="has-tip" title="Like this a game is a very special way to think about drones.">“Zo is een spel een bijzondere manier om over drones na te denken.”</span> – <a href="http://www.vpro.nl/speel.RBX_VPRO_676844.html">Nooit meer slapen, VPRO</a></p>
</div>
</div>
<div class="row"><div class="columns"> </div></div>
<div class="row" id="footer">
<div class="small-12 medium-9 large-7 small-centered columns">
<p>Made by Subalekha Udayasankar and <a href="http://hubbub.eu/">Hubbub</a>. Original idea by Subalekha Udayasankar. Game design by Subalekha Udayasankar, Alper Çugun, and Kars Alfrink. Artwork by <a href="http://www.agnesloonstra.nl/">Agnes Loonstra</a>. Graphic design by <a href="http://ponydesignclub.nl/">Pony Design Club</a>.</p>
<p id="copyright"><em>Bycatch</em> is © 2014 <a href="http://paperequator.com/">Paper & Equator</a> and <a href="http://hubbub.eu/">Hubbub</a>. <em>Bycatch</em> is a nonprofit initiative.</p>
</div>
</div>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>