Skip to content

Commit

Permalink
Finishing the layout and adding the first post
Browse files Browse the repository at this point in the history
  • Loading branch information
@diestrin
diestrin committed Jun 12, 2013
1 parent 150e701 commit c85f3b7
Show file tree
Hide file tree
Showing 9 changed files with 173 additions and 82 deletions.
1 change: 1 addition & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
_site
3 changes: 3 additions & 0 deletions _config.yml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
name: Diego Barahona
permalink: pretty
pygments: true
11 changes: 11 additions & 0 deletions _includes/sidebar.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<h3>Blog Posts</h3>

<ul>
{% for post in site.posts limit:6 %}
<li>
<span>{{ post.date | date_to_string }}</span> &raquo;
<a href="{{ post.url }}">{{ post.title }}</a>
</li>
{% endfor %}
<li><a href="/posts">See all</a></li>
</ul>
43 changes: 43 additions & 0 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">

<title>{{ page.title }}</title>

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

<link rel="stylesheet" href="/stylesheets/styles.css">
<link rel="stylesheet" href="/stylesheets/pygment_trac.css">

<script src="/javascripts/scale.fix.js"></script>

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<header>
<h1 class="header"><a href="/">{{ site.name }}</a></h1>
<p class="header">casa = 'casita'</p>
<ul>
<li>
<a class="buttons github" target="_blank" href="https://github.com/diestrin">GitHub Profile</a>
</li>
</ul>
</header>

<section>{{ content }}</section>

<aside>{% include sidebar.md %}</aside>

<footer>
<p>@diestrin on <a target="_blank" href="https://twitter.com/diestrin">twitter</a> | <a target="_blank" href="https://plus.google.com/108128671226204701183">google</a></p>
</footer>
</div>
<!--[if !IE]><script>fixScale(document);</script><![endif]-->

</body>
</html>
23 changes: 23 additions & 0 deletions _layouts/post.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
---
layout: default
---
<h2>{{ page.title }}</h2>
<p class="meta">{{ page.date | date_to_string }}</p>

<div class="post">
{{ content }}
</div>

<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'diegobarahona';
var disqus_identifier = '{{ page.id }}';
var disqus_title = '{{ page.title }}';
var disqus_url = '{{ page.url }}';

