Skip to content

Commit fd43637

Browse files
mattwondramattwondra
committed
Major cleanup and starting a re-vamp.
1 parent 32c3744 commit fd43637

File tree

323 files changed

+669
-4348
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

323 files changed

+669
-4348
lines changed

‎.gitignore

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

‎Gemfile

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,2 @@
11
source 'https://rubygems.org'
2-
gem 'github-pages'
3-
gem 'redcarpet'
2+
gem 'github-pages'

‎Gemfile.lock

+96-33
Original file line numberDiff line numberDiff line change
@@ -2,62 +2,125 @@ GEM
22
remote: https://rubygems.org/
33
specs:
44
RedCloth (4.2.9)
5+
activesupport (4.2.0)
6+
i18n (~> 0.7)
7+
json (~> 1.7, >= 1.7.7)
8+
minitest (~> 5.1)
9+
thread_safe (~> 0.3, >= 0.3.4)
10+
tzinfo (~> 1.1)
511
blankslate (2.1.2.4)
6-
classifier (1.3.4)
7-
fast-stemmer (>= 1.0.0)
12+
celluloid (0.16.0)
13+
timers (~> 4.0.0)
14+
classifier-reborn (2.0.3)
15+
fast-stemmer (~> 1.0)
16+
coffee-script (2.3.0)
17+
coffee-script-source
18+
execjs
19+
coffee-script-source (1.8.0)
820
colorator (0.1)
9-
commander (4.1.6)
10-
highline (~> 1.6.11)
21+
execjs (2.2.2)
1122
fast-stemmer (1.0.2)
12-
ffi (1.9.3)
13-
github-pages (15)
23+
ffi (1.9.6)
24+
gemoji (2.1.0)
25+
github-pages (32)
1426
RedCloth (= 4.2.9)
15-
jekyll (= 1.4.3)
16-
kramdown (= 1.3.1)
17-
liquid (= 2.5.5)
27+
github-pages-health-check (~> 0.2)
28+
jekyll (= 2.4.0)
29+
jekyll-coffeescript (= 1.0.1)
30+
jekyll-mentions (= 0.2.1)
31+
jekyll-redirect-from (= 0.6.2)
32+
jekyll-sass-converter (= 1.2.0)
33+
jekyll-sitemap (= 0.6.3)
34+
jemoji (= 0.4.0)
35+
kramdown (= 1.5.0)
36+
liquid (= 2.6.1)
1837
maruku (= 0.7.0)
38+
mercenary (~> 0.3)
39+
pygments.rb (= 0.6.0)
1940
rdiscount (= 2.1.7)
20-
redcarpet (= 2.3.0)
21-
highline (1.6.20)
22-
jekyll (1.4.3)
23-
classifier (~> 1.3)
41+
redcarpet (= 3.1.2)
42+
terminal-table (~> 1.4)
43+
github-pages-health-check (0.2.1)
44+
net-dns (~> 0.6)
45+
public_suffix (~> 1.4)
46+
hitimes (1.2.2)
47+
html-pipeline (1.9.0)
48+
activesupport (>= 2)
49+
nokogiri (~> 1.4)
50+
i18n (0.7.0)
51+
jekyll (2.4.0)
52+
classifier-reborn (~> 2.0)
2453
colorator (~> 0.1)
25-
commander (~> 4.1.3)
26-
liquid (~> 2.5.5)
27-
listen (~> 1.3)
28-
maruku (~> 0.7.0)
29-
pygments.rb (~> 0.5.0)
30-
redcarpet (~> 2.3.0)
31-
safe_yaml (~> 0.9.7)
54+
jekyll-coffeescript (~> 1.0)
55+
jekyll-gist (~> 1.0)
56+
jekyll-paginate (~> 1.0)
57+
jekyll-sass-converter (~> 1.0)
58+
jekyll-watch (~> 1.1)
59+
kramdown (~> 1.3)
60+
liquid (~> 2.6.1)
61+
mercenary (~> 0.3.3)
62+
pygments.rb (~> 0.6.0)
63+
redcarpet (~> 3.1)
64+
safe_yaml (~> 1.0)
3265
toml (~> 0.1.0)
33-
kramdown (1.3.1)
34-
liquid (2.5.5)
35-
listen (1.3.1)
66+
jekyll-coffeescript (1.0.1)
67+
coffee-script (~> 2.2)
68+
jekyll-gist (1.1.0)
69+
jekyll-mentions (0.2.1)
70+
html-pipeline (~> 1.9.0)
71+
jekyll (~> 2.0)
72+
jekyll-paginate (1.1.0)
73+
jekyll-redirect-from (0.6.2)
74+
jekyll (~> 2.0)
75+
jekyll-sass-converter (1.2.0)
76+
sass (~> 3.2)
77+
jekyll-sitemap (0.6.3)
78+
jekyll-watch (1.2.1)
79+
listen (~> 2.7)
80+
jemoji (0.4.0)
81+
gemoji (~> 2.0)
82+
html-pipeline (~> 1.9)
83+
jekyll (~> 2.0)
84+
json (1.8.2)
85+
kramdown (1.5.0)
86+
liquid (2.6.1)
87+
listen (2.8.5)
88+
celluloid (>= 0.15.2)
3689
rb-fsevent (>= 0.9.3)
3790
rb-inotify (>= 0.9)
38-
rb-kqueue (>= 0.2)
3991
maruku (0.7.0)
92+
mercenary (0.3.5)
93+
mini_portile (0.6.2)
94+
minitest (5.5.1)
95+
net-dns (0.8.0)
96+
nokogiri (1.6.6.2)
97+
mini_portile (~> 0.6.0)
4098
parslet (1.5.0)
4199
blankslate (~> 2.0)
42-
posix-spawn (0.3.8)
43-
pygments.rb (0.5.4)
100+
posix-spawn (0.3.9)
101+
public_suffix (1.4.6)
102+
pygments.rb (0.6.0)
44103
posix-spawn (~> 0.3.6)
45104
yajl-ruby (~> 1.1.0)
46105
rb-fsevent (0.9.4)
47-
rb-inotify (0.9.3)
48-
ffi (>= 0.5.0)
49-
rb-kqueue (0.2.2)
106+
rb-inotify (0.9.5)
50107
ffi (>= 0.5.0)
51108
rdiscount (2.1.7)
52-
redcarpet (2.3.0)
53-
safe_yaml (0.9.7)
54-
toml (0.1.1)
109+
redcarpet (3.1.2)
110+
safe_yaml (1.0.4)
111+
sass (3.4.10)
112+
terminal-table (1.4.5)
113+
thread_safe (0.3.4)
114+
timers (4.0.1)
115+
hitimes
116+
toml (0.1.2)
55117
parslet (~> 1.5.0)
118+
tzinfo (1.2.2)
119+
thread_safe (~> 0.1)
56120
yajl-ruby (1.1.0)
57121

