Skip to content

Commit a74a7e1

Browse files
kevinSuttlekevinSuttle
committed
Buy into Jekyll wholesale
* Add _data files, use variables * Use Sass natively * Move components into _includes
1 parent 1a3d70f commit a74a7e1

File tree

12 files changed

+57
-46
lines changed

12 files changed

+57
-46
lines changed

‎Gemfile

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ gem "github-pages", group: :jekyll_plugins
77
# Plugins
88
group :jekyll_plugins do
99
gem "jekyll-github-metadata", "~> 2.3.1"
10+
gem "jekyll-feed", "~> 0.6"
1011
end
1112

1213
gem 'jekyll-admin', group: :jekyll_plugins

‎_config.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Kevin Suttle
3-
tagline: Design Technologist. Slab serif T-shape.
3+
tagline: Product Designer
44
url: http://kevinsuttle.com
55
permalink: "/posts/:title"
66
timezone: America/New_York

‎_data/bio.json

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"biography": "",
3+
"jobtitle": "Product Designer",
4+
"handle": "Kevin Suttle",
5+
"email": "kevin@suttle.email"
6+
}

‎_data/cv.json

Whitespace-only changes.

‎_includes/banner.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<header class="site-header" role="banner">
2+
<a class="home-link" href="/" title="Main page">KS</a>
3+
</header>

‎_includes/css/index.min.css

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎_includes/footer.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<footer class="site-footer" role="contentinfo">
2+
<div class="footer-wrapper">
3+
<aside class="footer-module" role="complementary">
4+
<h2 class="footer-module-heading">About me</h2>
5+
<p class="footer-module-content">My name is {{ site.data.bio.handle }}. I'm a {{ site.data.bio.jobtitle }}
6+
<a href="/about">Learn more about me</a>, or <a href="mailto:{{ site.data.bio.email }}">get in touch</a>.</p>
7+
</aside>
8+
9+
<aside class="footer-module" role="complementary">
10+
<h2 class="footer-module-heading">Elsewhere</h2>
11+
<ul class="footer-module-content">
12+
<li><a href="https://twitter.com/kevinSuttle" title="You should follow me on Twitter." rel="external">Twitter</a></li>
13+
<li><a href="https://github.com/kevinSuttle" title="Check out my code on Github. See what I did there?" rel="external">GitHub</a></li>
14+
<li><a href="https://linkedin.com/in/kevinsuttle" title="I'm open to connect on LinkedIn" rel="external">LinkedIn</a></li>
15+
</ul>
16+
</aside>
17+
</div>
18+
</footer>

‎_includes/head.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<head>
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
4+
<meta name="author" content="Kevin Suttle">
5+
<link rel="canonical" href={{site.url}}{{page.url}}>
6+
<link rel="shortcut icon" href="favicon.ico" />
7+
<link rel="stylesheet" href="{{ "/css/main.css" | relative_url }}">
8+
9+
<title>
10+
{% if page.title %}
11+
{{ page.title }} &ndash; {{ site.url }}
12+
{% else %}
13+
{{ site.title }}. {{ site.tagline }}
14+
{% endif %}
15+
</title>
16+
17+
</head>

‎_layouts/index.liquid

Lines changed: 5 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,18 @@
11
<!doctype html>
2-
<html ⚡>
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
6-
<meta name="author" content="Kevin Suttle">
7-
<link rel="canonical" href={{site.url}}{{page.url}}>
8-
<link rel="shortcut icon" href="./favicon.ico" />
2+
<html>
93

10-
<title>
11-
{% if page.title %}
12-
{{ page.title }} &ndash; {{ site.url }}
13-
{% else %}
14-
{{ site.title }}. {{ site.tagline }}
15-
{% endif %}
16-
</title>
4+
{% include head.html %}
175

18-
<style amp-custom>
19-
{% include /css/index.min.css %}
20-
</style>
21-
22-
</head>
236
<body>
247

258
<div class="page-wrapper">
26-
<header class="site-header" role="banner">
27-
<a class="home-link" href="/">KS</a>
28-
</header>
9+
10+
{% include banner.html %}
2911

3012
{{ content }}
3113

3214
</div>
3315

34-
<footer class="site-footer" role="contentinfo">
35-
<div class="footer-wrapper">
36-
<aside class="footer-module" role="complementary">
37-
<h2 class="footer-module-heading">About me</h2>
38-
<p class="footer-module-content">I'm Kevin Suttle. I'm a Design and Front-end Development Lead. <a href="/about">Learn more about me</a>, or <a href="mailto:kevin@suttle.email">get in touch</a>.</p>
39-
</aside>
40-
41-
<aside class="footer-module" role="complementary">
42-
<h2 class="footer-module-heading">Elsewhere</h2>
43-
<ul class="footer-module-content">
44-
<li><a href="https://twitter.com/kevinSuttle" title="You should follow me on Twitter." rel="external">Twitter</a></li>
45-
<li><a href="https://github.com/kevinSuttle" title="Check out my code on Github. See what I did there?" rel="external">GitHub</a></li>
46-
<li><a href="https://linkedin.com/in/kevinsuttle" title="I'm open to connect on LinkedIn" rel="external">LinkedIn</a></li>
47-
</ul>
48-
</aside>
49-
</div>
50-
</footer>
16+
{% include footer.html %}
5117
</body>
5218
</html>

‎_sass/_variables.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
$base-font-size: .9em;
33
$base-line-height: 1.5;
44

5-
$ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Noto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", sans-serif;
6-
$content-font: "Roboto Slab", "Noto Serif", "Droid Serif", "PT Serif", Georgia, serif;
7-
$code-font: "Input Mono", "Roboto Mono", "Fira Mono", "Monaco", "Menlo", "Inconsolata", "Ubuntu Mono", monospace;
5+
$ui-font: -apple-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Noto Sans", "Noto", "Droid Sans", "Open Sans", "Oxygen", "Ubuntu", "Cantarell", sans-serif;
6+
$content-font: "Charter", "Roboto Slab", "Noto Serif", "Droid Serif", "PT Serif", "Cambria", "Constantia", "Liberation Serif", Georgia, serif;
7+
$code-font: "Roboto Mono", "Fira Mono", "Monaco", "Menlo", "Inconsolata", "Ubuntu Mono", monospace;
88

99
// Colors
1010
$page-bg-color: #fdfdfd;

‎about.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
<article class="article-bio">
66

7-
<h1 class="article-title">Designer. Developer. Writer. Presenter.</h1>
7+
<h1 class="article-title">{{ site.data.bio.handle }}. {{ site.data.bio.jobtitle }}</h1>
88

99

1010
<p>I have made a career out of wielding technology as a design tool. Using science and code to improve experiences for people is what gets me up in the morning, and keeps me up at night.</p>
@@ -60,6 +60,6 @@ <h2>URLs</h2>
6060
</ul>
6161

6262
<h2>Get in contact</h2>
63-
<p>Interested in working with me? <a href="mailto:kevin@suttle.email">Let's talk</a>.</p>
63+
<p>Interested in working with me? <a href="mailto:{{ site.data.bio.email }}">Let's talk</a>.</p>
6464

6565
</article>

‎css/index.scss renamed to ‎css/main.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
---
22
---
3+
34
@import '../_sass/variables';
45
@import '../_sass/colors';
56
@import '../_sass/typography';

0 commit comments

Comments
 (0)