Updated style and added medical terminology to classes

rchowe · Jun 3, 2012 · bc1a244 · bc1a244
1 parent 3cefaef
commit bc1a244
Show file tree

Hide file tree

Showing 3 changed files with 101 additions and 40 deletions.
diff --git a/index.html b/index.html
@@ -6,22 +6,27 @@
 	</head>
 
 	<body>
+		<header>
+			<div class = "inner">
+				<h1>RC Howe</h1>
+			</div>
+		</header>
+
 		<div id = "content">
-			<h1>RC Howe</h1>
 			<p>Hi! My name is RC Howe. I'm an undergraduate student at <a href = "http://www.uvm.edu">the University of Vermont</a> studying biochemistry and computer science. I have a few interesting things on my <a href = "https://www.github.com/rchowe">GitHub page</a>, among them being <a href = "https://gist.github.com/1648287">a jquery plugin to create elements in jquery using selectors</a></p>
 
-			<pre><span style = "color: #013; font-weight: bold;">$</span>(document.body).
+			<pre><span style = "color: #4cf;">$</span>(document.body).
-    <span style = "color: #013; font-weight: bold;">create</span>( <span style = "color: #c00">'#content.box'</span> ).
+    <span style = "color: #4cf;">create</span>( <span style = "color: #f57">'#content.box'</span> ).
-    <span style = "color: #013; font-weight: bold;">html</span>( <span style = "color: #c00">'hi'</span> );</pre>
+    <span style = "color: #4cf;">html</span>( <span style = "color: #f57">'hi'</span> );</pre>
 
 			and it gets more interesting in coffeescript where you can do stuff like this
 
-			<pre><span style = "color: #013; font-weight: bold;">$</span>(document.body).
+			<pre><span style = "color: #4cf;">$</span>(document.body).
-    <span style = "color: #013; font-weight: bold;">create</span>( <span style = "color: #c00">'#content.box header h1'</span> ).
+    <span style = "color: #4cf;">create</span>( <span style = "color: #f57">'#content.box header h1'</span> ).
-    <span style = "color: #013; font-weight: bold;">html</span>( <span style = "color: #c00">'RC Howe'</span> ).
+    <span style = "color: #4cf;">html</span>( <span style = "color: #f57">'RC Howe'</span> ).
-    <span style = "color: #013; font-weight: bold;">css</span>
+    <span style = "color: #4cf;">css</span>
-        <span style = "color: #c00">'line-height'</span>: <span style = "color: #c00">'1.3em'</span>
+        <span style = "color: #f57">'line-height'</span>: <span style = "color: #f57">'1.3em'</span>
-        <span style = "color: #c00">'color'</span>: <span style = "color: #c00">'blue'</span></pre>
+        <span style = "color: #f57">'color'</span>: <span style = "color: #f57">'blue'</span></pre>
 
 			<h2>Classes</h2>
 			<h3>Fall 2012</h3>
@@ -56,6 +61,12 @@ <h3>Fall 2012</h3>
 					<td class = "symbol">057</td>
 					<td>D1: Native American Literature</td>
 				</tr>
+
+				<tr>
+					<td class = "symbol">HLTH</td>
+					<td class = "symbol">003</td>
+					<td>Medical Terminology</td>
+				</tr>
 			</table>
 
 			<h3>Spring 2012</h3>

diff --git a/resume.html b/resume.html
@@ -6,16 +6,23 @@
 	</head>
 
 	<body>
-		<div id = "content">
+		<header>
-			<h1>RC Howe</h1>
+			<div class = "inner">
-			<div id = "information">
+				<h1>RC Howe</h1>
-				<div><a href = "mailto:rc@rchowe.com">rc@rchowe.com</a></div>
-				<div><a href = "tel:15083141715">+1 (508) 314-1715</a></div>
-				<div>
-					27 Birch Hill Road<br />
-					Stow, MA, 01775
-				</div>
 			</div>
+				<div id = "information">
+					<div class = "inner">
+						<div><a href = "mailto:rc@rchowe.com">rc@rchowe.com</a></div>
+						<div><a href = "tel:15083141715">+1 (508) 314-1715</a></div>
+						<div>
+							27 Birch Hill Road<br />
+							Stow, MA, 01775
+						</div>
+					</div>
+				</div>
+		</header>
+
+		<div id = "content">
 
 			<h2>Profile</h2>
 			<p>I am a college student at the <a href = "https://www.uvm.edu">University of Vermont</a>, studying Biochemistry and Computer Science. To see some projects I have worked on, visit my GitHub page (<a href = "https://www.github.com/rchowe">https://www.github.com/rchowe</a>).</p>

diff --git a/style.css b/style.css
@@ -5,33 +5,45 @@ body
 	margin: 0px;
 }
 
-@media print
+header
 {
-	body {
+	display: block;
-		font-size: 12px;
+	background: #333;
-	}
+	font-size: 120%;
+	color: white;
+	padding: 10px 0px 10px 0px;
+	margin: 0px 0px 25px 0px;
+	border-top: #0af 5px solid
 }
 
-header
+header h1
 {
-	font-size: 120%;
-	color: #a00;
-	padding: 10px 5px;
-	font-weight: bold;
 	margin: 10px 0px;
 }
 
-header .inner, #content
+header .inner, header #information .inner, #content
 {
 	max-width: 800px;
 
 	margin-left:  auto;
 	margin-right: auto;
 }
 
-h1
+header #information
+{
+	background: #444;
+	line-height: 1.4em;
+	padding: 10px 5px;
+}
+
+header a:link, header a:visited
 {
-	color: #a00;
+	color: #0af;
+}
+
+header h1
+{
+	color: white;
 }
 
 h2
@@ -46,7 +58,7 @@ h2
 
 a:link
 {
-	color: #a00;
+	color: #07d;
 	text-decoration: none;
 }
 
@@ -57,20 +69,27 @@ a:link:hover
 
 a:visited
 {
-	color: #600;
+	color: #04a;
 }
 
 pre
 {
-	border: #eee 1px solid;
+	color: white;
-	background: #f7f7f7;
+	border: #666 1px solid;
-	padding: 5px;
+	background: #444;
-
+	padding: 5px 10px;
-	-webkit-border-radius: 3px;
+	margin: 10px 1px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;
 
 	font-family: 'DejaVu Sans Mono', Menlo, monospace;
+
+	-webkit-box-shadow: 0 0 0 1px #333;
+	-moz-box-shadow: 0 0 0 1px #333;
+	box-shadow: 0 0 0 1px #333;
+}
+
+table.classes
+{
+	border-left: #ddd 5px solid;
 }
 
 table.classes td
@@ -103,3 +122,27 @@ dd
 #information
 {
 }
+
+@media print
+{
+	body {
+		font-size: 12px;
+	}
+
+	header
+	{
+		background: transparent;
+		color: black;
+		border-top: 0px transparent none;
+	}
+
+	header a:link, header a:visited, header h1
+	{
+		color: black;
+	}
+
+	#information
+	{
+		background: transparent;
+	}
+}