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 🔥 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 ❤️ 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 ...
This commit is contained in:
Parker Moore
commit
b6f006c152
|
|
@ -1,3 +1,5 @@
|
||||||
name: Your New Jekyll Site
|
name: Dat site title tho
|
||||||
markdown: redcarpet
|
markdown: redcarpet
|
||||||
highlighter: pygments
|
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"
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -1,44 +1,19 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<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 -->
|
{% include head.html %}
|
||||||
<link rel="stylesheet" href="/css/syntax.css">
|
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
|
||||||
<link rel="stylesheet" href="/css/main.css">
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="site">
|
{% include header.html %}
|
||||||
<div class="header">
|
|
||||||
<h1 class="title"><a href="/">{{ site.name }}</a></h1>
|
|
||||||
<a class="extra" href="/">home</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{ content }}
|
<div class="page-content">
|
||||||
|
<div class="wrap">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="footer">
|
{% include footer.html %}
|
||||||
<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>
|
</body>
|
||||||
</html>
|
</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>
|
||||||
|
|
@ -1,9 +1,15 @@
|
||||||
---
|
---
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
<h2>{{ page.title }}</h2>
|
|
||||||
<p class="meta">{{ page.date | date_to_string }}</p>
|
|
||||||
|
|
||||||
<div class="post">
|
<div class="post">
|
||||||
{{ content }}
|
|
||||||
|
<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>
|
</div>
|
||||||
|
|
@ -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.
|
||||||
|
|
@ -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)
|
||||||
|
|
@ -1,10 +1,6 @@
|
||||||
/*****************************************************************************/
|
/* Base */
|
||||||
/*
|
/* ----------------------------------------------------------*/
|
||||||
/* Common
|
|
||||||
/*
|
|
||||||
/*****************************************************************************/
|
|
||||||
|
|
||||||
/* Global Reset */
|
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -14,154 +10,391 @@ html, body { height: 100%; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #FFF;
|
background-color: #FFF;
|
||||||
font: 13.34px Helvetica, Arial, sans-serif;
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
font-size: small;
|
font-size: 16px;
|
||||||
text-align: center;
|
line-height: 1.5;
|
||||||
|
font-weight: 300;
|
||||||
|
background-color: #fdfdfd;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
|
||||||
font-size: 100%; }
|
|
||||||
|
|
||||||
h1 { margin-bottom: 1em; }
|
a { color: #2a7ae2; text-decoration: none; }
|
||||||
p { margin: 1em 0; }
|
a:hover { color: #000; text-decoration: underline; }
|
||||||
|
a:visited { color: #205caa; }
|
||||||
|
|
||||||
a { color: #00a; }
|
/* Utility */
|
||||||
a:hover { color: #000; }
|
|
||||||
a:visited { color: #a0a; }
|
|
||||||
|
|
||||||
/*****************************************************************************/
|
.wrap:before,
|
||||||
/*
|
.wrap:after { content:""; display:table; }
|
||||||
/* Home
|
.wrap:after { clear: both; }
|
||||||
/*
|
.wrap {
|
||||||
/*****************************************************************************/
|
max-width: 800px;
|
||||||
.posts {
|
padding: 0 30px;
|
||||||
list-style-type: none;
|
margin: 0 auto;
|
||||||
margin-bottom: 2em;
|
zoom: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.posts li {
|
|
||||||
line-height: 1.75em;
|
/* Layout Styles */
|
||||||
|
/* ----------------------------------------------------------*/
|
||||||
|
|
||||||
|
/* Site header */
|
||||||
|
|
||||||
|
.site-header {
|
||||||
|
border-top: 5px solid #333;
|
||||||
|
border-bottom: 1px solid #e8e8e8;
|
||||||
|
min-height: 56px;
|
||||||
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.posts span {
|
.site-title,
|
||||||
color: #aaa;
|
.site-title:hover,
|
||||||
font-family: Monaco, "Courier New", monospace;
|
.site-title:visited {
|
||||||
font-size: 80%;
|
display: block;
|
||||||
}
|
color: #333;
|
||||||
|
font-size: 26px;
|
||||||
/*****************************************************************************/
|
letter-spacing: -1px;
|
||||||
/*
|
|
||||||
/* Site
|
|
||||||
/*
|
|
||||||
/*****************************************************************************/
|
|
||||||
|
|
||||||
.site {
|
|
||||||
font-size: 115%;
|
|
||||||
text-align: justify;
|
|
||||||
width: 42em;
|
|
||||||
margin: 0 auto 2em;
|
|
||||||
padding-top: 3em;
|
|
||||||
line-height: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 44em) {
|
|
||||||
.site {
|
|
||||||
width: 90%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.header a {
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title a {
|
|
||||||
color: #a00;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title a:hover {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header a.extra {
|
|
||||||
color: #aaa;
|
|
||||||
margin-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header a.extra:hover {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.meta {
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
font-size: 80%;
|
|
||||||
color: #666;
|
|
||||||
border-top: 4px solid #eee;
|
|
||||||
margin-top: 2em;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer .contact {
|
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 3em;
|
line-height: 56px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer .contact a {
|
.site-nav {
|
||||||
color: #8085C1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer .rss {
|
|
||||||
margin-top: 1.1em;
|
|
||||||
margin-right: -.2em;
|
|
||||||
float: right;
|
float: right;
|
||||||
|
line-height: 56px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer .rss img {
|
.site-nav .menu-icon { display: none; }
|
||||||
border: 0;
|
|
||||||
|
.site-nav .page-link {
|
||||||
|
margin-left: 20px;
|
||||||
|
color: #727272;
|
||||||
|
letter-spacing: -.5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*****************************************************************************/
|
/* Site footer */
|
||||||
/*
|
|
||||||
/* Posts
|
|
||||||
/*
|
|
||||||
/*****************************************************************************/
|
|
||||||
|
|
||||||
/* standard */
|
.site-footer {
|
||||||
.post pre {
|
border-top: 1px solid #e8e8e8;
|
||||||
border: 1px solid #ddd;
|
padding: 30px 0;
|
||||||
background-color: #eef;
|
|
||||||
padding: 0 .4em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.post ul, .post ol {
|
.footer-heading {
|
||||||
margin-left: 1.35em;
|
font-size: 18px;
|
||||||
|
font-weight: 300;
|
||||||
|
letter-spacing: -.5px;
|
||||||
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
|
||||||
|
.site-footer li,
|
||||||
|
.site-footer p {
|
||||||
|
font-size: 15px;
|
||||||
|
letter-spacing: -.3px;
|
||||||
|
color: #828282;
|
||||||
|
}
|
||||||
|
|
||||||
|
.github-icon-svg,
|
||||||
|
.twitter-icon-svg {
|
||||||
|
display: inline-block;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
position: relative;
|
||||||
|
top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Page Content styles */
|
||||||
|
/* ----------------------------------------------------------*/
|
||||||
|
|
||||||
|
.page-content {
|
||||||
|
padding: 30px 0;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts .post-date {
|
||||||
|
display: block;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #818181;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Post styles */
|
||||||
|
/* ----------------------------------------------------------*/
|
||||||
|
|
||||||
|
.post-header { margin: 10px 0 30px; }
|
||||||
|
|
||||||
|
.post-header h1 {
|
||||||
|
font-size: 42px;
|
||||||
|
letter-spacing: -1.75px;
|
||||||
|
line-height: 1;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-header .meta {
|
||||||
|
font-size: 15px;
|
||||||
|
color: #818181;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-content h2 {
|
||||||
|
font-size: 32px;
|
||||||
|
letter-spacing: -1.25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-content h3 {
|
||||||
|
font-size: 26px;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-content h4 {
|
||||||
|
font-size: 20px;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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 {
|
.post code {
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #d5d5e9;
|
||||||
background-color: #eef;
|
background-color: #eef;
|
||||||
padding: 0 .2em;
|
padding: 8px 12px;
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post pre code {
|
.post code { padding: 1px 5px; }
|
||||||
border: none;
|
|
||||||
}
|
.post ul,
|
||||||
|
.post ol { margin-left: 1.35em; }
|
||||||
|
|
||||||
|
.post pre code { border: none; }
|
||||||
|
|
||||||
/* terminal */
|
/* terminal */
|
||||||
.post pre.terminal {
|
.post pre.terminal {
|
||||||
border: 1px solid #000;
|
border: 1px solid #000;
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post pre.terminal code {
|
.post pre.terminal code { background-color: #333; }
|
||||||
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; }
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -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 */
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -1,13 +1,17 @@
|
||||||
---
|
---
|
||||||
layout: default
|
layout: default
|
||||||
title: Your New Jekyll Site
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<div id="home">
|
<div class="home">
|
||||||
<h1>Blog Posts</h1>
|
|
||||||
|
<h1>Posts</h1>
|
||||||
|
|
||||||
<ul class="posts">
|
<ul class="posts">
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
<li><span>{{ post.date | date_to_string }}</span> » <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 %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
<p class="rss-subscribe">subscribe <a href="/feed.xml">via RSS</a></p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -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)
|
||||||
Loading…
Reference in New Issue