-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
255 lines (233 loc) · 21.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!doctype html>
<html lang="en">
<head>
<title>Cozy/Flat</title>
<!-- Fav Icon -->
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon.ico">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:url" content="http://cozyfl.at/" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Cozy/Flat" />
<meta property="og:description" content="An Inquiry into the Private Spaces We Share - a project by Calibro, Donato Ricci, óbelo" />
<meta property="og:image" content="http://cozyfl.at/assets/img/DSCF2142.jpg" />
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Main CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body data-spy="scroll" data-target="#navbar-left" data-offset="15">
<nav id="cozy-nav" class="navbar navbar-expand-lg navbar-light bg-light d-lg-none fixed-top">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#pre-interface">Pre/inter face</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#easy-local">Easy/local experiences</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#city-spaces-things">City/Spaces/Things</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#publishing-archiving">Publishing/Archiving</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-7 offset-lg-3">
<img class="header-title" src="assets/img/title.svg" />
</div>
</div>
</div>
<div class="container credits">
<div class="row">
<div class="col-lg-3 offset-lg-3">
<h5>a project by</h5>
<ul class="credits-list">
<li>
<a href="http://calib.ro" target="_blank">Calibro</a>
</li>
<li>
<a href="https://t.co/TKbUPlGDX9" target="_blank">Donato Ricci</a>
</li>
<li>
<a href="http://www.obelo.it/" target="_blank">óbelo</a>
</li>
</ul>
</div>
<div class="col-lg-3 offset-lg-1">
<h5>Raumplan - Trouble Makings</h5>
<ul class="credits-list">
<li>
<a href="http://base.milano.it/troublemaking/" target="_blank">Who's Making the City?</a>
</li>
<li>
17 — 22.4.2018
</li>
<li>
BASE Milano
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="navbar-left-container d-none d-lg-block">
<div id="navbar-left" class="list-group">
<a class="list-group-item list-group-item-action" href="#pre-interface">Pre/inter face</a>
<a class="list-group-item list-group-item-action" href="#easy-local">Easy/local experiences</a>
<a class="list-group-item list-group-item-action" href="#city-spaces-things">City/Spaces/Things</a>
<a class="list-group-item list-group-item-action" href="#publishing-archiving">Publishing/Archiving</a>
</div>
</div>
</div>
<div class="col-lg-9 col-xs-12">
<!-- <h5 id="pre-interface">Pre/inter face</h5> -->
<div class="chapter">
<p><span class="drop-cap" id="pre-interface">Pre/inter face</span> While the page is loading, the search box says <em>Anywhere.</em> The page loads and, in the same box, <em>Try “Miami”</em> replaces <em>Anywhere</em>. Put <em>Milan</em> in the interface, add a couple of dates — one for the arrival, one for the departure —, combine them with the number of fellows travelers. Probably, you are not on a budget. Probably you will ask for an entire place. Check and select the amenities you will never renounce while being elsewhere at home.<br> Among 4 million listing — in more than 190 countries, that served more than 200 million of users since 2008 — the platform will propose you the left solutions from the 15,555 available ones in Milan. If you are looking for an apartment between April the 16th and April the 21st, most probably, the interface will warn you: <em>203 % more people are looking for homes in Milan. You are coming to town at a popular time. We recommend booking soon</em>.
<p>
An ordered and paged grid, 3 by 6, is now before your eyes.Each item of the grid is composed by a picture accompanied by a text, plus its price. You can add an item to a wish list, by clicking on the little heart; you can ask for more picture to eventually decide if a listing fits your taste.The texts unceasingly repeat <em>ideal for Design Week, perfect for the Furniture fair, cosy, retro, near this, near that, cute, nice, NOLO style, Navigli style, exclusive,lovely.</em> So small, so big, so nice, so design.
</p>
</div>
<div class="chapter">
<!-- <h5 id="easy-local">Easy/local experiences</h5> -->
<p><span class="drop-cap" id="easy-local">Easy/local experiences</span> Places, homes, apartments could be retrieved and used as any other piece of digital information. Cities could be explored and occupied as the extension of filter bubbles and echo chambers. We loop through them by place-specific imagined values and parameters; snapshots of somebody-else-life curated on Instagram; clipping of Kinfolk-ish pages; blog articles featuring in their title cardinal numbers; stars and reviews on Yelp-like apps. Platforms, algorithms, and interfaces<small><sup>[1]</sup></small> align these elements: design drives taste; taste drives consumption; consumption domesticates cities. A domestication that juggles with two antithetic forces. On the one side, the <em>easyfication</em> of the city —allowing for a flow of international workers and companies through globally connected places. On the other, the need to preserve local identities —securing a degree of desirability of services, products, and economies. In the interplay between these two forces, we find less and less frictions and glitches, in experiencing the city. We feel reassured by platfomised<small><sup>[2]</sup></small> services promoting themselves as unique and authentic. Almost everybody could upgrade to a premium-mediocre experience<small><sup>[3]</sup></small> of living, traveling and working anywhere.<br> A flat, cozy anywhere. This is the AirSpace, —a term coined a couple of years ago by Kyle Chayka<small><sup>[4]</sup></small>, a by-product of the neo-liberal adoption of the (pseudo) sharing economy, that has corrupted the hope for a bottom-up radical urbanism<small><sup>[5]</sup></small>. It has fostered, at the same time, the dream of self-entrepreneurialism, and the flourishing eco-systems of a professional ecosystem for both lazy private space owners and wealthy landlord of multiple apartments<small><sup>[6]</sup></small>. While the AirSpace issue has been explored addressing its consequences in term of urban gentrification and socio-economic divide<small><sup>[7]</sup></small>, its effects in terms of the emergence of an impersonal, collective still seductive and recognizable aesthetic atmosphere<small><sup>[8]</sup></small>, has only been anecdotally described.
</p>
</div>
<hr>
<div class="chapter" id="city-spaces-things">
<p>
<img src="assets/img/DSCF2124.jpg" alt="Cazy/Flat Calibro Donato Ricci òbelo" class="img-fluid">
</p>
<!-- <h5 id="city-spaces-things">City/Spaces/Things</h5> -->
<p>
<em>Cozy/Flat</em> explores the aesthetic aspects of the AirSpace phenomenon in Milan. By adopting an evidentiary approach, it tries to expose all the elements that compose it. It tries to expose the Airbnb interface logic —the one that “focuses on pretty pics rather than searches”<small><sup>[9]</sup></small>— along with its contents. The entire collection of listings has been extracted from the platform. The listings have been arranged into price segments. For each listing, it has been retrieved which other similar ones are suggested by the Airbnb recommendation algorithm. For each listing, the cover image has been analyzed to obtain the objects contained in it. <em>Cozy/Flat</em> tries to produce a clash between the search/browse logic of the platform with the sorting/cataloging logic of the human beings<small><sup>[10]</sup></small>. All the scraped and extracted pieces of information have been retrofitted from a single — Airbnb proprietary— database to a multiple —shared and physical— publishing process.
<p>
<em>Cozy/Flat</em> consists of 3 experiments:
</p>
<br>
<p>
<span class="drop-cap"">< City ></span>Starting from a sample of 230 listings —respecting the overall price distribution ranging from 8 to 4,120 euros—, we have retrieved other 460 listings suggested by the Airbnb algorithm, for a grand total of 690. The listings have been printed on slotted cards echoing Enzo Mari’s Fable Game and Eames’ <em>House of Cards</em>. By replacing Mari’s illustrations of fairy tales and Eames’ curated selection of “good stuff”, and by replacing their common combinatorial logic with a strict calculated suggestion logic, City forces to observe the seamless topological propagation of visual tropes associated to price-related effects. From the poorly pictured, small room —where to sleep in a convertible couch—, card after card, we arrive in the luxurious condos of the renewed Isola district. While in the Mari’s and Eames’ games the opportunities to make, unmake and build up visual imaginaries are countless and could be each time invented anew to stimulate imagination, in <em>City</em> the monetary parameters lock down these possibilities. Instead of imagination, is life-aspiration that runs wild.
</p>
<p>
<div id="carouselExampleIndicators" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="assets/img/DSCF2127.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/img/DSCF2126.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/img/DSCF2128.jpg" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/img/DSCF2131.jpg" alt="Fourth slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</p>
<hr>
<p>
<span class="drop-cap"">< Spaces ></span> The entire collection of listings cover has been sorted out into 7 categories. They segment a gradient of intimacy. In these categories —from “the city toward the apartments” to “the apartments towards the city”— is projected an entire panorama of possible strategies for marketing a domestic environment: the depiction of an urban landmark; the variegated stylemes of the Milanese architecture; the decluttered and bright living rooms; the exhibition of items with personality; the gardens, balcony and swimming pool where it is possible to have a gaze on the city while hiding from it.
</p>
<p>
<img src="assets/img/griglia_rosa_heatmap.jpg" alt="Cazy/Flat Calibro Donato Ricci òbelo" class="img-fluid">
</p>
<p>
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://player.vimeo.com/video/265341380?autoplay=1&loop=1&color=e879b0&title=0&byline=0&portrait=0" width="825" height="464" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</p>
<p>
<img src="assets/img/DSCF2129.jpg" alt="Cazy/Flat Calibro Donato Ricci òbelo" class="img-fluid">
</p>
<hr>
<p>
<span class="drop-cap"">< Things ></span> The same collection of images has been processed by a Neural Network<small><sup>[11]</sup></small>, able to identify the objects that are present in them. It crops the pictures and generates a caption for each one of these snips. A selection of 17,500 out of 124,243 cropping have been indexed and cataloged. By leafing through the 11 volumes catalog we might encounter all sort of lamps, couches, chairs, fruits, animals, and humans. For each item category, is also indicated which other ones it is often found in combination with. The catalog expresses the contradictory logic of the platform that seeks to find in every household item a surprisingly reassuring uniqueness. A contradictory logic that, while denies the scale-based strategy of hotels furnishing, imposes a constant imperative to produce differences by emulating somebody else style. It is a cosmogram of domestic objects —captured in its low-resolution manifestation, that screech with the nature of the printed matter.
</p>
<p>
<img src="assets/img/DSCF2139.jpg" alt="Cazy/Flat Calibro Donato Ricci òbelo" class="img-fluid">
</p>
<p>
<div class="embed-responsive embed-responsive-4by3">
<iframe src="https://player.vimeo.com/video/265351564?autoplay=1&loop=1&color=e879b0&title=0&byline=0&portrait=0" width="825" height="582" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</p>
<p>The 3 experiments perform a close and meticulous description of the domestic environment, providing different and open narratives to the transformations proposed by digital platforms.</p>
</div>
<hr>
<div class="chapter">
<p>
<span class="drop-cap" id="publishing-archiving">Publishing/Archiving</span>
Airbnb could be considered "one of the largest repositories of interior photography on the planet." and for sure it represents, along with other platforms like Pinterest, one of the largest and deepest repositories of the contemporary condition. <em>Cozy/Flat</em>, besides its critical approach to the AirSpace issue, tries to organize a possible strategy to identify what should be de-appropriated from proprietary platforms to be elsewhere re-archived and fed back into circulation. The immense Airbnb repository is constituted of private space fragments, captured by often precarious photographers, uploaded by the users themselves or by other paid middle agents. The liberation of these fragments might be a step to renew our understanding of the city through the lens of its aesthetic features.
</p>
<p>
<em>Cozy/Flat</em>, took as an iterative publishing process, is aimed at exploring other ways of narrating and representing the city. Here publishing is understood as an interface between various human and non-human actors: technologies, algorithms, material, political and ideological conditions and cultural values. In all the <em>Cozy/Flat</em> experiments, the digital matter is transmuted into a physical manifestation waiting for a new digital re-incarnation. Human practices —cutting, pasting, indexing, taking notes, printing— and computational strategies —extracting visual features, creating clusters of items, arranging items into a specific order— come together in a process of dis- and re-assemblage, enrichment, recontextualization, and conversion. Deliberately, the human practices are not seeking to cover or correct the errors of the machines. On the contrary every misplacement of information or picture, every algorithmic misinterpretation is embraced as a sort of manifestation of the agencies of the calculated space we live in.
Investigating web archives and the web as an archive, <em>Cozy/Flat</em> shifts the surface of the screen to a local plane of collaboration to present and to negotiate its findings.
</p>
</div>
</div>
</div>
</div>
<div id="notes" class="container">
<div class="row">
<div class="col-lg-12">
<hr>
<ol>
<li>Srnicek, Nick. <em>Platform capitalism</em>. John Wiley & Sons, 2017.</li>
<li>Pasquale, Frank. "Two narratives of platform capitalism." <em>Yale L. & Pol'y Rev.</em> 35 (2016): 309.</li>
<li> Kottke, Jason. "Premium Mediocre." Kottke.org. Accessed April 03, 2018. https://kottke.org/17/08/premium-mediocre.
</li>
<li> Chayka, Kyle. "How Silicon Valley Helps Spread the Same Sterile Aesthetic across the World." The Verge. August 03, 2016. Accessed April 03, 2018. https://www.theverge.com/2016/8/3/12325104/ Airbnb-aesthetic-global-minimalism-startup-gentrification.
</li>
<li>Pavoni, Andrea; Brighenti, Mubi Andrea. “Airspacing the City – Where Technophysics meets Atmoculture”. <em>Azimuth. Philosophical Coordinates in Modern and Contemporary AgeS.I. Intersections: At the Technophysics of Space (2017)</em>.
<li>E.g. guestready.com, bnblord.com, lodgify.com</li>
<li>Wachsmuth, David, and Alexander Weisler."Airbnb and the Rent Gap: Gentrification Through the Sharing Economy."(2017): 13
</li>
<li>Sloane, Mona. "Inequality By Design? Why We Need to Start Talking about Aesthetics, Design and Politics." Researching Sociology @ LSE. December 01, 2017. Accessed April 03, 2018. http://blogs.lse.ac.uk/researchingsociology/2016/09/12/inequality-by-design-why-we-need-to-start-talking-about-aesthetics-design-and-politics/.
</li>
<li>Carr, Austin. "The New Airbnb Focuses On Pretty Pics Rather Than Searches." Co.Design. September 13, 2017. Accessed April 03, 2018. https://www.fastcodesign.com/1670158/the-new- Airbnb-focuses-on-pretty-pics-rather-than-searches
</li>
<li>Carpo, Mario. <em>The Second Digital Turn: Design Beyond Intelligence. MIT Press, 2017</em>.<br>
Bowker, Geoffrey C., and Susan Leigh Star. <em>Sorting things out: Classification and its consequences</em>. MIT press, 2000.
<li>Johnson, Justin, Andrej Karpathy, and Li Fei-Fei. "Densecap: Fully convolutional localization networks for dense captioning." In <em>Proceedings of the IEEE Conference on Computer Vision and Pattern Recognition</em>, pp. 4565-4574. 2016.</li>
</ol>
</div>
</div>
</div>
<!-- jQuery first, Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<!-- Your custom Javascript -->
<script src="js/main.js"></script>
</body>
</html>