summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJosé Mota <jose@josemota.net>2015-11-06 16:32:24 +0000
committerJosé Mota <jose@josemota.net>2015-11-06 16:32:24 +0000
commit0eb4a82a21e489702c53cee882ad2cb0c30a4a0e (patch)
treeb6f13217ffbe6314ded6ef676a0e72c0cae79814
parentb9a3251f878d8f19dfaa37acd5255b55f56b716b (diff)
Update blog visuals.
-rw-r--r--_includes/head.html9
-rw-r--r--_layouts/post.html12
-rw-r--r--_layouts/static.html14
-rw-r--r--_sass/elements.sass11
-rw-r--r--_sass/main.sass12
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}} &bull; 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 &bull; {{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