diff options
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/default.html | 44 | ||||
| -rw-r--r-- | _layouts/master.html | 108 | ||||
| -rw-r--r-- | _layouts/post.html | 11 |
3 files changed, 114 insertions, 49 deletions
diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100644 index 22e7e3f..0000000 --- a/_layouts/default.html +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - <title>{{ page.title }}</title> - <meta name="viewport" content="width=device-width"> - - <!-- syntax highlighting CSS --> - <link rel="stylesheet" href="/css/syntax.css"> - - <!-- Custom CSS --> - <link rel="stylesheet" href="/css/main.css"> - - </head> - <body> - - <div class="site"> - <div class="header"> - <h1 class="title"><a href="/">{{ site.name }}</a></h1> - <a class="extra" href="/">home</a> - </div> - - {{ content }} - - <div class="footer"> - <div class="contact"> - <p> - Your Name<br /> - What You Are<br /> - you@example.com - </p> - </div> - <div class="contact"> - <p> - <a href="https://github.com/yourusername">github.com/yourusername</a><br /> - <a href="https://twitter.com/yourusername">twitter.com/yourusername</a><br /> - </p> - </div> - </div> - </div> - - </body> -</html> diff --git a/_layouts/master.html b/_layouts/master.html new file mode 100644 index 0000000..58f330f --- /dev/null +++ b/_layouts/master.html @@ -0,0 +1,108 @@ +<!DOCTYPE html> +<html> + <head> + <title>{{ page.title }}</title> + + <!-- Stylesheets --> + <link rel="stylesheet" href="/assets/css/style.css"> + <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> + + <!-- Icons --> + <link rel="shortcut icon" href="/assets/images/icons/favicon.ico" sizes="128x128"> + + <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-57x57.png" sizes="57x57"> + <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-72x72.png" sizes="72x72"> + <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-76x76.png" sizes="76x76"> + <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-114x114.png" sizes="114x114"> + <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-120x120.png" sizes="120x120"> + <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-144x144.png" sizes="144x144"> + <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-152x152.png" sizes="152x152"> + + <!-- Generic Meta --> + <meta name="author" content="Ben Burwell"> + {% if page.description %} + <meta name="description" content="{{ page.description }}"> + {% else %} + <meta name="description" content="{{ site.description }}"> + {% endif %} + {% if page.categories %} + <meta name="keywords" content="{{ page.categories | join: ',' }}"> + {% else %} + <meta name="keywords" content="{{ site.keywords | join: ',' }}"> + {% endif %} + + <!-- OpenGraph Meta --> + <meta property="og:title" content="{{ page.title }}"> + <meta property="og:site_name" content="Ben Burwell"> + {% if page.description %} + <meta property="og:description" content="{{ page.description}}"> + {% else %} + <meta property="og:description" content="{{ site.description }}"> + {% endif %} + <meta property="og:image" content="http://www.benburwell.com/assets/images/icons/benburwell.png"> + <meta property="og:type" content="website"> + <meta property="fb:admins" content="1439777397"> + + <!-- Twitter Meta --> + <meta name="twitter:card" content="summary"> + <meta name="twitter:site" content="@bburwell"> + <meta name="twitter:title" content="{{ page.title }}"> + <meta name="twitter:creator" content="@bburwell"> + {% if page.description %} + <meta property="twitter:description" content="{{ page.description}}"> + {% else %} + <meta property="twitter:description" content="{{ site.description }}"> + {% endif %} + <meta name="twitter:image:src" content="http://www.benburwell.com/assets/images/icons/benburwell.png"> + <meta name="twitter:domain" content="BenBurwell.com"> + + <!-- TypeKit --> + <script type="text/javacsript"> + (function() { + var config = { + kitId: 'xgd2xxh' + }; + var d = false; + var tk = document.createElement('script'); + tk.src = '//use.typekit.net/' + config.kitId + '.js'; + tk.type = 'text/javascript'; + tk.async = 'true'; + tk.onload = tk.onreadystatechange = function() { + var rs = this.readyState; + if (d || rs && rs != 'complete' && rs != 'loaded') return; + d = true; + try { Typekit.load(config); } catch (e) {} + }; + var s = document.getElementsByTagName('script')[0]; + s.parentNode.insertBefore(tk, s); + })(); + </script> + </head> + <body> + <div class="container_12"> + <header class="top_nav_bar"> + <div class="grid_3"> + <a class="projects" href="/projects/">Projects</a> + </div> + <div class="grid_3"> + <a class="writing" href="/writing/">Writing</a> + </div> + <div class="grid_3"> + <a class="github" href="https://github.com/benburwell" target="_blank">GitHub</a> + </div> + <div class="grid_3"> + <a class="resume" href="/assets/pdf/Ben_Burwell_Resume.pdf">Résumé</a> + </div> + </header> + <main class="grid_12"> + + {{ content }} + + <footer class="grid_12"> + <p> + <a href="/">Ben</a> / <a href="https://twitter.com/bburwell">Twitter</a> / <a href="mailto:hi@benburwell.com">Email</a> + </p> + </footer> + </div> + </body> +</html> diff --git a/_layouts/post.html b/_layouts/post.html index 04e3586..fd75b03 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,9 +1,10 @@ --- -layout: default +layout: master --- -<h2>{{ page.title }}</h2> -<p class="meta">{{ page.date | date_to_string }}</p> +<h1>{{ page.title }}</h1> + +{% if page.date %} +<div class="date">{{ page.date | to_date_string }}</div> +{% endif %} -<div class="post"> {{ content }} -</div> |