mirror of
https://github.com/balkian/balkian.github.com.git
synced 2024-12-24 17:28:13 +00:00
Minor changes
This commit is contained in:
J. Fernando Sánchez
parent
3ddba31b88
commit
fd179b8f00
@ -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>
|
||||
<span class='nextpost'><a href="{{ page.next.url }}">{{ page.next.title }} </a><i class="icon-chevron-sign-right"></i></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 }} <i class="icon-chevron-sign-right"></i></span></a>
|
||||
</div>
|
||||
<div class="posthead">
|
||||
<h2 class="title">{{ page.title }}</h2>
|
||||
|
||||
@ -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:
|
||||
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -396,31 +396,21 @@ a:hover {
|
||||
}
|
||||
|
||||
.pag-top{
|
||||
margin: -9px auto;
|
||||
margin-bottom 0;
|
||||
border-radius: 0 0 15px 15px;
|
||||
border: dashed 1px #AAA;
|
||||
border-top-width: 0;
|
||||
/*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;
|
||||
/*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 ul {
|
||||
position: relative;
|
||||
width: 900px;
|
||||
|
||||
42
css/main.css
42
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
|
||||
}
|
||||
|
||||
@ -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 %}
|
||||
|
||||
@ -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">Deploy an internal demo</li>
|
||||
<li >Find a domain</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>
|
||||
<li class="done" >Write my first workshop paper as main author</li>
|
||||
<li>Write my first journal paper</li>
|
||||
<li>Become a doctor!</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> Publish sinpapel.es
|
||||
<li> Technical
|
||||
<ul>
|
||||
<li >Create template</li>
|
||||
<li >Fill with content</li>
|
||||
<li >Publish!</li>
|
||||
<li class="done" >Write a NodeJS App. Maia [See <a href="http://github.com/gsi-upm/maia/issues">ISSUES</a>]</li>
|
||||
<li class="done" >Write my first Django Application</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 >Fill with content</li>
|
||||
<li >Publish!</li>
|
||||
<li class="done">English</a></li>
|
||||
<li >Chinese</a></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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user