Skip to content

Commit 4af4ad2

Browse files
committed
Initial commit
1 parent d207c00 commit 4af4ad2

17 files changed

+790
-1
lines changed

.DS_Store

6 KB
Binary file not shown.

.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
_site
2+
.sass-cache

_config.yml

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
# Site settings
2+
title: A tree, right when you needed one most
3+
email: naurasj@gmail.com
4+
description: > # this means to ignore newlines until "baseurl:"
5+
Write an awesome description for your new site here. You can edit this
6+
line in _config.yml. It will appear in your document head meta (for
7+
Google search results) and in your feed.xml site description.
8+
baseurl: "" # the subpath of your site, e.g. /blog/
9+
url: "www.timelytree.github.io" # the base hostname & protocol for your site
10+
# twitter_username: jekyllrb
11+
github_username: timelytree
12+
13+
# Build settings
14+
markdown: kramdown

_includes/footer.html

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<footer class="site-footer">
2+
3+
<div class="wrapper">
4+
5+
<h2 class="footer-heading">{{ site.title }}</h2>
6+
7+
<div class="footer-col-wrapper">
8+
<div class="footer-col footer-col-1">
9+
<ul class="contact-list">
10+
<li>{{ site.title }}</li>
11+
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
12+
</ul>
13+
</div>
14+
15+
<div class="footer-col footer-col-2">
16+
<ul class="social-media-list">
17+
{% if site.github_username %}
18+
<li>
19+
<a href="https://github.com/{{ site.github_username }}">
20+
<span class="icon icon--github">
21+
<svg viewBox="0 0 16 16">
22+
<path fill="#828282" 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"/>
23+
</svg>
24+
</span>
25+
26+
<span class="username">{{ site.github_username }}</span>
27+
</a>
28+
</li>
29+
{% endif %}
30+
31+
{% if site.twitter_username %}
32+
<li>
33+
<a href="https://twitter.com/{{ site.twitter_username }}">
34+
<span class="icon icon--twitter">
35+
<svg viewBox="0 0 16 16">
36+
<path fill="#828282" 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
37+
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"/>
38+
</svg>
39+
</span>
40+
41+
<span class="username">{{ site.twitter_username }}</span>
42+
</a>
43+
</li>
44+
{% endif %}
45+
</ul>
46+
</div>
47+
48+
<div class="footer-col footer-col-3">
49+
<p class="text">{{ site.description }}</p>
50+
</div>
51+
</div>
52+
53+
</div>
54+
55+
</footer>

_includes/head.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<head>
2+
<meta charset="utf-8">
3+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
6+
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
7+
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
8+
9+
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
10+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
11+
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
12+
</head>

_includes/header.html

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<header class="site-header">
2+
3+
<div class="wrapper">
4+
5+
<a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
6+
7+
<nav class="site-nav">
8+
<a href="#" class="menu-icon">
9+
<svg viewBox="0 0 18 15">
10+
<path fill="#424242" 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"/>
11+
<path fill="#424242" 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"/>
12+
<path fill="#424242" 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"/>
13+
</svg>
14+
</a>
15+
16+
<div class="trigger">
17+
{% for page in site.pages %}
18+
{% if page.title %}
19+
<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
20+
{% endif %}
21+
{% endfor %}
22+
</div>
23+
</nav>
24+
25+
</div>
26+
27+
</header>

_layouts/default.html

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
{% include head.html %}
5+
6+
<body>
7+
8+
{% include header.html %}
9+
10+
<div class="page-content">
11+
<div class="wrapper">
12+
{{ content }}
13+
</div>
14+
</div>
15+
16+
{% include footer.html %}
17+
18+
</body>
19+
20+
</html>

_layouts/page.html

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
layout: default
3+
---
4+
<div class="post">
5+
6+
<header class="post-header">
7+
<h1 class="post-title">{{ page.title }}</h1>
8+
</header>
9+
10+
<article class="post-content">
11+
{{ content }}
12+
</article>
13+
14+
</div>

_layouts/post.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
layout: default
3+
---
4+
<div class="post">
5+
6+
<header class="post-header">
7+
<h1 class="post-title">{{ page.title }}</h1>
8+
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
9+
</header>
10+
11+
<article class="post-content">
12+
{{ content }}
13+
</article>
14+
15+
</div>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
layout: post
3+
title: "The State of a Timely Tree"
4+
date: 2015-05-13 16:25:05
5+
categories: jekyll update
6+
---
7+
8+
That time when you've walked 12 blocks only to realize you have no recollection of them. Something's been chewing at your mind. People are giving you weird glances. Halfway through the 13th block, your eye catches a lonesome oak tree amongst a sea of concrete; you can't help but stop and stare at it. This hunk of a tree, just standing there; timeless and serene. You feel like someone just hit the 'flush' button on your brain. A moment of peace from a timely tree.

