Skip to content

Commit 252cad5

Browse files
author
Chris Lee
committed
Static HTML
1 parent e871a28 commit 252cad5

File tree

15 files changed

+145
-154
lines changed

15 files changed

+145
-154
lines changed

‎Gemfile

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎public/bg.png renamed to ‎bg.png

File renamed without changes.

‎config.ru

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎index.html

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
<!DOCTYPE HTML>
2+
<html lang="en-US">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta content="I study computer science at Carnegie Mellon University. I enjoy building stuff on the web. This is some of my work." name="description">
6+
<title>Chris Lee<%= @page == 'index' ? '' : ' | ' + @page.capitalize %></title>
7+
<link href="//fonts.googleapis.com/css?family=Lato:regular,bold" rel="stylesheet" type="text/css" />
8+
<link href="//fonts.googleapis.com/css?family=Cambria:regular,italic,bold" rel="stylesheet" type="text/css" />
9+
<link href="style.css" rel="stylesheet" type="text/css" />
10+
</head>
11+
<body>
12+
<div id="header">
13+
<div id="intro">
14+
<h1>
15+
<span id="name">Chris Lee</span>
16+
<span id="tagline">Code &amp; Design</span>
17+
</h1>
18+
<h2>
19+
I study computer science at Carnegie Mellon University.<br />I enjoy building stuff on the web.<br/>This is some of my work.
20+
</h2>
21+
</div>
22+
<ul id="links">
23+
<li id="email"><h4>Email</h4> <a href="mailto:[email protected]">[email protected]</a></li>
24+
<li id="resume"><h4>Resume</h4> <a href="resume.pdf">Download</a></li>
25+
<li id="elsewhere"><h4>Elsewhere</h4> <ul>
26+
<li><a href="http://dribbble.com/Cleer" target="_blank">Dribbble</a> (design)</li>
27+
<li><a href="https://github.com/cleercode" target="_blank">GitHub</a> (code)</li>
28+
<li><a href="http://linkedin.com/in/cleer" target="_blank">LinkedIn</a> (work)</li>
29+
<li><a href="http://qr.ae/hBc" target="_blank">Quora</a> (q&amp;a)</li>
30+
</li></ul>
31+
</ul>
32+
</div>
33+
<div id="content">
34+
<!-- Main site content -->
35+
36+
<div class="item">
37+
<div class="description">
38+
<h3>Grapevin <a href="http://grapev.in" title="Grapevin" target="_blank">&rarr;</a></h3>
39+
<p>Grapevin's my current project to allow people to express themselves through the music they enjoy. It allows users to easily create an <a href="http://grapev.in/chris" title="Chris Lee's playlist on Grapevin" target="_blank">interactive playlist of their favorite songs</a> to share with their friends.</p>
40+
41+
<p>You can read a little interview about my vision for Grapevin <a href="http://www.madebyone.com/grapevin" title="Grapevin on Made By One" target="_blank">here</a>.</p>
42+
43+
<h4>Technologies</h4>
44+
<ul>
45+
<li>Ruby on Rails</li>
46+
<li>jQuery</li>
47+
<li>HTML</li>
48+
<li>CSS</li>
49+
</ul>
50+
</div>
51+
<img src="work/grapevin.png" alt="Grapevin" />
52+
</div>
53+
<div class="item">
54+
<div class="description">
55+
<h3>Stik.com <a href="http://stik.com" title="Stik.com" target="_blank">&rarr;</a></h3>
56+
<p>Over summer 2010, I interned at Stik.com, a tiny San Francisco startup using the Facebook network to facilitate business connections.</p>
57+
<p>Leveraging my experience in both design and development, I completely overhauled the design of the site and implemented major functionality.</p>
58+
59+
<h4>Technologies</h4>
60+
<ul>
61+
<li>PHP</li>
62+
<li>MySQL</li>
63+
<li>jQuery</li>
64+
<li>MooTools</li>
65+
<li>HTML</li>
66+
<li>CSS</li>
67+
<li>Photoshop</li>
68+
<li>Illustrator</li>
69+
</ul>
70+
</div>
71+
<img src="work/stik.png" alt="Stik" />
72+
</div>
73+
<div class="item">
74+
<div class="description">
75+
<h3>Easy Legal Billing</h3>
76+
<p>The creators of this online billing application sought me out for a visual refresh of their landing page.</p>
77+
78+
<h4>Technologies</h4>
79+
<ul>
80+
<li>Photoshop</li>
81+
</ul>
82+
</div>
83+
<img src="work/easylegalbilling.png" alt="Easy Legal Billing" />
84+
</div>
85+
<div class="item">
86+
<div class="description">
87+
<h3>Fire Emblem: <br/>Immortal Sword <a href="http://bwdyeti.com/fe7x" title="Fire Emblem: Immortal Sword" target="_blank">&rarr;</a></h3>
88+
<p>I designed and coded the website for a fan-made spinoff of a popular video game series.</p>
89+
90+
<h4>Technologies</h4>
91+
<ul>
92+
<li>HTML</li>
93+
<li>CSS</li>
94+
<li>Photoshop</li>
95+
<li>Illustrator</li>
96+
</ul>
97+
</div>
98+
<img src="work/fe7x.png" alt="Fire Emblem: Immortal Sword" />
99+
</div>
100+
<div class="item">
101+
<div class="description">
102+
<h3>Symphony <a href="http://symphony.chrsl.net" title="Symphony" target="_blank">&rarr;</a></h3>
103+
<p>For Yahoo!'s annual <a href="http://developer.yahoo.com/hacku/" title="Yahoo! Hack U" target="_blank">Hack U</a> competition, I developed this music recommendation web application in less than a full day. The simple grid of recommendations displays a large number of recommendations consisely and attractively.
104+
105+
<h4>Technologies</h4>
106+
<ul>
107+
<li>jQuery</li>
108+
<li>HTML</li>
109+
<li>CSS</li>
110+
</ul>
111+
</div>
112+
<img src="work/symphony.png" alt="Symphony" />
113+
</div>
114+
115+
<!-- End main site content -->
116+
117+
</div>
118+
<div id="footer">
119+
<p>Thanks for visiting! <a href="mailto:[email protected]">Would you like to contact me?</a></p>
120+
<a href="#" id="back_to_top" title="Back to the top">&uarr;</a>
121+
</div>
122+
123+
<script type="text/javascript">
124+
var _gaq = _gaq || [];
125+
_gaq.push(['_setAccount', 'UA-19583432-1']);
126+
_gaq.push(['_trackPageview']);
127+
128+
(function() {
129+
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
130+
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
131+
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
132+
})();
133+
</script>
134+
</body>
135+
</html>

