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_72x72.png">
8 <link rel=
"apple-touch-icon" href=
"icon_57x57.png">
9 <link rel=
"apple-touch-icon" sizes=
"57x57" href=
"icon_57x57.png">
10 <link rel=
"apple-touch-icon" sizes=
"72x72" href=
"icon_72x72.png">
11 <link rel=
"apple-touch-icon" sizes=
"76x76" href=
"icon_76x76.png">
12 <link rel=
"apple-touch-icon" sizes=
"114x114" href=
"icon_114x114.png">
13 <link rel=
"apple-touch-icon" sizes=
"120x120" href=
"icon_120x120.png">
14 <link rel=
"apple-touch-icon" sizes=
"144x144" href=
"icon_144x144.png">
15 <link rel=
"apple-touch-icon" sizes=
"152x152" href=
"icon_152x152.png">
16 <meta name=
"apple-mobile-web-app-capable" content=
"yes">
17 <meta name=
"mobile-web-app-capable" content=
"yes">
18 <meta name=
"apple-mobile-web-app-status-bar-style" content=
"black-translucent">
19 <meta name=
"apple-mobile-web-app-title" content=
"Labelle Litanizer">
22 - Outfit-Oriented Ontology from Animal Crossing: New Leaf
24 <script type=
"text/javascript" src=
"acnl-wearables-list.js"></script>
25 <script type=
"text/javascript" src=
"acnl-outfit.js"></script>
27 window.addEventListener(
"load", function () {
28 if (window.navigator.standalone) {
29 var header = document.getElementsByTagName(
"header")[
0];
30 header.className +=
" statusbar";
31 var statusbar = document.getElementById(
"statusbar");
32 statusbar.style.display =
"block";
41 src: url('VarelaRound-Regular.woff') format('woff');
47 text-decoration: none;
52 -moz-user-select: none;
53 -webkit-user-select: none;
60 background: url(bg.png);
68 background-color: rgba(
239,
243,
216,
0.9);
69 border:
0.3333em solid #f0f3dc;
108 text-decoration: underline;
116 border:
0.2em solid #
4cc2d2;
119 background-color: #fff6c1;
120 box-shadow:
0 0 0 0.1em #fff6c1;
121 transition: transform
0.1s;
123 -webkit-transition: -webkit-transform
0.1s;
124 -webkit-transform: scale(
0);
128 transition: transform
0.3s;
130 -webkit-transition: -webkit-transform
0.3s;
131 -webkit-transform: scale(
1);
135 display: inline-block;
138 margin:
0.25em
0.5em;
140 border-bottom:
0.075em solid #f45c0a;
148 #buttons a:hover:before {
151 display: inline-block;
153 margin-left:
0.6667em;
159 vertical-align: middle;
165 background-image: linear-gradient(#
1e03e9, #
185cfa
70%, transparent
71%);
169 background-image: linear-gradient(#
070b5c, #
002675 70%, rgba(
0,
38,
117,
0.4)
71%);
172 @media (max-width:
799px) {
173 html { font-size:
14px; }
176 @media (max-width:
639px) {
177 html { font-size:
12px; }
178 main { height:
12em; }
181 @media (max-width:
479px) {
182 main { height:
15em; }
186 border: #fafbe5 solid
0.1em;
189 background-color: #
4ada48;
193 display: inline-block;
197 border:
0.2em solid #ebd684;
198 background-color: rgba(
0,
0,
0,
0.7);
199 border-radius:
1em
3em
2em
2em;
201 text-shadow:
1px
1px black;
224 <body onload='update();' class=day
>
226 <img src=
"labelle-2.png" id=labelle
>
228 <div id=
"haveyou">Have you considered...
</div>
229 <div id=
"wearing">...
</div>
231 <a onclick='update();'
>How gauche.
</a>
232 <a id=twitter target=_blank
233 href=
"https://twitter.com/share?url=http%3A%2F%2Fyukkurigames.com%2Flabelle%2F&hashtags=ACNL&text=Loading...">
234 <img src='twitter.png'
>
240 <dt>What is this?
</dt>
242 The Labelle Litanizer generates random
<em>Animal Crossing:
243 New Leaf
</em> outfits. Ignoring the realities of the period
244 and distribution of your random number generator, all
245 possible outfits should have some chance of appearing.
247 <dt>What's with the name?
</dt>
250 <a target=_blank
href=
"http://www.bogost.com/blog/latour_litanizer.shtml"><span class=person
>Ian's
</span> <span class=nonperson
>
251 Latour Litanizer
</span></a>, and his writings about objects and carpentry
256 Latour litanies confront us with objects in a way that defies
257 our usual methods of grouping or reduction. In a similar way
258 the Labelle Litanizer asks us to consider the possible rather
259 than merely the desirable or expected.
<em>New Leaf
</em>
260 contains a huge number of objects you can wear (or otherwise
261 visibly present with, if you are uncomfortable saying you
262 are
"wearing" an ice cream cone). But that scale and
263 diversity is obscured due to its grouping algorithms, the
264 small number presented at any one time, and our cultural
268 Can I restrict it to my items?
271 No. Instead, consider how the true
<em>Daseine
</em> of the
272 objects you think you have are also inaccessible to you.