https://rusty.in/archives/the-third-home/

1<!DOCTYPE html>
2<html lang="en" data-theme="light">
3<head>
4  <meta charset="utf-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <title>The Third Home</title>
7  <link rel="canonical" href="" />
8  <link rel="preconnect" href="https://fonts.googleapis.com" />
9  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10  <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet" />
11  <link rel="stylesheet" href="/assets/css/screen.css?v=Hnl92FIvI0T7tqxI" />
12  <link rel="canonical" href="https://rusty.in/archives/the-third-home/">
13    <meta name="referrer" content="no-referrer-when-downgrade">
14    
15    <meta property="og:site_name" content="Rusty.in">
16    <meta property="og:type" content="article">
17    <meta property="og:title" content="The Third Home">
18    <meta property="og:description" content="Photo by Diego Jimenez / Unsplash
19
20
21  –    L’Auberge Espagnole (2002)
22
23The seemingly random chaos of the roads, streets and corners of this city all falls into place now. After 2 years I have finally deciphered the order in the chaos. I understand its pulse. I don’t feel a stranger anymore.">
24    <meta property="og:url" content="https://rusty.in/archives/the-third-home/">
25    <meta property="og:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
26    <meta property="article:published_time" content="2012-03-28T22:00:00.000Z">
27    <meta property="article:modified_time" content="2026-06-03T13:16:34.000Z">
28    <meta property="article:tag" content="Field Notes">
29    
30    <meta name="twitter:card" content="summary_large_image">
31    <meta name="twitter:title" content="The Third Home">
32    <meta name="twitter:description" content="Photo by Diego Jimenez / Unsplash
33
34
35  –    L’Auberge Espagnole (2002)
36
37The seemingly random chaos of the roads, streets and corners of this city all falls into place now. After 2 years I have finally deciphered the order in the chaos. I understand its pulse. I don’t feel a stranger anymore.">
38    <meta name="twitter:url" content="https://rusty.in/archives/the-third-home/">
39    <meta name="twitter:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
40    <meta name="twitter:label1" content="Written by">
41    <meta name="twitter:data1" content="Anoop Sankar">
42    <meta name="twitter:label2" content="Filed under">
43    <meta name="twitter:data2" content="Field Notes">
44    <meta name="twitter:site" content="@anoopsankar">
45    <meta property="og:image:width" content="1200">
46    <meta property="og:image:height" content="840">
47    
48    

48<script type="application/ld+json">
49{
50    "@context": "https://schema.org",
51    "@type": "Article",
52    "publisher": {
53        "@type": "Organization",
54        "name": "Rusty.in",
55        "url": "https://rusty.in/",
56        "logo": {
57            "@type": "ImageObject",
58            "url": "https://rusty.in/favicon.ico",
59            "width": 48,
60            "height": 48
61        }
62    },
63    "author": {
64        "@type": "Person",
65        "name": "Anoop Sankar",
66        "image": {
67            "@type": "ImageObject",
68            "url": "https://www.gravatar.com/avatar/8fa4100cb446fdb6ac390cf46dcc7d17?s=250&r=x&d=mp",
69            "width": 250,
70            "height": 250
71        },
72        "url": "https://rusty.in/author/anoop/",
73        "sameAs": []
74    },
75    "headline": "The Third Home",
76    "url": "https://rusty.in/archives/the-third-home/",
77    "datePublished": "2012-03-28T22:00:00.000Z",
78    "dateModified": "2026-06-03T13:16:34.000Z",
79    "keywords": "Field Notes",
80    "description": "\n    Photo by Diego Jimenez / Unsplash\n\n\n  –    L’Auberge Espagnole (2002)\n\nThe seemingly random chaos of the roads, streets and corners of this city all falls into place now. After 2 years I have finally deciphered the order in the chaos. I understand its pulse. I don’t feel a stranger anymore. Yes, Kochi too is now my home. And I’m loving it.",
81    "mainEntityOfPage": "https://rusty.in/archives/the-third-home/"
82}
83    </script>

83
84
85    <meta name="generator" content="Ghost 6.64">
86    <link rel="alternate" type="application/rss+xml" title="Rusty.in" href="https://rusty.in/rss/">
87    

