Skip to content

Commit 1fb6697

Browse files
committed
Initial commit
1 parent 27e1323 commit 1fb6697

7 files changed

Lines changed: 388 additions & 0 deletions

File tree

.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
*.sublime-workspace
2+
node_modules/

assets/local.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.osp {}
2+
3+
.ospl {
4+
font-size: small;
5+
}
6+
7+
.ospd {
8+
margin-left: 2em;
9+
}

assets/overrides.css

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
/* http://www.cssnewbie.com/six-ways-style-blockquotes/#.VKldG6dgsfM */
2+
/* http://www.google.com/fonts#ChoosePlace:select/Collection:Parisienne|Tangerine|Pinyon+Script|Cinzel|Italianno */
3+
@import url(http://fonts.googleapis.com/css?family=Parisienne|Cinzel|Merriweather|Mandali);
4+
@import url(http://fonts.googleapis.com/css?family=Alegreya:400italic,700italic,400,700);
5+
6+
blockquote {
7+
border-left: 1px dashed #999;
8+
font-family: sans-serif;
9+
margin: 1em 2em 2em;
10+
padding-left: 1em;
11+
}
12+
13+
blockquote p:first-letter {
14+
float: left;
15+
/*font-family: "Monotype Corsiva", "Apple Chancery", fantasy;*/
16+
font-family: "Parisienne", fantasy;
17+
font-size: 240%;
18+
font-weight: bold;
19+
margin-right: 0.2em;
20+
/*margin: -.2em .3em .1em 0;*/
21+
}
22+
23+
blockquote p:first-line {
24+
font-variant: small-caps;
25+
font-family: "Cinzel";
26+
font-size: 110%;
27+
line-height: 1.3em;
28+
}
29+
30+
h1 {
31+
font-family: "Merriweather";
32+
font-size: 300%;
33+
letter-spacing: 0.1em;
34+
}
35+
36+
p {
37+
font-family: "Alegreya";
38+
font-size: 115%;
39+
font-weight: 400;
40+
}

assets/style.css

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
@charset "utf-8";
2+
3+
/**
4+
* markdown.css
5+
*
6+
* This program is free software: you can redistribute it and/or modify it under
7+
* the terms of the GNU Lesser General Public License as published by the Free
8+
* Software Foundation, either version 3 of the License, or (at your option) any
9+
* later version.
10+
*
11+
* This program is distributed in the hope that it will be useful, but WITHOUT
12+
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
13+
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
14+
* details.
15+
*
16+
* You should have received a copy of the GNU Lesser General Public License
17+
* along with this program. If not, see http://gnu.org/licenses/lgpl.txt.
18+
*
19+
* @project Weblog and Open Source Projects of Florian Wolters
20+
* @version GIT: $Id$
21+
* @package xhtml-css
22+
* @author Florian Wolters <florian.wolters.85@googlemail.com>
23+
* @copyright 2012 Florian Wolters
24+
* @cssdoc version 1.0-pre
25+
* @license http://gnu.org/licenses/lgpl.txt GNU Lesser General Public License
26+
* @link http://github.com/FlorianWolters/jekyll-bootstrap-theme
27+
* @media all
28+
* @valid true
29+
*/
30+
31+
body {
32+
font-family: Helvetica, Arial, Freesans, clean, sans-serif;
33+
padding:1em;
34+
margin:auto;
35+
max-width:42em;
36+
background:#fefefe;
37+
}
38+
39+
h1, h2, h3, h4, h5, h6 {
40+
font-weight: bold;
41+
}
42+
43+
h1 {
44+
color: #000000;
45+
font-size: 28px;
46+
}
47+
48+
h2 {
49+
border-bottom: 1px solid #CCCCCC;
50+
color: #000000;
51+
font-size: 24px;
52+
}
53+
54+
h3 {
55+
font-size: 18px;
56+
}
57+
58+
h4 {
59+
font-size: 16px;
60+
}
61+
62+
h5 {
63+
font-size: 14px;
64+
}
65+
66+
h6 {
67+
color: #777777;
68+
background-color: inherit;
69+
font-size: 14px;
70+
}
71+
72+
hr {
73+
height: 0.2em;
74+
border: 0;
75+
color: #CCCCCC;
76+
background-color: #CCCCCC;
77+
}
78+
79+
p, blockquote, ul, ol, dl, li, table, pre {
80+
margin: 15px 0;
81+
}
82+
83+
code, pre {
84+
border-radius: 3px;
85+
background-color: #F8F8F8;
86+
color: inherit;
87+
}
88+
89+
code {
90+
border: 1px solid #EAEAEA;
91+
margin: 0 2px;
92+
padding: 0 5px;
93+
}
94+
95+
pre {
96+
border: 1px solid #CCCCCC;
97+
line-height: 1.25em;
98+
overflow: auto;
99+
padding: 6px 10px;
100+
}
101+
102+
pre > code {
103+
border: 0;
104+
margin: 0;
105+
padding: 0;
106+
}
107+
108+
a, a:visited {
109+
color: #4183C4;
110+
background-color: inherit;
111+
text-decoration: none;
112+
}

index.html

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
6+
<meta name="author" content="James Sumners">
7+
8+
<title>James Sumners: Technical Profile</title>
9+
10+
<!--[if lt IE 9]>
11+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
12+
<![endif]-->
13+
14+
<link rel="stylesheet" href="assets/style.css">
15+
<link rel="stylesheet" href="assets/overrides.css">
16+
<link rel="stylesheet" href="assets/local.css">
17+
18+
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
19+
</head>
20+
<body>
21+
22+
<header>
23+
<h1>James Sumners</h1>
24+
25+
<blockquote>
26+
<p>
27+
A well rounded Linux administrator and web developer. Adept at
28+
everything from network operations and OS administration to server-side
29+
and client-side development.
30+
</p>
31+
</blockquote>
32+
33+
<p>
34+
§ <strong>Curriculum Vitae:</strong> (coming soon)
35+
<!--
36+
<a href="/cv/resume.html">html</a>, <a href="/cv/resume.pdf">pdf</a>,
37+
<a href="/cv/resume.rtf">rtf</a>, <a href="/cv/resume.docx">docx</a>,
38+
<a href="/cv/resume.md">md</a>
39+
-->
40+
</p>
41+
</header>
42+
43+
<hr>
44+
45+
<main>
46+
<section>
47+
<h2 id="introduction">Introduction</h2>
48+
49+
<p>
50+
I am a self-taught programmer and Linux administrator. I started
51+
programming at 13 with BASIC, and have taught myself multiple languages
52+
such as: <em>C</em>, <em>C#</em>, <em>Objective-C</em>,
53+
<em>JavaScript</em>, <em>Python</em> and <em>Java</em>. My current
54+
favorite language is JavaScript. It clearly has idosyncracies, but I
55+
really enjoy the flexibility of the prototypal inheritance and first
56+
class functions.
57+
</p>
58+
59+
<p>
60+
Outside of JavaScript, the language I work in the most lately is Java.
61+
Dealing with an Oracle database is much easier in Java than other
62+
languages, and the programs I write at work require such. I do like the
63+
strong typing of Java, though. It’s nice to have the guarantee that data
64+
will conform to a predefined structure. Still, I tend to have more fun in
65+
a weakly typed language like JavaScript.
66+
</p>
67+
68+
<p>
69+
I started getting into Linux when I was 17 or 18. I believe I started
70+
with SuSE 5.2, but the first distribution I really spent significant time
71+
with was Debian 2.1 (Slink). By the time Debian 3.0 (Woody) was released,
72+
I was using Linux full-time as my desktop operating system. Nowadays, I
73+
manage many Red Hat Enterprise Linux servers, for which I build barebones
74+
kickstart profiles and package RPMs as necessary.
75+
</p>
76+
</section>
77+
78+
<section>
79+
<h2 id="ideal-position">Ideal Position</h2>
80+
81+
<p>
82+
While my most developed skill set is in the Linux administration domain,
83+
my ideal position would be on a small(ish) team doing interesting web
84+
development. I would love to work with a designer, or two, implementing
85+
their ideas in a Node.js environment. I’d like to work from home most
86+
days, but gather with the team at least a couple times per month for
87+
in-person collaborative work.
88+
</p>
89+
90+
<p>
91+
I think it would also be fun to work on phone applications.
92+
Specifically, iOS applications. I’d love to get back into Objective-C or
93+
even Apple’s new language, Swift (I’ve played with it and it’s rather
94+
nice).
95+
</p>
96+
</section>
97+
98+
99+
<section>
100+
<h2 id="open-source-projects">Open Source Projects</h2>
101+
102+
<p>
103+
Listed here are a few highlights of open source projects I have created,
104+
or contributed to, in my free time:
105+
</p>
106+
107+
<div class="osp">
108+
<p>
109+
<strong>Goji</strong>
110+
<span class="ospl">
111+
[<a href="https://github.com/jsumners/goji">github</a>]
112+
</span>
113+
</p>
114+
115+
<div class="ospd">
116+
<p>
117+
<em>Goji</em> is a <a href="http://nodejs.org/">Node.js</a> template
118+
engine for HTML documents. It was inspired by the Java HTML template
119+
engine <a href="http://www.thymeleaf.org/">Thymeleaf</a>.
120+
</p>
121+
<p>
122+
I created this project because I couldn’t find a template engine for
123+
Node.js that I liked. I wanted a template language that is fully
124+
legitimate HTML.
125+
</p>
126+
</div>
127+
</div>
128+
129+
<div class="osp">
130+
<p>
131+
<strong>Thymeleaf Layout Interceptor</strong>
132+
<span class="ospl">
133+
[<a href="https://github.com/jsumners/thymeleaf-layout-interceptor">github</a>]
134+
</span>
135+
</p>
136+
137+
<div class="ospd">
138+
<p>
139+
<em>Thymeleaf Layout Interceptor</em> is a
140+
<a href="http://spring.io/">Spring</a> request interceptor that
141+
facilitates using a Thymeleaf template as a layout definition.
142+
</p>
143+
</div>
144+
</div>
145+
</section>
146+
147+
</main>
148+
149+
<footer>
150+
<style scoped>
151+
a.fa, a.fa:visited {
152+
color: #444;
153+
margin-left: 3px;
154+
}
155+
156+
a.fa:hover {
157+
color: #222;
158+
}
159+
160+
footer {
161+
border-top: 2px solid #ccc;
162+
margin-top: 3em;
163+
padding-top: 5px;
164+
text-align: right;
165+
}
166+
</style>
167+
168+
<a href="mailto:james.sumners@gmail.com" class="fa fa-2x fa-envelope"></a>
169+
<a href="https://github.com/jsumners" class="fa fa-2x fa-github"></a>
170+
<a href="https://bitbucket.org/jsumners" class="fa fa-2x fa-bitbucket"></a>
171+
<a href="http://stackoverflow.com/users/7979/jsumners" class="fa fa-2x fa-stack-overflow"></a>
172+
<a href="http://stackexchange.com/users/5078/jsumners" class="fa fa-2x fa-stack-exchange"></a>
173+
<a href="http://www.linkedin.com/pub/james-sumners" class="fa fa-2x fa-linkedin"></a>
174+
</footer>
175+
</body>
176+
</html>

jsumners-github-io.sublime-project

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"folders":
3+
[
4+
{
5+
"follow_symlinks": true,
6+
"path": "."
7+
}
8+
]
9+
}

preview.js

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
'use strict';
2+
3+
// A simple web server for previewing the site locally
4+
5+
var http = require('http');
6+
var fs = require('fs');
7+
8+
var server = http.createServer(function requestHandler(request, response) {
9+
if (request.method === 'GET') {
10+
var requestFile = (request.url === '/') ?
11+
'./index.html' : '.' + request.url;
12+
13+
fs.readFile(requestFile, null, function fileRead(err, data) {
14+
if (err) {
15+
response.writeHead(500);
16+
response.end(JSON.stringify(err));
17+
return;
18+
}
19+
20+
if (requestFile.indexOf('.html') > -1) {
21+
response.writeHead(200, {
22+
'content-type': 'text/html'
23+
});
24+
} else if (requestFile.indexOf('.css') > -1) {
25+
response.writeHead(200, {
26+
'content-type': 'text/css'
27+
});
28+
} else {
29+
response.writeHead(200);
30+
}
31+
response.end(data);
32+
});
33+
}
34+
});
35+
36+
server.on('clientError', function errorHandler(ex, socket) {
37+
console.log(ex);
38+
});
39+
40+
server.listen(8080);

0 commit comments

Comments
 (0)