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-image: linear-gradient(#
1e03e9, #
185cfa
70%, transparent
71%);
173 .hour0, .hour1, .hour2, .hour3, .hour4, .hour5,
174 .hour20, .hour21, .hour22, .hour23,
175 .spring .hour6, .autumn .hour6, .winter .hour6,
176 .spring .hour19, .autumn .hour19, .winter .hour19,
177 .winter .hour7, .winter .hour18 {
178 background-image: linear-gradient(#
070b5c, #
002675 70%, rgba(
0,
38,
117,
0.4)
71%);
181 @media (max-width:
799px) {
182 html { font-size:
14px; }
185 @media (max-width:
639px) {
186 html { font-size:
12px; }
187 main { height:
12em; }
190 @media (max-width:
479px) {
191 main { height:
15em; }
195 border: #fafbe5 solid
0.1em;
198 background-color: #
4ada48;
202 display: inline-block;
206 border:
0.2em solid #ebd684;
207 background-color: rgba(
0,
0,
0,
0.7);
208 border-radius:
1em
3em
2em
2em;
210 text-shadow:
1px
1px black;
234 <div id=statusbar
></div>
236 <img src=
"labelle-2.png" id=labelle
>
238 <div id=
"haveyou">Have you considered...
</div>
239 <div id=
"wearing">...
</div>
241 <a onclick='update();'
>How gauche.
</a>
242 <a id=twitter target=_blank
243 href=
"https://twitter.com/share?url=http%3A%2F%2Fyukkurigames.com%2Flabelle%2F&hashtags=ACNL&text=Loading...">
244 <img src='twitter.png'
>
250 <dt>What is this?
</dt>
252 The Labelle Litanizer generates random
<em>Animal Crossing:
253 New Leaf
</em> outfits. Ignoring the realities of the period
254 and distribution of your random number generator, all
255 possible outfits should have some chance of appearing.
257 <dt>What's with the name?
</dt>
260 <a target=_blank
href=
"http://www.bogost.com/blog/latour_litanizer.shtml"><span class=person
>Ian's
</span> <span class=nonperson
>
261 Latour Litanizer
</span></a>, and his writings about objects and carpentry
266 Latour litanies confront us with objects in a way that defies
267 our usual methods of grouping or reduction. In a similar way
268 the Labelle Litanizer asks us to consider the possible rather
269 than merely the desirable or expected.
<em>New Leaf
</em>
270 contains a huge number of objects you can wear (or otherwise
271 visibly present with, if you are uncomfortable saying you
272 are
"wearing" an ice cream cone). But that scale and
273 diversity is obscured due to its grouping algorithms, the
274 small number presented at any one time, and our cultural
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.