2 <html lang=
"en" manifest=
"labelle.manifest">
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">
20 <link rel=
"stylesheet" href=
"/css/main.css" type=
"text/css">
23 - Outfit-Oriented Ontology from Animal Crossing: New Leaf
26 <script type=
"text/javascript" src=
"acnl-wearables-list.js"></script>
27 <script type=
"text/javascript" src=
"acnl-outfit.js"></script>
29 window.addEventListener(
"load", function () {
30 if (window.navigator.standalone) {
31 var header = document.getElementsByTagName(
"header")[
0];
32 header.className +=
" statusbar";
33 var statusbar = document.getElementById(
"statusbar");
34 statusbar.style.display =
"block";
40 background-color: rgb(
206,
132,
242);
46 transition: background-color
0.5s;
51 header:hover #statusbar {
52 background-color: rgb(
244,
126,
126);
56 border-top-left-radius:
0;
57 border-top-right-radius:
0;
58 border-top-width:
20px;
69 margin-bottom:
0.25em;
82 text-decoration: none;
83 background-color: #eee;
84 color: #
333 !important;
85 padding:
3px
6px
3px
6px;
86 border-top:
1px solid #ccc;
87 border-right:
1px solid #
333;
88 border-bottom:
1px solid #
333;
89 border-left:
1px solid #ccc;
91 display: inline-block;
95 @media (max-width:
600px) {
96 #wearing { font-size:
1.25em; }
97 #haveyou, .button { font-size:
1.125em; }
101 padding:
2px
5px
2px
32px;
102 background: url('twitter.png')
8px center no-repeat #eee;
106 <body onload='litanizeElement(
"wearing",
"share-button");'
>
108 <div id='statusbar'
></div>
109 <a href=
"http://yukkurigames.com" id=
"header-logo">
110 <img src=
"/logotype_horizontal_1.png" class=
"logo"
113 ><img src=
"/logotype_horizontal_2.png"
116 ><img src=
"/logotype_horizontal_3.png" class=
"logo"
120 <h1>Labelle Litanizer
</h1>
123 <div id=
"labelle" style=
"float: left; width: 100%;">
124 <div style=
"float: left; width: 30%">
125 <img src=
"labelle.jpg" style=
"max-width: 100%;"/>
127 <div style=
"float: right; width: 66%; margin-top: 0.5em">
128 <div id=
"haveyou">Have you considered...
</div>
129 <div id=
"wearing">...
</div>
133 <a onclick='litanizeElement(
"wearing",
"share-button", event);'
134 class=
"button" href=
"">How gauche.
</a>
135 <a id=
"share-button" target=
"_blank" class=
"twitter button"
136 href=
"https://twitter.com/share?url=http%3A%2F%2Fyukkurigames.com%2Flabelle%2F&hashtags=ACNL&text=Loading...">Great idea!
</a>
139 <dl class=
"downplay">
140 <dt>What is this?
</dt>
142 The Labelle Litanizer generates random
<em>Animal Crossing:
143 New Leaf
</em> outfits. Ignoring the realities of the period
144 and distribution of your random number generator, all
145 possible outfits should have some chance of appearing.
147 <dt>What's with the name?
</dt>
149 It's inspired by Ian Bogost's
150 <a href=
"http://www.bogost.com/blog/latour_litanizer.shtml">Latour
151 Litanizer
</a>, and his writings about objects and carpentry
156 Latour litanies confront us with objects in a way that defies
157 our usual methods of grouping or reduction. In a similar way
158 the Labelle Litanizer asks us to consider the possible rather
159 than merely the desirable or expected.
<em>New Leaf
</em>
160 contains a huge number of objects you can wear (or otherwise
161 visibly present with, if you are uncomfortable saying you
162 are
"wearing" an ice cream cone). But that scale and
163 diversity is obscured due to its grouping algorithms, the
164 small number presented at any one time, and our cultural
168 Can I restrict it to my / catalogable / easily-accessible
169 items (no DLC / region-exclusives)?
172 No. Instead, consider how the true
<em>Daseine
</em> of the
173 objects you think you have are also inaccessible to you.