Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
jsumners committed Jan 5, 2015
1 parent 27e1323 commit 1fb6697
Show file tree
Hide file tree
Showing 7 changed files with 388 additions and 0 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
*.sublime-workspace
node_modules/
9 changes: 9 additions & 0 deletions assets/local.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
.osp {}

.ospl {
font-size: small;
}

.ospd {
margin-left: 2em;
}
40 changes: 40 additions & 0 deletions assets/overrides.css
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;
}
112 changes: 112 additions & 0 deletions assets/style.css
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;
}
176 changes: 176 additions & 0 deletions index.html
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>
9 changes: 9 additions & 0 deletions jsumners-github-io.sublime-project
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"folders":
[
{
"follow_symlinks": true,
"path": "."
}
]
}
40 changes: 40 additions & 0 deletions preview.js
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);

0 comments on commit 1fb6697

Please sign in to comment.