-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
258 lines (218 loc) · 20.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!DOCTYPE html>
<html ⚡>
<head>
<meta charset="utf-8">
<meta name="pinterest" content="nopin">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="theme-color" content="#263238">
<meta name="generator" content="Hugo 0.18.1" />
<link rel="apple-touch-icon" href="http://keiththomps.com/images/logo.png">
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://keiththomps.com/index.xml">
<link rel="canonical" href="http://keiththomps.com/">
<link href="https://fonts.googleapis.com/css?family=Lobster|Lato:400,700" rel="stylesheet">
<title>Keiththomps</title>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
<style amp-custom>
html { font-size: 18px;}@media (max-width: 768px) { html { font-size: 15px; }}body { font-family: Lato,'Hiragino Kaku Gothic Pro',メイリオ,Meiryo,sans-serif; font-size: inherit; margin: 0; color: #263238;}html, body { margin: 0;}a { text-decoration: none; color: #e91e63;}p { margin: 0;}ul,ol { margin: 0; padding: 0;}h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 700;}h1 { font-size: 1.8rem; line-height: 2rem; margin: 1.5rem 0; }h2 { font-size: 1.4rem; line-height: 2rem; margin: 1.5rem 0; }h3 { font-size: 1.2rem; line-height: 1.5rem; margin: 1.5rem 0; }h4, h5, h6 { font-size: 1rem; line-height: 1.5rem; margin: 1.5rem 0; }.clearfix::after { content: ''; display: block; clear: both;}main { display: block;}/* Layouts */.l-header { padding: .5rem 0; margin-bottom: 2rem; border-bottom: 1px dashed #cfd8dc; text-align: center;}.l-footer { font-size: .8rem; padding: 1rem 0; border-top: 1px dashed #cfd8dc;}.l-container { max-width: 42rem; margin: 0 auto; padding: 0 1rem;}/* Parts:logo */.p-logo { font-family: Lobster, cursive;}.p-logo a { color: #000; font-size: 1.6rem; line-height: 2rem;}/* Parts:section */section { border-top: 2px solid #eceff1; padding: 1.5rem 0;}section>header { text-transform: uppercase; font-weight: 700; margin-bottom: 2rem; text-align: center;}section>header span { display: inline-block; background-color: #000; color: #fff; letter-spacing: 3px; font-size: .7rem; padding: .5rem .75rem;}/* Parts:facts */.p-facts { list-style: none; font-size: .8rem; margin-bottom: 1rem;}.p-facts:last-child { margin-bottom: 0;}.p-facts li { display: inline-block; margin-right: .5rem; text-transform: uppercase;}.p-facts li header { margin-bottom: .25rem; font-weight: 700;}.p-facts li header a { color: #000; text-decoration: underline;}.p-facts li li { display: inline-block; margin-right: .5rem;}.p-facts li li::after { content: ',';}.p-facts li li:last-child::after { content: '';}/* Parts:crumb */.p-crumb { list-style: none; margin-bottom: 1rem; font-size: .8rem; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.p-crumb:last-child { margin-bottom: 0;}.p-crumb li { display: inline;}.p-crumb li::after { content: '›'; margin: 0 .5rem;}.p-crumb li:last-child::after { content: '';}/* Parts:page-title */.p-page-title { margin-bottom: 2rem;}.p-page-title .title { margin-bottom: .5rem;}/* Parts:share */.p-share { margin-bottom: 1.5rem;}.p-share a { display: inline-block; text-align: center; padding: .5rem .5rem; margin-right: .25rem; font-size: .6rem; background-color: #eceff1; font-weight: 700k}.p-share a.ht { color: #00a4de; }.p-share a.fb { color: #3b5998; }.p-share a.tw { color: #1da1f2; }.p-share a.gp { color: #dd4b39; }.p-share a.ln { color: #00c300; }.p-share a.ht::before { content: 'Hatena'; }.p-share a.fb::before { content: 'Facebook'; }.p-share a.tw::before { content: 'Twitter'; }.p-share a.gp::before { content: 'Google+'; }.p-share a.ln::before { content: 'LINE'; }/* Parts:terms */.p-terms { padding-left: 2rem;}/* Parts:paginator */.p-paginator { text-align: center; margin-bottom: 3rem; padding-top: 2rem;}.p-paginator a { display: inline-block; border: 2px solid #eceff1; color: #263238; line-height: 2rem; padding: 0 1rem;}/* Parts:article */.p-articles { list-style: none;}.p-articles>li { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px dashed #cfd8dc;}.p-articles>li:last-child { border-bottom: none; padding-bottom: 0;}.p-articles.thin>li { margin-bottom: 1rem; padding-bottom: 1rem;}article .article-header { display: table-cell; height: 6rem; vertical-align: middle;}article .title { margin: 0; margin-bottom: .5rem; font-size: 1.4rem; line-height: 2rem;}article .title a { color: #000;}article .header-wrapper { margin-bottom: 1.5rem;}article .thumbnail { display: block; background-position: center; background-size: cover; background-image: url(http://keiththomps.com/images/default.jpg); width: 6rem; height: 6rem; border-radius: 50%; box-shadow: 0 0 3px 0 #333 inset; float: left; margin-right: 1rem;}article .summary { margin-bottom: 1.5rem;}article .readmore { text-align: center;}article .readmore a { font-size: .8rem; color: #000; text-decoration: underline;}article.li.sm .header-wrapper { margin-bottom: 0;}.article-body h2 { padding: 1rem 0; border-bottom: 2px solid #eceff1;}.article-body h2:first-child { margin-top: 0; }.article-body h3 { color: #cddc39;}.article-body h4 { border-left: solid .25rem #cddc39; padding: 0 .5rem;}.article-body p { margin: 1.5rem 0; line-height: 1.5rem;}.article-body a { text-decoration: underline;}.article-body ul,.article-body ol { padding-left: 1.5rem;}.article-body code { display: inline-block; font-family: Menlo, consolas, monospace; background-color: #eceff1; font-size: .8rem; padding: 0 .5rem; line-height: 1.5rem;}.article-body pre { margin: 1.5rem 0; padding: 1.5rem; font-size: .8rem; background-color: #263238; color: #fff; overflow: auto;}.article-body pre code { background-color: transparent;}.article-body blockquote { margin: 1.5rem 0; padding: .5rem 0; font-size: .8rem; border-top: 1px solid #eceff1; border-bottom: 1px solid #eceff1; color: #607d8b;}.article-body blockquote p { margin: .5rem 0; line-height: 1rem;}.article-body strong { text-decoration: underline;}.article-body em { font-weight: 700; color: #ff5722;}.article-body figure { margin: 1.5rem -2rem; }.article-body figure.left,.article-body figure.right { width: 15rem; height: 12rem; margin-top: 0; margin-left: 0; margin-right: 0;}.article-body figure.left { float: left; margin-right: 1rem; margin-left: -2rem; }.article-body figure.right { float: right; margin-left: 1rem; margin-right: -2rem; }@media (max-width: 768px) { .article-body figure { margin: 1.5rem -1rem; } .article-body figure.left, .article-body figure.right { float: none; margin: 0 -1rem; width: auto; height: auto; }}.article-body figcaption { padding: .5rem 0; font-size: .8rem; text-align: center;}.article-body figcaption a { color: #263238;}
</style>
</head>
<body>
<amp-analytics type="googleanalytics" id="analytics1">
<script type="application/json">
{
"vars": {
"account": "UA-91413800-1"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
</script>
</amp-analytics>
<header class="l-header">
<div class="l-container">
<div class="h-logo p-logo">
<a href="http://keiththomps.com/" class="h-logo">Keiththomps</a>
</div>
</div>
</header>
<main>
<div class="l-container">
<ul class="p-articles">
<li><article class="li article-7db847519b23500fb2cf65251139c8ba">
<div class="header-wrapper">
<a href="http://keiththomps.com/2016/07/30/launching-coderjourney/" class="thumbnail" title="Launching CoderJourney"></a>
<header class="article-header">
<div class="clearfix">
<h2 class="title"><a href="http://keiththomps.com/2016/07/30/launching-coderjourney/">Launching CoderJourney</a></h2>
<ul class="p-facts">
<li><time datetime="2016-07-30T21:02:55JST">Jul 30, 2016</time></li>
<li><a href="http://keiththomps.com/post/">post</a></li>
</ul>
</div>
</header>
</div>
<div class="article-body summary">I’ve been working behind the scenes for a few weeks to begin producing educational programming content, and today was the day that published my first YouTube video.
Check out the channel and tell me what you think of the first video (if you’re interested in learning about technology).
Special thanks to Ian Zainea for making the intro animation for my videos.</div>
<footer class="readmore"><a href="http://keiththomps.com/2016/07/30/launching-coderjourney/">READ MORE</a></footer>
</article>
</li><li><article class="li article-73d335e9b25df8b2370c03c16e8d2e05">
<div class="header-wrapper">
<a href="http://keiththomps.com/2016/05/21/12-week-year/" class="thumbnail" title="Reading: The 12 Week Year"></a>
<header class="article-header">
<div class="clearfix">
<h2 class="title"><a href="http://keiththomps.com/2016/05/21/12-week-year/">Reading: The 12 Week Year</a></h2>
<ul class="p-facts">
<li><time datetime="2016-05-22T00:34:52JST">May 22, 2016</time></li>
<li><a href="http://keiththomps.com/post/">post</a></li>
</ul>
</div>
</header>
</div>
<div class="article-body summary">Reading: The 12 Week Year
_The 12 Week Year_ was an interesting book for me to read because the authors used to be clients when I worked as part of BrilliantFantastic. Having now read the book, I feel like I would have been able to do so much more for Brian and Mike (and our other clients) had I read the book then. The 12 Week Year is all about execution.</div>
<footer class="readmore"><a href="http://keiththomps.com/2016/05/21/12-week-year/">READ MORE</a></footer>
</article>
</li><li><article class="li article-f98127b41f3e4f3de7b55bd1d0f9d75f">
<div class="header-wrapper">
<a href="http://keiththomps.com/2016/03/03/how-to-win-friends-and-influence-people/" class="thumbnail" title="Reading: How to Win Friends & Influence People"></a>
<header class="article-header">
<div class="clearfix">
<h2 class="title"><a href="http://keiththomps.com/2016/03/03/how-to-win-friends-and-influence-people/">Reading: How to Win Friends & Influence People</a></h2>
<ul class="p-facts">
<li><time datetime="2016-03-03T22:30:24JST">Mar 3, 2016</time></li>
<li><a href="http://keiththomps.com/post/">post</a></li>
</ul>
</div>
</header>
</div>
<div class="article-body summary">How to Win Friends & Influence People might just be my favorite book, because it’s a book that I need to keep reading. I enjoy taking the initiative and leading my endeavors, ranging from school projects to mentoring to work projects. The issue that I’ve continually run into in situations where I would lead is that the people around me wouldn’t enjoy it, and nobody wants to be the guy leading the miserable project.</div>
<footer class="readmore"><a href="http://keiththomps.com/2016/03/03/how-to-win-friends-and-influence-people/">READ MORE</a></footer>
</article>
</li><li><article class="li article-53ce83c0348ddfb104f3effe05c1dc2f">
<div class="header-wrapper">
<a href="http://keiththomps.com/2016/02/08/recovering-from-poor-planning/" class="thumbnail" title="Recovering from Poor Planning"></a>
<header class="article-header">
<div class="clearfix">
<h2 class="title"><a href="http://keiththomps.com/2016/02/08/recovering-from-poor-planning/">Recovering from Poor Planning</a></h2>
<ul class="p-facts">
<li><time datetime="2016-02-08T12:04:01JST">Feb 8, 2016</time></li>
<li><a href="http://keiththomps.com/post/">post</a></li>
</ul>
</div>
</header>
</div>
<div class="article-body summary">My goal of reading one book a week didn’t make it that far without a few hiccups. Reading Good to Great took me a day longer than I was expecting and the book I had scheduled to follow that was a pretty big technical book. I was unable to finish reading all of Programming Elixir within the week that I allotted for it.
Poor Planning of a Good Goal Normally, this would be the point where people would throw in the towel on a New Year’s resolution because they’ve already “failed”, but it shows me that I did a poor job of planning a reasonable goal.</div>
<footer class="readmore"><a href="http://keiththomps.com/2016/02/08/recovering-from-poor-planning/">READ MORE</a></footer>
</article>
</li><li><article class="li article-0803d5136c44cc24ea107029b869e53f">
<div class="header-wrapper">
<a href="http://keiththomps.com/2016/01/31/good-to-great/" class="thumbnail" title="Reading: Good to Great"></a>
<header class="article-header">
<div class="clearfix">
<h2 class="title"><a href="http://keiththomps.com/2016/01/31/good-to-great/">Reading: Good to Great</a></h2>
<ul class="p-facts">
<li><time datetime="2016-02-01T00:12:23JST">Feb 1, 2016</time></li>
<li><a href="http://keiththomps.com/post/">post</a></li>
</ul>
</div>
</header>
</div>
<div class="article-body summary">Good to Great is one of the business books that I’ve heard many people talk about and since Kendra had to read some of it in college, we happened to have a copy lying around. I haven’t read many business books, but I really enjoy talking to entrepreneurs and business people because their world is so different from my own. This puts me in the place of the constant student; there’s always something that I can learn from those in business.</div>
<footer class="readmore"><a href="http://keiththomps.com/2016/01/31/good-to-great/">READ MORE</a></footer>
</article>
</li><li><article class="li article-42b4ca1b9ad0ac384c1045aa497879c1">
<div class="header-wrapper">
<a href="http://keiththomps.com/2016/01/23/the-school-of-greatness/" class="thumbnail" title="Reading: The School of Greatness"></a>
<header class="article-header">
<div class="clearfix">
<h2 class="title"><a href="http://keiththomps.com/2016/01/23/the-school-of-greatness/">Reading: The School of Greatness</a></h2>
<ul class="p-facts">
<li><time datetime="2016-01-23T15:47:51JST">Jan 23, 2016</time></li>
<li><a href="http://keiththomps.com/post/">post</a></li>
</ul>
</div>
</header>
</div>
<div class="article-body summary">The School of Greatness is Lewis Howe’s study of numerous successful people who embody his definition of greatness. The investigation of the similarities and shared features of these people gives insight into some habits that are truly beneficial. I love this kind of book, being able to learn from the experiences of others is something that I can’t get enough of. Is this Recommended Reading? Yes.
Being the first book of the week, I’m trying not to look at this book through rose colored glasses, but that being said I really enjoyed this book.</div>
<footer class="readmore"><a href="http://keiththomps.com/2016/01/23/the-school-of-greatness/">READ MORE</a></footer>
</article>
</li><li><article class="li article-d080b256cd214e07152e2e1ed200e1d4">
<div class="header-wrapper">
<a href="http://keiththomps.com/reading-continually/" class="thumbnail" title="Reading: Continuous Learning"></a>
<header class="article-header">
<div class="clearfix">
<h2 class="title"><a href="http://keiththomps.com/reading-continually/">Reading: Continuous Learning</a></h2>
<ul class="p-facts">
<li><time datetime="2016-01-16T15:26:14JST">Jan 16, 2016</time></li>
</ul>
</div>
</header>
</div>
<div class="article-body summary">Reading is a great way to learn. One of my goals is to constantly be learning and teaching. For me to achieve this goal I can’t be content to sit around and do the same thing every day. I need to be exposing myself to thoughts that are not necessarily my own and listening to others to glean insights from them.
I’m going to read one book per week and post my notes from the book to keiththomps.</div>
<footer class="readmore"><a href="http://keiththomps.com/reading-continually/">READ MORE</a></footer>
</article>
</li><li><article class="li article-2488d3af2fd27428e784cf8520f42ccc">
<div class="header-wrapper">
<a href="http://keiththomps.com/2015/10/11/my-testimony/" class="thumbnail" title="Taking a Look at My Life Turns"></a>
<header class="article-header">
<div class="clearfix">
<h2 class="title"><a href="http://keiththomps.com/2015/10/11/my-testimony/">Taking a Look at My Life Turns</a></h2>
<ul class="p-facts">
<li><time datetime="2015-10-11T10:58:37JST">Oct 11, 2015</time></li>
<li><a href="http://keiththomps.com/post/">post</a></li>
</ul>
</div>
</header>
</div>
<div class="article-body summary">At church, we’ve been talking about how our own stories matter. Each one of us has a story that is unique and telling that story is one of the greatest things that we can do. By telling our own stories, we give others the chance to learn from our past experiences or to wonder about something that they’ve never experienced. As a church, we’ve been digging into what makes a good story (literarily speaking).</div>
<footer class="readmore"><a href="http://keiththomps.com/2015/10/11/my-testimony/">READ MORE</a></footer>
</article>
</li><li><article class="li article-33088f13af41fd28163068317ddf9218">
<div class="header-wrapper">
<a href="http://keiththomps.com/2014/01/12/budget-see-values/" class="thumbnail" title="Budget to See Your Values"></a>
<header class="article-header">
<div class="clearfix">
<h2 class="title"><a href="http://keiththomps.com/2014/01/12/budget-see-values/">Budget to See Your Values</a></h2>
<ul class="p-facts">
<li><time datetime="2014-01-13T00:48:17JST">Jan 13, 2014</time></li>
<li><a href="http://keiththomps.com/post/">post</a></li>
</ul>
</div>
</header>
</div>
<div class="article-body summary">After a hectic few months of being married (since Oct 26), my wife and I finally
sat down to write out our budget. I get a lot of comfort out of having a budget
and feeling like I’m incontrol of my money. This was not my first time making a
budget, but it made me think about how budgeting has really changed my life.
It’s shown me what I apparently care about and allowed me to adjust accordingly.</div>
<footer class="readmore"><a href="http://keiththomps.com/2014/01/12/budget-see-values/">READ MORE</a></footer>
</article>
</li>
</ul>
</div>
</main>
<footer class="l-footer">
<div class="l-container">
<p><span class="h-logo">© Keiththomps</span></p>
<aside>
<p>Powered by <a href="https://gohugo.io/">Hugo</a>.</p>
<p><a href="https://github.com/dim0627/hugo_theme_aglaus" class="h-logo">Aglaus</a> designed by <a href="http://yet.unresolved.xyz/">Daisuke Tsuji</a>.</p>
</aside>
</div>
</footer>
<a href="#" class="p-movetop" title="ページ上部へ戻る" rel="nofollow"></a>
</body>
</html>