-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
388 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
*.sublime-workspace | ||
node_modules/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
.osp {} | ||
|
||
.ospl { | ||
font-size: small; | ||
} | ||
|
||
.ospd { | ||
margin-left: 2em; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,40 @@ | ||
/* http://www.cssnewbie.com/six-ways-style-blockquotes/#.VKldG6dgsfM */ | ||
/* http://www.google.com/fonts#ChoosePlace:select/Collection:Parisienne|Tangerine|Pinyon+Script|Cinzel|Italianno */ | ||
@import url(http://fonts.googleapis.com/css?family=Parisienne|Cinzel|Merriweather|Mandali); | ||
@import url(http://fonts.googleapis.com/css?family=Alegreya:400italic,700italic,400,700); | ||
|
||
blockquote { | ||
border-left: 1px dashed #999; | ||
font-family: sans-serif; | ||
margin: 1em 2em 2em; | ||
padding-left: 1em; | ||
} | ||
|
||
blockquote p:first-letter { | ||
float: left; | ||
/*font-family: "Monotype Corsiva", "Apple Chancery", fantasy;*/ | ||
font-family: "Parisienne", fantasy; | ||
font-size: 240%; | ||
font-weight: bold; | ||
margin-right: 0.2em; | ||
/*margin: -.2em .3em .1em 0;*/ | ||
} | ||
|
||
blockquote p:first-line { | ||
font-variant: small-caps; | ||
font-family: "Cinzel"; | ||
font-size: 110%; | ||
line-height: 1.3em; | ||
} | ||
|
||
h1 { | ||
font-family: "Merriweather"; | ||
font-size: 300%; | ||
letter-spacing: 0.1em; | ||
} | ||
|
||
p { | ||
font-family: "Alegreya"; | ||
font-size: 115%; | ||
font-weight: 400; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,112 @@ | ||
@charset "utf-8"; | ||
|
||
/** | ||
* markdown.css | ||
* | ||
* This program is free software: you can redistribute it and/or modify it under | ||
* the terms of the GNU Lesser General Public License as published by the Free | ||
* Software Foundation, either version 3 of the License, or (at your option) any | ||
* later version. | ||
* | ||
* This program is distributed in the hope that it will be useful, but WITHOUT | ||
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS | ||
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more | ||
* details. | ||
* | ||
* You should have received a copy of the GNU Lesser General Public License | ||
* along with this program. If not, see http://gnu.org/licenses/lgpl.txt. | ||
* | ||
* @project Weblog and Open Source Projects of Florian Wolters | ||
* @version GIT: $Id$ | ||
* @package xhtml-css | ||
* @author Florian Wolters <florian.wolters.85@googlemail.com> | ||
* @copyright 2012 Florian Wolters | ||
* @cssdoc version 1.0-pre | ||
* @license http://gnu.org/licenses/lgpl.txt GNU Lesser General Public License | ||
* @link http://github.com/FlorianWolters/jekyll-bootstrap-theme | ||
* @media all | ||
* @valid true | ||
*/ | ||
|
||
body { | ||
font-family: Helvetica, Arial, Freesans, clean, sans-serif; | ||
padding:1em; | ||
margin:auto; | ||
max-width:42em; | ||
background:#fefefe; | ||
} | ||
|
||
h1, h2, h3, h4, h5, h6 { | ||
font-weight: bold; | ||
} | ||
|
||
h1 { | ||
color: #000000; | ||
font-size: 28px; | ||
} | ||
|
||
h2 { | ||
border-bottom: 1px solid #CCCCCC; | ||
color: #000000; | ||
font-size: 24px; | ||
} | ||
|
||
h3 { | ||
font-size: 18px; | ||
} | ||
|
||
h4 { | ||
font-size: 16px; | ||
} | ||
|
||
h5 { | ||
font-size: 14px; | ||
} | ||
|
||
h6 { | ||
color: #777777; | ||
background-color: inherit; | ||
font-size: 14px; | ||
} | ||
|
||
hr { | ||
height: 0.2em; | ||
border: 0; | ||
color: #CCCCCC; | ||
background-color: #CCCCCC; | ||
} | ||
|
||
p, blockquote, ul, ol, dl, li, table, pre { | ||
margin: 15px 0; | ||
} | ||
|
||
code, pre { | ||
border-radius: 3px; | ||
background-color: #F8F8F8; | ||
color: inherit; | ||
} | ||
|
||
code { | ||
border: 1px solid #EAEAEA; | ||
margin: 0 2px; | ||
padding: 0 5px; | ||
} | ||
|
||
pre { | ||
border: 1px solid #CCCCCC; | ||
line-height: 1.25em; | ||
overflow: auto; | ||
padding: 6px 10px; | ||
} | ||
|
||
pre > code { | ||
border: 0; | ||
margin: 0; | ||
padding: 0; | ||
} | ||
|
||
a, a:visited { | ||
color: #4183C4; | ||
background-color: inherit; | ||
text-decoration: none; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,176 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> | ||
<meta name="author" content="James Sumners"> | ||
|
||
<title>James Sumners: Technical Profile</title> | ||
|
||
<!--[if lt IE 9]> | ||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | ||
<![endif]--> | ||
|
||
<link rel="stylesheet" href="assets/style.css"> | ||
<link rel="stylesheet" href="assets/overrides.css"> | ||
<link rel="stylesheet" href="assets/local.css"> | ||
|
||
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> | ||
</head> | ||
<body> | ||
|
||
<header> | ||
<h1>James Sumners</h1> | ||
|
||
<blockquote> | ||
<p> | ||
A well rounded Linux administrator and web developer. Adept at | ||
everything from network operations and OS administration to server-side | ||
and client-side development. | ||
</p> | ||
</blockquote> | ||
|
||
<p> | ||
§ <strong>Curriculum Vitae:</strong> (coming soon) | ||
<!-- | ||
<a href="/cv/resume.html">html</a>, <a href="/cv/resume.pdf">pdf</a>, | ||
<a href="/cv/resume.rtf">rtf</a>, <a href="/cv/resume.docx">docx</a>, | ||
<a href="/cv/resume.md">md</a> | ||
--> | ||
</p> | ||
</header> | ||
|
||
<hr> | ||
|
||
<main> | ||
<section> | ||
<h2 id="introduction">Introduction</h2> | ||
|
||
<p> | ||
I am a self-taught programmer and Linux administrator. I started | ||
programming at 13 with BASIC, and have taught myself multiple languages | ||
such as: <em>C</em>, <em>C#</em>, <em>Objective-C</em>, | ||
<em>JavaScript</em>, <em>Python</em> and <em>Java</em>. My current | ||
favorite language is JavaScript. It clearly has idosyncracies, but I | ||
really enjoy the flexibility of the prototypal inheritance and first | ||
class functions. | ||
</p> | ||
|
||
<p> | ||
Outside of JavaScript, the language I work in the most lately is Java. | ||
Dealing with an Oracle database is much easier in Java than other | ||
languages, and the programs I write at work require such. I do like the | ||
strong typing of Java, though. It’s nice to have the guarantee that data | ||
will conform to a predefined structure. Still, I tend to have more fun in | ||
a weakly typed language like JavaScript. | ||
</p> | ||
|
||
<p> | ||
I started getting into Linux when I was 17 or 18. I believe I started | ||
with SuSE 5.2, but the first distribution I really spent significant time | ||
with was Debian 2.1 (Slink). By the time Debian 3.0 (Woody) was released, | ||
I was using Linux full-time as my desktop operating system. Nowadays, I | ||
manage many Red Hat Enterprise Linux servers, for which I build barebones | ||
kickstart profiles and package RPMs as necessary. | ||
</p> | ||
</section> | ||
|
||
<section> | ||
<h2 id="ideal-position">Ideal Position</h2> | ||
|
||
<p> | ||
While my most developed skill set is in the Linux administration domain, | ||
my ideal position would be on a small(ish) team doing interesting web | ||
development. I would love to work with a designer, or two, implementing | ||
their ideas in a Node.js environment. I’d like to work from home most | ||
days, but gather with the team at least a couple times per month for | ||
in-person collaborative work. | ||
</p> | ||
|
||
<p> | ||
I think it would also be fun to work on phone applications. | ||
Specifically, iOS applications. I’d love to get back into Objective-C or | ||
even Apple’s new language, Swift (I’ve played with it and it’s rather | ||
nice). | ||
</p> | ||
</section> | ||
|
||
|
||
<section> | ||
<h2 id="open-source-projects">Open Source Projects</h2> | ||
|
||
<p> | ||
Listed here are a few highlights of open source projects I have created, | ||
or contributed to, in my free time: | ||
</p> | ||
|
||
<div class="osp"> | ||
<p> | ||
<strong>Goji</strong> | ||
<span class="ospl"> | ||
[<a href="https://github.com/jsumners/goji">github</a>] | ||
</span> | ||
</p> | ||
|
||
<div class="ospd"> | ||
<p> | ||
<em>Goji</em> is a <a href="http://nodejs.org/">Node.js</a> template | ||
engine for HTML documents. It was inspired by the Java HTML template | ||
engine <a href="http://www.thymeleaf.org/">Thymeleaf</a>. | ||
</p> | ||
<p> | ||
I created this project because I couldn’t find a template engine for | ||
Node.js that I liked. I wanted a template language that is fully | ||
legitimate HTML. | ||
</p> | ||
</div> | ||
</div> | ||
|
||
<div class="osp"> | ||
<p> | ||
<strong>Thymeleaf Layout Interceptor</strong> | ||
<span class="ospl"> | ||
[<a href="https://github.com/jsumners/thymeleaf-layout-interceptor">github</a>] | ||
</span> | ||
</p> | ||
|
||
<div class="ospd"> | ||
<p> | ||
<em>Thymeleaf Layout Interceptor</em> is a | ||
<a href="http://spring.io/">Spring</a> request interceptor that | ||
facilitates using a Thymeleaf template as a layout definition. | ||
</p> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
</main> | ||
|
||
<footer> | ||
<style scoped> | ||
a.fa, a.fa:visited { | ||
color: #444; | ||
margin-left: 3px; | ||
} | ||
|
||
a.fa:hover { | ||
color: #222; | ||
} | ||
|
||
footer { | ||
border-top: 2px solid #ccc; | ||
margin-top: 3em; | ||
padding-top: 5px; | ||
text-align: right; | ||
} | ||
</style> | ||
|
||
<a href="mailto:james.sumners@gmail.com" class="fa fa-2x fa-envelope"></a> | ||
<a href="https://github.com/jsumners" class="fa fa-2x fa-github"></a> | ||
<a href="https://bitbucket.org/jsumners" class="fa fa-2x fa-bitbucket"></a> | ||
<a href="http://stackoverflow.com/users/7979/jsumners" class="fa fa-2x fa-stack-overflow"></a> | ||
<a href="http://stackexchange.com/users/5078/jsumners" class="fa fa-2x fa-stack-exchange"></a> | ||
<a href="http://www.linkedin.com/pub/james-sumners" class="fa fa-2x fa-linkedin"></a> | ||
</footer> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
{ | ||
"folders": | ||
[ | ||
{ | ||
"follow_symlinks": true, | ||
"path": "." | ||
} | ||
] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,40 @@ | ||
'use strict'; | ||
|
||
// A simple web server for previewing the site locally | ||
|
||
var http = require('http'); | ||
var fs = require('fs'); | ||
|
||
var server = http.createServer(function requestHandler(request, response) { | ||
if (request.method === 'GET') { | ||
var requestFile = (request.url === '/') ? | ||
'./index.html' : '.' + request.url; | ||
|
||
fs.readFile(requestFile, null, function fileRead(err, data) { | ||
if (err) { | ||
response.writeHead(500); | ||
response.end(JSON.stringify(err)); | ||
return; | ||
} | ||
|
||
if (requestFile.indexOf('.html') > -1) { | ||
response.writeHead(200, { | ||
'content-type': 'text/html' | ||
}); | ||
} else if (requestFile.indexOf('.css') > -1) { | ||
response.writeHead(200, { | ||
'content-type': 'text/css' | ||
}); | ||
} else { | ||
response.writeHead(200); | ||
} | ||
response.end(data); | ||
}); | ||
} | ||
}); | ||
|
||
server.on('clientError', function errorHandler(ex, socket) { | ||
console.log(ex); | ||
}); | ||
|
||
server.listen(8080); |