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');
31 text-decoration: none;
36 -moz-user-select: none;
37 -webkit-user-select: none;
44 background: url(bg.png);
48 .month0, .month1, .month11 { background: url(winter.png); }
49 .month2, .month3, .month4 { background: url(spring.png); }
50 .month5, .month6, .month7 { background: url(summer.png); }
51 .month8, .month9, .month10 { background: url(autumn.png); }
56 background-color: #
896031;
64 .standalone #statusbar {
73 background-color: rgba(
239,
243,
216,
0.9);
74 border:
0.3333em solid #f0f3dc;
112 text-decoration: underline;
120 border:
0.2em solid #
4cc2d2;
123 background-color: #fff6c1;
124 box-shadow:
0 0 0 0.1em #fff6c1;
125 transition: transform
0.1s;
127 -webkit-transition: -webkit-transform
0.1s;
128 -webkit-transform: scale(
0);
132 transition: transform
0.3s;
134 -webkit-transition: -webkit-transform
0.3s;
135 -webkit-transform: scale(
1);
139 display: inline-block;
142 margin:
0.25em
0.5em;
144 border-bottom:
0.075em solid #f45c0a;
152 #buttons a:hover:before {
155 display: inline-block;
157 margin-left:
0.6667em;
163 vertical-align: middle;
169 background: -webkit-linear-gradient(top, #
1e03e9
0%, #
185cfa
70%, transparent
71%);
170 background: linear-gradient(#
1e03e9
0%, #
185cfa
70%, transparent
71%);
174 .hour0, .hour1, .hour2, .hour3, .hour4, .hour5,
175 .hour20, .hour21, .hour22, .hour23,
176 .spring .hour6, .autumn .hour6, .winter .hour6,
177 .spring .hour19, .autumn .hour19, .winter .hour19,
178 .winter .hour7, .winter .hour18 {
179 background-image: -webkit-linear-gradient(top, #
070b5c
0%, #
002675 70%, rgba(
0,
38,
117,
0.4)
71%);
180 background-image: linear-gradient(#
070b5c
0%, #
002675 70%, rgba(
0,
38,
117,
0.4)
71%);
183 @media (max-width:
799px) {
184 html { font-size:
14px; }
187 @media (max-width:
639px) {
188 html { font-size:
13px; }
189 main { height:
12em; }
192 @media (max-width:
479px) {
193 main { height:
13.5em; }
197 border: #fafbe5 solid
0.1em;
200 background-color: #
4ada48;
204 display: inline-block;
208 border:
0.2em solid #ebd684;
209 background-color: rgba(
0,
0,
0,
0.7);
210 border-radius:
1em
3em
2em
2em;
212 text-shadow:
1px
1px black;
236 <div id=statusbar
></div>
238 <img src=
"labelle-2.png" id=labelle
>
240 <div id=
"haveyou">Have you considered...
</div>
241 <div id=
"wearing">...
</div>
243 <a onclick='update();'
>How gauche.
</a>
244 <a id=twitter target=_blank
245 href=
"https://twitter.com/share?url=http%3A%2F%2Fyukkurigames.com%2Flabelle%2F&hashtags=ACNL&text=Loading...">
246 <img src='twitter.png'
>
252 <dt>What is this?
</dt>
254 The Labelle Litanizer generates random
<em>Animal Crossing:
255 New Leaf
</em> outfits. Ignoring the limitations of your
256 computer's random number generator, all possible outfits
257 have a chance of appearing.
259 <dt>What's with the name?
</dt>
262 <a target=_blank
href=
"http://www.bogost.com/blog/latour_litanizer.shtml"><span class=person
>Ian's
</span> <span class=nonperson
>
263 Latour Litanizer
</span></a>, and his writings about objects and carpentry
268 Latour litanies confront us with objects in a way that defies
269 our usual methods of grouping or reduction. Like them, the
270 Labelle Litanizer asks us to consider the possible rather than
271 the desirable or expected.
<em>New Leaf
</em>
272 contains a huge number of objects you can wear. But the scale
273 and diversity is obscured due to its grouping decisions, the
274 small number presented at any one time, and our cultural norms
278 Can I restrict it to my items?
281 No. Instead, consider how the true
<em>Daseine
</em> of the
282 objects you think you have are also inaccessible to you.