87<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://rusty.in/" data-key="8d0bebd9510545b2bcdd20db3e" data-api="https://rusty.in/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script>

87<style id="gh-members-styles">.gh-post-upgrade-cta-content,
88.gh-post-upgrade-cta {
89    display: flex;
90    flex-direction: column;
91    align-items: center;
92    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
93    text-align: center;
94    width: 100%;
95    color: #ffffff;
96    font-size: 16px;
97}
98
99.gh-post-upgrade-cta-content {
100    border-radius: 8px;
101    padding: 40px 4vw;
102}
103
104.gh-post-upgrade-cta h2 {
105    color: #ffffff;
106    font-size: 28px;
107    letter-spacing: -0.2px;
108    margin: 0;
109    padding: 0;
110}
111
112.gh-post-upgrade-cta p {
113    margin: 20px 0 0;
114    padding: 0;
115}
116
117.gh-post-upgrade-cta small {
118    font-size: 16px;
119    letter-spacing: -0.2px;
120}
121
122.gh-post-upgrade-cta a {
123    color: #ffffff;
124    cursor: pointer;
125    font-weight: 500;
126    box-shadow: none;
127    text-decoration: underline;
128}
129
130.gh-post-upgrade-cta a:hover {
131    color: #ffffff;
132    opacity: 0.8;
133    box-shadow: none;
134    text-decoration: underline;
135}
136
137.gh-post-upgrade-cta a.gh-btn {
138    display: block;
139    background: #ffffff;
140    text-decoration: none;
141    margin: 28px 0 0;
142    padding: 8px 18px;
143    border-radius: 4px;
144    font-size: 16px;
145    font-weight: 600;
146}
147
148.gh-post-upgrade-cta a.gh-btn:hover {
149    opacity: 0.92;
150}</style>
151    

151<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="8d0bebd9510545b2bcdd20db3e" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://rusty.in/" data-locale="en" crossorigin="anonymous"></script>

151
152    
153    <link href="https://rusty.in/webmentions/receive/" rel="webmention">
154    

154<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>

154
155    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
156    

156<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>

156
157    

157<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://rusty.in/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="a11273d8-b32f-48d9-b0b4-c856a06ee929" tb_post_uuid="bdcc7498-d8fa-4fbb-810a-7b288f3c39b5" tb_post_type="post" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>