‎main.rb

Lines changed: 0 additions & 23 deletions
This file was deleted.

‎public/photo.jpg

-16.2 KB
Binary file not shown.

‎public/resume.pdf renamed to ‎resume.pdf

File renamed without changes.

‎public/style.css renamed to ‎style.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -177,6 +177,16 @@ h4 {
177177
border-width: 2px 0;
178178
font-size: 24px;
179179
margin-top: 60px;
180+
overflow: hidden;
180181
padding: 10px 0;
181182
text-align: center;
182183
}
184+
185+
#footer p {
186+
display: inline;
187+
}
188+
189+
#footer a#back_to_top {
190+
border: none;
191+
float: right;
192+
}

‎views/index.erb

Lines changed: 0 additions & 76 deletions
This file was deleted.

‎views/layout.erb

Lines changed: 0 additions & 51 deletions
This file was deleted.

‎public/work/easylegalbilling.png renamed to ‎work/easylegalbilling.png

File renamed without changes.

‎public/work/fe7x.png renamed to ‎work/fe7x.png

File renamed without changes.

‎public/work/grapevin.png renamed to ‎work/grapevin.png

File renamed without changes.

‎public/work/stik.png renamed to ‎work/stik.png

File renamed without changes.

‎public/work/symphony.png renamed to ‎work/symphony.png

File renamed without changes.

0 commit comments

Comments
 (0)