Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Updated website style

  • Loading branch information...
commit aaefe387a515821bfbadeb2e5b7f68d76b1de3d1 1 parent 22323a3
@rchowe authored
Showing with 346 additions and 263 deletions.
  1. +148 −0 courses.html
  2. +22 −128 index.html
  3. +24 −10 key.html
  4. +55 −28 resume.html
  5. +97 −97 style.css
View
148 courses.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Test Page</title>
+ <link href='http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
+ <link rel = "stylesheet" type = "text/css" href = "style.css" />
+ </head>
+
+ <body>
+ <header>
+ <h1>RC Howe</h1>
+ </header>
+
+ <div id = "content">
+ <h2>Classes</h2>
+
+ <p>I am going to take the following courses this fall:</p>
+
+ <h3>Fall 2012</h3>
+ <table class = "classes">
+
+ <tr>
+ <td class = "symbol">ANNB</td>
+ <td class = "symbol">261</td>
+ <td>Neurobiology</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">CS</td>
+ <td class = "symbol">064</td>
+ <td>Discrete Structures</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">CS</td>
+ <td class = "symbol">121</td>
+ <td>Computer Organization</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">CHEM</td>
+ <td class = "symbol">143</td>
+ <td>Organic Chemistry for Majors I</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">HCOL</td>
+ <td class = "symbol">185</td>
+ <td>The Meaning of Freedom</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">HLTH</td>
+ <td class = "symbol">003</td>
+ <td>Medical Terminology</td>
+ </tr>
+ </table>
+
+ <p>I have taken the following courses:</p>
+
+ <h3>Spring 2012</h3>
+ <table class = "classes">
+ <tr>
+ <td class = "symbol">BCOR</td>
+ <td class = "symbol">103</td>
+ <td>Cell and Molecular Biology</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">CHEM</td>
+ <td class = "symbol">036</td>
+ <td>General Chemistry for Majors II</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">CS</td>
+ <td class = "symbol">124</td>
+ <td>Data Structures</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">CS</td>
+ <td class = "symbol">195</td>
+ <td>Technical Talks in Computer Science</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">MATH</td>
+ <td class = "symbol">124</td>
+ <td>Linear Algebra</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">STAT</td>
+ <td class = "symbol">151</td>
+ <td>Applied Probability</td>
+ </tr>
+ </table>
+
+ <h3>Fall 2011</h3>
+ <table class = "classes">
+ <tr>
+ <td class = "symbol">BCOR</td>
+ <td class = "symbol">101</td>
+ <td>Genetics</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">ENGS</td>
+ <td class = "symbol">005</td>
+ <td>TAP: King Arthur</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">CHEM</td>
+ <td class = "symbol">035</td>
+ <td>General Chemistry for Majors I</td>
+ </tr>
+
+ <tr>
+ <td class = "symbol">MATH</td>
+ <td class = "symbol">121</td>
+ <td>Calculus III</td>
+ </tr>
+ </table>
+ </div>
+ </div>
+
+ <footer>
+ <div class = "column">
+ <h2>Myself</h2>
+ <ul>
+ <li><a href = "/courses.html">Courses</a></li>
+ <li><a href = "http://www.twitter.com/rchowe">Twitter</a></li>
+ <li><a href = "/key.html">GPG Key</a></li>
+ </ul>
+ </div>
+
+ <div class = "column">
+ <h2>My Work</h2>
+ <ul>
+ <li><a href = "/resume.html">R&eacute;sum&eacute;</a></li>
+ <li><a href = "https://www.github.com/rchowe">GitHub</a></li>
+ </ul>
+ </div>
+ </footer>
+ </body>
+</html>
View
150 index.html
@@ -1,144 +1,38 @@
<!DOCTYPE html>
<html>
<head>
- <title>RC Howe</title>
- <link rel = "stylesheet" type = "text/css" href = "style.css">
+ <title>Test Page</title>
+ <link href='http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
+ <link rel = "stylesheet" type = "text/css" href = "style.css" />
</head>
<body>
<header>
- <div class = "inner">
- <h1>RC Howe</h1>
- </div>
+ <h1>RC Howe</h1>
</header>
-
+
<div id = "content">
- <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: #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: #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>
- <table class = "classes">
-
- <tr>
- <td class = "symbol">ANNB</td>
- <td class = "symbol">261</td>
- <td>Neurobiology</td>
- </tr>
-
- <tr>
- <td class = "symbol">CS</td>
- <td class = "symbol">064</td>
- <td>Discrete Structures</td>
- </tr>
-
- <tr>
- <td class = "symbol">CS</td>
- <td class = "symbol">121</td>
- <td>Computer Organization</td>
- </tr>
-
- <tr>
- <td class = "symbol">CHEM</td>
- <td class = "symbol">143</td>
- <td>Organic Chemistry for Majors I</td>
- </tr>
-
- <tr>
- <td class = "symbol">HCOL</td>
- <td class = "symbol">185</td>
- <td>The Meaning of Freedom</td>
- </tr>
-
- <tr>
- <td class = "symbol">HLTH</td>
- <td class = "symbol">003</td>
- <td>Medical Terminology</td>
- </tr>
- </table>
-
- <h3>Spring 2012</h3>
- <table class = "classes">
- <tr>
- <td class = "symbol">BCOR</td>
- <td class = "symbol">103</td>
- <td>Cell and Molecular Biology</td>
- </tr>
-
- <tr>
- <td class = "symbol">CHEM</td>
- <td class = "symbol">036</td>
- <td>General Chemistry for Majors II</td>
- </tr>
-
- <tr>
- <td class = "symbol">CS</td>
- <td class = "symbol">124</td>
- <td>Data Structures</td>
- </tr>
+ <p>Hi! My name is RC Howe. I'm an undergraduate student at the <a href = "http://www.uvm.edu">University of Vermont</a> studying Biochemistry and Computer Science. I'm also an intern at the <a href = "http://www.massgeneral.org">Massachusetts General Hospital</a> researching Genomics.</p>
- <tr>
- <td class = "symbol">CS</td>
- <td class = "symbol">195</td>
- <td>Technical Talks in Computer Science</td>
- </tr>
-
- <tr>
- <td class = "symbol">MATH</td>
- <td class = "symbol">124</td>
- <td>Linear Algebra</td>
- </tr>
-
- <tr>
- <td class = "symbol">STAT</td>
- <td class = "symbol">151</td>
- <td>Applied Probability</td>
- </tr>
- </table>
-
- <h3>Fall 2011</h3>
- <table class = "classes">
- <tr>
- <td class = "symbol">BCOR</td>
- <td class = "symbol">101</td>
- <td>Genetics</td>
- </tr>
-
- <tr>
- <td class = "symbol">ENGS</td>
- <td class = "symbol">005</td>
- <td>TAP: King Arthur</td>
- </tr>
-
- <tr>
- <td class = "symbol">CHEM</td>
- <td class = "symbol">035</td>
- <td>General Chemistry for Majors I</td>
- </tr>
-
- <tr>
- <td class = "symbol">MATH</td>
- <td class = "symbol">121</td>
- <td>Calculus III</td>
- </tr>
- </table>
+ <p>You should <a href = "http://www.twitter.com/rchowe">follow me on twitter</a>.</p>
</div>
<footer>
- <div class = "inner">
- <a class = "key" href = "key.html">89C8 1904 C9A0 02F4 415D 8027 EF50 9A10 AA25 A57B</a>
+ <div class = "column">
+ <h2>Myself</h2>
+ <ul>
+ <li><a href = "/courses.html">Courses</a></li>
+ <li><a href = "http://www.twitter.com/rchowe">Twitter</a></li>
+ <li><a href = "/key.html">GPG Key</a></li>
+ </ul>
+ </div>
+
+ <div class = "column">
+ <h2>My Work</h2>
+ <ul>
+ <li><a href = "/resume.html">R&eacute;sum&eacute;</a></li>
+ <li><a href = "https://www.github.com/rchowe">GitHub</a></li>
+ </ul>
</div>
</footer>
</body>
View
34 key.html
@@ -1,24 +1,38 @@
<!DOCTYPE html>
<html>
<head>
- <title>RC Howe</title>
- <link rel = "stylesheet" type = "text/css" href = "style.css">
+ <title>Test Page</title>
+ <link href='http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
+ <link rel = "stylesheet" type = "text/css" href = "style.css" />
</head>
<body>
<header>
- <div class = "inner">
- <h1>RC Howe</h1>
- </div>
+ <h1>RC Howe</h1>
</header>
-
+
<div id = "content">
- The fingerprint of my GPG public key is <span class = "key">89C8 1904 C9A0 02F4 415D 8027 EF50 9A10 AA25 A57B</span>. <a href = "rchowe.asc">Download my full public key</a>.</p>
+ <p>The fingerprint of my GPG public key is <code class = "key">89C8 1904 C9A0 02F4 415D 8027 EF50 9A10 AA25 A57B</code>.</p>
+
+ <p><a href = "rchowe.asc">Download my full public key</a>.</p>
</div>
-
+
<footer>
- <div class = "inner">
- <a class = "key" href = "key.html">89C8 1904 C9A0 02F4 415D 8027 EF50 9A10 AA25 A57B</a>
+ <div class = "column">
+ <h2>Myself</h2>
+ <ul>
+ <li><a href = "/courses.html">Courses</a></li>
+ <li><a href = "http://www.twitter.com/rchowe">Twitter</a></li>
+ <li><a href = "/key.html">GPG Key</a></li>
+ </ul>
+ </div>
+
+ <div class = "column">
+ <h2>My Work</h2>
+ <ul>
+ <li><a href = "/resume.html">R&eacute;sum&eacute;</a></li>
+ <li><a href = "https://www.github.com/rchowe">GitHub</a></li>
+ </ul>
</div>
</footer>
</body>
View
83 resume.html
@@ -1,35 +1,30 @@
<!DOCTYPE html>
<html>
<head>
- <title>RC Howe</title>
- <link rel = "stylesheet" type = "text/css" href = "style.css">
+ <title>Test Page</title>
+ <link href='http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
+ <link rel = "stylesheet" type = "text/css" href = "style.css" />
</head>
<body>
<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>
+ <h1>RC Howe</h1>
</header>
-
- <div id = "content">
+
+ <div id = "content" class = "resume">
+
+ <div>Robert Howe<br />
+ 27 Birch Hill Road<br />
+ Stow, MA, 01775<br />
+ <a href = "tel:5083141715">+1 (508) 314-1715</a>
+ </div>
<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>
<h2>Experience</h2>
- <dl>
+ <dl class = "experience">
<dt class = "date">2012</dt>
<dt class = "title"><em>Knome, Inc</em></dt>
<dt class = "subtitle">Intern, Competitive Analysis. Cambridge, MA</dt>
@@ -47,20 +42,33 @@
</dl>
<h2>Skills</h2>
- <h3>Programming Languages</h3>
- <p>(<i>Alphabetical Order</i>) C, C++, C#, CoffeeScript, Haskell, Java, JavaScript, Python, Ruby</p>
-
- <h3>Technologies</h3>
- <p>(<i>Alphabetical Order</i>) AJAX, CSS, DataMapper, iOS, JSON, REST, Ruby on Rails, Sinatra, SQL (T-SQL, MySQL, Postgres), XML</p>
+ <div class = "skills">
+ <table>
+ <tr>
+ <td>
+ <h3>Programming Languages</h3>
+ <p>C, C++, C#, CoffeeScript, Haskell, Java, JavaScript, Python, Ruby</p>
+ </td>
- <h3>Operating Systems</h3>
- <p>Linux (Primarily Ubuntu), Mac OS X, Windows 7</p>
+ <td>
+ <h3>Technologies</h3>
+ <p>AJAX, CSS, DataMapper, iOS, JSON, REST, Ruby on Rails, Sinatra, SQL (T-SQL, MySQL, Postgres), XML</p>
+ </td>
+
+ <td>
+ <h3>Operating Systems</h3>
+ <p>Linux (Primarily Ubuntu), Mac OS X, Windows 7</p>
+ </td>
- <h3>Miscellaneous</h3>
- <p>CPR Certified &mdash; Professional Rescuer (American Heart Association)</p>
+ <td>
+ <h3>Miscellaneous</h3>
+ <p>CPR Certified &mdash; Professional Rescuer</p>
+ </td>
+ </tr></table>
+ </div>
<h2>Education</h2>
- <dl>
+ <dl class = "education">
<dt class = "date">Expected 2015</dt>
<dt>University of Vermont &mdash; <i>College of Arts and Sciences</i></dt>
<dd><b>Bachelor of Science</b>, Major in Biochemistry.</dd>
@@ -73,5 +81,24 @@
<dt>Nashoba Regional High School</dt>
<dd><b>High School Diploma</b>.</dd>
</div>
+
+ <footer>
+ <div class = "column">
+ <h2>Myself</h2>
+ <ul>
+ <li><a href = "/courses.html">Courses</a></li>
+ <li><a href = "http://www.twitter.com/rchowe">Twitter</a></li>
+ <li><a href = "/key.html">GPG Key</a></li>
+ </ul>
+ </div>
+
+ <div class = "column">
+ <h2>My Work</h2>
+ <ul>
+ <li><a href = "/resume.html">R&eacute;sum&eacute;</a></li>
+ <li><a href = "https://www.github.com/rchowe">GitHub</a></li>
+ </ul>
+ </div>
+ </footer>
</body>
</html>
View
194 style.css
@@ -1,183 +1,183 @@
body
{
- font: 14px Helvetica, Arial, Freesans, Clean, sans-serif;
- margin: 0px;
-}
+ font: 16px 'Muli', 'DejaVu Sans', Helvetica, sans-serif;
+ font-weight: 300;
-header
-{
- display: block;
- background: #333;
- font-size: 120%;
color: white;
- padding: 10px 0px 10px 0px;
- margin: 0px 0px 25px 0px;
- border-top: #0af 5px solid
+ background: #444;
}
-header h1
+header
{
- margin: 10px 0px;
+ margin: 30px 40px 0px;
+ padding: 0px 0px;
}
-header .inner, header #information .inner, #content, footer .inner
+#content
{
- max-width: 800px;
-
- margin-left: auto;
- margin-right: auto;
+ color: black;
+ background: #fff;
+
+ line-height: 1.8em;
+ padding: 15px 40px;
+ margin: 30px 40px 0px;
}
-header #information
+#content pre
{
- background: #444;
- line-height: 1.4em;
- padding: 10px 5px;
+ background: #eee;
+ padding: 10px 15px;
}
-header a:link, header a:visited
+#content a, #content a:visited
{
- color: #0af;
+ color: #08e;
+ text-decoration: none;
}
-header h1
+#content a:hover
{
- color: white;
+ text-decoration: underline;
}
footer
{
+ font-size: 15px;
+
+ color: black;
display: block;
+ background: #eee;
+ margin: 0px 40px 30px;
+ padding: 15px 40px;
+ border-top: #ddd 1px solid;
+
+ -webkit-column-count: 2;
+ -webkit-column-rule: 0px;
+ -moz-column-count: 2;
+ -moz-column-rule: 0px;
}
-footer .inner
+footer ul
{
- padding: 20px 5px;
+ list-style-type: none;
+ margin-left: 0px;
+ padding-left: 0px;
+ line-height: 1.7em;
+ margin-top: 5px;
}
-
-h2
+footer a, footer a:visited
{
- border-bottom: #ccc 1px solid;
+ color: blue;
+ text-decoration: none;
}
-#content
+footer h2
{
- line-height: 1.7em;
+ color: #777;
+ font-size: 100%;
+ margin: 0px;
+ text-transform: uppercase;
+ text-shadow: 0px 1px 0px white;
}
-a:link
+h2
{
- color: #07d;
- text-decoration: none;
+ font-size: 150%;
+ margin: 10px 0px;
}
-a:link:hover
+table.classes
{
- text-decoration: underline;
+ line-height: 1.4em;
+ font-size: 15px;
+ border-left: #eee 5px solid;
+ padding-left: 5px;
}
-a:visited
+table.classes .symbol
{
- color: #04a;
+ font-family: monospace;
}
-pre
+.resume
{
- 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;
+ font-size: 95%;
}
-table.classes
+.resume h2
{
- border-left: #ddd 5px solid;
+ font-size: 110%;
+ margin-bottom: 5px;
+ margin-top: 5px;
+ border-bottom: #ddd 1px solid;
}
-table.classes td
+.resume h3
{
- padding: 0px 5px;
+ font-weight: 500;
+ font-size: 105%;
+ margin: 0px;
}
-table.classes .symbol
+.resume p
{
- font-family: 'DejaVu Sans Mono', Menlo, monospace;
- font-weight: bold;
+ margin: 5px 0px;
}
-dl dt.title
+.resume dl dt.date
{
- font-weight: bold;
+ float: right;
}
-dl dt.date
+.resume dl dd
{
- float: right;
- font-style: italic;
+ color: #444;
+ margin-bottom: 0.7em;
+ margin-left: 0px;
}
-dd
+.resume dl dd b, .resume dl dd strong, .resume dl dd em
{
- margin-bottom: 10px;
+ color: black;
}
-#information
+.resume dl.experience em
{
+ font-weight: 500;
+ font-style: normal;
}
-footer .key, footer a.key
+.resume dl.education
{
- display: block;
- text-align: center;
- color: #ccc;
- letter-spacing: 2px;
- font-weight: bold;
- -webkit-transition: ease 1s all
+ font-size: 95%;
}
-footer a.key:hover
+.resume .skills
{
- color: #0af;
- text-decoration: none;
+ font-size: 90%;
}
-#content .key
+.resume .skills table td
{
- font-family: monospace;
- background: #f7f7f7;
- border: #eee 1px solid;
- padding: 2px;
+ width: 25%;
+ vertical-align: top;
}
-@media print
-{
+@media print {
body {
- font-size: 12px;
- }
-
- header
- {
- background: transparent;
color: black;
- border-top: 0px transparent none;
+ background: white;
}
-
- header a:link, header a:visited, header h1
- {
- color: black;
+
+ header, footer {
+ display: none;
}
- #information
+ #content
{
- background: transparent;
+ margin: 0px;
+ padding: 0px;
}
}

0 comments on commit aaefe38

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