Skip to content
Browse files

Redesign and update items

  • Loading branch information...
1 parent b0770d6 commit 30e021bac5631cc7fdb5607eafb7075258f846d5 @Kerrick committed
Showing with 353 additions and 76 deletions.
  1. BIN images/steampowered.png
  2. +81 −76 index.html
  3. +8 −0 kerrick.github.com.sublime-project
  4. +264 −0 kerrick.github.com.sublime-workspace
View
BIN images/steampowered.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
157 index.html
@@ -8,31 +8,36 @@
</style>
<style type="text/css">
body {
- background: white;
- width: 720px;
+ background: #2E5991;
+ width: 680px;
margin: 0 auto;
padding: 1em 0;
- font: 16px / 24px Arial, "Helvetica Neue", Helvetica, sans-serif;
- color: #444;
+ font: 12px / 16px "DejaVu Sans Mono", "Menlo", "Bitstream Vera Sans Mono", monospace;
+ color: #f6f3e8;
}
hgroup {
- color: #888;
+ color: #f6f3e8;
}
h1 {
- font: bold 64px / 72px Arial, "Helvetica Neue", Helvetica, sans-serif;
- color: #444;
+ font-weight: bold;
+ font-size: 48px;
+ line-height: 64px;
+ letter-spacing: -3px;
+ color: #ffffb6;
}
h1 a {
- color: #444;
+ color: #ffffb6;
text-decoration: none;
}
h1 a:hover {
text-decoration: underline;
}
h2 {
- font: bold 32px / 48px Arial, "Helvetica Neue", Helvetica, sans-serif;
- color: #888;
- border-bottom: 4px solid #888;
+ font-weight: bold;
+ font-size: 32px;
+ line-height: 48px;
+ color: #000;
+ border-bottom: 4px solid #000;
}
p {
margin-bottom: 1em;
@@ -47,35 +52,13 @@
.software > li {
float: left;
width: 298px;
- margin: 1em 20px;
+ margin: 10px;
padding: 0 9px 12px;
- border: 1px solid #fafafa;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- border-radius: 5px;
- -webkit-box-shadow: 0px 2px 8px #ccc;
- -moz-box-shadow: 0px 2px 8px #ccc;
- -o-box-shadow: 0px 2px 8px #ccc;
- box-shadow: 0px 2px 8px #ccc;
- background: #ffffff;
- background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
- background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
- background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
- background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
- background: linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
+ border: 1px solid #000;
+ background: #4e4e4e;
}
.software > li:hover {
- background: #ffffff;
- background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f4f4f4));
- background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
- background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
- background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
- background: linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
+ background: #4c4c4c;
}
.software a {
display: block;
@@ -85,38 +68,54 @@
margin: 0 -9px -14px;
}
h3 {
- font: bold 24px / 48px Arial, "Helvetica Neue", Helvetica, sans-serif;
+ font: bold 16px / 32px Arial, "Helvetica Neue", Helvetica, sans-serif;
text-align: center;
+ color: #96cbfe;
+ background: #000;
+ margin: 0 -9px 8px;
}
h4 {
- font: bold 20px / 24px Arial, "Helvetica Neue", Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 20px;
+ line-height: 24px;
+ color: #ffffb6;
}
a.big {
text-decoration: none;
- color: #444;
+ color: #f6f3e8;
}
img[height="200"] {
margin-bottom: 16px;
}
.software li li {
- list-style: disc outside;
- margin-left: 1em;
+ list-style: none;
+ margin-left: 0.5em;
+ color: #ffffb6;
+ font: 12px / 16px "DejaVu Sans Mono", "Menlo", "Bitstream Vera Sans Mono", monospace;
+ }
+ .software li li:before {
+ content: "- ";
+ }
+ p {
+ font: 14px / 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
}
abbr {
border-bottom: 1px dotted #888;
cursor: help;
+ color: #e9c062;
}
code {
- background: #ddd;
- font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
+ background: #000;
+ font-family: "DejaVu Sans Mono", "Menlo", "Bitstream Vera Sans Mono", monospace;
padding: 4px 8px;
}
pre {
- background: #ddd;
- border: 1px dashed #aaa;
+ background: #000;
+ border: 1px dashed #7c7c7c;
overflow: auto;
padding: 1px;
margin-bottom: 1em;
+ color: #ffd2a7;
}
code.bash:before {
content: "$ ";
@@ -124,6 +123,13 @@
pre code {
display: block;
}
+ em {
+ color: #a8ff60;
+ font: normal normal 12px / 16px "DejaVu Sans Mono", "Menlo", "Bitstream Vera Sans Mono", monospace;
+ }
+ .notice {
+ font: 12px / 16px "DejaVu Sans Mono", "Menlo", "Bitstream Vera Sans Mono", monospace;
+ }
</style>
<script type="text/javascript">
@@ -131,7 +137,7 @@
</head>
<body>
<hgroup>
- <p>The open source stuff of...</p>
+ <span class="intro">The open source stuff of...</span>
<h1><a href="http://github.com/Kerrick" title="View Kerrick's GitHub Profile">Kerrick Long</a></h1>
</hgroup>
<h2>JavaScript</h2>
@@ -144,9 +150,21 @@
<h4>Technologies</h4>
<ul>
<li>JavaScript</li>
- <li>Google Chrome API</l1>
+ <li>Chrome Extension API</l1>
<li><abbr title="internationalization">i18n</abbr></li>
- <li>Chrome Web Store</li>
+ </ul>
+ </a>
+ </li>
+ <li>
+ <a class="big" href="https://chrome.google.com/webstore/detail/apopkdkjmbfhmmohkhcbcnfipaiilkjb">
+ <h3>SteamPowered [aNTP]</h3>
+ <img src="images/steampowered.png" width="300" height="200" alt="SteamPowered">
+ <p>This is a widget for Awesome New Tab Page with Random Steam Game functionality.</p>
+ <h4>Technologies</h4>
+ <ul>
+ <li>JavaScript</li>
+ <li>Steam Community API</l1>
+ <li><abbr title="Awesome New Tab Page">aNTP</abbr> API</li>
</ul>
</a>
</li>
@@ -166,28 +184,7 @@
</ul>
</a>
</li>
- <!-- <li>
- <a class="big" href="http://github.com/kerrick/project-euler-ruby/">
- <h3>Project Euler Solutions</h3>
- <p>Solutions to Project Euler problems.</p>
- <h4>Technologies</h4>
- <ul>
- <li>Ruby</li>
- </ul>
- </a>
- </li>
- <li>
- <a class="big" href="https://github.com/Kerrick/ruby-koans">
- <h3>Ruby Koans Solutions</h3>
- <p>Solutions the Ruby Koans.</p>
- <h4>Technologies</h4>
- <ul>
- <li>Ruby</li>
- </ul>
- </a>
- </li> -->
</ul>
- <!-- <h2>Rails</h2> -->
<h2>Contributions to Other Projects</h2>
<ul class="software">
<li>
@@ -197,7 +194,7 @@
<p>Wrote detailed documentation for a large part of the reddit API by inspecting network traffic. <em>Earned an Open Sorcerer Trophy!</em></p>
<h4>Technologies</h4>
<ul>
- <li>Third-party APIs</li>
+ <li>Reddit API</li>
<li>Webkit Network Inspector</li>
</ul>
</a>
@@ -205,8 +202,7 @@
<li>
<a class="big" href="https://github.com/kerrick/giving.github.com">
<h3>Giving.Code</h3>
- <img src="images/giving-code.gif" width="300" height="115" alt="Hello world, how can I help?">
- <p>Recreated website for the project.</p>
+ <p>Recreated website for the project from the ground up, including new microcopy.</p>
<h4>Technologies</h4>
<ul>
<li>Twitter Bootstrap</li>
@@ -218,16 +214,26 @@
<li>
<a class="big" href="https://github.com/frankkohlhepp/fancy-settings/pull/7">
<h3>Fancy Settings</h3>
- <p>Added support to Fancy Settings for additional form elements.</p>
+ <p>Added support for additional form elements.</p>
<h4>Technologies</h4>
<ul>
<li>JavaScript</li>
</ul>
</a>
</li>
+ <li>
+ <a class="big" href="https://github.com/xijo/reverse_markdown/pull/1">
+ <h3>Reverse Markdown</h3>
+ <p>Added support for more HTML elements for markdown conversion.</p>
+ <h4>Technologies</h4>
+ <ul>
+ <li>Ruby</li>
+ </ul>
+ </a>
+ </li>
</ul>
<h2>Proprietary Stuff</h2>
- <p><em>Yeah, I know... This isn&rsquo;t open source.</em></p>
+ <em class="notice">Yeah, I know... This isn&rsquo;t open source.</em>
<ul class="software">
<li>
<a class="big" href="http://www.semo.edu/">
@@ -253,7 +259,6 @@
<li>HTML5</li>
<li>JavaScript</li>
<li>Regular Expressions</li>
- <li>Chrome Web Store</li>
</ul>
</a>
</li>
View
8 kerrick.github.com.sublime-project
@@ -0,0 +1,8 @@
+{
+ "folders":
+ [
+ {
+ "path": "/home/kerrick/github/kerrick.github.com"
+ }
+ ]
+}
View
264 kerrick.github.com.sublime-workspace
@@ -0,0 +1,264 @@
+{
+ "auto_complete":
+ {
+ "selected_items":
+ [
+ ]
+ },
+ "buffers":
+ [
+ {
+ "file": "index.html",
+ "settings":
+ {
+ "buffer_size": 9745,
+ "line_ending": "Unix"
+ }
+ }
+ ],
+ "build_system": "",
+ "command_palette":
+ {
+ "height": 266.0,
+ "selected_items":
+ [
+ [
+ "inst",
+ "Package Control: Install Package"
+ ],
+ [
+ "install",
+ "Package Control: Install Package"
+ ],
+ [
+ "Install",
+ "Package Control: Install Package"
+ ]
+ ],
+ "width": 593.0
+ },
+ "console":
+ {
+ "height": 153.0
+ },
+ "distraction_free":
+ {
+ "menu_visible": true,
+ "show_minimap": false,
+ "show_open_files": false,
+ "show_tabs": false,
+ "side_bar_visible": false,
+ "status_bar_visible": false
+ },
+ "file_history":
+ [
+ "/home/kerrick/.config/sublime-text-2/Packages/User/Preferences.sublime-settings"
+ ],
+ "find":
+ {
+ "height": 0.0
+ },
+ "find_in_files":
+ {
+ "height": 0.0,
+ "where_history":
+ [
+ ]
+ },
+ "find_state":
+ {
+ "case_sensitive": false,
+ "find_history":
+ [
+ ],
+ "highlight": true,
+ "in_selection": false,
+ "preserve_case": false,
+ "regex": false,
+ "replace_history":
+ [
+ ],
+ "reverse": false,
+ "show_context": true,
+ "use_buffer2": true,
+ "whole_word": false,
+ "wrap": true
+ },
+ "groups":
+ [
+ {
+ "selected": 0,
+ "sheets":
+ [
+ {
+ "buffer": 0,
+ "file": "index.html",
+ "settings":
+ {
+ "buffer_size": 9745,
+ "regions":
+ {
+ },
+ "selection":
+ [
+ [
+ 6445,
+ 6445
+ ]
+ ],
+ "settings":
+ {
+ "annotations":
+ [
+ "TODO",
+ "README",
+ "FIXME"
+ ],
+ "csslint_options":
+ {
+ "adjoining-classes": "warning",
+ "box-model": true,
+ "box-sizing": "warning",
+ "compatible-vendor-prefixes": "warning",
+ "display-property-grouping": true,
+ "duplicate-background-images": "warning",
+ "duplicate-properties": true,
+ "empty-rules": true,
+ "errors": true,
+ "fallback-colors": "warning",
+ "floats": "warning",
+ "font-faces": "warning",
+ "font-sizes": "warning",
+ "gradients": "warning",
+ "ids": "warning",
+ "import": "warning",
+ "important": "warning",
+ "known-properties": true,
+ "outline-none": "warning",
+ "overqualified-elements": "warning",
+ "qualified-headings": "warning",
+ "regex-selectors": "warning",
+ "rules-count": "warning",
+ "shorthand": "warning",
+ "text-indent": "warning",
+ "unique-headings": "warning",
+ "universal-selector": "warning",
+ "vendor-prefix": true,
+ "zero-units": "warning"
+ },
+ "gjslint_ignore":
+ [
+ 110
+ ],
+ "gjslint_options":
+ [
+ ],
+ "javascript_linter": "jshint",
+ "jshint_options":
+ {
+ "browser": true,
+ "evil": true,
+ "regexdash": true,
+ "sub": true,
+ "trailing": true,
+ "wsh": true
+ },
+ "pep8_ignore":
+ [
+ "E501"
+ ],
+ "perl_linter": "perlcritic",
+ "pyflakes_ignore":
+ [
+ ],
+ "pyflakes_ignore_import_*": true,
+ "sublimelinter": true,
+ "sublimelinter_delay": 0,
+ "sublimelinter_disable":
+ [
+ ],
+ "sublimelinter_executable_map":
+ {
+ },
+ "sublimelinter_fill_outlines": false,
+ "sublimelinter_gutter_marks": false,
+ "sublimelinter_notes": false,
+ "sublimelinter_objj_check_ascii": false,
+ "sublimelinter_popup_errors_on_save": false,
+ "sublimelinter_syntax_map":
+ {
+ "Python Django": "python"
+ },
+ "sublimelinter_wrap_find": true,
+ "syntax": "Packages/HTML/HTML.tmLanguage",
+ "tab_size": 2,
+ "translate_tabs_to_spaces": true
+ },
+ "translation.x": 6.0,
+ "translation.y": 3368.0,
+ "zoom_level": 1.0
+ },
+ "type": "text"
+ }
+ ]
+ }
+ ],
+ "incremental_find":
+ {
+ "height": 0.0
+ },
+ "input":
+ {
+ "height": 0.0
+ },
+ "layout":
+ {
+ "cells":
+ [
+ [
+ 0,
+ 0,
+ 1,
+ 1
+ ]
+ ],
+ "cols":
+ [
+ 0.0,
+ 1.0
+ ],
+ "rows":
+ [
+ 0.0,
+ 1.0
+ ]
+ },
+ "menu_visible": true,
+ "replace":
+ {
+ "height": 0.0
+ },
+ "save_all_on_build": true,
+ "select_file":
+ {
+ "height": 0.0,
+ "selected_items":
+ [
+ ],
+ "width": 0.0
+ },
+ "select_project":
+ {
+ "height": 0.0,
+ "selected_items":
+ [
+ ],
+ "width": 0.0
+ },
+ "show_minimap": true,
+ "show_open_files": true,
+ "show_tabs": true,
+ "side_bar_visible": true,
+ "side_bar_width": 153.0,
+ "status_bar_visible": true
+}

0 comments on commit 30e021b

Please sign in to comment.
Something went wrong with that request. Please try again.