58122
PLATFORMS
59123
ruby
60124

61125
DEPENDENCIES
62126
github-pages
63-
redcarpet

‎_config.yml

+7-2
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,14 @@ url: "http://mattwondra.com"
33
description: "Thoughts on web development, design process, and remote work by Matt Wondra."
44
author: "Matt Wondra"
55

6-
permalink: /:year/:month/:title/
6+
permalink: /:year/:title/
7+
8+
9+
10+
highlighter: pygments
711
markdown: redcarpet
8-
pygments: true
12+
sass:
13+
sass_dir: assets/_sass
914

1015
# Options for jekyll-rss plugin
1116
# rss_path: "/"

‎_drafts/first-post.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
layout: post
3-
title: "Hello, world."
3+
title: "Hello, world. It's nice to meet you."
44
status: "finally has a fancy-pants blog"
5-
comments: true
5+
comments: false
66
---
77

88
<p class="standout">Early in my career I knew that I wanted to write. Like many young developers, I followed my web heroes’ blogs as they wrote tutorials, code snippets, and web philosophy.</p>

‎_layouts/default.html

+12-20
Original file line numberDiff line numberDiff line change
@@ -2,35 +2,27 @@
22
<html lang="en">
33
<head>
44
{% comment %}TODO: Favicon{% endcomment %}
5-
<meta charset="utf-8">
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
5+
<meta charset="utf-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
77
<title>{% if page.title %}{{ page.title }} &middot; {% endif %}{{ site.name }}</title>
8-
<meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
9-
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}" />
9+
<meta name="viewport" content="width=device-width, initial-scale=1" />
1010
<link href="{{site.rss_path}}{{site.rss_name}}" rel="alternate" title="{{site.name}}" type="application/rss+xml" />
1111

12-
<script src="/js/modernizr.js"></script>
12+
<link rel="stylesheet" href="/assets/css/ooh_how_stylish.css" />
1313

