something on the about page

2026-02-19 05:46:40 +00:00 · 2010-01-28 14:29:52 +02:00
parent a69f15b66f
commit ba1fb37ea0
5 changed files with 142 additions and 68 deletions
--- a/source/_layouts/default.html
+++ b/source/_layouts/default.html
@@ -24,8 +24,6 @@
 		<div id="navigation">
 			<a href="/" class="selected">about</a>
 			<a href="/blog/">blog</a>
-			<a href="/portfolio/">portfolio</a>
-			<a href="/contact/">contact</a>
 		</div>
 		<div class="clear"></div>
 	</div>
--- a/source/_layouts/post-list.html
+++ b/source/_layouts/post-list.html
@@ -24,8 +24,6 @@
 		<div id="navigation">
 			<a href="/">about</a>
 			<a href="/blog/" class="selected">blog</a>
-			<a href="/portfolio/">portfolio</a>
-			<a href="/contact/">contact</a>
 		</div>
 		<div class="clear"></div>
 	</div>
--- a/source/_layouts/post.html
+++ b/source/_layouts/post.html
@@ -24,8 +24,6 @@
 		<div id="navigation">
 			<a href="/">about</a>
 			<a href="/blog/" class="selected">blog</a>
-			<a href="/portfolio/">portfolio</a>
-			<a href="/contact/">contact</a>
 		</div>
 		<div class="clear"></div>
 	</div>
--- a/source/index.html
+++ b/source/index.html
@@ -3,6 +3,35 @@ layout: default
 title: jimeh / about
 ---

-<h1>
-	Welcome Home
-</h1>
+<div id="about">
+	<h4 class="thin">
+		Hi, my name is <strong>Jim Myhrberg</strong>.<br />
+	</h4>
+	<p class="info">
+		I'm a freelance web-developer / designer, and every morning I sprinkle
+		a little <em>insanity</em> over my breakfast bowl of <em>creativity</em>.
+	</p>
+	<dl>
+		<dt>email</dt>
+		<dd><script type="text/javascript">document.write(
+	"<n uers=\"znvygb:pbagnpg\100wvzru\056zr\">pbagnpg\100wvzru\056zr<\057n>".replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));
+	</script></dd>
+		<dt>misc.</dt>
+		<dd>
+			<a href="http://twitter.com/jimeh">twitter</a>,
+
+			<a href="http://github.com/jimeh">github</a>,
+			<a href="http://www.facebook.com/jimeh">facebook</a>,
+			<a href="http://www.linkedin.com/in/jimmyhrberg">linkedin</a>,
+			<a href="http://www.flickr.com/photos/jimeh/">flickr</a>,
+			<a href="http://www.last.fm/user/jimeh">last.fm</a>,
+			<a href="http://delicious.com/jimeh">del.icio.us</a>,
+			<a href="http://jimeh.deviantart.com">deviantart</a>,
+			<a href="http://www.google.com/search?q=jimeh%20%22Jim%20Myhrberg%22">google</a>.
+		</dd>
+		<dt>vcard</dt>
+		<dd><a href="/vcard">download</a></dd>
+		<dt><a href="resume">resume</a></dt>
+		<dd><a href="resume/jim-myhrberg-resume.pdf">pdf</a> / <a href="resume/jim-myhrberg-resume.doc">doc</a></dd>
+	</dl>	
+</div>
--- a/source/stylesheets/master.css
+++ b/source/stylesheets/master.css
@@ -1,5 +1,64 @@
 /* @override http://new.jimeh.meh/stylesheets/master.css */

