Skip to content

Commit f1adbd4

Browse files
mdomdo
committed
initial commit
1 parent 5dad564 commit f1adbd4

File tree

12 files changed

+392
-0
lines changed

12 files changed

+392
-0
lines changed

‎.gitignore

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
_site/
2+
.sass-cache
3+
.DS_Store
4+
.ruby-version

‎_config.yml

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# Syntax highlighting
2+
highlighter: pygments
3+
4+
# Permalinks
5+
#
6+
# Use of `relative_permalinks` ensures post links from the index work properly.
7+
permalink: pretty
8+
relative_permalinks: true
9+
10+
# Setup
11+
title: Jekyll Example
12+
tagline: Basic example of a Jekyll site with Sass enabled.
13+
url: http://poole.github.io/jekyll-example
14+
baseurl: /
15+
16+
# Assets
17+
#
18+
# We specify the directory for Jekyll so we can use @imports.
19+
sass:
20+
sass_dir: _scss
21+
style: :compressed

‎_includes/head.html

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<head>
2+
<meta charset="UTF-8">
3+
<link href="http://gmpg.org/xfn/11" rel="profile">
4+
5+
<!-- Enable responsiveness on mobile devices-->
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
7+
8+
<title>
9+
{% if page.title == "Home" %}
10+
{{ site.title }} &middot; {{ site.tagline }}
11+
{% else %}
12+
{{ page.title }} &middot; {{ site.title }}
13+
{% endif %}
14+
</title>
15+
16+
<!-- CSS -->
17+
<link rel="stylesheet" href="{{ site.baseurl }}css/styles.css">
18+
19+
<!-- Icons -->
20+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.baseurl }}public/apple-touch-icon-precomposed.png">
21+
<link rel="shortcut icon" href="{{ site.baseurl }}public/favicon.ico">
22+
23+
<!-- RSS -->
24+
<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}atom.xml">
25+
</head>

‎_layouts/default.html

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
{% include head.html %}
5+
6+
<body>
7+
<div class="container">
8+
<header class="masthead">
9+
<h3 class="masthead-title">
10+
<a href="{{ site.baseurl }}" title="Home">{{ site.title }}</a>
11+
</h3>
12+
<small>{{ site.tagline }}</small>
13+
</header>
14+
15+
<hr>
16+
17+
{{ content }}
18+
19+
<hr>
20+
21+
<footer>
22+
&copy; {{ site.time | date: '%Y' }}. All rights reserved.
23+
</footer>
24+
</div>
25+
</body>
26+
</html>

‎_layouts/post.html

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
layout: default
3+
---
4+
5+
<article class="post">
6+
<h1 class="post-title">{{ page.title }}</h1>
7+
<p class="post-date">{{ page.date | date_to_string }}</p>
8+
{{ content }}
9+
</article>
10+
11+
<aside class="related">
12+
<h2>Related Posts</h2>
13+
<ul class="related-posts">
14+
{% for post in site.related_posts limit:3 %}
15+
<li>
16+
<h3>
17+
<a href="{{ site.baseurl }}{{ post.url }}">
18+
{{ post.title }}
19+
<small>{{ post.date | date_to_string }}</small>
20+
</a>
21+
</h3>
22+
</li>
23+
{% endfor %}
24+
</ul>
25+
</aside>

