index.html

---
layout: default
title: Home
---

<h1 class="page-title">From then to now</h1>

<p>I've been online since 1994. I think I created my first webpage in the same year, on my university's server. This was before <a href="https://web.archive.org/">Wayback Machine</a>, so there's no record of it, you'll just have to take my word for it. In the years that followed I've also made pages/sites for organisations and projects I was involved in, as well as for friends and family. Even though some of those early websites were cringeworthy by today's standards (original <a href="https://en.wikipedia.org/wiki/Yahoo!_GeoCities">Geocities</a>, anyone?), it would've be fun to revisit them for nostalgia's sake.</p>

<p>With the onset of "blogging" around the turn of the century as a way to frequently update a site with fresh content and news, plus the proliferation of social networks over the past decade, we're dumping more and more info and content onto the web. While not everything is worth salvaging, I'd still like to keep a record, a digital paper trail if you will. So that's my idea for this site, where you'll find a collection of links and lists, perhaps more for my own convenience/reference than anyone else's.</p>

<p>Maybe later on I'll add a blog or other functions to this website, but the cool thing is all the changes and incarnations will be preserved for posterity on <a href="{{ site.github.repo }}">GitHub</a>! (as long as GitHub is around...)</p>

<hr />

<p>If there's one certainty in this age of cloud computing and *aaS over the Internet, is that nothing is forever. Websites and services come and go. Case in point: while Instagram is still alive and well, one of their features, the <a href="https://petapixel.com/2016/09/06/instagram-killing-off-photo-maps-feature-forgot/">Photo Map</a>, was removed last year. They claimed that it was not widely used, but it happened to be my favourite feature. There's an alternative from <a href="http://thedatapack.com/embed-instagram-map/">The Data Pack</a>, and although it's not as convenient as having the map in-app, at least I can embed it here!</p>

<!-- Note: update the date range on 1/1/2018 -->
<iframe src="https://map.thedatapack.com/#/?p=NzA3NDIyNTAyLjkyM2ZhYTguNDBhNDlkYzk2OWE4NGMwODg0MjcxYzllZDEyNTM2MGY=&df=1383256800&dt=1514757600&th=48&s=grey" style="border: none; width: 100%; height: 300px;""></iframe>

<hr />

<p>And finally, to make it look like this page gets updated more than it actually does, here's a stream of my latest tweets via <a href="https://curator.io/">curator.io</a>. Probably easier just to follow me on <a href="{{ site.baseurl }}about/">twitter/social network</a> of your choice.</p>

<div id="curator-feed-default"><a href="http://curator.io" target="_blank" class="crt-logo crt-tag">Powered by Curator.io</a></div>

<div class="posts">
  {% for post in paginator.posts %}
  <div class="post">
    <h1 class="post-title">
      <a href="{{ site.baseurl }}{{ post.url | remove_first: '/'}}">
        {{ post.title }}
      </a>
    </h1>

    <span class="post-date">{{ post.date | date_to_string }}</span>

    {{ post.content }}
  </div>
  {% endfor %}
</div>

<!--
<div class="pagination">
  {% if paginator.next_page %}
    <a class="pagination-item older" href="{{ site.baseurl }}page{{paginator.next_page}}">Older</a>
  {% else %}
    <span class="pagination-item older">Older</span>
  {% endif %}
  {% if paginator.previous_page %}
    {% if paginator.page == 2 %}
      <a class="pagination-item newer" href="{{ site.baseurl }}">Newer</a>
    {% else %}
      <a class="pagination-item newer" href="{{ site.baseurl }}page{{paginator.previous_page}}">Newer</a>
    {% endif %}
  {% else %}
    <span class="pagination-item newer">Newer</span>
  {% endif %}
</div>
-->

<script type="text/javascript">
// curator-feed-default
(function(){
    var i, e, d = document, s = "script";i = d.createElement("script");i.async = 1;
    i.src = "https://cdn.curator.io/published/e45d4e47-14d8-4e05-9ad1-a13fce5d.js";
    e = d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e);
})();
</script>