+/* @group @font-face */
+
+@font-face {
+	font-family: 'Colaborate-ThinRegular';
+	src: url('/resources/fonts/ColabThi.eot');
+	src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('/resources/fonts/ColabThi.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'ColaborateLightRegular';
+	src: url('/resources/fonts/ColabLig.eot');
+	src: local('ColaborateLight Regular'), local('Colaborate-Light'), url('/resources/fonts/ColabLig.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Colaborate-RegularRegular';
+	src: url('/resources/fonts/ColabReg.eot');
+	src: local('Colaborate-Regular Regular'), local('Colaborate-Regular'), url('/resources/fonts/ColabReg.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Colaborate-MediumRegular';
+	src: url('/resources/fonts/ColabMed.eot');
+	src: local('Colaborate-Medium Regular'), local('Colaborate-Medium'), url('/resources/fonts/ColabMed.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Colaborate-BoldRegular';
+	src: url('/resources/fonts/ColabBol.eot');
+	src: local('Colaborate-Bold Regular'), local('Colaborate-Bold'), url('/resources/fonts/ColabBol.ttf') format('truetype');
+}
+
+
+@font-face {
+	font-family: 'DejaVuSansMonoBook';
+	src: url('/resources/fonts/DejaVuSansMono.eot');
+	src: local('DejaVu Sans Mono Book'), local('DejaVuSansMono'), url('/resources/fonts/DejaVuSansMono.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'DejaVuSansMonoOblique';
+	src: url('/resources/fonts/DejaVuSansMono-Oblique.eot');
+	src: local('DejaVu Sans Mono Oblique'), local('DejaVuSansMono-Oblique'), url('/resources/fonts/DejaVuSansMono-Oblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'DejaVuSansMonoBold';
+	src: url('/resources/fonts/DejaVuSansMono-Bold.eot');
+	src: local('DejaVu Sans Mono Bold'), local('DejaVuSansMono-Bold'), url('/resources/fonts/DejaVuSansMono-Bold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'DejaVuSansMonoBoldOblique';
+	src: url('/resources/fonts/DejaVuSansMono-BoldOblique.eot');
+	src: local('DejaVu Sans Mono Bold Oblique'), local('DejaVuSansMono-BoldOblique'), url('/resources/fonts/DejaVuSansMono-BoldOblique.ttf') format('truetype');
+}
+
+/* @end */
+
 /* @group Reset */

 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}* html .clearfix {height: 1%;}
@@ -79,6 +138,9 @@ h1, h2, h3, h4, h5, h6 {
 	font-family: 'ColaborateLightRegular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
 	font-weight: normal;
 }
+	h1.thin, h2.thin, h3.thin, h4.thin, h5.thin, h6.thin {
+		font-family: 'Colaborate-ThinRegular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
+	}

 h1 {
 	font-size: 25px;
@@ -106,65 +168,6 @@ h6 {

 /* @end */

-/* @group @font-face */
-
-@font-face {
-	font-family: 'Colaborate-ThinRegular';
-	src: url('/resources/fonts/ColabThi.eot');
-	src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('/resources/fonts/ColabThi.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'ColaborateLightRegular';
-	src: url('/resources/fonts/ColabLig.eot');
-	src: local('ColaborateLight Regular'), local('Colaborate-Light'), url('/resources/fonts/ColabLig.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Colaborate-RegularRegular';
-	src: url('/resources/fonts/ColabReg.eot');
-	src: local('Colaborate-Regular Regular'), local('Colaborate-Regular'), url('/resources/fonts/ColabReg.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Colaborate-MediumRegular';
-	src: url('/resources/fonts/ColabMed.eot');
-	src: local('Colaborate-Medium Regular'), local('Colaborate-Medium'), url('/resources/fonts/ColabMed.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Colaborate-BoldRegular';
-	src: url('/resources/fonts/ColabBol.eot');
-	src: local('Colaborate-Bold Regular'), local('Colaborate-Bold'), url('/resources/fonts/ColabBol.ttf') format('truetype');
-}
-
-
-@font-face {
-	font-family: 'DejaVuSansMonoBook';
-	src: url('/resources/fonts/DejaVuSansMono.eot');
-	src: local('DejaVu Sans Mono Book'), local('DejaVuSansMono'), url('/resources/fonts/DejaVuSansMono.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'DejaVuSansMonoOblique';
-	src: url('/resources/fonts/DejaVuSansMono-Oblique.eot');
-	src: local('DejaVu Sans Mono Oblique'), local('DejaVuSansMono-Oblique'), url('/resources/fonts/DejaVuSansMono-Oblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'DejaVuSansMonoBold';
-	src: url('/resources/fonts/DejaVuSansMono-Bold.eot');
-	src: local('DejaVu Sans Mono Bold'), local('DejaVuSansMono-Bold'), url('/resources/fonts/DejaVuSansMono-Bold.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'DejaVuSansMonoBoldOblique';
-	src: url('/resources/fonts/DejaVuSansMono-BoldOblique.eot');
-	src: local('DejaVu Sans Mono Bold Oblique'), local('DejaVuSansMono-BoldOblique'), url('/resources/fonts/DejaVuSansMono-BoldOblique.ttf') format('truetype');
-}
-
-/* @end */
-
 /* @group Code Highlighting */

 .c { color: #999988; font-style: italic } /* Comment */
@@ -479,3 +482,51 @@ blockquote {

 /* @end */

+/* @group #about */
+
+#about {
+	width: 454px;
+	height: 210px;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	margin-top: -105px;
+	margin-left: -228px;
+}
+	#about .info {
+		
+	}
+
+/* @group #about dl */
+
+#about dl {
+		
+	}
+		#about dl dt {
+			color: #bbb;
+			float: left;
+			margin-right: 5px;
+			width: 50px;
+			text-align: right;
+		}
+		#about dl dt a {
+			color: #bbb;
+		}
+		#about dl dd {
+			color: #bbb;
+			margin-left: 55px;
+		}
+
+/* @end */
+
+/* @end */
+
+
+
+
+
+
+
+
+
+