Skip to content
Browse files

Updated style and added medical terminology to classes

  • Loading branch information...
1 parent 3cefaef commit bc1a24474273f2178f5a8b3c367b58b2ff088d3c @rchowe committed
Showing with 101 additions and 40 deletions.
  1. +21 −10 index.html
  2. +16 −9 resume.html
  3. +64 −21 style.css
View
31 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).
- <span style = "color: #013; font-weight: bold;">create</span>( <span style = "color: #c00">'#content.box'</span> ).
- <span style = "color: #013; font-weight: bold;">html</span>( <span style = "color: #c00">'hi'</span> );</pre>
+ <pre><span style = "color: #4cf;">$</span>(document.body).
+ <span style = "color: #4cf;">create</span>( <span style = "color: #f57">'#content.box'</span> ).
+ <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).
- <span style = "color: #013; font-weight: bold;">create</span>( <span style = "color: #c00">'#content.box header h1'</span> ).
- <span style = "color: #013; font-weight: bold;">html</span>( <span style = "color: #c00">'RC Howe'</span> ).
- <span style = "color: #013; font-weight: bold;">css</span>
- <span style = "color: #c00">'line-height'</span>: <span style = "color: #c00">'1.3em'</span>
- <span style = "color: #c00">'color'</span>: <span style = "color: #c00">'blue'</span></pre>
+ <pre><span style = "color: #4cf;">$</span>(document.body).
+ <span style = "color: #4cf;">create</span>( <span style = "color: #f57">'#content.box header h1'</span> ).
+ <span style = "color: #4cf;">html</span>( <span style = "color: #f57">'RC Howe'</span> ).
+ <span style = "color: #4cf;">css</span>
+ <span style = "color: #f57">'line-height'</span>: <span style = "color: #f57">'1.3em'</span>
+ <span style = "color: #f57">'color'</span>: <span style = "color: #f57">'blue'</span></pre>
<h2>Classes</h2>
<h3>Fall 2012</h3>
@@ -56,6 +61,12 @@
<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>
View
25 resume.html
@@ -6,16 +6,23 @@
</head>
<body>
- <div id = "content">
- <h1>RC Howe</h1>
- <div id = "information">
- <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>
+ <header>
+ <div class = "inner">
+ <h1>RC Howe</h1>
</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>
View
85 style.css
@@ -5,23 +5,23 @@ body
margin: 0px;
}
-@media print
+header
{
- body {
- font-size: 12px;
- }
+ display: block;
+ 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;
@@ -29,9 +29,21 @@ header .inner, #content
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;
- background: #f7f7f7;
- padding: 5px;
-
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
+ color: white;
+ border: #666 1px solid;
+ background: #444;
+ padding: 5px 10px;
+ margin: 10px 1px;
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;
+ }
+}

0 comments on commit bc1a244

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