Skip to content

Commit 19984d5

Browse files
kevinSuttlekevinSuttle
committed
Update
Signed-off-by: Kevin Suttle <kevin@suttle.email>
1 parent 3c021c9 commit 19984d5

File tree

10 files changed

+3378
-35
lines changed

10 files changed

+3378
-35
lines changed

‎Gemfile

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,5 +9,3 @@ group :jekyll_plugins do
99
gem "jekyll-github-metadata", "~> 2.3.1"
1010
gem "jekyll-feed", "~> 0.6"
1111
end
12-
13-
gem 'jekyll-admin', group: :jekyll_plugins

‎_layouts/index.liquid

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,9 @@
44
{% include head.html %}
55

66
<body>
7+
{% include banner.html %}
78

89
<div class="page-wrapper">
9-
10-
{% include banner.html %}
1110

1211
{{ content }}
1312

‎_posts/2016-10-16-jsx-2-adobe-flex.markdown

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ We're now at a point in our industry where whether we want to admit it or not, t
1212

1313
> Someone is going to unify these three different syntaxes and write a language that just addresses the web platform directly and it's going to be insanely popular.
1414
15-
-[Jeremy Ashkenas](https://www.youtube.com/watch?v=DspYurD75Ns)
15+
<cite>-[Jeremy Ashkenas](https://www.youtube.com/watch?v=DspYurD75Ns)</cite>
1616

1717
It's already happening with JSX, but there is still a large amount of room for improvement and fulfilling of that vision. When looking towards the future, it helps to study the past.
1818

‎_sass/_layout.scss

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -65,10 +65,6 @@ dd {
6565
padding-top: 0;
6666
}
6767

68-
.site-header {
69-
margin-left: -6%;
70-
}
71-
7268
.home-link {
7369
margin: 0;
7470
width: 100%;

‎_sass/_reflow.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@media screen and (min-width: 32.941176471em) {
22
body {
3-
font-size: 120%;
3+
font-size: 100%;
44
margin-top: .5em;
55
}
66
.site-header {
@@ -18,7 +18,7 @@
1818

1919
@media all and (min-width: 41.875em) {
2020
body {
21-
font-size: 130%;
21+
font-size: 110%;
2222
}
2323

2424
.page-wrapper, .footer-wrapper {
@@ -39,7 +39,7 @@
3939

4040
@media screen and (min-width: 75em) {
4141
body {
42-
font-size: 150%;
42+
font-size: 125%;
4343
}
4444
.page-wrapper, .footer-wrapper {
4545
max-width: 30em;

‎_sass/_typography.scss

Lines changed: 24 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,16 @@ html {
33
}
44

55
body {
6-
font-family: $ui-font;
6+
font-family: $body-font;
7+
font-synthesis: none;
8+
-moz-font-feature-settings: 'kern';
9+
-moz-osx-font-smoothing: grayscale;
10+
direction: ltr;
11+
text-align: left;
712
}
813

914
h1 {
10-
font-size: $base-font-size * 1.75;
15+
font-size: $base-font-size * 2;
1116
}
1217

1318
h2 {
@@ -51,7 +56,7 @@ blockquote {
5156
font-style: italic;
5257
margin: 0;
5358
font-weight: 200;
54-
font-family: $ui-font;
59+
font-family: $body-font;
5560
}
5661

5762
mark {
@@ -77,16 +82,17 @@ a:hover {
7782
}
7883

7984
.article {
80-
font-family: $content-font;
85+
font-family: $body-font;
86+
font-weight: 400;
8187
line-height: 1.6;
8288
font-size: $base-font-size;
8389

8490
h2, h3 {
85-
font-family: $ui-font;
91+
font-family: $body-font;
8692
line-height: 1.3;
8793
}
8894
h4 {
89-
font-family: $ui-font;
95+
font-family: $body-font;
9096
font-weight: 100;
9197
text-transform: uppercase;
9298
letter-spacing: 1px;
@@ -110,22 +116,23 @@ a:hover {
110116

111117
.article-title {
112118
line-height: 1.2;
113-
font-weight: 500;
119+
font-weight: 600;
114120
letter-spacing: normal;
115-
font-family: $ui-font;
121+
font-family: $body-font;
116122
overflow-x: hidden;
117123
margin-bottom: 1.1em;
118124
}
119125

120126
.article-permalink {
121-
font-family: $ui-font;
127+
font-family: $body-font;
122128
font-weight: 500;
123129
font-size: 1.15em;
124130
line-height: 1.35;
125131
}
126132

127133
figure {
128-
border: 1px solid lightslategrey;
134+
border: 1px solid #ddd;
135+
border-radius: 4px;
129136
}
130137

131138
figcaption {
@@ -136,13 +143,17 @@ figcaption {
136143
background-color: #f5f5f5;
137144
}
138145

139-
.article-pubdate, figcaption {
140-
font-family: $ui-font;
141-
letter-spacing: .0625em;
146+
figcaption {
142147
font-size: .75em;
143148
font-weight: 300;
144149
}
145150

151+
.article-pubdate {
152+
text-transform: uppercase;
153+
font-size: .75em;
154+
font-weight: 500;
155+
}
156+
146157
.article-nav-label {
147158
font-weight: 300;
148159
}

‎_sass/_variables.scss

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
// Typography
2-
$base-font-size: .9em;
2+
$base-font-size: 14pt;
33
$base-line-height: 1.5;
44

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;
5+
$body-font: -apple-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Noto Sans", "Noto", "Droid Sans", "Open Sans", "Oxygen", "Ubuntu", "Cantarell", sans-serif;
76
$code-font: "SF Mono Regular", "Roboto Mono", "Noto Mono", "Droid Mono", "Monaco", "Inconsolata", "Ubuntu Mono", "Liberation Mono", monospace;
87

98
// Colors

‎about.html

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

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

7-
<h1 class="article-title">{{ site.data.bio.handle }}. {{ site.data.bio.jobtitle }}</h1>
7+
<h1 class="article-title">{{ site.data.bio.handle }}. {{ site.data.bio.jobtitle }}.</h1>
8+
89

9-
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>
11-
11+
1212
<p>With strong roots in user interface, interaction, and experience design, I approach usability from a holistic, 'big-picture' perspective. Ranging anywhere from information architecture, to performance optimization, to hand-crafting UIs for mobile and TV, my deep fascination with the way people communicate through technology is what drives me to make things “the way they should be.”</p>
1313

1414
<p>I care about crafting content-centered, predictable, and responsive interfaces using clean, standards-based code. I design products for mobile, touch, and typography first. In my work, the questions of ‘who’ and ‘why’ <em>always</em> come before ‘what’ and ‘how’.</p>
15-
15+
1616
<p>As both a developer and designer, a huge chunk of my work focus has been on developer experience. Here are some of the highlights. </p>
1717

1818

@@ -22,7 +22,7 @@ <h2>Recent public work</h2>
2222
<li><a href="https://console.ng.bluemix.net/docs/">IBM Bluemix Docs: Design and Front-end Lead</a></li>
2323
<li><a href="http://ibm.com/design/language/experience/front-end/">IBM Design Language, Front-end Chapter: Author</a></li>
2424
</ul>
25-
25+
2626
<h2>Product Experience</h2>
2727
<ul class="career-highlights-list">
2828
<li>I’ve worked on products for IBM, Apple, GitHub, Vodafone, Honda, Whirlpool, and P&amp;G.</li>
@@ -42,7 +42,7 @@ <h2>Thought Leadership</h2>
4242

4343
<h2>Business Development and Strategy</h2>
4444
<p>I have personally proposed, led, and been involved in several enterprise partnerships, each aimed squarely at improving developer experience.</p>
45-
45+
4646
<ul class="career-highlights-list">
4747
<li><a href="https://www-03.ibm.com/press/us/en/pressrelease/49156.wss">IBM + GitHub</a></li>
4848
<li><a href="https://www.apple.com/pr/library/2014/07/15Apple-and-IBM-Forge-Global-Partnership-to-Transform-Enterprise-Mobility.html">IBM + Apple</a></li>
@@ -58,7 +58,7 @@ <h2>URLs</h2>
5858
<li><a href="https://twitter.com/kevinsuttle">Twitter.</a> Stream of consciousness.</li>
5959
<li><a href="https://dribbble.com/kevinsuttle">Dribbble</a>. Visual design and UI work samples</li>
6060
</ul>
61-
61+
6262
<h2>Get in contact</h2>
6363
<p>Interested in working with me? <a href="mailto:{{ site.data.bio.email }}">Let's talk</a>.</p>
6464

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
"version": "2.0.1",
44
"description": "Site source code files",
55
"main": "gulpfile.js",
6+
"private": true,
67
"devDependencies": {
78
"browser-sync": "2.16.0",
89
"del": "^2.2.2",

0 commit comments

Comments
 (0)