Browse files

Another huge update

  • Loading branch information...
1 parent 6066b89 commit e40209f32b1119aca2566a1ebd7052c95961a9ba @excid3 committed Dec 20, 2010
View
BIN images/bg.gif
Deleted file not rendered
View
BIN images/blog.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/contact.png
Deleted file not rendered
View
BIN images/github.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/grunge.jpg
Deleted file not rendered
View
BIN images/keryx.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/projects.png
Deleted file not rendered
View
BIN images/resume.png
Deleted file not rendered
View
44 index.html
@@ -11,22 +11,42 @@
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8">
</head>
<body>
- <!-- Super cool layout inspired by http://trentwalton.com/2010/04/06/css3-background-clip-font-face/ -->
<div id="container">
- <div class="main">
- <div class="name">My name is <span>Chris Oliver</span> and I'm a software</div>
- <div class="dev"><a href="http://github.com/excid3">developer</a></div>
- <span class="line-left"></span><div class="itworked">&amp; love to</div><span class="line-right"></span>
- <div class="hoo"><a href="/blog/projects">create!</a></div>
- <div class="view">
- <a href="http://excid3.com/blog">View my blog</a>
- &bull;
- <a href="http://twitter.com/excid3">Follow me on Twitter</a>
- </div>
+ <div id="main">
+ <div class="name">Hi, I'm Chris Oliver.</div>
+ <div class="dev">I'm a developer &amp; love to create</div>
</div>
- <div class="explanation">This website uses HTML5/CSS3. If you are having trouble, try using a browser like <a href="http://www.apple.com/safari/download/">Safari</a> or <a href="http://www.google.com/chrome">Chrome</a>.</div>
+
+ <div id="projects">
+ <a href="http://keryxproject.org">
+ <img src="images/keryx.png" alt="Keryx" />
+ <p>Install Software Offline</p>
+ </a>
+ <a href="http://fluttr.heroku.com">
+ <p>Fluttr Todo List</p>
+ </a>
+ <a href="http://excid3.com/blog">
+ <img src="images/blog.png" alt="Blog" />
+ <p>Read My Thoughts</p>
+ </a>
+ <a href="http://github.com/excid3">
+ <img src="images/github.png" alt="Github" />
+ <p>Fork Me On Github</p>
+ </a>
+ </div>
+
+ <div style="clear:both"></div>
+
+ <div id="footer">
+ <a href="mailto:excid3@gmail.com">Email</a> |
+ <a href="http://twitter.com/excid3">Twitter</a> |
+ <a href="http://github.com/excid3">Github</a> |
+ <a href="http://excid3.com/blog">Blog</a>
+ </div>
</div>
+
+ <!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
View
107 style.css
@@ -10,85 +10,74 @@ a img{border:none;}
/* Page
-------------------------------------------------------------- */
body {
- color: #2a4f54;
+ background: #EFEFEF;
+ font-family: "minion-pro-1","minion-pro-2", "Times New Roman", Georgia, serif;
text-align: center;
- background-color: #4a8d97;
- background-image: url(./images/grunge.jpg);
+ text-shadow: white 1px 1px 0;
}
+
#container {
margin: 0px auto 35px;
- width:660px;
+ width:825px;
padding-top: 60px;
}
-.main {
- font-family: "LeagueGothicRegular", Impact, Charcoal, sans-serif;
- text-transform: uppercase;
+
+#main {
line-height: .9;
}
-.explanation {
- margin-top: 20px;
- font: italic 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+#footer {
+ clear: both;
+ color: #666;
+ font: 13.34px helvetica,arial,freesans,clean,sans-serif;
+ margin-top: 15px;
}
-a {
- color: #2a4f54;
+
+
+#projects a {
+ border: 1px solid #CCC;
+ border-radius: 5px;
+ color: #369;
+ font: 13.34px helvetica,arial,freesans,clean,sans-serif;
+ font-weight: bold;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ background: -moz-gradient(linear, left top, left bottom, from(white), to(#E8E8E8));
+ background: -webkit-gradient(linear, left top, left bottom, from(white), to(#E8E8E8));
+ float: left;
+ margin: 15px 20px 5px 0;
+ padding: 20px 10px 10px;
text-decoration: none;
- -webkit-transition: color .6s linear;
+ width: 160px;
}
-a:hover {
- color: #fff;
+#projects a:hover {
+ color: #222;
-webkit-transition: color .1s linear;
+ background: -moz-gradient(linear, left bottom, left top, from(white), to(#E8E8E8));
+ background: -webkit-gradient(linear, left bottom, left top, from(white), to(#E8E8E8));
}
-
-@font-face {
- font-family: 'LeagueGothicRegular';
- src: local('League Gothic Regular'), url('League Gothic.otf') format('opentype');
+#footer, #footer a {
+ color: #888;
+ text-decoration: none;
}
-span {
- color: #dddddd;
+#footer {
+ margin-top: 45px;
}
+#footer a {
+ margin: 0 10px;
+}
+
.name {
- font-size: 50px;
+ font-size: 78px;
+ letter-spacing: -2px;
}
.dev {
- font-size: 206px;
- letter-spacing: 5px;
- line-height: 1;
-}
-.itworked {
- font: italic 60px/0 ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
- text-transform: lowercase;
- margin-bottom: 12px;
- margin-top:12px;
-}
-.hoo {
- font-size: 258px;
+ color: #C00;
+ font-size: 24px;
letter-spacing: 5px;
line-height: 1;
-}
-.view {
- font-size: 57px;
- margin-top: -15px;
-}
-.hoo, .css {
- text-shadow: #4a8d97 3px 3px 0;
-}
-
-
-.line-left, .line-right {
- border-bottom: 2px solid #2a4f54;
- width: 160px;
- display: inline-block;
- margin-bottom: -30px;
-}
-.line-left {
- float: left;
- margin-top: 28px;
- margin-left: 15px;
-}
-.line-right {
- float: right;
- margin-top: -26px;
- margin-right: 15px;
+ margin-bottom:45px;
+ text-transform: uppercase;
}

0 comments on commit e40209f

Please sign in to comment.