_sass/_base.scss

+204
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,204 @@
1+
/**
2+
* Reset some basic elements
3+
*/
4+
body, h1, h2, h3, h4, h5, h6,
5+
p, blockquote, pre, hr,
6+
dl, dd, ol, ul, figure {
7+
margin: 0;
8+
padding: 0;
9+
}
10+
11+
12+
13+
/**
14+
* Basic styling
15+
*/
16+
body {
17+
font-family: $base-font-family;
18+
font-size: $base-font-size;
19+
line-height: $base-line-height;
20+
font-weight: 300;
21+
color: $text-color;
22+
background-color: $background-color;
23+
-webkit-text-size-adjust: 100%;
24+
}
25+
26+
27+
28+
/**
29+
* Set `margin-bottom` to maintain vertical rhythm
30+
*/
31+
h1, h2, h3, h4, h5, h6,
32+
p, blockquote, pre,
33+
ul, ol, dl, figure,
34+
%vertical-rhythm {
35+
margin-bottom: $spacing-unit / 2;
36+
}
37+
38+
39+
40+
/**
41+
* Images
42+
*/
43+
img {
44+
max-width: 100%;
45+
vertical-align: middle;
46+
}
47+
48+
49+
50+
/**
51+
* Figures
52+
*/
53+
figure > img {
54+
display: block;
55+
}
56+
57+
figcaption {
58+
font-size: $small-font-size;
59+
}
60+
61+
62+
63+
/**
64+
* Lists
65+
*/
66+
ul, ol {
67+
margin-left: $spacing-unit;
68+
}
69+
70+
li {
71+
> ul,
72+
> ol {
73+
margin-bottom: 0;
74+
}
75+
}
76+
77+
78+
79+
/**
80+
* Headings
81+
*/
82+
h1, h2, h3, h4, h5, h6 {
83+
font-weight: 300;
84+
}
85+
86+
87+
88+
/**
89+
* Links
90+
*/
91+
a {
92+
color: $brand-color;
93+
text-decoration: none;
94+
95+
&:visited {
96+
color: darken($brand-color, 15%);
97+
}
98+
99+
&:hover {
100+
color: $text-color;
101+
text-decoration: underline;
102+
}
103+
}
104+
105+
106+
107+
/**
108+
* Blockquotes
109+
*/
110+
blockquote {
111+
color: $grey-color;
112+
border-left: 4px solid $grey-color-light;
113+
padding-left: $spacing-unit / 2;
114+
font-size: 18px;
115+
letter-spacing: -1px;
116+
font-style: italic;
117+
118+
> :last-child {
119+
margin-bottom: 0;
120+
}
121+
}
122+
123+
124+
125+
/**
126+
* Code formatting
127+
*/
128+
pre,
129+
code {
130+
font-size: 15px;
131+
border: 1px solid $grey-color-light;
132+
border-radius: 3px;
133+
background-color: #eef;
134+
}
135+
136+
code {
137+
padding: 1px 5px;
138+
}
139+
140+
pre {
141+
padding: 8px 12px;
142+
overflow-x: scroll;
143+
144+
> code {
145+
border: 0;
146+
padding-right: 0;
147+
padding-left: 0;
148+
}
149+
}
150+
151+
152+
153+
/**
154+
* Wrapper
155+
*/
156+
.wrapper {
157+
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
158+
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
159+
margin-right: auto;
160+
margin-left: auto;
161+
padding-right: $spacing-unit;
162+
padding-left: $spacing-unit;
163+
@extend %clearfix;
164+
165+
@include media-query($on-laptop) {
166+
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
167+
max-width: calc(#{$content-width} - (#{$spacing-unit}));
168+
padding-right: $spacing-unit / 2;
169+
padding-left: $spacing-unit / 2;
170+
}
171+
}
172+
173+
174+
175+
/**
176+
* Clearfix
177+
*/
178+
%clearfix {
179+
180+
&:after {
181+
content: "";
182+
display: table;
183+
clear: both;
184+
}
185+
}
186+
187+
188+
189+
/**
190+
* Icons
191+
*/
192+
.icon {
193+
194+
> svg {
195+
display: inline-block;
196+
width: 16px;
197+
height: 16px;
198+
vertical-align: middle;
199+
200+
path {
201+
fill: $grey-color;
202+
}
203+
}
204+
}

0 commit comments

Comments
 (0)