Permalink
Browse files

UP

  • Loading branch information...
1 parent 74fd2a3 commit 024248d76eeea6b83ab67c88118dd3b9d8df32d7 @caarlos0 committed Dec 14, 2012
View
@@ -1,59 +1,83 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{{ page.title }}</title>
<!-- TODO: change name and description -->
- <meta name="author" content="Zach Holman" />
+ <meta name="author" content="Carlos Alexandro Becker" />
<meta name="description" content="A fantastic blog that is fantastic." />
<link rel="alternate" type="application/rss+xml" href="/atom.xml" />
- <link rel="stylesheet" href="/css/base.css" type="text/css" media="screen, projection" />
- <link rel="stylesheet" href="/css/pygments.css" type="text/css" />
- <link media="only screen and (max-device-width: 480px)" href="/css/iphone.css" type="text/css" rel="stylesheet" />
- <link media="only screen and (device-width: 768px)" href="/css/iphone.css" type="text/css" rel="stylesheet" />
- <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
- <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+ <link href="/css/bootstrap.css" rel="stylesheet">
+ <link href="/css/custom.css" rel="stylesheet">
+ <link href="/css/bootstrap-responsive.css" rel="stylesheet">
+ <link href="/css/font-awesome.css" rel="stylesheet">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700'
+ rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript" src="/js/application.js"></script>
+ <!--[if lt IE 9]>
+ <link href="/css/font-awesome-ie7.css" rel="stylesheet">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <link rel="apple-touch-icon" href="/apple-touch-icon.jpg" />
</head>
<body>
- <section class="sidebar">
- <a href="/">
- <!-- TODO: change this gravatar URL -->
- <img src="http://gravatar.com/avatar/6f63cde8b16b035280ca615f621a6c8c?s=150" height="75" width="75" class="avatar" />
- </a>
-
- <!-- TODO: change name -->
- <section class="name">
- <a href="/">
- <span id="zach">Zach</span>
- <span id="holman">Holman</span>
- </a>
- </section>
-
- <!-- TODO: change links -->
- <section class="meta">
- <a href="https://github.com/holman"><img src="/images/github.png" /></a>
- <a href="https://twitter.com/holman"><img src="/images/twitter.png"></a>
- <a href="/atom.xml"><img src="/images/rss.png" /></a>
- </section>
-
- <section class="sections">
- <ul>
- <li><a href="/about.html">about</a></li>
- <li><a href="/">posts</a></li>
- </ul>
- </section>
- </section>
-
- {{ content }}
+ <div class="navbar navbar-inverse navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="#">Carlos Alexandro Becker</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="active"><a href="/">Home</a></li>
+ <li><a href="/about">About</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ {{ content }}
+ </div>
+
+ <div id="footer">
+ <div class="container">
+ <section class="meta">
+ <div class="block">
+ <a href="https://twitter.com/caarlos0">
+ <i class="icon icon-twitter"></i>
+ <div>Follow me on Twitter.</div>
+ </a>
+ </div>
+
+ <div class="block">
+ <a href="https://github.com/caarlos0">
+ <i class="icon icon-github"></i>
+ <div>
+ I'm a developer at Totvs S/A and frequently hated for dislike
+ things that "everyone like" and like things that "anyone like"
+ (except me, of course)... but I don't really care about it.
+ </div>
+ </a>
+ </div>
+
+ <div style="clear: both"></div>
+ </section>
+ </div>
+ </div>
+
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+ <script type="text/javascript" src="/js/bootstrap.min.js"></script>
</body>
-</html>
+</html>
View
@@ -15,10 +15,11 @@
<!-- TODO: change links, gravatar, and bio here -->
<section class="meta">
+ <hr>
<h3>Discussion, links, and tweets</h3>
<section class="copy">
- <a href="https://twitter.com/holman">
- <img src="http://gravatar.com/avatar/6f63cde8b16b035280ca615f621a6c8c?s=142" height="50" width="50" />
+ <a href="https://twitter.com/caarlos0">
+ <img src="http://gravatar.com/avatar/7ef3cd04888c6d17f34d43e29ec3d46f?s=142" height="50" width="50" />
</a>
<p>
@@ -32,4 +33,4 @@
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</section>
</section>
-</section>
+</section>
@@ -0,0 +1,10 @@
+---
+layout: post
+title: Up
+category: posts
+---
+
+Up is clean an beautifull layout for Jekyll. It's based on holman's Left, and
+in his new blog layout.
+
+And hell yeah, this is an example post :)
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Deleted file not rendered
View
@@ -1,202 +0,0 @@
-@charset "UTF-8";
-body {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- margin: 0;
- -webkit-font-smoothing: antialiased; }
-
-a {
- color: #227ce8; }
-
-.sidebar {
- position: fixed;
- left: 15px;
- top: 15px;
- width: 80px;
- font-family: Helvetica, sans-serif; }
- .sidebar a {
- text-decoration: none; }
- .sidebar img {
- padding: 0 3px;
- border: 0; }
- .sidebar .avatar {
- padding: 0;
- margin-left: 2px;
- border-radius: 5px; }
- .sidebar .name {
- text-transform: uppercase;
- margin: 10px 0 20px 0; }
- .sidebar .name #zach {
- padding-left: 1px;
- font-size: 23px;
- letter-spacing: 5px;
- color: black; }
- .sidebar .name #holman {
- font-size: 17px;
- font-weight: bold;
- letter-spacing: 1px;
- color: black; }
- .sidebar .meta a {
- margin-left: 0px;
- color: black; }
- .sidebar .meta a:hover {
- color: #227ce8; }
- .sidebar .sections {
- margin: 15px 0 0 0; }
- .sidebar .sections a {
- padding: 3px 0;
- color: black;
- font-weight: bold;
- font-size: 12px;
- display: block; }
- .sidebar .sections a:hover {
- color: #227ce8; }
- .sidebar .sections ul {
- margin: 0;
- padding: 0; }
- .sidebar .sections li {
- list-style: none;
- margin-bottom: 7px; }
-
-.content {
- margin-left: 110px;
- width: 650px;
- margin-bottom: 50px; }
- .content h1 {
- color: #333;
- font-family: "Yanone Kaffeesatz", Helvetica, sans-serif;
- font-weight: 400; }
- .content h1 a {
- color: #111;
- text-decoration: none; }
- .content h2 {
- color: #333;
- font-family: "Yanone Kaffeesatz", Helvetica, sans-serif;
- font-weight: 400; }
- .content h2 a {
- color: #111;
- text-decoration: none; }
- .content h3 {
- color: #333;
- font-family: "Yanone Kaffeesatz", Helvetica, sans-serif;
- font-weight: 400; }
- .content h3 a {
- color: #111;
- text-decoration: none; }
- .content h4 {
- color: #333;
- font-family: "Yanone Kaffeesatz", Helvetica, sans-serif;
- font-weight: 400; }
- .content h4 a {
- color: #111;
- text-decoration: none; }
- .content h1 {
- font-size: 36px;
- margin: 18px 0 5px 0; }
- .content h2 {
- font-size: 30px;
- margin-bottom: 15px; }
- .content h3 {
- color: #777;
- font-size: 25px;
- padding-bottom: 5px;
- margin-bottom: 10px; }
- .content p {
- font-size: 16px;
- margin-top: 0;
- margin-bottom: 1.2em;
- line-height: 1.7em; }
- .content p code {
- font-size: 12px;
- background-color: #eeeeee;
- border: 1px solid #777777;
- border-radius: 3px;
- padding: 2px 3px; }
- .content img {
- padding: 3px;
- border: 1px solid #eeeeee;
- max-width: 100%; }
- .content hr {
- border: 0;
- height: 6px;
- background-image: url("/images/hr.png");
- background-repeat: repeat-x;
- margin: 2em 3em; }
- .content li {
- margin-bottom: 10px;
- line-height: 1.4em; }
- .content blockquote {
- font-style: italic;
- font-size: 14px;
- padding: .25em 1em;
- margin: 1em 1em 0 1em;
- color: #444; }
- .content blockquote cite:before {
- content: ''; }
- .content blockquote cite {
- display: block;
- margin-top: .5em;
- text-align: right;
- color: #111;
- font-style: normal; }
- .content .byline {
- margin-bottom: 17px;
- font-family: "Yanone Kaffeesatz", Helvetica, sans-serif;
- padding-left: 0px;
- font-size: 17px;
- color: #777; }
- .content .aside {
- background-color: #eeeeee;
- padding: 14px;
- font-size: 14px;
- margin: 5px 0 15px 0;
- font-family: Helvetica, sans-serif;
- line-height: 1.6em; }
- .content .listing {
- margin: 10px 0 0 0;
- padding: 0;
- font-family: Helvetica, sans-serif; }
- .content .listing ul {
- margin: 0;
- padding: 0; }
- .content .listing li {
- font-size: 13px;
- list-style: none;
- padding: 5px 3px;
- margin: 0;
- color: #777777;
- border-bottom: 1px solid #eee; }
- .content .listing li span {
- float: right; }
- .content .listing a {
- text-decoration: none; }
- .content .listing a:hover {
- text-decoration: underline; }
- .content .meta {
- margin: 30px 0;
- padding: 10px 0;
- font-family: Helvetica, sans-serif; }
- .content .meta p {
- line-height: 1.4;
- font-size: 14px;
- margin-top: 0px; }
- .content .meta img {
- position: relative;
- float: left;
- margin-top: 0px;
- margin-right: 10px;
- margin-left: -60px;
- border-radius: 4px; }
- .content .meta .copy {
- padding-left: 60px; }
- .content .meta iframe {
- padding-left: 5px; }
- .content .talk-design .color div {
- float: left;
- margin-right: 10px;
- padding: 5px 15px;
- border: 1px solid #000;
- font-family: Helvetica, sans-serif;
- font-size: 12px;
- font-weight: bold; }
- .content .talk-design .color .white {
- color: #fff; }
Oops, something went wrong. Retry.

0 comments on commit 024248d

Please sign in to comment.