‎_posts/2014-01-02-welcome.md

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
layout: post
3+
title: Welcome
4+
---
5+
6+
Hi there! You're looking at an example Jekyll project built by [@mdo](https://twitter.com/mdo). It's a simple site built to show folks how to use Sass with Jekyll. It's open sourced under the MIT license and can be download from [the GitHub project](https://github.com/mdo/jekyll-example).
7+
8+
For more information, read the [Using Sass with Jekyll](http://markdotto.com/2014/09/26/sass-and-jekyll/) post.
9+
10+
<3,<br>
11+
@mdo

‎_scss/base.scss

+73
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
// Body resets
2+
//
3+
// Update the foundational and global aspects of the page.
4+
5+
* {
6+
-webkit-box-sizing: border-box;
7+
-moz-box-sizing: border-box;
8+
box-sizing: border-box;
9+
}
10+
11+
html,
12+
body {
13+
margin: 0;
14+
padding: 0;
15+
}
16+
17+
html {
18+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
19+
font-size: 16px;
20+
line-height: 1.5;
21+
22+
@media (min-width: 38em) {
23+
font-size: 20px;
24+
}
25+
}
26+
27+
body {
28+
color: #515151;
29+
background-color: #fff;
30+
-webkit-text-size-adjust: 100%;
31+
-ms-text-size-adjust: 100%;
32+
}
33+
34+
// No `:visited` state is required by default (browsers will use `a`)
35+
a {
36+
color: #268bd2;
37+
text-decoration: none;
38+
39+
// `:focus` is linked to `:hover` for basic accessibility
40+
&:hover,
41+
&:focus {
42+
text-decoration: underline;
43+
}
44+
45+
strong {
46+
color: inherit;
47+
}
48+
}
49+
50+
// Images
51+
img {
52+
display: block;
53+
max-width: 100%;
54+
margin: 0 0 1rem;
55+
border-radius: 5px;
56+
}
57+
58+
// Tables
59+
table {
60+
margin-bottom: 1rem;
61+
width: 100%;
62+
border: 1px solid #e5e5e5;
63+
border-collapse: collapse;
64+
}
65+
td,
66+
th {
67+
padding: .25rem .5rem;
68+
border: 1px solid #e5e5e5;
69+
}
70+
tbody tr:nth-child(odd) td,
71+
tbody tr:nth-child(odd) th {
72+
background-color: #f9f9f9;
73+
}

‎_scss/code.scss

+66
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
// Code
2+
//
3+
// Inline and block-level code snippets. Includes tweaks to syntax highlighted
4+
// snippets from Pygments/Rouge and Gist embeds.
5+
6+
code,
7+
pre {
8+
font-family: Menlo, Monaco, "Courier New", monospace;
9+
}
10+
code {
11+
padding: .25em .5em;
12+
font-size: 85%;
13+
color: #bf616a;
14+
background-color: #f9f9f9;
15+
border-radius: 3px;
16+
}
17+
pre {
18+
display: block;
19+
margin-top: 0;
20+
margin-bottom: 1rem;
21+
padding: 1rem;
22+
font-size: .8rem;
23+
line-height: 1.4;
24+
white-space: pre;
25+
white-space: pre-wrap;
26+
word-break: break-all;
27+
// word-wrap: break-word;
28+
background-color: #f9f9f9;
29+
}
30+
pre code {
31+
padding: 0;
32+
font-size: 100%;
33+
color: inherit;
34+
background-color: transparent;
35+
}
36+
37+
// Pygments via Jekyll
38+
.highlight {
39+
margin-bottom: 1rem;
40+
border-radius: 4px;
41+
}
42+
.highlight pre {
43+
margin-bottom: 0;
44+
}
45+
46+
// Gist via GitHub Pages
47+
.gist .gist-file {
48+
font-family: Menlo, Monaco, "Courier New", monospace !important;
49+
}
50+
.gist .markdown-body {
51+
padding: 15px;
52+
}
53+
.gist pre {
54+
padding: 0;
55+
background-color: transparent;
56+
}
57+
.gist .gist-file .gist-data {
58+
font-size: .8rem !important;
59+
line-height: 1.4;
60+
}
61+
.gist code {
62+
padding: 0;
63+
color: inherit;
64+
background-color: transparent;
65+
border-radius: 0;
66+
}

‎_scss/layout.scss

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
// Layout
2+
//
3+
// Styles for managing the structural hierarchy of the site.
4+
5+
.container {
6+
max-width: 38rem;
7+
padding-left: 1.5rem;
8+
padding-right: 1.5rem;
9+
margin-left: auto;
10+
margin-right: auto;
11+
}
12+
13+
footer {
14+
margin-bottom: 2rem;
15+
}

‎_scss/type.scss

+97
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
// Typography
2+
//
3+
// Headings, body text, lists, and other misc typographic elements.
4+
5+
// Headings
6+
h1, h2, h3, h4, h5, h6 {
7+
margin-bottom: .5rem;
8+
font-weight: bold;
9+
line-height: 1.25;
10+
color: #313131;
11+
text-rendering: optimizeLegibility;
12+
}
13+
h1 {
14+
font-size: 2rem;
15+
}
16+
h2 {
17+
margin-top: 1rem;
18+
font-size: 1.5rem;
19+
}
20+
h3 {
21+
margin-top: 1.5rem;
22+
font-size: 1.25rem;
23+
}
24+
h4, h5, h6 {
25+
margin-top: 1rem;
26+
font-size: 1rem;
27+
}
28+
29+
// Body text
30+
p {
31+
margin-top: 0;
32+
margin-bottom: 1rem;
33+
}
34+
35+
strong {
36+
color: #303030;
37+
}
38+
39+
// Lists
40+
ul, ol, dl {
41+
margin-top: 0;
42+
margin-bottom: 1rem;
43+
}
44+
45+
dt {
46+
font-weight: bold;
47+
}
48+
dd {
49+
margin-bottom: .5rem;
50+
}
51+
52+
// Misc
53+
hr {
54+
position: relative;
55+
margin: 1.5rem 0;
56+
border: 0;
57+
border-top: 1px solid #eee;
58+
border-bottom: 1px solid #fff;
59+
}
60+
61+
abbr {
62+
font-size: 85%;
63+
font-weight: bold;
64+
color: #555;
65+
text-transform: uppercase;
66+
}
67+
abbr[title] {
68+
cursor: help;
69+
border-bottom: 1px dotted #e5e5e5;
70+
}
71+
72+
/* Quotes */
73+
blockquote {
74+
padding: .5rem 1rem;
75+
margin: .8rem 0;
76+
color: #7a7a7a;
77+
border-left: .25rem solid #e5e5e5;
78+
79+
@media (min-width: 30em) {
80+
padding-right: 5rem;
81+
padding-left: 1.25rem;
82+
}
83+
}
84+
85+
blockquote p:last-child {
86+
margin-bottom: 0;
87+
}
88+
89+
90+
// Custom type
91+
//
92+
// Extend paragraphs with `.lead` for larger introductory text.
93+
94+
.lead {
95+
font-size: 1.25rem;
96+
font-weight: 300;
97+
}

‎css/styles.scss

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
# Front matter comment to ensure Jekyll properly reads file.
3+
---
4+
5+
// Imports
6+
@import "base";
7+
@import "type";
8+
@import "code";
9+
@import "layout";

0 commit comments

Comments
 (0)