(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
12 changes: 12 additions & 0 deletions _posts/2013-06-11-casa-casita.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
---
layout: post
categories: general me
tags: me casacasita welcome general
---
### What's Casa Casita?

Well, in simple words, casa casita (*house, little house?*) are just two words I use for testing some code, it's like my own *Hello World*, and this is about what this bog is related, to test some code, learn some new stufs and, maybe, to help someone :)

The blog by itself is a test, I'm writing this lines in a .md file ([markdown](http://daringfireball.net/projects/markdown/)) and the blog is been hosted by [GitHub pages](http://pages.github.com/) running [Jekyll](http://jekyllrb.com/).

So thank you very much for take a look a this little post, and I hope to see you more often here. Leave a comment or check out the source code at [GitHub](https://github.com/diestrin/diestrin.github.io)
79 changes: 10 additions & 69 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,69 +1,10 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Diego Barahona by diestrin</title>

<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
<script src="javascripts/scale.fix.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<header>
<h1 class="header">Diego Barahona</h1>
<p class="header"></p>



<ul>
<li><a class="buttons github" href="https://github.com/diestrin">GitHub Profile</a></li>
</ul>

</header>
<section>
<h3>
<a name="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages"><span class="octicon octicon-link"></span></a>Welcome to GitHub Pages.</h3>

<p>This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:</p>

<pre><code>$ cd your_repo_root/repo_name
$ git fetch origin
$ git checkout gh-pages
</code></pre>

<p>If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.</p>

<h3>
<a name="designer-templates" class="anchor" href="#designer-templates"><span class="octicon octicon-link"></span></a>Designer Templates</h3>

<p>We've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.</p>

<h3>
<a name="rather-drive-stick" class="anchor" href="#rather-drive-stick"><span class="octicon octicon-link"></span></a>Rather Drive Stick?</h3>

<p>If you prefer to not use the automatic generator, push a branch named <code>gh-pages</code> to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.</p>

<h3>
<a name="authors-and-contributors" class="anchor" href="#authors-and-contributors"><span class="octicon octicon-link"></span></a>Authors and Contributors</h3>

<p>You can <a href="https://github.com/blog/821" class="user-mention">@mention</a> a GitHub username to generate a link to their profile. The resulting <code>&lt;a&gt;</code> element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (<a href="https://github.com/defunkt" class="user-mention">@defunkt</a>), PJ Hyett (<a href="https://github.com/pjhyett" class="user-mention">@pjhyett</a>), and Tom Preston-Werner (<a href="https://github.com/mojombo" class="user-mention">@mojombo</a>) founded GitHub.</p>

<h3>
<a name="support-or-contact" class="anchor" href="#support-or-contact"><span class="octicon octicon-link"></span></a>Support or Contact</h3>

<p>Having trouble with Pages? Check out the documentation at <a href="http://help.github.com/pages">http://help.github.com/pages</a> or contact <a href="mailto:[email protected]">[email protected]</a> and we’ll help you sort it out.</p>
</section>
<footer>
<p><small>Hosted on <a href="https://pages.github.com">GitHub Pages</a> using the Dinky theme</small></p>
</footer>
</div>
<!--[if !IE]><script>fixScale(document);</script><![endif]-->

</body>
</html>
---
layout: default
title: Diego Barahona
---

<div>
{% assign post = site.posts.first %}
<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
<p>{{ post.content }}</p>
</div>
18 changes: 18 additions & 0 deletions posts.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
---
layout: default
title: Diego Barahona
---

<h2>Archive</h2>

<ul>
{% for post in site.posts limit:6 %}
<li>
<span>{{ post.date | date_to_string }}</span> &raquo;
<a href="{{ post.url }}">{{ post.title }}</a>
<br>
[ {% for tag in post.tags %}<em>{{ tag }}</em> {% endfor %}]
<p>{{ post.excerpt }}</p>
</li>
{% endfor %}
</ul>
65 changes: 52 additions & 13 deletions stylesheets/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,28 @@ time, mark, audio, video {
vertical-align: baseline;
}

/* Clearfix */

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/* Base text styles */

Expand Down Expand Up @@ -198,7 +220,7 @@ td {

/* Wrapper */
.wrapper {
width:960px;
/*width:960px;*/
}


Expand All @@ -208,7 +230,7 @@ header {
background-color: #171717;
color: #FDFDFB;
width:170px;
float:left;
/*float:left;*/
position:fixed;
border: 1px solid #000;
-webkit-border-top-right-radius: 4px;
Expand All @@ -218,7 +240,7 @@ header {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 34px 25px 22px 50px;
margin: 30px 25px 0 0;
margin: 0 25px 0 0;
-webkit-font-smoothing: antialiased;
}

Expand Down Expand Up @@ -305,20 +327,33 @@ a.buttons:hover {
text-decoration: none;
}

aside{
padding: 0 25px 0 20px;
width: 200px;
/*clear: both;*/
position: fixed;
top: 300px;
}

aside li{
list-style: none;
padding: 0;
}

/* Section - for main page content */

section {
/*float:right;*/
width:650px;
float:right;
margin-left: 275px;
padding-bottom:50px;
}


/* Footer */

footer {
width:170px;
width:175px;
float:left;
position:fixed;
bottom:10px;
Expand All @@ -332,7 +367,7 @@ footer {
margin:0;
}

header, section, footer {
header, section, footer, aside {
float:none;
position:static;
width:auto;
Expand All @@ -344,7 +379,7 @@ footer {
padding:0;
}

header {
header{
padding-right:320px;
}

Expand All @@ -353,6 +388,10 @@ footer {
margin:0 0 20px;
}

aside{
padding: 0 84px 0 50px;
}

header a small {
display:inline;
}
Expand All @@ -379,8 +418,12 @@ footer {
margin:0 0 30px;
}

aside{
padding: 0 0 0 20px;
}

footer {
margin: 0 0 0 30px;
margin: 0 0 0 20px;
}

header ul, header p.view {
Expand All @@ -394,12 +437,8 @@ footer {
display:none;
}

footer {
margin: 0 0 0 20px;
}

footer a{
display:block;
/*display:block;*/
}

}
Expand Down

0 comments on commit c85f3b7

Please sign in to comment.