1<!doctype html> 2<html data-n-head-ssr> 3 <head> 4 <title>phanan.net</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content="Phan Anâs personal homepage"><link data-n-head="ssr" rel="icon" type="image/png" href="/favicon.png"><style>@font-face{font-family:Literata;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/literata/v40/or3NQ6P12-iJxAIgLYT1PLs1Zd0nfUwAbeGVKoRYzNiCp1OUedn8_7XmQUiX.ttf) format('truetype')}@font-face{font-family:Literata;font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/literata/v40/or3NQ6P12-iJxAIgLYT1PLs1Zd0nfUwAbeGVKoRYzNiCp1OUedn8IbLmQUiX.ttf) format('truetype')}@font-face{font-family:Literata;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/literata/v40/or3PQ6P12-iJxAIgLa78DkrbXsDgk0oVDaDPYLanFLHpPf2TbBG_J_7WSQ.ttf) format('truetype')}@font-face{font-family:Literata;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/literata/v40/or3PQ6P12-iJxAIgLa78DkrbXsDgk0oVDaDPYLanFLHpPf2TbM-4J_7WSQ.ttf) format('truetype')}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}strong{font-weight:bolder}img{border-style:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}</style><link data-n-head="ssr" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" media="print" onload="this.media='all'"><link data-n-head="ssr" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Literata:400,400i,600,600i&display=swap&subset=vietnamese" media="print" onload="this.media='all'"><link rel="preload" href="/_nuxt/82cdba98537294e188d3.js" as="script"><link rel="preload" href="/_nuxt/d7ddde08a40ec5c6946f.js" as="script"><link rel="preload" href="/_nuxt/f49d61551c3eeafdab1b.js" as="script"><link rel="preload" href="/_nuxt/b3ef4a4a161ad50c151f.js" as="script"><link rel="preload" href="/_nuxt/a5992f36b4beb62db180.js" as="script"><link rel="preload" href="/_nuxt/4b58064e09eb3d565e3f.js" as="script"><style data-vue-ssr-id="7b3c8e2c:0 3191d5ad:0 1c10b9ef:0 449ed97c:0">*,:after,:before{box-sizing:border-box}:root,:root.light{--bg-color:#fff;--text-color:#4a4a4a;--text-color-light:#666;--link-color:red;--link-color-hover:red}:root.dark{--bg-color:#202124;--text-color:#b1b6bb;--text-color-light:#9aa0a6;--link-color:#f56f82;--link-color-hover:#fff}@media (prefers-color-scheme:dark){:root{--bg-color:#202124;--text-color:#b1b6bb;--text-color-light:#9aa0a6;--link-color:#f56f82;--link-color-hover:#fff}}body,html{font:20px/37px Literata,serif;color:#4a4a4a;color:var(--text-color);background:#fff;background:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:red;color:var(--link-color);text-decoration:none;-webkit-transition:.2s ease-out;transition:.2s ease-out}a:hover{color:red;color:var(--link-color-hover)}p{margin:0 0 1rem}b,strong{font-weight:600}em,i{font-style:italic}li,ul{list-style:none;padding:0;margin:0}.shadowed{box-shadow:0 3px 6px rgba(0,0,0,.2)}.flex{display:-webkit-box;display:flex}.mb-24{margin-bottom:24px}.mb-12{margin-bottom:12px}.mb-8{margin-bottom:8px}.mt-12{margin-top:12px}.al-r{text-align:right}.pl-24{padding-left:24px}.s-\.7{font-size:.7rem}.s-\.8{font-size:.8rem}.rounded{border-radius:5px}.pos-rel{position:relative}.pos-abs{position:absolute}.top-0{top:0}.hov\:top--10:hover{top:-10px}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;-webkit-transition:width .1s,opacity .4s;transition:width .1s,opacity .4s;background-color:#fff;z-index:999999}.nuxt-progress.nuxt-progress-notransition{-webkit-transition:none;transition:none}.nuxt-progress-failed{background-color:red}.project-name[data-v-e81d12c4]{display:block;color:var(--text-color)}.project-name[data-v-e81d12c4]:hover{color:var(--link-color)}@media screen and (max-width:768px){.project-name[data-v-e81d12c4]{color:var(--link-color)}}h1[data-v-04afc8f7]{font-size:3.2rem;font-weight:600;margin-bottom:4rem}.main-content[data-v-04afc8f7]{padding:32px 64px}.introduction[data-v-04afc8f7]{-webkit-box-flex:520px;flex:520px 0 0}.close[data-v-04afc8f7]{display:none}.details[data-v-04afc8f7]{line-height:1.2rem;color:var(--text-color-light);padding-left:64px;max-width:640px;opacity:0;margin-left:30px}.details.in[data-v-04afc8f7]{-webkit-transition:.3s ease-out;transition:.3s ease-out;margin-left:0;opacity:1}@media screen and (max-width:768px){.main-content[data-v-04afc8f7]{padding:24px}main[data-v-04afc8f7]{display:block}.details[data-v-04afc8f7]{left:0;top:64px;
4height:100%;width:100%;max-width:100%;overflow:auto;padding:84px 24px 24px;-webkit-overflow-scrolling:touch;background:var(--bg-color);margin-left:0;z-index:99}.details.in[data-v-04afc8f7]{position:fixed;top:0}.close[data-v-04afc8f7]{display:block;right:24px;top:24px;background:var(--link-color);color:var(--bg-color);padding:2px 8px}}</style> 5 </head> 6 <body> 7 <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="main-content" data-v-04afc8f7 data-v-e81d12c4><h1 data-v-04afc8f7>Hello.</h1> <main class="flex" data-v-04afc8f7><div class="introduction" data-v-04afc8f7><div data-v-04afc8f7><p><strong>My name is Phan An</strong> 8 â âAnâ 9 <a href="https://en.wikipedia.org/wiki/Vietnamese_name">being the given name</a>. 10 Iâm the mix of 11 a <a href="/writes">published author</a>, 12 an <a href="/codes">open source proponent</a>, 13 a founder of several inspiring <a href="/creates">cultural/community projects</a>, 14 an <a href="/reads">avid reader</a>, 15 and a tireless wanderer. 16 </p> <p> 17 You can find me on 18 <a href="https://github.com/phanan">GitHub</a>, 19 <a href="https://twitter.com/notphanan">Twitter</a>, 20 and <a href="https://fb.me/real.phanan">Facebook</a>. 21 An outdated <a href="https://www.linkedin.com/in/phanan">LinkedIn profile</a> is also available. 22 If you happen to read Vietnamese, I own a <a href="https://360.phanan.net">blog</a> 23 where I once in a while jot down thoughts, essays, and short stories. 24 </p></div></div> <aside class="details pos-rel s-.7" data-v-04afc8f7><a role="button" class="close pos-abs" data-v-04afc8f7>Close</a> <ul data-v-04afc8f7 data-v-e81d12c4><li class="flex mb-24" data-v-04afc8f7 data-v-e81d12c4><div data-v-04afc8f7 data-v-e81d12c4><a href="https://fb.me/canhsatchinhta" class="pos-rel top-0 hov:top--10" data-v-04afc8f7 data-v-e81d12c4><img alt="Cảnh sát ChÃnh tả logo" src="/images/logos/csct.png" height="auto" width="64px" class="rounded" data-v-04afc8f7 data-v-e81d12c4></a></div> <div class="pl-24" data-v-04afc8f7 data-v-e81d12c4><a href="https://fb.me/canhsatchinhta" class="project-name mb-8 s-.8" data-v-04afc8f7 data-v-e81d12c4>Cảnh sát ChÃnh tả</a> <div data-v-04afc8f7 data-v-e81d12c4>Lit. <em>Spelling Police</em>, my latest community/cultural initiative in co-authorship with 25 <a href="https://vi.wikipedia.org/wiki/Phong_D%C6%B0%C6%A1ng">Nguyen Thanh Phong</a>, one of Vietnamâs most 26 prolific contemporary comic artists.</div></div></li><li class="flex mb-24" data-v-04afc8f7 data-v-e81d12c4><div data-v-04afc8f7 data-v-e81d12c4><a href="https://cadao.me" class="pos-rel top-0 hov:top--10" data-v-04afc8f7 data-v-e81d12c4><img alt="Ca dao Mẹ logo" src="/images/logos/cadao.png" height="auto" width="64px" class="rounded" data-v-04afc8f7 data-v-e81d12c4></a></div> <div class="pl-24" data-v-04afc8f7 data-v-e81d12c4><a href="https://cadao.me" class="project-name mb-8 s-.8" data-v-04afc8f7 data-v-e81d12c4>Ca dao Mẹ</a> <div data-v-04afc8f7 data-v-e81d12c4>A project to collect and annotate Vietnamese folk poems (<em>ca dao</em>), proverbs, idioms, and 27 riddles, in an attempt to conserve our folk culture. So far, more than 15,000 items have been digitalized by a team 28 of 14 volunteers over a span of four years.</div></div></li><li class="flex mb-24" data-v-04afc8f7 data-v-e81d12c4><div data-v-04afc8f7 data-v-e81d12c4><a href="https://thica.net" class="pos-rel top-0 hov:top--10" data-v-04afc8f7 data-v-e81d12c4><img alt="Thica.net â The poetry network logo" src="/images/logos/thica.jpg" height="auto" width="64px" class="rounded" data-v-04afc8f7 data-v-e81d12c4></a></div> <div class="pl-24" data-v-04afc8f7 data-v-e81d12c4><a href="https://thica.net" class="project-name mb-8 s-.8" data-v-04afc8f7 data-v-e81d12c4>Thica.net â The poetry network</a> <div data-v-04afc8f7 data-v-e81d12c4>A collection of the finest poems written in or translated into Vietnamese, hand-picked since 2008.</div></div></li><li class="flex mb-24" data-v-04afc8f7 data-v-e81d12c4><div data-v-04afc8f7 data-v-e81d12c4><a href="http://lacai.org" class="pos-rel top-0 hov:top--10" data-v-04afc8f7 data-v-e81d12c4><img alt="Lá Cải logo" src="/images/logos/lacai.png" height="auto" width="64px" class="rounded" data-v-04afc8f7 data-v-e81d12c4></a></div> <div class="pl-24" data-v-04afc8f7 data-v-e81d12c4><a href="http://lacai.org" class="project-name mb-8 s-.8" data-v-04afc8f7 data-v-e81d12c4>Lá Cải</a> <div data-v-04afc8f7 data-v-e81d12c4>A satire website targeting Vietnamâs tabloid (<em>lá cải</em>) journalism. Quicky went viral and 29 became hugely popular nation-wide, igniting an anti-tabloidism wave in 2012-2013. Featured on BBC and other media. 30 Currently inactive.</div></div></li></ul></aside></main></div></div></div>
30<script>window.__NUXT__={layout:"default",data:[{}],error:null,state:{books:{},communityProjects:{},openSourceProjects:{}},serverRendered:!0}</script>
30<script src="/_nuxt/82cdba98537294e188d3.js" defer></script>
30<script src="/_nuxt/b3ef4a4a161ad50c151f.js" defer></script>
30<script src="/_nuxt/a5992f36b4beb62db180.js" defer></script>
30<script src="/_nuxt/4b58064e09eb3d565e3f.js" defer></script>
30<script src="/_nuxt/d7ddde08a40ec5c6946f.js" defer></script>
30<script src="/_nuxt/f49d61551c3eeafdab1b.js" defer></script>
30 31 <noscript><link data-n-head="ssr" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"></noscript> 32 <noscript><link data-n-head="ssr" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Literata:400,400i,600,600i&display=swap&subset=vietnamese"></noscript> 33 </body> 34</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.