2 <html lang=
"en" manifest=labelle.appcache
>
5 <meta name=viewport
content=
"width=device-width, initial-scale=1">
6 <meta name=
"apple-mobile-web-app-capable" content=
"yes">
7 <link rel=
"shortcut icon" href=
"icon_128x128.png">
8 <link rel=
"apple-touch-icon" href=
"icon_128x128.png">
9 <meta name=
"apple-mobile-web-app-capable" content=
"yes">
10 <meta name=
"mobile-web-app-capable" content=
"yes">
11 <meta name=
"apple-mobile-web-app-status-bar-style" content=
"black-translucent">
12 <meta name=
"apple-mobile-web-app-title" content=
"Labelle Litanizer">
15 - Outfit-Oriented Ontology from Animal Crossing: New Leaf
17 <script type=
"text/javascript" src=
"fastclick.js"></script>
18 <script type=
"text/javascript" src=
"acnl-wearables-list.js"></script>
19 <script type=
"text/javascript" src=
"acnl-outfit.js"></script>
25 src: url('VarelaRound-Regular.woff') format('woff');
32 src: url('Sanchez-Regular.woff') format('woff');
38 text-decoration: none;
43 -moz-user-select: none;
44 -webkit-user-select: none;
51 background: url(bg.png);
55 .month0, .month1, .month11 { background: url(winter.png); }
56 .month2, .month3, .month4 { background: url(spring.png); }
57 .month5, .month6, .month7 { background: url(summer.png); }
58 .month8, .month9, .month10 { background: url(autumn.png); }
63 background-color: #
896031;
71 .standalone #statusbar {
80 background-color: rgba(
239,
243,
216,
0.9);
81 border:
0.3333em solid #f0f3dc;
119 text-decoration: underline;
127 border:
0.2em solid #
4cc2d2;
130 background-color: #fff6c1;
131 box-shadow:
0 0 0 0.1em #fff6c1;
132 transition: transform
0.1s;
134 -webkit-transition: -webkit-transform
0.1s;
135 -webkit-transform: scale(
0);
139 transition: transform
0.3s;
141 -webkit-transition: -webkit-transform
0.3s;
142 -webkit-transform: scale(
1);
146 display: inline-block;
149 margin:
0.25em
0.5em;
151 border-bottom:
0.075em solid #f45c0a;
159 #buttons a:hover:before {
162 display: inline-block;
164 margin-left:
0.6667em;
170 vertical-align: middle;
176 background: -webkit-linear-gradient(top, #
1e03e9
0%, #
185cfa
70%, transparent
71%);
177 background: linear-gradient(#
1e03e9
0%, #
185cfa
70%, transparent
71%);
182 .hour0, .hour1, .hour2, .hour3, .hour4, .hour5,
183 .hour20, .hour21, .hour22, .hour23,
184 .spring .hour6, .autumn .hour6, .winter .hour6,
185 .spring .hour19, .autumn .hour19, .winter .hour19,
186 .winter .hour7, .winter .hour18 {
187 background-image: -webkit-linear-gradient(top, #
070b5c
0%, #
002675 70%, rgba(
0,
38,
117,
0.4)
71%);
188 background-image: linear-gradient(#
070b5c
0%, #
002675 70%, rgba(
0,
38,
117,
0.4)
71%);
191 @media (max-width:
799px) {
192 html { font-size:
14px; }
195 @media (max-width:
639px) {
196 html { font-size:
13px; }
197 main { height:
12em; }
200 @media (max-width:
479px) {
201 main { height:
13.5em; }
205 border: #fafbe5 solid
0.1em;
208 background-color: #
4ada48;
212 display: inline-block;
216 border:
0.2em solid #ebd684;
217 background-color: rgba(
0,
0,
0,
0.7);
218 border-radius:
1em
3em
2em
2em;
220 text-shadow:
1px
1px black;
247 border-top:
0.2em solid #ab9154;
248 border-left:
0.2em solid #ab9154;
249 border-bottom:
0.2em solid #
4b3724;
250 border-right:
0.2em solid #
4b3724;
252 background-color: #
96733a;
254 font-family: Sanchez;
259 text-shadow:
1px
1px #
4f412b;
270 text-shadow: -
1px -
1px #
5a5147;
278 <div id=statusbar
></div>
280 <img src=
"labelle-2.png" id=labelle
>
282 <div id=
"haveyou">Have you considered...
</div>
283 <div id=
"wearing">...
</div>
285 <a onclick='update();'
>How gauche.
</a>
286 <a id=twitter target=_blank
287 href=
"https://twitter.com/share?url=http%3A%2F%2Fyukkurigames.com%2Flabelle%2F&hashtags=ACNL&text=Loading...">
288 <img src='twitter.png'
>
294 <dt>What is this?
</dt>
296 The Labelle Litanizer generates random
<em>Animal Crossing:
297 New Leaf
</em> outfits. Ignoring the limitations of your
298 computer's random number generator, all possible outfits
299 have a chance of appearing.
301 <dt>What's with the name?
</dt>
304 <a target=_blank
href=
"http://www.bogost.com/blog/latour_litanizer.shtml"><span class=person
>Ian's
</span> <span class=nonperson
>
305 Latour Litanizer
</span></a>, and his writings about objects and carpentry
310 Latour litanies confront us with objects in a way that defies
311 our usual methods of grouping or reduction. Like them, the
312 Labelle Litanizer asks us to consider the possible rather than
313 the desirable or expected.
<em>New Leaf
</em>
314 contains a huge number of objects you can wear. But the scale
315 and diversity is obscured due to its grouping decisions, the
316 small number presented at any one time, and our cultural norms
320 Can I restrict it to my items?
323 No. Instead, consider how the true
<em>Daseine
</em> of the
324 objects you think you have are also inaccessible to you.
327 <div class=
"colophon">
328 <a class=top target=_blank
href=
"https://yukkurigames.com">
332 Labelle and
<em>Animal Crossing
</em> are property of Nintendo.
333 Typeset in Varela Round by
<a target=_blank
href=
"https://plus.google.com/115540960342941034012/posts">Joe Prince
</a> and
334 Sanchez by
<a target=_blank
href=
"http://www.latinotype.com/">LatinoType
</a>.