Skip to content

Commit

Permalink
First production release
Browse files Browse the repository at this point in the history
  • Loading branch information
olakara committed Jul 7, 2014
1 parent 3558bba commit b4bc878
Show file tree
Hide file tree
Showing 15 changed files with 320 additions and 85 deletions.
4 changes: 2 additions & 2 deletions 404.html
Expand Up @@ -3,7 +3,7 @@
title: "404: Page not found"
---

<div class="container blue">
<div class="container">
<div class="row">
<div class="col-md-3">
&nbsp;
Expand All @@ -18,7 +18,7 @@
<div class="row">
<div class="col-md-12">
<p style="font-size: 24px">Sorry, that URL is pointing to something that doesn't exist!</p><br/>
<p style="font-size: 16px">You can go to my <a href="/">home page</a> or to my <a href="/blog">blog</a>.</p>
<p style="font-size: 16px">You can go to my <a href="/">Home page</a> or my <a href="/blog">Blog</a>.</p>
</div>
</div>
</div>
23 changes: 11 additions & 12 deletions _config.yml
Expand Up @@ -6,29 +6,28 @@ pygments: true
permalink: /blog/:year/:month/:day/:title

# Setup
title: Jekyll Metro
title: 'Jekyll Metro'
tagline: 'A Metro theme for Jekyell'
description: 'A Sample blog using JekyllMetro'
url: http://blog-olakara.rhcloud.com
description: 'A Sample blog using Jekyll Metro'
url: 'http://blog-olakara.rhcloud.com'

# Author Details
author: 'Abdel Raoof Olakara'
linkedin: 'http://ae.linkedin.com/in/olakara/'
twitter: 'https://twitter.com/olakara'
facebook: 'https://www.facebook.com/olakara'
gplus: 'https://plus.google.com/100425464897246255887/'



# Google Analytics
gahandler: 'UA-52149651-1'

# Blog Configurations
paginate: 2 # Posts per page on the blog index
paginate_path: "/blog/page:num"
paginate_path: '/blog/page:num'
destination: ./_site
navigation:
- text: Blog
url: /blog/
- text: Archive
url: /archive/
- text: About
url: /about/


# Custom vars
version: 0.5.6
version: 0.7
21 changes: 21 additions & 0 deletions _layouts/master.html
Expand Up @@ -2,8 +2,29 @@
<html class="no-js">
{% include head.html %}
<body>
<div class="navbar navbar-default visible-xs">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">{{site.title}}</a>
</div>
<div class="navbar-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav">
<li><a href="/">Home</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/about">About Me</a></li>
<li><a href="#">Resume</a></li>
</ul>
</div>
</div>
{{ content }}

<script src="/assets/js/jquery-1.11.1.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
Expand Down
48 changes: 28 additions & 20 deletions _layouts/page.html
@@ -1,24 +1,32 @@
---
layout: master
---

<div class="container">

<header class="row">
<div class="col-md-12 col-xs-12">
<h1>
<a href="http://blog-olakara.rhcloud.com">
<div class="icon icon-back" style="width: 48px;height: 48px;float: left;"></div>
&nbsp;&nbsp;&nbsp; {{page.title}}
</a>
</h1>
</div>
</header>

<div class="row">
<article class="col-md-12 justified">
{{ content }}
</article>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="hidden-xs col-md-2 purple sidebar">
<aside>
<div class="row">
<div class="col-md-12">
<h1 class="text-center" style="margin-top:0px"><a href="/" class="icon icon-back"></a></h1>
</div>

</div>
<div class="row">
<div class="col-md-12">
<ul class="left-nav">
<li class="left-nav-item purple"><a href="/blog">Blog</a></li>
<li class="left-nav-item"><a href="/about">About Me</a></li>
<li class="left-nav-item"><a href="http://twitter.com/olakara">Twitter</a></li>
<li class="left-nav-item"><a href="http://ae.linkedin.com/in/olakara/">LinkedIn</a></li>
</ul>
</div>
</aside>
</div>
<div class="col-md-10 col-md-offset-2">
<h1>{{page.title}}</h1>
{{content}}
{% include footer.html %}
</div>
</div>
</div>

40 changes: 29 additions & 11 deletions _layouts/post.html
Expand Up @@ -8,9 +8,22 @@
<aside>
<div class="row">
<div class="col-md-12 text-center">
<h1><a href="{{sit.url}}/blog" style="color:white;text-decoration:none">Blog</a></h1>
<h1 class="text-center" style="margin-top:0px"><a href="/blog" class="icon icon-back"></a></h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="left-nav">
<li class="left-nav-item"><a href="/tags" >Tags</a></li>
<li class="left-nav-item"><a href="/archive">Archive</a></li>
</ul>
<hr/>
<ul class="left-nav">
<li class="left-nav-item"><a href="/about">About Me</a></li>
<li class="left-nav-item"><a href="{{site.twitter}}">Twitter</a></li>
<li class="left-nav-item"><a href="{{site.linkedin}}">LinkedIn</a></li>
</ul>
</div>
</aside>
</div>
<div class="col-md-10 col-md-offset-2">
Expand Down Expand Up @@ -46,24 +59,29 @@ <h4>Comments:</h4>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
</article>



