Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

new homepage

  • Loading branch information...
commit 67c56b2bddf63a5814b94128d5f44c02fab7ce0e 1 parent 8f2497f
@thomasdavis authored
View
2  css/styles.css
@@ -1,4 +1,2 @@
@import url("normalize.css");
-@import url("grid.css");
-@import url("icons.css");
@import url("theme.css");
View
137 css/theme.css
@@ -1,70 +1,91 @@
body {
- background: #444 url(../img/nami.png);
font-size: 15px;
font-family: Arial;
- color: #888;
-}
-.wrapper {
- background: #fff;
- min-height: 400px;
- border-radius: 4px;
+ color: #ebebeb;
+ background: #7e929f;
}
.container {
- background: #111;
+ width: 960px;
+ margin: auto;
+}
+.bio-container {
+}
+.bio {
+ background: #005f98;
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ padding: 20px;
+}
+.bio h1 {
+ padding: 0;
+ margin: 0;
+}
+.panel-heading {
+ background: #60849a;
+ margin-top: 20px;
+ padding: 20px;
+ border-radius: 6px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.projects-container {
+}
+.projects {
+ background: #6b8da1;
+ margin-left: 20px;
+ margin-right: 20px;
+ margin-top: 20px;
+ padding: 20px;
+ border-radius: 6px;
+}
+.last {
+ margin-right: 0 !important;
+}
+.project-container {
+ background: #3c779a;
+ min-height: 200px;
+ border-radius: 6px;
+ float: left;
+ width: 280px;
+ margin-right: 20px;
+ margin-bottom: 20px;
+}
+.project {
+ padding: 20px;
}
-.header {
+
+.project-heading {
+ font-size: 16px;
+ font-weight: bold;
+ margin-bottom:10px;
}
-.page {
+.project-description {
+ font-size: 11px;
+ margin-bottom: 20px;
+ height: 52px;
}
-.footer {
+.project-screenshot {
+ width: 238px;
+ height: 158px;
+ border: 1px solid #6b8da1;
+ opacity: 0.8;
}
-
-h1 a {
- color: #fff;
-
- text-decoration: none;
-}
-h1 a:visited {
- color: #fff;
-}
-.twitter-follow-button {
- margin-left: 40px;
-}
-.categoryHeading {
- background: #2c3d82;
- padding: 5px;
- color: #fff;
- padding-left: 10px;
- border-radius: 1px;
- border-radius: 4px;
-}
-.personalHeading {
- border-radius: 1px;
- background: #ffbb00;
- padding: 5px;
- color: #fff;
- border-radius: 4px;
-}
-.project h3 {
- text-align: center;
- color: #888;
-}
-.project img {
- width: 100%;
- border: 1px solid #ebebeb;
- height: 200px;
- opacity: 0.6;
-}
-.project img:hover {
- opacity: 1.0;
-}
-.posts {
- list-style: none;
-}
-.posts a {
- color: #3e9ae0;
+.project:hover .project-screenshot {
+ opacity: 1;
}
-.posts a:hover {
- color: #444;
+.kaleistyleguide {
+ background: url("../img/kaleistyleguide.png");
+}
+.backboneboilerplate {
+ background: url("../img/backboneboilerplate.png");
+}
+.backbonetutorials {
+ background: url("../img/backbonetutorials.png");
+}
+.cdnjs {
+ background: url("../img/cdnjs.png");
}
+.protosal {
+ background: url("../img/protosal.png");
+}
View
BIN  img/backboneboilerplate.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/backbonetutorials.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/cdnjs.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/kaleistyleguide.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/protosal.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
104 index.html
@@ -1,4 +1,106 @@
-Under construction
+
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
+<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
+<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+
+ <title>Thomas Davis - Web Developer</title>
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <meta name="description" content="Thomas davis is an awesome guy">
+ <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+ <!-- Initially populated by templates/layout.html -->
+ <div class="container">
+ <div class="bio-container">
+ <div class="bio">
+ <h1>Thomas Davis - Web Developer</h1>
+ <p>Web developer from Australia specializing in in front end development. Over ten years and counting of building websites and applications. Always looking to get in touch with anyone with elegant ideas.</p>
+ </div>
+ </div>
+ <div class="panel-heading">
+ Projects
+ </div>
+ <div class="panel-container">
+
+ <div class="projects">
+
+ <div class="project-container">
+ <div class="project">
+ <div class="project-heading">BackboneTutorials.com</div>
+ <div class="project-description">This site is by no means the definitive guide to backbone.js and all corrections and contributions are welcome</div>
+ <a class="project-link" href="http://backbonetutorials.com">
+ <img class="backbonetutorials project-screenshot" />
+ </a>
+ </div>
+ </div>
+ <div class="project-container">
+ <div class="project">
+ <div class="project-heading">Cdnjs.com</div>
+ <div class="project-description">Everyone loves the Google CDN right? Even Microsoft runs their own CDN.
+
+The problem is, they only host the most popular libraries.
+
+We host the other stuff.</div>
+
+ <a class="project-link" href="http://cdnjs.com">
+ <img class="cdnjs project-screenshot" />
+ </a>
+ </div>
+ </div>
+ <div class="project-container last">
+ <div class="project">
+ <div class="project-heading">KaleiStyleguide.com</div>
+ <div class="project-description">This project aims at making sure your style sheets are fully documented whilst being synchronized with your webpages styles. </div>
+
+ <a class="project-link" href="http://kaleistyleguide.com">
+ <img class="kaleistyleguide project-screenshot" />
+ </a>
+ </div>
+ </div>
+ <div class="project-container">
+ <div class="project">
+ <div class="project-heading">Protosal.com</div>
+ <div class="project-description">Fast, easy and fluid. Generate proposals using templates and variables to save time!</div>
+
+ <a class="project-link" href="http://protosal.com">
+ <img class="protosal project-screenshot" />
+ </a>
+ </div>
+ </div>
+
+ <div class="project-container">
+ <div class="project">
+ <div class="project-heading">BackboneBoilerplate.com</div>
+ <div class="project-description">This is a self-documenting example app useful for quick developer and/or learning backbone.js.</div>
+
+ <a class="project-link" href="http://backboneboilerplate.com">
+ <img class="backboneboilerplate project-screenshot" />
+ </a>
+ </div>
+ </div>
+
+
+ <div style="clear: both;"></div>
+ </div>
+ </div>
+
+ </div>
+
+ <script src="http://ryhan.me/fixie/fixie.js" type="text/javascript"></script>
+ <script>
+
+ </script>
+
+
+</body>
+</html>
+
<div style="display: none;">
<h2 class="categoryHeading">Featured Projects</h2>
<div class="project span-6 prepend-1">
Please sign in to comment.
Something went wrong with that request. Please try again.