Skip to content
Browse files

Merge pull request #2050 from jglovier/master

* jglovier-master: (35 commits)
  Fix for menu at mobile again
  Fix site footer styles on mobile
  Fix for menu not working on mobile
  dat breathing room tho (expand site width slightly more)
  Replace footer github and twitter link text with inline SVG icons
  Post content styles for mobile
  Replace unicode menu icon with inline SVG
  Adds mobile styling for menu at sub 600px viewport widths
  :fire: permalink option so default date permalink method is left in tact
  For the love of perf, add syntax.css rules to main.css and call only one stylesheet
  Adds another placeholder post to illustrate post content styles
  Dem new styles tho
  Copy tweaks - brevity FTW
  Use class instead of id for CSS specificity :heart:
  Add link for RSS subscription
  Slightly friendlier and personal date formatting; classes for dem styles, yo
  Remove to avoid confusion with site.title
  demonstrate use of permalink settings
  Add site.url for use in head canonical meta and feed.xml template
  Add site.description for use in site head document meta, and feed.xml template
  ...
  • Loading branch information...
2 parents 87a3208 + e2c67e0 commit b6f006c152e875aae37b8e68ccef79dd9eae69ae @parkr parkr committed
View
4 lib/site_template/_config.yml
@@ -1,3 +1,5 @@
-name: Your New Jekyll Site
+name: Dat site title tho
markdown: redcarpet
highlighter: pygments
+description: "Write an awesome description for your new site here. It will appear in your document head meta (for Google search results) and in your feed.xml site description."
+url: "http://yourdomain.com"
View
61 lib/site_template/_includes/footer.html
@@ -0,0 +1,61 @@
+<footer class="site-footer">
+
+ <div class="wrap">
+
+ <h2 class="footer-heading">Bart Simpson</h2>
+
+ <div class="footer-col-1 column">
+ <ul>
+ <li>Chief Flatulence Officer</li>
+ <li><a href="mailto:bsimpson@flatulencehub.com">bsimpson@flatulencehub.com</a></li>
+ </ul>
+ </div>
+
+ <div class="footer-col-2 column">
+ <ul>
+ <li>
+ <a href="https://github.com/yourusername">
+ <span class="icon github">
+ <svg version="1.1" class="github-icon-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+ <path fill-rule="evenodd" clip-rule="evenodd" fill="#C2C2C2" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761
+ c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32
+ c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472
+ c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037
+ C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65
+ c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261
+ c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082
+ c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129
+ c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/>
+ </svg>
+ </span>
+ <span class="username">bartrulez</span>
+ </a>
+ </li>
+ <li>
+ <a href="https://twitter.com/yourusername">
+ <span class="icon twitter">
+ <svg version="1.1" class="twitter-icon-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+ <path fill="#C2C2C2" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
+ c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27
+ c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767
+ c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206
+ C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271
+ c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469
+ c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
+ </svg>
+ </span>
+ <span class="username">bartrulez</span>
+ </a>
+ </li>
+ </ul>
+ </div>
+
+ <div class="footer-col-3 column">
+ <p class="text">Any additional text you want to have here is totally cool for you to haz, yo.</p>
+ </div>
+
+ </div>
+
+</footer>
View
12 lib/site_template/_includes/head.html
@@ -0,0 +1,12 @@
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>{% if page.title %}{{ page.title }}{% else %}{{ site.name }}{% endif %}</title>
+ <meta name="viewport" content="width=device-width">
+ <meta name="description" content="{{ site.description }}" />
+ <link rel="canonical" href="{{ site.url }}{{ page.url | replace:'index.html','' }}/" />
+
+ <!-- Custom CSS -->
+ <link rel="stylesheet" href="/css/main.css">
+
+</head>
View
27 lib/site_template/_includes/header.html
@@ -0,0 +1,27 @@
+<header class="site-header">
+
+ <div class="wrap">
+
+ <a class="site-title" href="/">{{ site.name }}</a>
+
+ <nav class="site-nav">
+ <a href="#" class="menu-icon">
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
+ <path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
+ h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+ <path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
+ h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+ <path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+ c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+ </svg>
+ </a>
+ <div class="trigger">
+ <a class="page-link" href="/about">About</a>
+ <a class="page-link" href="/projects">Projects</a>
+ </div>
+ </nav>
+
+ </div>
+
+</header>
View
43 lib/site_template/_layouts/default.html
@@ -1,44 +1,19 @@
<!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">
+ {% include head.html %}
- <!-- 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>
+ {% include header.html %}
- {{ content }}
+ <div class="page-content">
+ <div class="wrap">
+ {{ content }}
+ </div>
+ </div>
- <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>
+ {% include footer.html %}
</body>
-</html>
+</html>
View
14 lib/site_template/_layouts/page.html
@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<div class="post">
+
+ <header class="post-header">
+ <h1>{{ page.title }}</h1>
+ </header>
+
+ <article class="post-content">
+ {{ content }}
+ </article>
+
+</div>
View
16 lib/site_template/_layouts/post.html
@@ -1,9 +1,15 @@
---
layout: default
---
-<h2>{{ page.title }}</h2>
-<p class="meta">{{ page.date | date_to_string }}</p>
-
<div class="post">
-{{ content }}
-</div>
+
+ <header class="post-header">
+ <h1>{{ page.title }}</h1>
+ <p class="meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
+ </header>
+
+ <article class="post-content">
+ {{ content }}
+ </article>
+
+</div>
View
88 lib/site_template/_posts/0000-00-00-this-post-demonstrates-post-content-styles.md
@@ -0,0 +1,88 @@
+---
+layout: post
+title: "This post demonstrates post content styles"
+categories: sample
+author: "Bart Simpson"
+meta: "Springfield"
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
+
+## Some great heading (h2)
+
+Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu.
+
+Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
+
+## Another great heading (h2)
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
+
+### Some great subheading (h3)
+
+Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum.
+
+Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.
+
+### Some great subheading (h3)
+
+Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
+
+> This quote will change your life. It will reveal the secrets of the universe, and all the wonders of humanity. Don't misuse it.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt.
+
+### Some great subheading (h3)
+
+Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum.
+
+```html
+<html>
+ <head>
+ </head>
+ <body>
+ <p>Hello, World!</p>
+ </body>
+</html>
+```
+
+
+In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
+
+#### You might want a sub-subheading (h4)
+
+In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
+
+In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
+
+#### But it's probably overkill (h4)
+
+In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
+
+### Oh hai, an unordered list!!
+
+In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
+
+- First item, yo
+- Second item, dawg
+- Third item, what what?!
+- Fourth item, fo sheezy my neezy
+
+### Oh hai, an ordered list!!
+
+In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
+
+1. First item, yo
+2. Second item, dawg
+3. Third item, what what?!
+4. Fourth item, fo sheezy my neezy
+
+
+
+## Headings are cool! (h2)
+
+Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
+
+Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
+
+Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.
View
10 lib/site_template/about/index.md
@@ -0,0 +1,10 @@
+---
+layout: page
+title: About
+---
+
+This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](http://jekyllrb.com/)
+
+You can find the source code for the Jekyll new theme at: [github.com/jglovier/jekyll-new](https://github.com/jglovier/jekyll-new)
+
+You can find the source code for Jekyll at [github.com/jekyll/jekyll](https://github.com/jekyll/jekyll)
View
433 lib/site_template/css/main.css
@@ -1,10 +1,6 @@
-/*****************************************************************************/
-/*
-/* Common
-/*
-/*****************************************************************************/
+/* Base */
+/* ----------------------------------------------------------*/
-/* Global Reset */
* {
margin: 0;
padding: 0;
@@ -14,154 +10,391 @@ html, body { height: 100%; }
body {
background-color: #FFF;
- font: 13.34px Helvetica, Arial, sans-serif;
- font-size: small;
- text-align: center;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 1.5;
+ font-weight: 300;
+ background-color: #fdfdfd;
}
-h1, h2, h3, h4, h5, h6 {
- font-size: 100%; }
+h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
-h1 { margin-bottom: 1em; }
-p { margin: 1em 0; }
+a { color: #2a7ae2; text-decoration: none; }
+a:hover { color: #000; text-decoration: underline; }
+a:visited { color: #205caa; }
-a { color: #00a; }
-a:hover { color: #000; }
-a:visited { color: #a0a; }
+/* Utility */
-/*****************************************************************************/
-/*
-/* Home
-/*
-/*****************************************************************************/
-.posts {
- list-style-type: none;
- margin-bottom: 2em;
+.wrap:before,
+.wrap:after { content:""; display:table; }
+.wrap:after { clear: both; }
+.wrap {
+ max-width: 800px;
+ padding: 0 30px;
+ margin: 0 auto;
+ zoom: 1;
}
-.posts li {
- line-height: 1.75em;
-}
-.posts span {
- color: #aaa;
- font-family: Monaco, "Courier New", monospace;
- font-size: 80%;
+/* Layout Styles */
+/* ----------------------------------------------------------*/
+
+/* Site header */
+
+.site-header {
+ border-top: 5px solid #333;
+ border-bottom: 1px solid #e8e8e8;
+ min-height: 56px;
+ background-color: white;
}
-/*****************************************************************************/
-/*
-/* Site
-/*
-/*****************************************************************************/
+.site-title,
+.site-title:hover,
+.site-title:visited {
+ display: block;
+ color: #333;
+ font-size: 26px;
+ letter-spacing: -1px;
+ float: left;
+ line-height: 56px;
+ position: relative;
+ z-index: 1;
+}
-.site {
- font-size: 115%;
- text-align: justify;
- width: 42em;
- margin: 0 auto 2em;
- padding-top: 3em;
- line-height: 1.5em;
+.site-nav {
+ float: right;
+ line-height: 56px;
}
-@media screen and (max-width: 44em) {
- .site {
- width: 90%;
- }
+.site-nav .menu-icon { display: none; }
+
+.site-nav .page-link {
+ margin-left: 20px;
+ color: #727272;
+ letter-spacing: -.5px;
}
-.header a {
- font-weight: bold;
- text-decoration: none;
+/* Site footer */
+
+.site-footer {
+ border-top: 1px solid #e8e8e8;
+ padding: 30px 0;
}
-.title {
- display: inline-block;
- margin-bottom: 2em;
+.footer-heading {
+ font-size: 18px;
+ font-weight: 300;
+ letter-spacing: -.5px;
+ margin-bottom: 15px;
}
-.title a {
- color: #a00;
+.site-footer .column { float: left; margin-bottom: 15px; }
+
+.footer-col-1 {
+ width: 270px; /*fallback*/
+ width: -webkit-calc(35% - 10px);
+ width: -moz-calc(35% - 10px);
+ width: -o-calc(35% - 10px);
+ width: calc(35% - 10px);
+ margin-right: 10px
+}
+.footer-col-2 {
+ width: 175px; /*fallback*/
+ width: -webkit-calc(23.125% - 10px);
+ width: -moz-calc(23.125% - 10px);
+ width: -o-calc(23.125% - 10px);
+ width: calc(23.125% - 10px);
+ margin-right: 10px
}
+.footer-col-3 {
+ width: 335px; /*fallback*/
+ width: -webkit-calc(41.875%);
+ width: -moz-calc(41.875%);
+ width: -o-calc(41.875%);
+ width: calc(41.875%);
+}
+
+.site-footer ul { list-style: none; }
-.title a:hover {
- color: #000;
+.site-footer li,
+.site-footer p {
+ font-size: 15px;
+ letter-spacing: -.3px;
+ color: #828282;
}
-.header a.extra {
- color: #aaa;
- margin-left: 1em;
+.github-icon-svg,
+.twitter-icon-svg {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ position: relative;
+ top: 3px;
}
-.header a.extra:hover {
- color: #000;
+
+/* Page Content styles */
+/* ----------------------------------------------------------*/
+
+.page-content {
+ padding: 30px 0;
+ background-color: #fff;
}
-.meta {
- color: #aaa;
+
+/* Home styles */
+/* ----------------------------------------------------------*/
+
+.home h1 { margin-bottom: 25px; }
+
+.posts { list-style-type: none; }
+
+.posts li { margin-bottom: 30px; }
+
+.posts .post-link {
+ font-size: 24px;
+ letter-spacing: -1px;
+ line-height: 1;
}
-.footer {
- font-size: 80%;
- color: #666;
- border-top: 4px solid #eee;
- margin-top: 2em;
- overflow: hidden;
+.posts .post-date {
+ display: block;
+ font-size: 15px;
+ color: #818181;
}
-.footer .contact {
- float: left;
- margin-right: 3em;
+
+/* Post styles */
+/* ----------------------------------------------------------*/
+
+.post-header { margin: 10px 0 30px; }
+
+.post-header h1 {
+ font-size: 42px;
+ letter-spacing: -1.75px;
+ line-height: 1;
+ font-weight: 300;
}
-.footer .contact a {
- color: #8085C1;
+.post-header .meta {
+ font-size: 15px;
+ color: #818181;
+ margin-top: 5px;
}
-.footer .rss {
- margin-top: 1.1em;
- margin-right: -.2em;
- float: right;
+.post-content { margin: 0 0 30px; }
+
+.post-content > * { margin: 20px 0; }
+
+
+.post-content h1,
+.post-content h2,
+.post-content h3,
+.post-content h4,
+.post-content h5,
+.post-content h6 {
+ line-height: 1;
+ font-weight: 300;
+ margin: 40px 0 20px;
}
-.footer .rss img {
- border: 0;
+.post-content h2 {
+ font-size: 32px;
+ letter-spacing: -1.25px;
}
-/*****************************************************************************/
-/*
-/* Posts
-/*
-/*****************************************************************************/
+.post-content h3 {
+ font-size: 26px;
+ letter-spacing: -1px;
+}
-/* standard */
-.post pre {
- border: 1px solid #ddd;
- background-color: #eef;
- padding: 0 .4em;
+.post-content h4 {
+ font-size: 20px;
+ letter-spacing: -1px;
}
-.post ul, .post ol {
- margin-left: 1.35em;
+.post-content blockquote {
+ border-left: 4px solid #e8e8e8;
+ padding-left: 20px;
+ font-size: 18px;
+ opacity: .6;
+ letter-spacing: -1px;
+ font-style: italic;
+ margin: 30px 0;
}
+.post-content ul,
+.post-content ol { padding-left: 20px; }
+
+.post pre,
.post code {
- border: 1px solid #ddd;
+ border: 1px solid #d5d5e9;
background-color: #eef;
- padding: 0 .2em;
+ padding: 8px 12px;
+ border-radius: 3px;
+ font-size: 15px;
}
-.post pre code {
- border: none;
-}
+.post code { padding: 1px 5px; }
+
+.post ul,
+.post ol { margin-left: 1.35em; }
+
+.post pre code { border: none; }
/* terminal */
.post pre.terminal {
border: 1px solid #000;
background-color: #333;
color: #FFF;
+ border-radius: 3px;
}
-.post pre.terminal code {
- background-color: #333;
+.post pre.terminal code { background-color: #333; }
+
+/* Syntax highlighting styles */
+/* ----------------------------------------------------------*/
+
+.highlight { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+
+/* media queries */
+/* ----------------------------------------------------------*/
+
+
+@media screen and (max-width: 750px) {
+
+ .footer-col-1 { width: 50%; }
+
+ .footer-col-2 {
+ width: 45%; /*fallback*/
+ width: -webkit-calc(50% - 10px);
+ width: -moz-calc(50% - 10px);
+ width: -o-calc(50% - 10px);
+ width: calc(50% - 10px);
+ margin-right: 0;
+ }
+
+ .site-footer .column.footer-col-3 {
+ width: auto;
+ float: none;
+ clear: both;
+ }
+
}
+
+@media screen and (max-width: 600px) {
+
+ .wrap { padding: 0 12px; }
+
+ .site-nav {
+ position: fixed;
+ z-index: 10;
+ top: 14px; right: 8px;
+ background-color: white;
+ border-radius: 5px;
+ border: 1px solid #e8e8e8;
+ }
+
+ .site-nav .menu-icon {
+ display: block;
+ font-size: 24px;
+ color: #505050;
+ float: right;
+ width: 36px;
+ text-align: center;
+ line-height: 36px;
+ }
+
+ .site-nav .menu-icon svg { width: 18px; height: 16px; }
+
+ .site-nav .trigger {
+ clear: both;
+ margin-bottom: 5px;
+ display: none;
+ }
+
+ .site-nav:hover .trigger { display: block; }
+
+ .site-nav .page-link {
+ display: block;
+ text-align: right;
+ line-height: 1.25;
+ padding: 5px 10px;
+ margin: 0;
+ }
+
+ .post-header h1 { font-size: 36px; }
+ .post-content h2 { font-size: 28px; }
+ .post-content h3 { font-size: 22px; }
+ .post-content h4 { font-size: 18px; }
+ .post-content blockquote { padding-left: 10px; }
+ .post-content ul,
+ .post-content ol { padding-left: 10px; }
+
+ .site-footer .column {
+ float: none;
+ clear: both;
+ width: auto;
+ margin: 0 0 15px; }
+
+}
View
60 lib/site_template/css/syntax.css
@@ -1,60 +0,0 @@
-.highlight { background: #ffffff; }
-.highlight .c { color: #999988; font-style: italic } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { font-weight: bold } /* Keyword */
-.highlight .o { font-weight: bold } /* Operator */
-.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #999999 } /* Generic.Heading */
-.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #555555 } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { font-weight: bold } /* Keyword.Constant */
-.highlight .kd { font-weight: bold } /* Keyword.Declaration */
-.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #009999 } /* Literal.Number */
-.highlight .s { color: #d14 } /* Literal.String */
-.highlight .na { color: #008080 } /* Name.Attribute */
-.highlight .nb { color: #0086B3 } /* Name.Builtin */
-.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
-.highlight .no { color: #008080 } /* Name.Constant */
-.highlight .ni { color: #800080 } /* Name.Entity */
-.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
-.highlight .nn { color: #555555 } /* Name.Namespace */
-.highlight .nt { color: #000080 } /* Name.Tag */
-.highlight .nv { color: #008080 } /* Name.Variable */
-.highlight .ow { font-weight: bold } /* Operator.Word */
-.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #009999 } /* Literal.Number.Float */
-.highlight .mh { color: #009999 } /* Literal.Number.Hex */
-.highlight .mi { color: #009999 } /* Literal.Number.Integer */
-.highlight .mo { color: #009999 } /* Literal.Number.Oct */
-.highlight .sb { color: #d14 } /* Literal.String.Backtick */
-.highlight .sc { color: #d14 } /* Literal.String.Char */
-.highlight .sd { color: #d14 } /* Literal.String.Doc */
-.highlight .s2 { color: #d14 } /* Literal.String.Double */
-.highlight .se { color: #d14 } /* Literal.String.Escape */
-.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
-.highlight .si { color: #d14 } /* Literal.String.Interpol */
-.highlight .sx { color: #d14 } /* Literal.String.Other */
-.highlight .sr { color: #009926 } /* Literal.String.Regex */
-.highlight .s1 { color: #d14 } /* Literal.String.Single */
-.highlight .ss { color: #990073 } /* Literal.String.Symbol */
-.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #008080 } /* Name.Variable.Class */
-.highlight .vg { color: #008080 } /* Name.Variable.Global */
-.highlight .vi { color: #008080 } /* Name.Variable.Instance */
-.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
View
21 lib/site_template/feed.xml
@@ -0,0 +1,21 @@
+---
+layout: none
+---
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>{{ site.name | xml_escape }}</title>
+ <description>{{ site.description | xml_escape }}</description>
+ <link>{{ site.url }}</link>
+ <atom:link href="{{ site.url }}/feed.xml" rel="self" type="application/rss+xml" />
+ {% for post in site.posts limit:10 %}
+ <item>
+ <title>{{ post.title | xml_escape }}</title>
+ <description>{{ post.content | xml_escape }}</description>
+ <pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
+ <link>{{ site.url }}/{{ post.url }}</link>
+ <guid isPermaLink="true">{{ site.url }}/{{ post.url }}</guid>
+ </item>
+ {% endfor %}
+ </channel>
+</rss>
View
12 lib/site_template/index.html
@@ -1,13 +1,17 @@
---
layout: default
-title: Your New Jekyll Site
---
-<div id="home">
- <h1>Blog Posts</h1>
+<div class="home">
+
+ <h1>Posts</h1>
+
<ul class="posts">
{% for post in site.posts %}
- <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
+ <li><span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span> <a class="post-link" href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
</ul>
+
+ <p class="rss-subscribe">subscribe <a href="/feed.xml">via RSS</a></p>
+
</div>
View
14 lib/site_template/projects/index.md
@@ -0,0 +1,14 @@
+---
+layout: page
+title: Projects
+---
+
+Just a sample of another page that you could include for some purpose in the primary navigation.
+
+This could be a great place to list your own projects. But to get you started, here's some handy links:
+
+- [List of Jekyll-powered websites](https://github.com/jekyll/jekyll/wiki/Sites)
+- [Octopress, a Jekyll based blog framework](https://github.com/octopress/)
+- [Jekyll documentation](http://jekyllrb.com/)
+- [Jekyll source on GitHub](https://github.com/jekyll/jekyll)
+- [Available plugins](http://jekyllrb.com/docs/plugins/#available_plugins)

0 comments on commit b6f006c

Please sign in to comment.
Something went wrong with that request. Please try again.