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" >
< h1 id = "headline" > < a href = "/" > balkian< / a > < a class = "inv" href = "/" > .com< / a > < / h1 >
< 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" >
< a href = "/" > < i class = "icon-home icon-large" > < / i > Blog< / a >
< / li >
< li >
< a href = "/pages/about.html" > About< / a >
< / li >
< li >
< a href = "/pages/cv.html" > CV< / a >
< / li >
< li >
< a href = "/pages/projects.html" > Projects< / a >
< / li >
< li >
< a href = "/pages/to-do.html" > To-Do< / a >
< / li >
<!-- <li class="dropdown"> -->
<!-- <a href="#" class="dropdown - toggle" data - toggle="dropdown">Dropdown <b class="caret"></b></a> -->
<!-- <ul class="dropdown - menu"> -->
<!-- <li><a href="#">Action</a></li> -->
<!-- <li><a href="#">Another action</a></li> -->
<!-- <li><a href="#">Something else here</a></li> -->
<!-- <li class="divider"></li> -->
<!-- <li class="dropdown - header">Nav header</li> -->
<!-- <li><a href="#">Separated link</a></li> -->
<!-- <li><a href="#">One more separated link</a></li> -->
<!-- </ul> -->
<!-- </li> -->
< / ul >
< / 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 -->
< img id = "picture" width = 100% src = "/theme/img/me.jpg" >
< / div >
< / div >
< / div >
< div class = "entries" >
< h1 class = "title" > Latest entries< / h1 >
< dl >
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 >
< dt > < a href = "/remove-git-files-with-globbing.html" > Remove git files with globbing< / a > < / dt >
< a class = "tag" href = "/tag/git.html" > < dd class = "label label-default" > git< / dd > < / a >
2015-01-22 22:05:35 +00:00
< / dl >
< / div >
<!-- Sidebar content -->
< / 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 >
< / td > < / tr > < / table > < p > I will keep updating this post with information about: * Some Jekyll
plugins that might be useful * What CSS tricks I learnt * The webfonts
I used * The badge on the left side of the page< / p >
< / 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 >
<!-- <script src="/js/bootstrap.min.js"></script> -->
< / body >
< / html >
