index.html

---
layout: page
title: Developer · Photographer · Writer
notitle: true
---

<div style="margin-top:20px">

<ul class="col-md-3 list-unstyled">
<li><a href="/weblog/">Weblog</a> (<a href="/weblog/archive/">Archive</a>)</li>
<li><a href="/about/">About</a></li>
</ul>

<div class="col-md-9">
<figure>
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source srcset="#{ site.img_base_url }images/2013-07-10-Lotus%20Flower-900w.jpg, #{ site.img_base_url }images/2013-07-10-Lotus+Flower-1800w.jpg 2x" media="(min-width: 768px)">
<!--[if IE 9]></video><![endif]--> 
<img srcset="#{ site.img_base_url }images/2013-07-10-Lotus%20Flower-480w.jpg, #{ site.img_base_url }images/2013-07-10-Lotus%20Flower-960w.jpg 2x" alt="Lotus Flower">
</picture>
<noscript>
<img src="#{ site.img_base_url }images/2013-07-10-Lotus+Flower-480w.jpg" alt="Lotus Flower">
</noscript>
<figcaption>Lotus Flower
<span class="copyright">&copy;&nbsp;#{ site.author.name.sub " ", "&nbsp;" }</span>
</figcaption>
<div class="metadata">
<i class="fa fa-camera"></i>
<span class="speed">1/40</span>
<span class="aperture"><i>&#402;</i>/8</span>
<span class="iso">ISO&nbsp;100</span>
<span class="focal-length">45&nbsp;mm</span>
</div>
</figure>
</div>

</div>

</div>