Permalink
Browse files

Header improvements

  • Loading branch information...
1 parent 3af68de commit e78dd6b8f68eacd4da71e90daf9573da47250d2e @kuyan committed Dec 25, 2012
Showing with 132 additions and 1 deletion.
  1. +65 −0 sass/_justread.sass
  2. +4 −0 sass/_variables.sass
  3. +1 −1 static/css/styles.css
  4. +62 −0 templates/_base.html
View
@@ -0,0 +1,65 @@
+::-moz-selection
+ background: $selection-color
+ color: #000
+ text-shadow: none
+
+::selection
+ background: $selection-color
+ color: #000
+ text-shadow: none
+
+body
+ font-family: 'Droid Sans', 'Open Sans', sans-serif
+ margin: 0
+
+code, pre
+ font-family: 'Droid Sans Mono', monospace
+
+// Header
+header[role="banner"]
+ background-color: #222
+ text-align: left
+
+ a
+ text-decoration: none
+ color: $title-color
+
+ &:hover
+ text-decoration: none
+ color: $title-highlight
+
+ &:visited
+ color: $title-color
+
+ &:hover
+ color: $title-highlight
+
+ h1
+ margin: 0 0 0 25.95% // Emulate push(3)
+ line-height: 2.5em
+p + p
+ text-indent: 1em
+
+// Grid
+
+.container
+ @include container
+
+ .content
+ @include row
+
+ .push3
+ @include push(3)
+
+ .col3
+ @include column(3)
+
+ .col6
+ @include column(6)
+
+ .last
+ @include last
+
+ footer
+ @include push(3)
+ @include column(6)
View
@@ -0,0 +1,4 @@
+$title-color: lighten(#FFF, 20%)
+$title-highlight: darken($title-color, 10%)
+
+$selection-color: #fd7
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -0,0 +1,62 @@
+<!doctype html>
+<html lang="{{ HTML_LANG }}">
+<head>
+ <meta charset="utf-8"/>
+ <title>{% block title %}{{ SITENAME }}{% endblock %}</title>
+ <meta name="author" content="{{ AUTHOR }}">
+
+ <meta name="HandheldFriendly" content="True">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- !fix Serve normalize.css from Github while I'm developing the theme. -->
+ <link rel="stylesheet" type="text/css" href="//raw.github.com/jonathantneal/normalize.css/master/normalize.min.css">
+ <link href="//fonts.googleapis.com/css?family=Droid+Sans:700,400|Droid+Sans+Mono" rel="stylesheet" type="text/css">
+ <link rel="stylesheet" href="{{ SITEURL }}/theme/css/styles.css" type="text/css">
+
+ <!--[if lt IE 9]>
+ <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <link href="{{ SITEURL }}/{{ FEED }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
+ {% if FEED_RSS -%}
+ <link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
+ {%- endif %}
+
+</head>
+
+<body>
+ <header role="banner">
+ <h1><a href="{{ SITEURL }}">{{ SITENAME }}</a></h1>
+ </header>
+
+ {% block content %}
+ {% endblock %}
+
+ <div class="container">
+ <div class="content">
+ <footer>
+ <hr>
+ <ul class="nav">
+ {% for page in PAGES %}
+ <li><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a></li>
+ {% endfor %}
+ <li><a href="{{ SITEURL }}/archives.html">Archive</a></li>
+ </ul>
+
+ <ul class="social">
+ {% for name, link in SOCIAL %}
+ <li><a href="{{ link }}">{{ name }}</a></li>
+ {% endfor %}
+ </ul>
+
+ <p role="contentinfo">© 2012 {{ AUTHOR }}<br>
+ Proudly powered by <a href="http://docs.getpelican.com/en/3.1.1/">Pelican</a>.</p>
+ </footer>
+ <div class="col3 last"></div>
+ </div>
+ </div>
+
+ {% block scripts %}{% endblock %}
+ {% include '_google-analytics.html' %}
+</body>
+</html>

0 comments on commit e78dd6b

Please sign in to comment.