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";
38 border-top-left-radius:
0;
39 border-top-right-radius:
0;
40 border-top-width:
20px;
52 margin-bottom:
0.25em;
65 text-decoration: none;
66 background-color: #eee;
67 color: #
333 !important;
68 padding:
3px
6px
3px
6px;
69 border-top:
1px solid #ccc;
70 border-right:
1px solid #
333;
71 border-bottom:
1px solid #
333;
72 border-left:
1px solid #ccc;
74 display: inline-block;
78 @media (max-width:
600px) {
79 #wearing { font-size:
1.25em; }
80 #haveyou, .button { font-size:
1.125em; }
84 padding:
2px
5px
2px
32px;
85 background: url('twitter.png')
8px center no-repeat #eee;
89 <body onload='litanizeElement(
"wearing",
"share-button");'
>
91 <a href=
"http://yukkurigames.com" id=
"header-logo">
92 <img src=
"/logotype_horizontal_1.png" class=
"logo"
95 ><img src=
"/logotype_horizontal_2.png"
98 ><img src=
"/logotype_horizontal_3.png" class=
"logo"
102 <h1>Labelle Litanizer
</h1>
105 <div id=
"labelle" style=
"float: left; width: 100%;">
106 <div style=
"float: left; width: 30%">
107 <img src=
"labelle.jpg" style=
"max-width: 100%;"/>
109 <div style=
"float: right; width: 66%; margin-top: 0.5em">
110 <div id=
"haveyou">Have you considered...
</div>
111 <div id=
"wearing">...
</div>
115 <a onclick='litanizeElement(
"wearing",
"share-button", event);'
116 class=
"button" href=
"">How gauche.
</a>
117 <a id=
"share-button" target=
"_blank" class=
"twitter button"
118 href=
"https://twitter.com/share?url=http%3A%2F%2Fyukkurigames.com%2Flabelle%2F&hashtags=ACNL&text=Loading...">Great idea!
</a>
121 <dl class=
"downplay">
122 <dt>What is this?
</dt>
124 The Labelle Litanizer generates random
<em>Animal Crossing:
125 New Leaf
</em> outfits. Ignoring the realities of the period
126 and distribution of your random number generator, all
127 possible outfits should have some chance of appearing.
129 <dt>What's with the name?
</dt>
131 It's inspired by Ian Bogost's
132 <a href=
"http://www.bogost.com/blog/latour_litanizer.shtml">Latour
133 Litanizer
</a>, and his writings about objects and carpentry
138 Latour litanies confront us with objects in a way that defies
139 our usual methods of grouping or reduction. In a similar way
140 the Labelle Litanizer asks us to consider the possible rather
141 than merely the desirable or expected.
<em>New Leaf
</em>
142 contains a huge number of objects you can wear (or otherwise
143 visibly present with, if you are uncomfortable saying you
144 are
"wearing" an ice cream cone). But that scale and
145 diversity is obscured due to its grouping algorithms, the
146 small number presented at any one time, and our cultural
150 Can I restrict it to my / catalogable / easily-accessible
151 items (no DLC / region-exclusives)?
154 No. Instead, consider how the true
<em>Daseine
</em> of the
155 objects you think you have are also inaccessible to you.