157<style>:root {--ghost-accent-color: #FF1A75;}</style>
158</head>
159<body>
160  <div class="candle" id="candle" aria-hidden="true"></div>
161  
162<div class="progress" id="reading-progress" role="progressbar" aria-label="Reading progress" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
163
164<div class="article-shell" id="top">
165  <header class="masthead">
166  <a class="mast-mark" href="https://rusty.in" aria-label="Rusty.in — home">
167    <div class="mast-logo">
168      <span class="word"><span class="first">r</span>usty</span>
169      <div class="mast-underline" aria-hidden="true">
170        <div class="line"></div>
171        <div class="blimp"></div>
172      </div>
173    </div>
174    <div class="mast-tt">
175      <div class="tagline">mildly interesting stories.</div>
176    </div>
177  </a>
178
179  <nav class="mast-nav" aria-label="Site navigation">
180    <a href="/">Home</a>
181    <a href="/">About</a>
182    <a href="https://rusty.in/rss/" aria-label="RSS feed">rss</a>
183    <button class="theme-toggle" id="theme-toggle" aria-label="Toggle dark mode">☾</button>
184  </nav>
185</header>
186  <a class="back-link" href="https://rusty.in">← back to the index</a>
187
188  <header class="article-header reveal">
189    <div class="cat"><a href="/tag/field-notes/">Field Notes</a> · Nº 137</div>
190    <h1>The Third Home</h1>
191    <div class="article-meta">
192      <span>29 March 2012</span>
193      <span>·</span>
194      <span>1 min read</span>
195    </div>
196  </header>
197  <div class="prose-wrapper">
198    <div class="prose">
199      <figure class="kg-card kg-image-card"><img src="https://images.unsplash.com/photo-1495361351755-ca114f6e80fa?ixlib=rb-0.3.5&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ&amp;s=8b97938e33186549574dcbfd8e089190" class="kg-image" alt loading="lazy"></figure><p><br>     Photo by Diego Jimenez / Unsplash</p><blockquote><br>   – <em>    L’Auberge Espagnole (2002) </em></blockquote><p>The seemingly random chaos of the roads, streets and corners of this city all falls into place now. After 2 years I have finally deciphered the order in the chaos. I understand its pulse. I don’t feel a stranger anymore. Yes, Kochi too is now my home. And I’m loving it.</p>
200    </div>
201    <aside class="kudos-float">
202      <div class="kudos" data-slug="the-third-home">
203  <button class="kudos-btn" aria-label="Give kudos" title="Give kudos">
204    <svg class="kudos-heart" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
205      <path class="heart-outline" d="M14 24s-10-6.5-10-13a6 6 0 0 1 10-4.47A6 6 0 0 1 24 11c0 6.5-10 13-10 13z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
206      <path class="heart-fill"    d="M14 24s-10-6.5-10-13a6 6 0 0 1 10-4.47A6 6 0 0 1 24 11c0 6.5-10 13-10 13z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
207    </svg>
208  </button>
209  <span class="kudos-count" aria-live="polite"></span>
210</div>
211

212<script>
213(function () {
214  var KUDOS_URL = 'https://us-west4-rusty-397508.cloudfunctions.net/kudos';
215  var el = document.querySelector('.kudos[data-slug]');
216  if (!el) return;
217
218  var slug = el.dataset.slug;
219  var btn = el.querySelector('.kudos-btn');
220  var countEl = el.querySelector('.kudos-count');
221  var storageKey = 'kudos-liked-' + slug;
222  var liked = localStorage.getItem(storageKey) === 'true';
223
224  function setCount(n) {
225    countEl.textContent = n > 0 ? n + ' kudos' : 'Kudos?';
226  }
227
228  // Show prompt text immediately before fetch completes
229  setCount(0);
230
231  function setLiked(state) {
232    liked = state;
233    if (state) {
234      btn.classList.add('liked');
235      btn.setAttribute('aria-label', 'Already liked');
236    } else {
237      btn.classList.remove('liked');
238      btn.setAttribute('aria-label', 'Give kudos');
239    }
240  }
241
242  // Restore liked state immediately so there's no flash
243  if (liked) setLiked(true);
244
245  // Fetch current count
246  fetch(KUDOS_URL + '?slug=' + encodeURIComponent(slug))
247    .then(function (r) { return r.ok ? r.json() : null; })
248    .then(function (data) { if (data) setCount(data.count); })
249    .catch(function () {});
250
251  btn.addEventListener('click', function () {
252    if (liked) {
253      // Animate even if already liked
254      btn.classList.add('pop');
255      setTimeout(function () { btn.classList.remove('pop'); }, 350);
256      return;
257    }
258
259    setLiked(true);
260    localStorage.setItem(storageKey, 'true');
261    btn.classList.add('pop');
262    setTimeout(function () { btn.classList.remove('pop'); }, 350);
263
264    fetch(KUDOS_URL + '?slug=' + encodeURIComponent(slug), { method: 'POST' })
265      .then(function (r) { return r.ok ? r.json() : null; })
266      .then(function (data) { if (data) setCount(data.count); })
267      .catch(function () {});
268  });
269}());
270</script>

270
271    </aside>
272  </div>
273
274  <div class="article-end" aria-hidden="true">✻ ✻ ✻</div>
275
276  <nav class="post-nav">
277    <a href="/archives/the-butterfly-effect/" class="post-nav-prev"><span class="lbl">← Prev</span> The Butterfly Effect</a>
278    <span class="post-nav-sep" aria-hidden="true">·</span>
279    <a href="/archives/flickering-text-with-css-and-javascript/" class="post-nav-next">Flickering text with CSS and JavaScript <span class="lbl">Next →</span></a>
280  </nav>
281
282  <footer class="foot">
283  <span><a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Some rights reserved</a> · <span id="copy-years">2001 — now</span></span>
284  <span class="right">
285    <a href="#top" aria-label="Back to top">↑ top</a>
286  </span>
287</footer>
288</div>
289
290  

290<script src="/assets/js/main.js?v=okFHeURK9qPSHix8"></script>

290
291  
292</body>
293</html>