Minor changes

_layouts/post.html

@@ -2,8 +2,8 @@
 layout: default
 ---
 <div class="postnav">
-  <span class="previouspost"><i class="icon-chevron-sign-left"></i><a href="{{ page.previous.url }}"> {{ page.previous.title }}</a></span>
+  <a href="{{ page.previous.url }}"><span class="previouspost"><i class="icon-chevron-sign-left"></i> {{ page.previous.title }}</a></span>
-  <span class='nextpost'><a href="{{ page.next.url }}">{{ page.next.title }} </a><i class="icon-chevron-sign-right"></i></span>
+  <span class='nextpost'><a href="{{ page.next.url }}">{{ page.next.title }} <i class="icon-chevron-sign-right"></i></span></a>
 </div>
 <div class="posthead">
   <h2 class="title">{{ page.title }}</h2>

_posts/2013-08-17-creating-my-web.markdown

@@ -5,11 +5,16 @@ date:   2013-08-22 14:14:22
 tags: starters javascript ruby github git 
 ---
 
-Finally, I've decided to finally 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 it and deploy it for me. The site will be really simple, mostly static files, but [Jekyll](http://jekyllrb.com) creates the static pages for the posts automatically every time I commit anything new to the repository.
+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, [Jekyll](http://jekyllrb.com) will automatically generate static pages for my posts every time I commit anything new to this repository.
 
-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. Everything could be easily reused if I ever choose to change to another blogging framework.
+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.
 
-I hadn't played with HTML and CSS for a while now, so I also wanted to use this site as a playground for the capabilities of HTML5. 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 [gists](http://gist.github.com/balkian) and [repositories](http://github.com/balkian), but we will see about that.
+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 [gists](http://gist.github.com/balkian) and [repositories](http://github.com/balkian), but we will see about that.
 
 I think the code speaks for itself, so you can check out [my repository on Github](http://github.com/balkian/balkian.github.com). You can clone and deploy it easily like this:
 

css/main-desktop.css

@@ -386,43 +386,6 @@ a:hover {
   float: left;
 }
 
-
-.pagination {
-  position: relative;
-  height: 1em;
-  width: 50%;
-  padding: 10px;
-  text-align: center;
-  background-color: #FFF;
-  z-index: 0;
-}
-
-.pag-top{
-  margin: -9px auto;
-  margin-bottom 0;
-  border-radius: 0 0 15px 15px;
-  border: dashed 1px #AAA;
-  border-top-width: 0;
-}
-
-.pag-bottom {
-  bottom: -10px;
-  margin: 0 auto;
-  border-radius: 15px 15px 0 0;
-  border: dashed 1px #AAA;
-  border-bottom-width: 0;
-}
-
-.previouspage {
-  float: left;
-}
-
-.nextpage {
-  float: right;
-}
-
-.clear { clear: both; }
-
 #about li {
   line-height:2em;
   vertical-align: middle
@@ -432,12 +395,6 @@ a:hover {
   width: 33.333%;
 }
 
-#about i {
-  /*background-color: #ffd700;*/
-  /*padding: 5px;*/
-  /*border-radius: 10px;*/
-}
-
 @-webkit-keyframes toright {
   from { 
     padding-left: 0px;

css/main-medium.css

@@ -396,31 +396,21 @@ a:hover {
 }
 
 .pag-top{
-  margin: -9px auto;
+  /*margin: -9px auto;*/
-  margin-bottom 0;
+  /*margin-bottom 0;*/
-  border-radius: 0 0 15px 15px;
+  /*border-radius: 0 0 15px 15px;*/
-  border: dashed 1px #AAA;
+  /*border: dashed 1px #AAA;*/
-  border-top-width: 0;
+  /*border-top-width: 0;*/
 }
 
 .pag-bottom {
   bottom: -10px;
-  margin: 0 auto;
+  /*margin: 0 auto;*/
-  border-radius: 15px 15px 0 0;
+  /*border-radius: 15px 15px 0 0;*/
-  border: dashed 1px #AAA;
+  /*border: dashed 1px #AAA;*/
-  border-bottom-width: 0;
+  /*border-bottom-width: 0;*/
 }
 
-.previouspage {
-  float: left;
-}
-
-.nextpage {
-  float: right;
-}
-
-.clear { clear: both; }
-
 about ul {
   position: relative;
   width: 900px;

css/main.css

@@ -80,3 +80,45 @@ code {
   padding: 0.5em;
   padding-left: 300px;
 }
+
+.pagination {
+  position: relative;
+  height: 1em;
+  min-width: 60%;
+  padding: 10px;
+  text-align: center;
+  background-color: #FFF;
+  z-index: 0;
+}
+
+.pag-top{
+  margin: -9px auto;
+  margin-bottom 0;
+  border-radius: 0 0 15px 15px;
+  border: dashed 1px #AAA;
+  border-top-width: 0;
+}
+
+.pag-bottom {
+  bottom: -10px;
+  margin: 0 auto;
+  border-radius: 15px 15px 0 0;
+  border: dashed 1px #AAA;
+  border-bottom-width: 0;
+}
+
+.previouspage {
+  float: left;
+}
+
+.nextpage {
+  float: right;
+}
+
+.clear { clear: both; }
+
+.post img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto
+}

index.html

@@ -40,13 +40,13 @@ categories: blog
   {% if paginator.previous_page %}
   <span class="previouspage"><i class="icon-chevron-sign-left"></i><a href="/{% if paginator.previous_page > 2 %}page{{ paginator.previous_page }}{% endif %}"> Newer Posts</a></span>
   {% else %}
-  <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
   {% endif %}
   <span class="page_number ">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
   {% if paginator.next_page %}
     <span class="nextpage"><a href="/page{{ paginator.next_page }}"> Older Posts </a> <i class="icon-chevron-sign-right"></i></span>
   {% else %}
-    <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+    <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
   {% endif %}
 </div>
 {% endif %}

todo/index.html

@@ -5,40 +5,34 @@ title:  "To-Do"
 <h2>Things To Do</h2>
 This is intended as my public "todo.txt". Both to keep it accessible and to feel ashamed of the many things I leave undone:
 <ul class="todo">
-  <li> Work on Maia
+  <li> PhD
     <ul>
-      <li >See <a href="http://github.com/gsi-upm/maia/issues">ISSUES</a></li>
+      <li class="done" >Write my first workshop paper as main author</li>
-      <li class="done">Deploy an internal demo</li>
+      <li>Write my first journal paper</li>
-      <li >Find a domain</li>
+      <li>Become a doctor!</li>
-      <li >Deploy a public demo</li>
-   </ul>
-  </li>
-  <li> Publish this website
-    <ul>
-      <li class="done">Create template</li>
-      <li class="done">Fill with content</li>
-      <li class="done">Publish on Github!</li>
-   </ul>
-  </li>
-  <li> Publish jfernando.es
-    <ul>
-      <li >Create template</li>
-      <li >Fill with content</li>
-      <li >Publish!</li>
     </ul>
   </li>
-  <li> Publish sinpapel.es
+  <li> Technical 
     <ul>
-      <li >Create template</li>
+      <li class="done" >Write a NodeJS App. Maia [See <a href="http://github.com/gsi-upm/maia/issues">ISSUES</a>]</li>
-      <li >Fill with content</li>
+      <li class="done" >Write my first Django Application</li>
-      <li >Publish!</li>
+      <li class="done">Win my first Hackathon</li>
+      <li>Github repo with +100 stars</li>
     </ul>
   </li>
-  <li> Publish sanchezrada.es
+  <li> Languages
     <ul>
-      <li >Create template</li>
+      <li class="done">English</a></li>
-      <li >Fill with content</li>
+      <li >Chinese</a></li>
-      <li >Publish!</li>
+      <li >Greek</a></li>
+      <li >German</a></li>
+      <li >Esperanto</a></li>
+    </ul>
+  </li>
+  <li> Personal
+    <ul>
+      <li>Run a 10k</li>
+      <li>Blog regularly for a year</li>
     </ul>
   </li>
 </ul>