pelican
J. Fernando Sánchez 9 years ago
parent a827fc960c
commit d9e3d07c14

@ -1,6 +1,6 @@
#badge{
position: relative;
margin: -100px auto 30px;
margin: 0 auto 30px;
width: 180px;
height: 210px;
padding: 0;
@ -106,20 +106,12 @@
/*}*/
#container {
min-height: 100%;
position:relative;
width: 1200px;
margin: 0 auto;
}
#contentwrapper {
position: relative;
width: 1200px;
padding-bottom: 220px;
background-color: rgba(255, 255, 255, 0.5);
overflow: display;
border: 1px solid #CCC;
}
#sidebar {
@ -136,7 +128,6 @@
#content {
position: relative;
width: 840px;
padding: 10px 30px;
float: right;
@ -154,39 +145,6 @@
height: 0;
}
footer {
height: 180px;
position:absolute;
clear: both;
bottom: 0px;
left: -10px;
padding: 10px;
text-align: center;
width: 100%;
margin: 0;
background-color: #000;
color: white;
font-weight: bold;
/*text-shadow: 2px 2px 1px #AAA;*/
}
footer div, footer p, footer ul{
color: white;
padding: 2px;
margin: 3px;
}
footer a {
color: #069;
text-shadow: 1px 1px 1px #FFF;
}
footer a:hover {
text-shadow: 0.1em 0.1em 0.1em #333;
/*color: #ffd700;*/
}
.date {
position: absolute;
right: -10px;
@ -199,6 +157,11 @@ footer a:hover {
font-weight: bold;
}
footer {
width: 102%;
margin-left: -1%;
}
h1 + .date {
margin-top: -3.5em;
}
@ -221,43 +184,6 @@ header {
padding: 0;
}
/*#social:after {*/
/*content: ".";*/
/*display: block;*/
/*clear: both;*/
/*visibility: hidden;*/
/*line-height: 0;*/
/*height: 0;*/
/*}*/
#social li {
position: relative;
list-style-type: none;
display: inline-block;
height: 100px;
width: 80px;
padding: 0;
}
#social li a {
margin: 0;
position: absolute;
text-align: center;
font-size: 60px;
left: 0;
top: 0;
}
#social li a:hover {
position: absolute;
font-size: 80px;
top: -15px;
left: -10px;
/*left: 10px;*/
/*top: -50px;*/
z-index: 100;
}
#navbar {
font-size: 1.2em;
padding-left: 300px;
@ -265,7 +191,6 @@ header {
div.navbar {
background-color: black;
border-radius: 20px 0px 0px;
}
.navbar ul {
@ -314,27 +239,6 @@ div.navbar {
color: #c00;
}
a {
color: #069;
text-decoration: none;
}
.label {
font-family: comfortaa;
border-radius: 10px 0px 0px 10px;
padding: 5px;
background-color: #ffd700;
color: black;
font-size: 10px;
padding-left: 10px;
border: 1px solid #777;
}
.label:after{
content: " •";
color: #666;
}
.postnav {
height: 1em;
width: 100%;
@ -357,6 +261,7 @@ a {
display:inline;
width: 33.333%;
}
@-webkit-keyframes toright {
from {
padding-left: 0px;

@ -1,6 +1,6 @@
#badge{
position: relative;
margin: -40px auto 10px;
margin: 0px auto 10px;
width: 80%;
height: 180px;
padding: 0;
@ -101,16 +101,8 @@
visibility: hidden;
}
#container {
min-height: 100%;
position:relative;
padding: 1em 2em;
margin: 0 auto;
}
#contentwrapper {
position: relative;
padding-bottom: 200px;
background-color: rgba(255, 255, 255, 0.5);
overflow: display;
border: 1px solid #CCC;
@ -150,38 +142,6 @@
height: 0;
}
footer {
height: 110px;
position:absolute;
clear: both;
bottom: 0px;
left: -10px;
padding: 10px;
text-align: center;
width: 100%;
margin: 0;
background-color: #000;
color: white;
font-weight: bold;
/*text-shadow: 2px 2px 1px #AAA;*/
}
footer div, footer p, footer ul{
color: white;
padding: 2px;
margin: 3px;
}
footer a {
color: #069;
text-shadow: 1px 1px 1px #FFF;
}
footer a:hover {
text-shadow: 0.1em 0.1em 0.1em #333;
/*color: #ffd700;*/
}
.date {
position: absolute;
right: -10px;
@ -220,35 +180,6 @@ header {
padding-left: 20%;;
}
#social li {
position: relative;
list-style-type: none;
display: inline-block;
height: 50px;
width: 40px;
padding: 0;
}
#social li a {
margin: 0;
position: absolute;
text-align: center;
font-size: 30px;
left: 0;
top: 0;
}
#social li a:hover {
position: absolute;
font-size: 80px;
top: -15px;
left: -10px;
/*left: 10px;*/
/*top: -50px;*/
z-index: 100;
}
#navbar {
font-size: 1em;
padding-left: 20%;;
@ -256,7 +187,6 @@ header {
div.navbar {
background-color: black;
border-radius: 20px 0px 0px;
}
.navbar ul {
@ -310,22 +240,6 @@ a {
text-decoration: none;
}
.label {
font-family: comfortaa;
border-radius: 10px 0px 0px 10px;
padding: 5px;
background-color: #ffd700;
color: black;
font-size: 10px;
padding-left: 10px;
border: 1px solid #777;
}
.label:after{
content: " •";
color: #666;
}
.postnav {
height: 1em;
width: 100%;

@ -3,8 +3,12 @@
}
#container {
margin: 1em;
padding: 0.2em;
padding: 0em;
}
#contentwrapper {
padding-left: 0.5em;
padding-right: 0.5em;
}
#headline {
@ -88,21 +92,21 @@ div.navbar {
}
.label {
font-family: comfortaa;
border-radius: 10px 0px 0px 10px;
padding: 5px;
background-color: #ffd700;
color: black;
font-size: 10px;
padding-left: 10px;
border: 1px solid #777;
}
/* .label { */
/* font-family: comfortaa; */
/* border-radius: 10px 0px 0px 10px; */
/* padding: 5px; */
/* background-color: #ffd700; */
/* color: black; */
/* font-size: 10px; */
/* padding-left: 10px; */
/* border: 1px solid #777; */
/* } */
.label:after{
content: " •";
color: #666;
}
/* .label:after{ */
/* content: " •"; */
/* color: #666; */
/* } */
a {
color: #069;
text-decoration: none;
@ -124,64 +128,4 @@ a {
background-color: white;
border: dashed 1px #AAA;
text-align: center;
}
.nextpost, .nextpage {
float: right;
}
.previouspost, .previouspage {
float: left;
}
footer {
margin: 0 auto;
text-align: center;
padding: 1em;
background-color: black;
color: white;
}
#social {
margin: 0 auto;
padding: 0;
}
/*#social:after {*/
/*content: ".";*/
/*display: block;*/
/*clear: both;*/
/*visibility: hidden;*/
/*line-height: 0;*/
/*height: 0;*/
/*}*/
#social li {
position: relative;
list-style-type: none;
display: inline-block;
height: 100px;
width: 80px;
padding: 0;
}
#social li a {
margin: 0;
position: absolute;
text-align: center;
font-size: 60px;
left: 0;
top: 0;
}
#social li a:hover {
position: absolute;
font-size: 80px;
top: -15px;
left: -10px;
/*left: 10px;*/
/*top: -50px;*/
z-index: 100;
}
.highlighttable {
width: 100%;
}
}