14-
{% comment %}TODO: Combine and minify{% endcomment %}
15-
<link rel="stylesheet" href="/css/normalize.css">
16-
<link rel="stylesheet" href="/css/syntax.css">
17-
<link rel="stylesheet" href="/css/webicons.css">
18-
<link rel="stylesheet" href="/css/main.css">
19-
20-
<script type="text/javascript" src="//use.typekit.net/phx4juf.js"></script>
21-
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
14+
<script src="//use.typekit.net/jfv2xps.js"></script>
15+
<script>try{Typekit.load();}catch(e){}</script>
2216
</head>
23-
<body class="tk-source-sans-pro">
17+
<body>
2418

25-
<header role="banner" class="page-header page-section">
26-
<a class="hey-its-me" href="/">
27-
<img class="handsome-mug" src="http://p-ec2.pixstatic.com/517abdaa74c5b66aef00088f._w.60_h.60_s.centercrop_.jpg" alt="" />
28-
Matt Wondra
19+
<header role="banner" class="u-responsive-wrapper">
20+
<a href="/">
21+
Matt Wondra {% if page.status %}{{page.status}}{% else %}lives in a rounded rectangle{% endif %}
2922
</a>
30-
{% if page.status %}{{page.status}}{% else %}lives in a rounded rectangle{% endif %}
3123
</header>
3224

33-
<main role="main">
25+
<main class="u-responsive-wrapper" role="main">
3426
{{ content }}
3527
</main>
3628

‎_layouts/post.html

+6-5
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,17 @@
22
layout: default
33
---
44

5-
<article class="post-full page-section">
6-
<header class="post-header">
7-
<h1 class="post-title">{{ page.title }}</h1>
8-
<p class="post-byline">{{ page.date | date: "%B %-d, %Y" }}</p>
5+
<article class="Post">
6+
<header class="Post__header">
7+
<h1 class="Post__title">{{ page.title }}</h1>
8+
<small class="Post__byline">{{ page.date | date: "%B %-d, %Y" }}</small>
99
</header>
1010

11-
<div class="post-content">
11+
<div class="Post__content">
1212
{{ content }}
1313
</div>
1414
</article>
15+
1516
{% if page.comments %}
1617
<div class="page-section page-content">
1718
<div id="disqus_thread"></div>

‎assets/_sass/base.scss

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
html {
2+
font-size: 50%;
3+
@media (min-width: 40em) {
4+
font-size: 62.5%;
5+
}
6+
}
7+
8+
body {
9+
font: #{$fontSizeNormal}/1.4 "interface", "Helvetica Neue", Arial, Helvetica, sans-serif;
10+
color: #444;
11+
font-weight: $fontWeightNormal;
12+
}
13+
14+
h1, h2, h3, h4, h5, h6 {
15+
font-size: $fontSizeNormal;
16+
font-weight: $fontWeightNormal;
17+
margin: 0;
18+
}
19+
20+
a {
21+
color: $colorBrand;
22+
}
23+
24+
25+
26+
.Post__header {
27+
margin-bottom: 7rem;
28+
&:after {
29+
content: '';
30+
display: block;
31+
width: 4rem;
32+
height: 1px;
33+
background: $colorMuted;
34+
position:relative;
35+
top: 2rem;
36+
}
37+
}
38+
39+
.Post__title {
40+
@include largeHeading;
41+
margin-bottom: 3rem;
42+
color: #222;
43+
}
44+
45+
.Post__byline {
46+
@include uppercase;
47+
color: $colorMuted;
48+
font-size:$fontSizeSmall;
49+
}
50+
51+
.Post__content {
52+
p {
53+
margin: 0 0 1.25em;
54+
}
55+
}
56+
57+
.standout {
58+
font-size: $fontSizeLarge;
59+
}

‎assets/_sass/layout.scss

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
[role="banner"] {
2+
line-height: 1.2;
3+
margin-bottom: 7rem;
4+
&:before {
5+
content: '';
6+
display: block;
7+
height: 0.4rem;
8+
background: $colorBrand;
9+
margin-bottom: 0.6rem;
10+
}
11+
a {
12+
@include uppercase;
13+
text-decoration: none;
14+
font-weight: $fontWeightBold;
15+
font-size: $fontSizeSmall;
16+
}
17+
}

0 commit comments

Comments
 (0)