<div class="row">
<div class="col-sm-6 col-xs-6 text-left">
{% if page.previous.url %}
<a class="btn btn-primary" href="{{page.previous.url}}">← Previous</a>
{% else %}
<span class="btn btn-primary disabled">← Previous</span>
{% endif %}
<a class="btn btn-blue" href="{{page.previous.url}}">← Previous</a>
{% else %}
<span class="btn btn-blue disabled">← Previous</span>
{% endif %}
</div>
<div class="col-sm-6 col-xs-6 text-right">
{% if page.next.url %}
<a class="btn btn-primary" href="{{page.next.url}}">Next →</a>
{% else %}
<span class="btn btn-primary disabled">Next →</span>
{% endif %}
{% if page.next.url %}
<a class="btn btn-blue" href="{{page.next.url}}">Next →</a>
{% else %}
<span class="btn btn-blue disabled">Next →</span>
{% endif %}
</div>
</div>

{% include footer.html %}
</div>
</div>
</div>
</div>


12 changes: 1 addition & 11 deletions about/index.html
Expand Up @@ -3,14 +3,4 @@
title: About Me
---

<div class="container-fluid">
<div class="row">
<div class="hidden-xs col-md-2 purple sidebar">

</div>
<div class="col-md-10 col-md-offset-2">

{% include footer.html %}
</div>
</div>
</div>
This is a sample text about me!
20 changes: 20 additions & 0 deletions archive/index.html
@@ -0,0 +1,20 @@
---
layout: page
title: Archives
---
<ul>
{% for post in site.posts %}

{% unless post.next %}
<h3>{{ post.date | date: '%Y' }}</h3>
{% else %}
{% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
{% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
{% if year != nyear %}
<h3>{{ post.date | date: '%Y' }}</h3>
{% endif %}
{% endunless %}

<li class="alink"><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
</ul>
95 changes: 94 additions & 1 deletion assets/css/app.css
Expand Up @@ -76,4 +76,97 @@
.icon-linkedin{background-position:-552px 0px ; width: 128px ; height: 128px; }
.icon-blog{background-position:-690px 0px ; width: 128px ; height: 128px; }
.icon-resume{background-position:-828px 0px ; width: 128px ; height: 128px; }
.icon-back{background-position:-966px -40px ; width: 48px ; height: 48px; }
.icon-back{background-position:-966px -40px ; width: 48px ; height: 48px;display:inline-block;text-decoration:none}

.left-nav {
margin-bottom: 20px;
list-style: none;
}

.left-nav-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
font-size: 18px;
}

.left-nav > li > a,
.left-nav > li > a:hover,
.left-nav > li > a:focus {
color: #fff;
text-decoration:none;
}

.alink {
font-size: 18px;
}

.tags {
text-align: justify;
}

li.purple > a,
li.purple > a:hover,
li.purple > a:focus {
color: #fff;
background: #5133AB;
text-decoration: none;
}

li.blue > a,
li.blue > a:hover,
li.blue > a:focus {
color: #fff;
background: #007fff;
text-decoration: none;
}

li.red > a,
li.red > a:hover,
li.red > a:focus {
color: #fff;
background: #AC193D;
text-decoration: none;
}

li.orange > a,
li.orange > a:hover,
li.orange > a:focus {
color: #fff;
background: #DC572E;
text-decoration: none;
}

li.green > a,
li.green > a:hover,
li.green > a:focus {
color: #fff;
background: #00A600;
text-decoration: none;
}

.btn-purple {
color: #fff;
background: #5133AB;
}

.btn-blue {
color: #fff;
background: #007fff;
}

.btn-red {
color: #fff;
background: #AC193D;
}

.btn-orange {
color: #fff;
background: #DC572E;
}

.btn-green {
color: #fff;
background: #00A600;
}
7 changes: 4 additions & 3 deletions assets/css/bootstrap.css
Expand Up @@ -3705,13 +3705,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
padding: 3px 7px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
/*color: #ffffff;*/
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #007fff;
border-radius: 10px;
border: 2px solid #fff;
/*background-color: #007fff;*/
border-radius: 50%;
}
.badge:empty {
display: none;
Expand Down
9 changes: 9 additions & 0 deletions assets/js/bootstrap.min.js

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions assets/js/jquery-1.11.1.min.js

Large diffs are not rendered by default.

0 comments on commit b4bc878

Please sign in to comment.