Generate Pelican site

master
J. Fernando Sánchez 9 years ago
parent acc5fa8053
commit fce5035b9b

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -24,19 +24,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -44,6 +40,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -70,7 +69,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -24,19 +24,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -44,6 +40,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -70,7 +69,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,20 +23,16 @@
<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 >
<a href="/"><i class="icon-home icon-large"></i> Blog</a>
</li>
<a href="/"><i class="icon-home icon-large"></i></a>
</li>
<li class="active"
>
<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>
@ -44,6 +40,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -70,7 +69,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>
@ -106,8 +105,6 @@
</div>
<div id="content">
<!--Body content-->
<h2>This is <span class="disappear">me.</span><span id="subheadline"><span class="disappear">... I mean,</span> my website</span></h2>
<div id="about">
<ul>
<li> <span class="icon-stack"> <i class="icon-check-empty icon-stack-base" ></i><i class="icon-linux"></i> </span> GNU/Linux Fanboy</li>

@ -1,235 +0,0 @@
<!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 -->
<link rel="stylesheet" href="/theme/css/solarized.css">
<!--<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 >
<a href="/"><i class="icon-home icon-large"></i> Blog</a>
</li>
<li >
<a href="/pages/about.html">About</a>
</li>
<li class="active"
>
<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>
<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>
<dt><a href="/zotero.html">Zotero</a></dt>
<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>
<dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
<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>
<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>
</dl>
</div>
<!--Sidebar content-->
</div>
<div id="content">
<!--Body content-->
<p><link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599)" href="/theme/css/cv-xs.css">
<link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1200px)" href="/theme/css/cv-medium.css">
<link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/cv-desktop.css">
<div id="post"></p>
<div id="contact-info" class="vcard">
<!-- Microformats! -->
<h1 class="fn">J. Fernando Sánchez</h1>
<p>
Email: <a class="email" href="mailto:admin@balkian.com">admin@balkian.com</a>
</p>
</div>
<div id="objective">
<p>
I am a curious young engineer who happens to enjoy IT both as a career and as a hobby.
</p>
</div>
<div class="clear"></div>
<dl>
<dd class="clear"></dd>
<dt>Education</dt>
<!--<dd>-->
<!--<h2>Postgraduate Researcher (PhD) - Technical University of Madrid (UPM) <span>2012-Present</span></h2>-->
<!--</dd>-->
<dd>
<h2>Telecommunications Engineering <span> <a href="http://www.etsit.upm.es">Technical University of Madrid (UPM)</a> - 2007-2012</span></h2>
</dd>
<dd class="clear"></dd>
<dt>Skills</dt>
<dd>
<h2>Programming Languages</h2>
<p>Used frequently: Python, Javascript/CoffeeScript, Bash/Shell, Java and Ruby</p>
<p>Also programmed in: PHP, C, C++, Objective C and Haskell</p>
<h2>Frameworks and libraries</h2>
<p>Node.js, Django, Ruby on Rails, QT, GTK2, JASON, RDFLib, Weka</p>
<h2>Development tools</h2>
<p>Git, Eclipse, Netbeans, Android SDK</p>
<h2>Others</h2>
<p>Latex, XMPP, GIMP, Inkscape</p>
<h2>Social Skills</h2>
<p>Working with and leading international teams. Presentation and communication skills: I conducted several presentations to audiences of ~100 people.</p>
</dd>
<dd class="clear"></dd>
<dt>Experience</dt>
<dd>
<h2>Graduate Research Fellow<span><a href="http://gsi.dit.upm.es">Intelligent Systems Group (GSI)</a> (GSI) - 2008-2012</span></h2>
<ul>
<li>Worked with Agent and Semantic technologies</li>
<li>Conducted my master thesis: Design and Implementation of an Agent Architecture Based on Web Hooks</li>
</ul>
<h2>IT Coordinator<span><a href="http://eestec.net">EESTEC International</a> - 2012-2013</span></h2>
<ul>
<li>Coordinated the work of a small international IT Team</li>
<li>In charge of the administration of the IT infrastructure of EESTEC: Plone portal, Mailman mailing lists, etc.</li>
</ul>
<h2>Oversight Committee Member<span><a href="http://eestec.net">EESTEC International</a> - 2012-2013</span></h2>
<ul>
<li>Supervised the work of the International Board</li>
</ul>
<h2>Vice Chairman for External Affairs <span><a href="http://eestec.net">EESTEC International</a> - 2012-2013</span></h2>
<ul>
<li>Established connections with other Student Associations</li>
<li>Helped found new Observers (Local Groups)</li>
<li>Carried out International Board duties</li>
</ul>
</dd>
<dd class="clear"></dd>
<!--<dt>Hobbies</dt>-->
<!--<dd>Music, Sports and Cinema</dd>-->
<!--<dd class="clear"></dd>-->
<dt>References</dt>
<dd>Available on request</dd>
<dd class="clear"></dd>
</dl>
<div class="clear"></div>
</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>