@ -11,14 +11,63 @@ body {
background: url(../img/noise.jpg);
}
#container {
min-height: 100%;
position:relative;
margin: 0 auto;
}
#contentwrapper {
position: relative;
background-color: rgba(255, 255, 255, 0.5);
overflow: display;
border: 1px solid #CCC;
padding-bottom: 12.5em;
}
a {
color: #069;
text-decoration: none;
}
footer {
height: 12em;
bottom: -0em;
position: absolute;
background-color: #000;
color: white;
font-weight: bold;
text-align: center;
margin: 0 auto;
width: 100%;
overflow: auto;
}
footer div, footer p, footer ul{
color: white;
padding: 2px;
margin: 3px;
}
.site .footer {
font-size: 80%;
color: #666;
border-top: 4px solid #eee;
margin-top: 2em;
margin: 0em;
padding: 1em;
overflow: hidden;
}
footer a {
color: #FFF;
text-shadow: 1px 1px 1px #069;
}
footer a:hover {
text-shadow: 0.1em 0.1em 0.1em #333;
}
.site .footer .contact {
float: left;
margin-right: 3em;
@ -61,6 +110,48 @@ body {
padding-left: 0.5em;
}
.nextpost, .nextpage {
float: right;
}
.previouspost, .previouspage {
float: left;
}
#social {
margin: 0 auto;
padding: 0;
}
#social li {
position: relative;
list-style-type: none;
display: inline-block;
height: 100px;
width: 80px;
padding: 0;
}
#social li a {
margin: 0;
position: absolute;
text-align: center;
font-size: 60px;
left: 0;
top: 0;
}
#social li a:hover {
position: absolute;
font-size: 80px;
top: -15px;
left: -10px;
/*left: 10px;*/
/*top: -50px;*/
z-index: 100;
}
.highlighttable {
display: block;
overflow: auto;
@ -113,7 +204,7 @@ body {
.pag-top{
margin: -9px auto;
margin-bottom 0;
margin-bottom: 0;
border-radius: 0 0 15px 15px;
border: dashed 1px #AAA;
border-top-width: 0;
@ -206,3 +297,19 @@ a:hover {
.hll {
background: yellow;
}
.label {
font-family: comfortaa;
border-radius: 10px 0px 0px 10px;
padding: 5px;
background-color: #ffd700;
color: black;
font-size: 10px;
padding-left: 10px;
border: 1px solid #777;
}
.label:after{
content: " •";
color: #666;
}

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,37 +23,40 @@
<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 {% if article or not page %}class="active" {% endif %}>
<a href="/"><i class="icon-home icon-large"></i> Blog</a>
</li>
<a href="/"><i class="icon-home icon-large"></i></a>
</li>
{% for p in pages %} {% if "/page" in p.url %}
{% 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 %}
{% 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 %}
{% endfor %}
<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">-->
<!--<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>-->
<!--<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>
</div>
</header>
@ -67,7 +70,7 @@
</div>
<div class="back">
<!-- back content -->
<img id="picture" width=100% src="{{ SITE_URL }}/theme/img/me.jpg">
<img id="picture" width=100% src="{{ SITE_URL }}/theme/img/me-bat.png">
</div>
</div>
</div>

@ -1,7 +1,5 @@
title: About
<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,103 +0,0 @@
title: CV
<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">
<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>

@ -1,16 +0,0 @@
title: Projects
layout: default
Ongoing Projects
================
* [Maia](http://github.com/gsi-upm/maia): 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.
* [Onyx](http://gsi.dit.upm.es/ontologies/onyx): an ontology for emotion analysis that includes concepts from W3C's provenance.
* [Marl](http://gsi.dit.upm.es/ontologies/marl): I updated this ontology, originally created by Adam Westerski, to make it compatible with the W3C's provenance ontology.
* [EESTEC.net](http://github.com/eestec/eestec.portal): the Plone based official portal of EESTEC. I fixed some bugs and implemented basic features. It's still an ongoing project.
Past Projects
=============
* [Hermes](http://github.com/balkian/hermes): one of my first projects, developed together with [David Pérez](cathan) 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: [Part 1](http://www.youtube.com/watch?v=KnEYahPD9z4) and [Part 2](http://www.youtube.com/watch?v=lQZldCTPEJc)
For more information, checl my [complete list of public repositories in <i class="icon-github" >Github</i>](http://github.com/balkian).

@ -0,0 +1,25 @@
Projects
########
:slug: projects
:layout: default
Ongoing Projects
================
* `Onyx <http://gsi.dit.upm.es/ontologies/onyx>`_: an ontology for emotion analysis that includes concepts from W3C's provenance.
* `Marl <http://gsi.dit.upm.es/ontologies/marl>`_: I updated this ontology, originally created by Adam Westerski, to make it compatible with the W3C's provenance ontology.
Past Projects
=============
* `Hermes <http://github.com/balkian/hermes>`_: 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: `Part 1 <http://www.youtube.com/watch?v=KnEYahPD9z4>`_ and `Part 2 <http://www.youtube.com/watch?v=lQZldCTPEJc>`_.
* `EESTEC.net <http://github.com/eestec/eestec.portal>`_: the Plone based official portal of EESTEC. I fixed some bugs and implemented basic features. It's still an ongoing project.
* `Maia <http://github.com/gsi-upm/maia>`_: 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.
For more information, checl my [complete list of public repositories in |github|.
.. |github| raw:: html
<a href="http://github.com/balkian"><i class="icon-github"> Github</i></a>

@ -40,7 +40,7 @@ def date_to_string(date):
JINJA_FILTERS = {'date_to_string': date_to_string}
PLUGIN_PATH = ["plugins/",]
PLUGIN_PATHS = ["plugins/",]
PLUGINS = ["neighbors",]
PYGMENTS_RST_OPTIONS = {'linenos': 'table'}
@ -56,3 +56,7 @@ EXTRA_PATH_METADATA = {
}
IGNORE_FILES = ['.*']
MENUITEMS=[('CV','http://jfernando.es')]
DISPLAY_PAGES_ON_MENU=True

Loading…
Cancel
Save