Skip to content

Commit 6561431

Browse files
emilbaehremilbaehr
committed
Add sass reset and layout files
1 parent 1f57ea1 commit 6561431

File tree

13 files changed

+288
-3
lines changed

13 files changed

+288
-3
lines changed

‎Gemfile

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
# frozen_string_literal: true
22

33
source "https://rubygems.org"
4-
gemspec
4+
gemspec

‎_config.yml

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
# Where things are
2+
source : .
3+
destination : ./_site
4+
collections_dir : .
5+
plugins_dir : _plugins
6+
layouts_dir : _layouts
7+
data_dir : _data
8+
includes_dir : _includes
9+
sass:
10+
sass_dir : _sass
11+
sass_dir : _sass
12+
collections:
13+
posts:
14+
output : true
15+
16+
# Handling Reading
17+
safe : false
18+
include : [".htaccess", "_pages"]
19+
exclude : ["Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/",]
20+
keep_files : [".git", ".svn"]
21+
encoding : "utf-8"
22+
markdown_ext : "markdown,mkdown,mkdn,mkd,md"
23+
strict_front_matter : false
24+
25+
# Filtering Content
26+
show_drafts : null
27+
limit_posts : 0
28+
future : false
29+
unpublished : false
30+
31+
# Plugins
32+
whitelist : []
33+
plugins : []
34+
35+
# Conversion
36+
markdown : kramdown
37+
highlighter : rouge
38+
lsi : false
39+
excerpt_separator : "\n\n"
40+
incremental : false
41+
42+
# Serving
43+
detach : false
44+
port : 4000
45+
host : 127.0.0.1
46+
baseurl : "" # does not include hostname
47+
show_dir_listing : false
48+
49+
# Outputting
50+
permalink : date
51+
paginate_path : /page:num
52+
timezone : null
53+
54+
quiet : false
55+
verbose : false
56+
defaults : []
57+
58+
liquid:
59+
error_mode : warn
60+
strict_filters : false
61+
strict_variables : false
62+
63+
# Markdown Processors
64+
rdiscount:
65+
extensions : []
66+
67+
redcarpet:
68+
extensions : []
69+
70+
kramdown:
71+
auto_ids : true
72+
entity_output : as_char
73+
toc_levels : 1..6
74+
smart_quotes : lsquo,rsquo,ldquo,rdquo
75+
input : GFM
76+
hard_wrap : false
77+
footnote_nr : 1
78+
show_warnings : false

‎_includes/footer.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<footer>
2+
<p>By <a href="http://emilbaehr.com">Emil</p>
3+
</footer>

‎_includes/head.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<head>
2+
3+
<meta charset="utf-8">
4+
<meta http-equiv="x-ua-compatible" content="ie=edge">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
7+
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
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 href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600' rel='stylesheet' type='text/css'>
12+
<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
13+
14+
</head>

‎_includes/header.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<aside>
2+
<div class="container">
3+
<nav>
4+
<ul>
5+
{% for page in site.pages %} {% if page.title %}
6+
<li><a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
7+
{% endif %} {% endfor %}
8+
<li><a href="{{ "/blog" | prepend: site.baseurl }}">Blog</a></li>
9+
</ul>
10+
</li>
11+
</ul>
12+
</nav>
13+
</div>
14+
</aside>
15+
16+
<header>
17+
<h1><a href="{{ site.baseurl }}">{{ site.title }}</a></h1>
18+
</header>

‎_pages/about.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
layout: page
3+
title: About
4+
permalink: /about/
5+
---
6+
7+
About content goes here.
8+
9+
* A list item
10+
* Another list item

‎_pages/contact.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
layout: page
3+
title: Contact
4+
permalink: /contact/
5+
---
6+
7+
Contact content goes here.
8+
9+
My e-mail is [[email protected]](mailto:[email protected]).

‎_sass/base.scss

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
$content-width: 800px;
2+
$main: #19CCAA;
3+
$font-style: 'Open Sans', sans-serif;
4+
$font-color: #262626;
5+
$link-color: #425469;
6+
$link-hover-color: $main;
7+
$heading-font: 'Muli', sans-serif;
8+
$heading-font-color: #425469;
9+
$light: #E7EDF4;
10+
$header: #1D1425;
11+
12+
*,
13+
*::before,
14+
*::after {
15+
-webkit-box-sizing: border-box;
16+
-moz-box-sizing: border-box;
17+
box-sizing: border-box;
18+
}

‎_sass/layout.scss

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
body {
2+
margin: 0;
3+
color: $font-color;
4+
font-family: $font-style;
5+
font-size: 1.1em;
6+
line-height: 1.6;
7+
-webkit-font-smoothing: antialiased;
8+
}
9+
10+
h1,
11+
h2,
12+
h3 {
13+
font-weight: 600;
14+
color: $heading-font-color;
15+
font-family: $heading-font;
16+
line-height: 1.5;
17+
}
18+
19+
h1 {
20+
color: $main;
21+
font-size: 2.5em;
22+
a,
23+
a:visited {
24+
text-decoration: none;
25+
color: $main;
26+
}
27+
}
28+
29+
h2 {
30+
font-size: 2em;
31+
}
32+
33+
a,
34+
a:visited {
35+
color: $link-color;
36+
text-decoration: underline;
37+
font-weight: bold;
38+
}
39+
40+
a:hover {
41+
color: $link-hover-color;
42+
text-decoration: underline;
43+
}
44+
45+
header {
46+
background: $header;
47+
padding: 0px 15px;
48+
text-align: center;
49+
margin: 50px 0 0;
50+
height: 50vh;
51+
display: flex;
52+
justify-content: center;
53+
align-items: center;
54+
}
55+
56+
main {
57+
padding: 0 15px;
58+
max-width: $content-width;
59+
margin: 0 auto;
60+
}
61+
62+
time {
63+
color: #898989;
64+
}
65+
66+
.container {
67+
max-width: $content-width;
68+
margin: 0 auto;
69+
}
70+
71+
/* Aside */
72+
73+
aside {
74+
position: fixed;
75+
top: 0;
76+
left: 0;
77+
background: #fff;
78+
width: 100%;
79+
z-index: 2;
80+
border-bottom: 1px solid lighten($light, 30%);
81+
box-shadow: 0px 1px 1px RGBA(4, 25, 54, .1);
82+
nav {
83+
float: left;
84+
max-width: 800px;
85+
margin: 0 auto;
86+
ul {
87+
margin: 0;
88+
padding: 0;
89+
list-style: none;
90+
li {
91+
float: left;
92+
position: relative;
93+
a {
94+
text-decoration: none;
95+
display: block;
96+
padding: 15px;
97+
font-family: 'Muli', sans-serif;
98+
line-height: 20px;
99+
margin-bottom: -1px;
100+
box-shadow: 0;
101+
&:hover,
102+
&:active {
103+
background: $header;
104+
text-decoration: none;
105+
color: $main;
106+
}
107+
}
108+
}
109+
}
110+
&:after {
111+
content: '';
112+
display: table;
113+
clear: both;
114+
}
115+
}
116+
}
117+
118+
footer {
119+
text-align: center;
120+
padding: 40px;
121+
}

‎_sass/syntax-highlighting.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@extend %vertical-rhythm;

0 commit comments

Comments
 (0)