2015-01-22 22:05:35 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< title > < / title >
< meta name = "viewport" content = "width=device-width" >
<!-- syntax highlighting CSS -->
2015-01-22 23:22:30 +00:00
< link rel = "stylesheet" href = "/theme/css/solarized.css" >
2015-01-22 22:05:35 +00:00
<!-- <link href="/css/bootstrap.css" rel="stylesheet"> -->
< link rel = "stylesheet" href = "/theme/font-awesome/css/font-awesome.min.css" >
<!-- <link rel="stylesheet" href="/css/bootstrap - responsive.min.css"> -->
<!-- Custom CSS -->
< link rel = "stylesheet" media = "only screen" href = "/theme/css/main.css" >
< link rel = "stylesheet" media = "only screen and (min-width: 0px) and (max-width: 599px)" href = "/theme/css/main-xs.css" >
< link rel = "stylesheet" media = "only screen and (min-width: 600px) and (max-width: 1199px)" href = "/theme/css/main-medium.css" >
< link rel = "stylesheet" media = "only screen and (min-width: 1200px)" href = "/theme/css/main-desktop.css" >
< link href = 'http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel = 'stylesheet' type = 'text/css' >
< / 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" >
< li class = "active" >
2015-12-07 20:57:42 +00:00
< a href = "/" > < i class = "icon-home icon-large" > < / i > < / a >
2015-12-07 22:12:27 +00:00
< / li >
< li >
< a href = "/pages/projects.html" > Projects< / a >
< / li >
< li >
< a href = "/pages/to-do.html" > To-Do< / a >
< / li >
2015-12-07 20:57:42 +00:00
< li >
2015-12-08 00:06:02 +00:00
< a href = "//jfernando.es" target = "_blank" > CV< / a >
2015-12-07 20:57:42 +00:00
< / li >
2015-01-22 22:05:35 +00:00
< / ul >
2015-12-07 22:12:27 +00:00
< / div >
2015-01-22 22:05:35 +00:00
< / div >
< / div >
< / header >
< div id = "contentwrapper" >
< div id = "sidebar" >
< div id = "badge" class = "flip-container" ontouchstart = "this.classList.toggle('hover');" >
< div class = "flipper sticky" >
< div class = "front" >
<!-- front content -->
< img id = "avatar" width = 100% src = "/theme/img/me.png" >
< / div >
< div class = "back" >
<!-- back content -->
2015-12-07 20:57:42 +00:00
< img id = "picture" width = 100% src = "/theme/img/me-bat.png" >
2015-01-22 22:05:35 +00:00
< / div >
< / div >
< / div >
2015-12-08 12:42:59 +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 >
2015-01-22 22:05:35 +00:00
< div class = "entries" >
2015-12-08 12:42:59 +00:00
< h2 class = "title" > Latest entries< / h2 >
2015-01-22 22:05:35 +00:00
< dl >
2015-03-11 01:55:29 +00:00
< dt > < a href = "/sharing-dotfiles.html" > Sharing dotfiles< / a > < / dt >
< a class = "tag" href = "/tag/github.html" > < dd class = "label label-default" > github< / dd > < / a >
< a class = "tag" href = "/tag/git.html" > < dd class = "label label-default" > git< / dd > < / a >
< a class = "tag" href = "/tag/dotfiles.html" > < dd class = "label label-default" > dotfiles< / dd > < / a >
2015-01-22 22:28:51 +00:00
< dt > < a href = "/zotero.html" > Zotero< / a > < / dt >
2015-01-22 22:05:35 +00:00
< a class = "tag" href = "/tag/zotero.html" > < dd class = "label label-default" > zotero< / dd > < / a >
< a class = "tag" href = "/tag/webdav.html" > < dd class = "label label-default" > webdav< / dd > < / a >
< a class = "tag" href = "/tag/nginx.html" > < dd class = "label label-default" > nginx< / dd > < / a >
< a class = "tag" href = "/tag/apache.html" > < dd class = "label label-default" > apache< / dd > < / a >
2015-01-22 22:28:51 +00:00
< dt > < a href = "/proxies-with-apache-and-python.html" > Proxies with Apache and python< / a > < / dt >
2015-01-22 22:05:35 +00:00
< a class = "tag" href = "/tag/python.html" > < dd class = "label label-default" > python< / dd > < / a >
< a class = "tag" href = "/tag/apache.html" > < dd class = "label label-default" > apache< / dd > < / a >
< a class = "tag" href = "/tag/proxy.html" > < dd class = "label label-default" > proxy< / dd > < / a >
< a class = "tag" href = "/tag/gunicorn.html" > < dd class = "label label-default" > gunicorn< / dd > < / a >
< a class = "tag" href = "/tag/uwsgi.html" > < dd class = "label label-default" > uwsgi< / dd > < / a >
2015-01-22 22:51:14 +00:00
< dt > < a href = "/publishing-in-pypi.html" > Publishing in PyPi< / a > < / dt >
< a class = "tag" href = "/tag/github.html" > < dd class = "label label-default" > github< / dd > < / a >
< a class = "tag" href = "/tag/python.html" > < dd class = "label label-default" > python< / dd > < / a >
< a class = "tag" href = "/tag/pypi.html" > < dd class = "label label-default" > pypi< / dd > < / a >
< dt > < a href = "/updating-eurolovemap.html" > Updating EuroLoveMap< / a > < / dt >
< a class = "tag" href = "/tag/javascript.html" > < dd class = "label label-default" > javascript< / dd > < / a >
< a class = "tag" href = "/tag/python.html" > < dd class = "label label-default" > python< / dd > < / a >
< a class = "tag" href = "/tag/heroku.html" > < dd class = "label label-default" > heroku< / dd > < / a >
2015-01-22 22:05:35 +00:00
< / dl >
< / div >
2015-12-08 12:42:59 +00:00
<!-- Sidebar content -->
2015-01-22 22:05:35 +00:00
< / div >
< div id = "content" >
<!-- Body content -->
< div class = "postnav" >
< span class = 'nextpost' > < a href = "/remove-git-files-with-globbing.html" > Remove git files with globbing < i class = "icon-chevron-sign-right" > < / i > < / span > < / a >
< / div >
< div class = "posthead" >
< h2 class = "title" > Creating my web< / h2 >
< span class = "meta date" > 2013-08-22< / span >
< a class = "tag" href = "/tag/starters.html" > < span class = "label label-default" > starters< / span > < / a >
< a class = "tag" href = "/tag/javascript.html" > < span class = "label label-default" > javascript< / span > < / a >
< a class = "tag" href = "/tag/ruby.html" > < span class = "label label-default" > ruby< / span > < / a >
< a class = "tag" href = "/tag/github.html" > < span class = "label label-default" > github< / span > < / a >
< a class = "tag" href = "/tag/git.html" > < span class = "label label-default" > git< / span > < / a >
< / div >
< div class = "post" >
< p > Finally, I've decided to set up a decent personal page. I have settled
for github-pages because I like the idea of keeping my site in a
repository and having someone else host and deploy it for me. The site
will be really simple, mostly static files. Thanks to Github,
< a class = "reference external" href = "http://jekyllrb.com" > Jekyll< / a > will automatically generate static
pages for my posts every time I commit anything new to this repository.< / p >
< p > But Jekyll can be used independently, so if I ever choose to host the
site myself, I can do it quite easily. Another thing that I liked about
this approach is that the generated html files can be used in the
future, and I will not need Jekyll to serve it. Jekyll is really simple
and most of the things are written in plain html. That means that
everything could be easily reused if I ever choose to change to another
blogging framework (e.g. pelical). But, for the time being, I like the
fact that Github takes care of the compilation as well, so I can simply
modify or add files through the web interface should I need to.< / p >
< p > I hadn't played with HTML and CSS for a while now, so I also wanted to
use this site as a playground. At some point, I realised I was doing
mostly everything in plain HTML and CSS, and decided to keep it like
that for as long as possible. As of this writing, I haven't included any
Javascript code in the page. Probably I will use some to add my
< a class = "reference external" href = "http://gist.github.com/balkian" > gists< / a > and
< a class = "reference external" href = "http://github.com/balkian" > repositories< / a > , but we will see about
that.< / p >
< p > I think the code speaks for itself, so you can check out < a class = "reference external" href = "http://github.com/balkian/balkian.github.com" > my repository
on Github< / a > . You can
clone and deploy it easily like this:< / p >
< table class = "highlighttable" > < tr > < td class = "linenos" > < div class = "linenodiv" > < pre > 1
2
3< / pre > < / div > < / td > < td class = "code" > < div class = "highlight" > < pre > git clone
https://github.com/balkian/balkian.github.com < span class = "nb" > cd < / span > balkian.github.com
jekyll serve -w
< / pre > < / div >
2015-12-08 00:39:33 +00:00
< / td > < / tr > < / table > < p > I will keep updating this post with information about:< / p >
< ul class = "simple" >
< li > Some Jekyll plugins that might be useful< / li >
< li > What CSS tricks I learnt< / li >
< li > The webfonts I used< / li >
< li > The badge on the left side of the page< / li >
< / ul >
2015-01-22 22:05:35 +00:00
< / div >
< / 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 >
< script src = "/theme/js/jquery-2.0.2.min.js" > < / script >
2015-12-08 13:57:44 +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 -->
2015-01-22 22:05:35 +00:00
<!-- <script src="/js/bootstrap.min.js"></script> -->
< / body >
< / html >
