2013-08-22 23:57:31 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
2015-01-22 22:37:23 +00:00
< title > {% block content_title %}{% endblock %}< / title >
2013-08-22 23:57:31 +00:00
< meta name = "viewport" content = "width=device-width" >
<!-- syntax highlighting CSS -->
2015-01-22 23:22:39 +00:00
< link rel = "stylesheet" href = "{{ SITE_URL }}/theme/css/solarized.css" >
2013-08-22 23:57:31 +00:00
<!-- <link href="/css/bootstrap.css" rel="stylesheet"> -->
2015-01-22 22:37:23 +00:00
< link rel = "stylesheet" href = "{{ SITE_URL }}/theme/font-awesome/css/font-awesome.min.css" >
2013-08-22 23:57:31 +00:00
<!-- <link rel="stylesheet" href="/css/bootstrap - responsive.min.css"> -->
<!-- Custom CSS -->
2015-01-22 22:37:23 +00:00
< link rel = "stylesheet" media = "only screen" href = "{{ SITE_URL }}/theme/css/main.css" >
< link rel = "stylesheet" media = "only screen and (min-width: 0px) and (max-width: 599px)" href = "{{ SITE_URL }}/theme/css/main-xs.css" >
< link rel = "stylesheet" media = "only screen and (min-width: 600px) and (max-width: 1199px)" href = "{{ SITE_URL }}/theme/css/main-medium.css" >
< link rel = "stylesheet" media = "only screen and (min-width: 1200px)" href = "{{ SITE_URL }}/theme/css/main-desktop.css" >
2014-04-08 11:08:47 +00:00
< link href = 'http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel = 'stylesheet' type = 'text/css' >
2013-08-22 23:57:31 +00:00
< / head >
< body >
< div id = "container" class = "container" >
< header id = "header" >
< div id = "navbar" class = "navbar navbar-inverse navbar-static-bottom" >
< div class = "container" >
< div class = "navbar-header" >
< ul class = "nav navbar-nav" >
2015-01-22 22:37:23 +00:00
< li { % if article or not page % } class = "active" { % endif % } >
2015-12-07 22:14:11 +00:00
< a href = "/" > < i class = "icon-home icon-large" > < / i > < / a >
< / li >
2015-01-22 22:37:23 +00:00
{% for p in pages %} {% if "/page" in p.url %}
2015-12-07 22:14:11 +00:00
{% else %}
{% if p.url != "/index.html" %}
< li { % if page and p . url = = page . url % } class = "active"
{% endif %} >
< a href = "/{{ p.url }}" > {{ p.title }}< / a >
< / li >
{% endif %}
{% endif %}
2013-08-22 23:57:31 +00:00
{% endfor %}
2015-12-07 22:14:11 +00:00
< li >
2015-12-08 00:40:08 +00:00
< a href = "//jfernando.es" target = "_blank" > CV< / a >
2015-12-07 22:14:11 +00:00
< / li >
2013-08-22 23:57:31 +00:00
< / ul >
2015-12-07 22:14:11 +00:00
< / div >
2013-08-22 23:57:31 +00:00
< / div >
< / div >
< / header >
< div id = "contentwrapper" >
< div id = "sidebar" >
< div id = "badge" class = "flip-container" ontouchstart = "this.classList.toggle('hover');" >
2015-01-11 20:47:17 +00:00
< div class = "flipper sticky" >
< div class = "front" >
2013-08-22 23:57:31 +00:00
<!-- front content -->
2015-01-22 22:37:23 +00:00
< img id = "avatar" width = 100% src = "{{ SITE_URL }}/theme/img/me.png" >
2013-08-22 23:57:31 +00:00
< / div >
2015-01-11 20:47:17 +00:00
< div class = "back" >
2013-08-22 23:57:31 +00:00
<!-- back content -->
2015-12-07 22:14:11 +00:00
< img id = "picture" width = 100% src = "{{ SITE_URL }}/theme/img/me-bat.png" >
2013-08-22 23:57:31 +00:00
< / div >
< / div >
< / div >
2015-12-08 12:43:04 +00:00
< div id = "about" style = "clear:both;" >
<!-- <h1 class="title">Interests</h1> -->
< div class = "icons" >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-linux" > < / i > < / span > < span class = "explanation" > Linux lover< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-android" > < / i > < / span > < span class = "explanation" > Android dev< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-github" > < / i > < / span > < span class = "explanation" > GitHub user< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-stackexchange" > < / i > < / span > < span class = "explanation" > StackExchange fan< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-music" > < / i > < / span > < span class = "explanation" > Music lover< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-film" > < / i > < / span > < span class = "explanation" > Movie fan< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-comments" > < / i > < / span > < span class = "explanation" > Always on IM< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-laptop" > < / i > < / span > < span class = "explanation" > Always on a PC< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-pencil" > < / i > < / span > < span class = "explanation" > Occassional writter< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-moon" > < / i > < / span > < span class = "explanation" > Night owl< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-terminal" > < / i > < / span > < span class = "explanation" > CLI user< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-flag" > < / i > < / span > < span class = "explanation" > Linguist wannabe< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-code" > < / i > < / span > < span class = "explanation" > Love to code< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-book" > < / i > < / span > < span class = "explanation" > Keen reader< / span > < / span >
< span class = "coolicon" > < span class = "icon-stack" > < i class = "icon-check-empty icon-stack-base" > < / i > < i class = "icon-quote-right" > < / i > < / span > < span class = "explanation" > Quotes on demand< / span > < / span >
< / div >
< / div >
2013-08-22 23:57:31 +00:00
< div class = "entries" >
2015-12-08 12:43:04 +00:00
< h2 class = "title" > Latest entries< / h2 >
2013-08-22 23:57:31 +00:00
< dl >
2015-01-22 22:53:41 +00:00
{% for p in articles[:5] %}
2015-01-22 22:37:23 +00:00
< dt > < a href = "{{ SITE_URL }}/{{ p.url }}" > {{ p.title }}< / a > < / dt >
2013-08-22 23:57:31 +00:00
{% for c in p.tags %}
2015-01-22 22:37:23 +00:00
< a class = "tag" href = "/tag/{{ c }}.html" > < dd class = "label label-default" > {{ c }}< / dd > < / a >
2013-08-22 23:57:31 +00:00
{% endfor %}
{% endfor %}
< / dl >
< / div >
2015-12-08 12:43:04 +00:00
<!-- Sidebar content -->
2013-08-22 23:57:31 +00:00
< / div >
< div id = "content" >
<!-- Body content -->
2015-01-22 22:37:23 +00:00
{% block content %}
{% endblock %}
2013-08-22 23:57:31 +00:00
< / div >
< div class = "clear" > < / div >
< / div >
< footer role = "contentinfo" >
< div class = "contact" >
< p >
J. Fernando Sánchez Rada | balkian
< / p >
< / div >
< ul id = "social" >
< li > < a href = "http://github.com/balkian" > < i class = "icon-github" > < / i > < / a > < / li >
< li > < a href = "http://bitbucket.com/balkian" > < i class = "icon-bitbucket" > < / i > < / a > < / li >
< li > < a href = "http://twitter.com/balkian" > < i class = "icon-twitter" > < / i > < / a > < / li >
< li > < a href = "https://plus.google.com/u/0/111897020957944410316" > < i class = "icon-google-plus" > < / i > < / a > < / li >
< li > < a href = "http://linkedin.com/in/jfsanchezrada" > < i class = "icon-linkedin" > < / i > < / a > < / li >
< li > < a href = "http://facebook.com/balkian" > < i class = "icon-facebook-sign" > < / i > < / a > < / li >
< / ul >
< p >
Creative Commons A-SA-NC
< / p >
< / footer >
< / div >
2015-01-22 22:37:23 +00:00
< script src = "{{ SITE_URL }}/theme/js/jquery-2.0.2.min.js" > < / script >
2015-12-08 13:57:52 +00:00
<!-- Piwik -->
< script type = "text/javascript" >
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//piwik.sinpapel.es/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 2]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
< / script >
< noscript > < p > < img src = "//piwik.sinpapel.es/piwik.php?idsite=2" style = "border:0;" alt = "" / > < / p > < / noscript >
<!-- End Piwik Code -->
2013-08-22 23:57:31 +00:00
<!-- <script src="/js/bootstrap.min.js"></script> -->
< / body >
< / html >
