Skip to content
Browse files

new homepage design

  • Loading branch information...
1 parent 1ca857f commit 12dd1260ac601fd712f6408da20494ab8999baa1 @ghinch committed May 13, 2012
Showing with 255 additions and 7 deletions.
  1. +29 −0 404.html
  2. +94 −0 css/main.css
  3. +80 −7 index.html
  4. +52 −0 js/main.js
View
29 404.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Greg Hinch - Web Developer - Page Not Found</title>
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?3.5.1/build/cssfonts/cssfonts-min.css&amp;3.5.1/build/cssgrids/cssgrids-min.css&amp;3.5.1/build/cssreset/cssreset-min.css&amp;3.5.1/build/cssbase/cssbase-min.css">
+ <link rel="stylesheet" type="text/css" href="css/main.css">
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-238583-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+ </head>
+ <body class="four-oh-four">
+ <div id="content">
+ <h1>Greg Hinch</h1>
+ <h3>404 - Not found</h3>
+ <p class="intro-text">
+ I'm afraid whatever page you were looking for does not exist.
+ <br>Please return to the <a href="/" title="Home">home page</a>.
+ </p>
+ </div>
+ </body>
+</html>
View
94 css/main.css
@@ -0,0 +1,94 @@
+#content {
+ width: 85%;
+ margin: 0 auto;
+ min-width: 72em;
+ min-height: 30em;
+ font-family: Georgia, Times New Roman, serif;
+}
+
+#content > h1 {
+ text-align: center;
+ font: Georgia;
+ font-size: 350%;
+ margin-top: 1em;
+ margin-bottom: 0.5em;
+}
+
+#content > .intro-text {
+ width: 55%;
+ margin: 0 auto 3em;
+ text-align: center;
+ line-height: 1.75em;
+}
+
+#content > h2 {
+ text-align: center;
+}
+
+#content a {
+ text-decoration: none;
+ font-style: italic;
+ color: #454545;
+}
+
+#content a:hover {
+ border-bottom: 1px dashed #333;
+}
+
+#content > ul.yui3-g {
+ margin: 0 auto;
+ width: 100%;
+}
+
+#content > ul.yui3-g > li {
+ width: 24%;
+ margin: 0 0.5%;
+}
+
+#content > ul.yui3-g > li > h3 {
+ margin: 1em 1em 0;
+ border-bottom: 1px solid #000;
+}
+
+#content > ul.yui3-g > li ul {
+ list-style-type: circle;
+ margin: 0.6em 1.2em 1em;
+ padding-left: 2em;
+}
+
+#content > ul.yui3-g > li ul li {
+ line-height: 1.7em;
+}
+
+#content > ul.yui3-g > li ul li ol {
+ padding-left: 1.5em;
+ font-size: 95%;
+ margin: 0;
+ list-style: lower-roman;
+
+}
+
+#content > .footer {
+ width: 20em;
+ text-align: center;
+ position: fixed;
+ bottom: 0;
+ left: 50%;
+ margin: 0 0 1em -10em;
+ color: #999;
+ font-size: 80%;
+ font-style: italic;
+}
+
+a.contact-link {
+ font-weight: bold;
+}
+
+#github-list .lang {
+ font-size: 90%;
+ color: #888;
+}
+
+.four-oh-four h3 {
+ text-align: center;
+}
View
87 index.html
@@ -1,9 +1,82 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!doctype html>
<html>
-<head>
-<title>Test Home Page</title>
-</head>
-<body>
-Test Page
-</body>
+ <head>
+ <title>Greg Hinch - Web Developer</title>
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?3.5.1/build/cssfonts/cssfonts-min.css&amp;3.5.1/build/cssgrids/cssgrids-min.css&amp;3.5.1/build/cssreset/cssreset-min.css&amp;3.5.1/build/cssbase/cssbase-min.css">
+ <link rel="stylesheet" type="text/css" href="css/main.css">
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-238583-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+ </head>
+ <body>
+ <div id="content">
+ <h1>Greg Hinch</h1>
+ <p class="intro-text">
+ A freelance web developer and consultant living in Marin, California, I am available for work on a contract basis. I specialize in projects which use YUI. I don't do jQuery, and neither should you. Generally I am working on more than one project at a time, and currently am not accepting full time offers. For more information, please <a href="#contact" class="contact-link">contact me</a>.
+ </p>
+ <ul class="yui3-g" style="opacity:0;filter:alpha(opactiy=0);" id="lists">
+ <li class="yui3-u">
+ <h3>Technologies</h3>
+ <ul>
+ <li>Javascript (<a href="http://www.yuilibrary.com">YUI</a>)</li>
+ <li>Python (<a href="http://www.djangoproject.com">Django</a>)</li>
+ <li>PHP</li>
+ <li>CSS</li>
+ <li>HTML</li>
+ </ul>
+ </li>
+ <li class="yui3-u">
+ <h3>Github Projects</h3>
+ <ul id="github-list">
+ </ul>
+ </li>
+ <li class="yui3-u">
+ <h3>Public Works</h3>
+ <ul>
+ <li>
+ <a href="http://yuilibrary.com/gallery/user/greghinch">YUI Gallery Modules</a>
+ </li>
+ <li>
+ <a href="http://gfp.usgs.gov/beringglacierak.html">USGS Global Fiducials Program</a>
+ </li>
+ <li>
+ <a href="http://www.lastbash.com">Last Bash</a>
+ </li>
+ <li>
+ <a href="http://www.carpe-diem-coaching.com">Carpe Diem Coaching</a>
+ </li>
+ <li>Meebo Bar:
+ <ol>
+ <li><a href="https://github.com/ghinch/wordpress-meebo-bar">Wordpress Plugin</a></li>
+ <li><a href="http://drupal.org/project/meebo">Drupal Module</a></li>
+ <li><a href="http://extensions.joomla.org/extensions/social-web/social-display/toolbars/20195">Joomla Extension</a></li>
+ </ol>
+ </li>
+ </ul>
+ </li>
+ <li class="yui3-u">
+ <h3>More Info</h3>
+ <ul>
+ <li><a href="http://blog.greghinch.com">Blog</a></li>
+ <li><a href="http://www.twitter.com/greghinch">Twitter</a></li>
+ <li><a href="http://about.me/greghinch">About.me</a></li>
+ <li><a href="http://www.linkedin.com/in/greghinch">LinkedIn</a></li>
+ <li><a href="#contact" class="contact-link">Contact me</a></li>
+ </ul>
+ </li>
+
+ </ul>
+ <p class="footer">Copyright &copy; 2012 Greg Hinch</p>
+ </div>
+ <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.5.1/build/yui/yui-min.js"></script>
+ <script type="text/javascript" src="js/main.js"></script>
+ </body>
</html>
View
52 js/main.js
@@ -0,0 +1,52 @@
+YUI({
+
+}).use(
+ 'node-base',
+ 'node-event-delegate',
+ 'transition',
+ 'jsonp',
+ 'jsonp-url',
+ 'json-parse',
+ 'substitute',
+function (Y) {
+ var githubUrl = 'https://api.github.com/users/ghinch/repos?callback={callback}',
+ mainContainer = Y.one('#content'),
+ listContainer = mainContainer.one('#lists'),
+ repos = [],
+ githubServ,
+
+ REPO_TEMPLATE = '<li><a href="{html_url}">{name}</a> <span class="lang">({language})</span></li>',
+ IGNORE_REPOS = [
+ 'cfgs',
+ 'JS-Modules',
+ 'ghinch.github.com'
+ ];
+
+ mainContainer.delegate('click', function (e) {
+ e.preventDefault();
+ if (e.currentTarget.hasClass('contact-link')) {
+ window.location = 'mailto:greg@greghinch.com';
+ } else {
+ window.open(e.currentTarget.get('href'));
+ }
+ }, 'a');
+
+ function handleGithub (o) {
+ if (!o || (o.meta.status >= 400 && o.meta.status < 600)) {
+ Y.log('Request for repos failed', 'warn', 'Github');
+ return;
+ }
+
+ Y.each(o.data, function (r) {
+ if (!r.fork && !~Y.Array.indexOf(IGNORE_REPOS, r.name)) {
+ repos.push(Y.Node.create(Y.Lang.substitute(REPO_TEMPLATE, r)));
+ }
+ });
+
+ listContainer.one('#github-list').append((new Y.NodeList(repos)).toFrag());
+ listContainer.show(true);
+ }
+
+ githubService = new Y.JSONPRequest(githubUrl, handleGithub);
+ githubService.send();
+});

0 comments on commit 12dd126

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