diff options
author | José Mota <jose@josemota.net> | 2015-11-06 16:32:24 +0000 |
---|---|---|
committer | José Mota <jose@josemota.net> | 2015-11-06 16:32:24 +0000 |
commit | 0eb4a82a21e489702c53cee882ad2cb0c30a4a0e (patch) | |
tree | b6f13217ffbe6314ded6ef676a0e72c0cae79814 | |
parent | b9a3251f878d8f19dfaa37acd5255b55f56b716b (diff) |
Update blog visuals.
-rw-r--r-- | _includes/head.html | 9 | ||||
-rw-r--r-- | _layouts/post.html | 12 | ||||
-rw-r--r-- | _layouts/static.html | 14 | ||||
-rw-r--r-- | _sass/elements.sass | 11 | ||||
-rw-r--r-- | _sass/main.sass | 12 |
5 files changed, 29 insertions, 29 deletions
diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..61690a1 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,9 @@ +<meta charset="utf-8"/> +<meta http-equiv="description" content="José Mota is a web interface designer and Ruby / Javascript developer. He speaks occasionally and he loves his Vim editor."/> +<link rel="alternate" type="application/rss+xml" href="/rss.xml" /> +<link rel="icon" type="image/png" href="/css/images/favicon.png" /> +<link rel="stylesheet" href="/css/highlight.css" /> +<link rel="stylesheet" href="/css/main.css" /> +<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/> +<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> +<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> diff --git a/_layouts/post.html b/_layouts/post.html index dd4f1a9..4a30541 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,19 +1,12 @@ <!DOCTYPE html> <html> <head> - <meta charset="utf-8"/> <title>{{page.title}} • José Mota</title> - <link rel="alternate" type="application/rss+xml" href="/rss.xml" /> - <link rel="icon" type="image/png" href="/css/images/favicon.png" /> - <link rel="stylesheet" href="/css/highlight.css" /> - <link rel="stylesheet" href="/css/main.css" /> - <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/> - <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> - <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> + {% include head.html %} </head> <body> - <div id="title"> + <div id="title" class="text-center"> <div class="container"> <div class="col-md-8 col-md-offset-2"> <h1 id="logo"> @@ -58,6 +51,7 @@ <div id="disqus_thread"></div> </div> </div> + <script type="text/javascript"> /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ var disqus_shortname = 'josemotablog'; // required: replace example with your forum shortname diff --git a/_layouts/static.html b/_layouts/static.html index f7ab6e0..eaf41fc 100644 --- a/_layouts/static.html +++ b/_layouts/static.html @@ -1,20 +1,12 @@ <!DOCTYPE html> <html> <head> - <meta charset="utf-8"/> <title>José Mota • {{page.title}}</title> - <meta http-equiv="description" content="José Mota is a web interface designer and Ruby / Javascript developer. He speaks occasionally and he loves his Vim editor."/> - <link rel="alternate" type="application/rss+xml" href="/rss.xml" /> - <link rel="icon" type="image/png" href="/css/images/favicon.png" /> - <link rel="stylesheet" href="/css/highlight.css" /> - <link rel="stylesheet" href="/css/main.css" /> - <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/> - <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> - <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> + {% include head.html %} </head> <body> - <div id="title"> + <div id="title" class="text-center"> <div class="container"> <div class="col-md-8 col-md-offset-2"> <h1 id="logo"> @@ -26,7 +18,7 @@ </h1> <h1> {{site.title}} <br/> - <small>{{page.title}}</small> + <small id="slogan">{{page.title}}</small> </h1> </div> diff --git a/_sass/elements.sass b/_sass/elements.sass index 03a778d..19c938c 100644 --- a/_sass/elements.sass +++ b/_sass/elements.sass @@ -1,9 +1,14 @@ -body - background: url('images/bg.png') no-repeat left top - a outline: 0 +p + margin-bottom: 0 + & + p + text-indent: 1em + +h1 + font-weight: 900 + h3 font-weight: normal diff --git a/_sass/main.sass b/_sass/main.sass index 4c52ced..9b81eff 100644 --- a/_sass/main.sass +++ b/_sass/main.sass @@ -1,6 +1,6 @@ @import "variables" -@import "elements" @import "bootstrap" +@import "elements" #cta margin-top: 120px @@ -31,15 +31,15 @@ section.feature padding-top: 2em #title - border-bottom: 1px solid rgba(#000,0.1) + //border-bottom: 1px solid rgba(#000,0.1) padding-top: 3em padding-bottom: 3em margin-bottom: 3em #logo + margin: 0 img - width: 128px - float: left - margin-right: 18px - margin-left: -146px + width: 64px +#slogan + font-style: italic |