@ -23,19 +23,15 @@
<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 >
<a href="/"><i class="icon-home icon-large"></i> Blog</a>
</li>
<a href="/"><i class="icon-home icon-large"></i></a>
</li>
<li >
<a href="/pages/about.html">About</a>
</li>
<li >
<a href="/pages/cv.html">CV</a>
</li>
<li class="active"
>
@ -44,6 +40,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -70,7 +69,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>
@ -106,18 +105,23 @@
</div>
<div id="content">
<!--Body content-->
<h1>Ongoing Projects</h1>
<ul>
<li><a href="http://github.com/gsi-upm/maia">Maia</a>: the Modular Architecture for Intelligent Agents is an evented agent architecture that aims to update the classical frameworks for intelligent agents with the concepts emerged from the Live Web.</li>
<li><a href="http://gsi.dit.upm.es/ontologies/onyx">Onyx</a>: an ontology for emotion analysis that includes concepts from W3C's provenance.</li>
<li><a href="http://gsi.dit.upm.es/ontologies/marl">Marl</a>: I updated this ontology, originally created by Adam Westerski, to make it compatible with the W3C's provenance ontology.</li>
<li><a href="http://github.com/eestec/eestec.portal">EESTEC.net</a>: the Plone based official portal of EESTEC. I fixed some bugs and implemented basic features. It's still an ongoing project.</li>
<div class="section" id="ongoing-projects">
<h2>Ongoing Projects</h2>
<ul class="simple">
<li><a class="reference external" href="http://gsi.dit.upm.es/ontologies/onyx">Onyx</a>: an ontology for emotion analysis that includes concepts from W3C's provenance.</li>
<li><a class="reference external" href="http://gsi.dit.upm.es/ontologies/marl">Marl</a>: I updated this ontology, originally created by Adam Westerski, to make it compatible with the W3C's provenance ontology.</li>
</ul>
<h1>Past Projects</h1>
<ul>
<li><a href="http://github.com/balkian/hermes">Hermes</a>: one of my first projects, developed together with <a href="cathan">David Pérez</a> as the special custom assignment in one of our courses. Hermes is an affective bot designed to mimic the behavour of humans. It included a plug-in system for its sensors and actuators. The information from its sensors changed its emotional state, which was shown via its actuators. Among others, it could fetch inforation from Twitter or its host system and change the expressions of an external Face made with servo motors or speak via its Text-To-Speech software. For instance, it could detect it was running out of battery, showing a sad face and sending an alerting tweet. You can see it in action in these two youtube videos: <a href="http://www.youtube.com/watch?v=KnEYahPD9z4">Part 1</a> and <a href="http://www.youtube.com/watch?v=lQZldCTPEJc">Part 2</a></li>
</div>
<div class="section" id="past-projects">
<h2>Past Projects</h2>
<ul class="simple">
<li><a class="reference external" href="http://github.com/balkian/hermes">Hermes</a>: one of my first projects, developed together with David Pérez as the special custom assignment in one of our courses. Hermes is an affective bot designed to mimic the behavour of humans. It included a plug-in system for its sensors and actuators. The information from its sensors changed its emotional state, which was shown via its actuators. Among others, it could fetch inforation from Twitter or its host system and change the expressions of an external Face made with servo motors or speak via its Text-To-Speech software. For instance, it could detect it was running out of battery, showing a sad face and sending an alerting tweet. You can see it in action in these two youtube videos: <a class="reference external" href="http://www.youtube.com/watch?v=KnEYahPD9z4">Part 1</a> and <a class="reference external" href="http://www.youtube.com/watch?v=lQZldCTPEJc">Part 2</a>.</li>
<li><a class="reference external" href="http://github.com/eestec/eestec.portal">EESTEC.net</a>: the Plone based official portal of EESTEC. I fixed some bugs and implemented basic features. It's still an ongoing project.</li>
<li><a class="reference external" href="http://github.com/gsi-upm/maia">Maia</a>: the Modular Architecture for Intelligent Agents is an evented agent architecture that aims to update the classical frameworks for intelligent agents with the concepts emerged from the Live Web.</li>
</ul>
<p>For more information, checl my <a href="http://github.com/balkian">complete list of public repositories in <i class="icon-github" >Github</i></a>.</p>
<p>For more information, checl my [complete list of public repositories in <a class="reference external" href="http://github.com/balkian">&lt;i class=&quot;icon-github&quot; &gt;Github&lt;/i&gt;</a>.</p>
</div>
</div>
<div class="clear"></div>
</div>

@ -23,19 +23,15 @@
<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 >
<a href="/"><i class="icon-home icon-large"></i> Blog</a>
</li>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -44,6 +40,9 @@
>
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -70,7 +69,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -1,6 +1,6 @@
#badge{
position: relative;
margin: -100px auto 30px;
margin: 0 auto 30px;
width: 180px;
height: 210px;
padding: 0;
@ -265,7 +265,6 @@ header {
div.navbar {
background-color: black;
border-radius: 20px 0px 0px;
}
.navbar ul {

@ -1,6 +1,6 @@
#badge{
position: relative;
margin: -40px auto 10px;
margin: 0px auto 10px;
width: 80%;
height: 180px;
padding: 0;
@ -104,7 +104,6 @@
#container {
min-height: 100%;
position:relative;
padding: 1em 2em;
margin: 0 auto;
}

@ -3,7 +3,6 @@
}
#container {
margin: 1em;
padding: 0.2em;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1015 KiB

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 311 KiB

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

@ -23,19 +23,15 @@
<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>
<a href="/"><i class="icon-home icon-large"></i></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>
@ -43,6 +39,9 @@
<li >
<a href="/pages/to-do.html">To-Do</a>
</li>
<li>
<a href="//jfernando.es" target="_">CV</a>
</li>
<!--<li class="dropdown">-->
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
<!--<ul class="dropdown-menu">-->
@ -69,7 +68,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="/theme/img/me.jpg">
<img id="picture" width=100% src="/theme/img/me-bat.png">
</div>
</div>
</div>

Loading…
Cancel
Save