Skip to content

Commit

Permalink
Rough version 1.
Browse files Browse the repository at this point in the history
  • Loading branch information
saterus committed Feb 6, 2011
1 parent 19cd166 commit 8012973
Show file tree
Hide file tree
Showing 8 changed files with 599 additions and 20 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
.sass-cache
6 changes: 6 additions & 0 deletions Rakefile
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
task :compile do
`haml index.haml -f html5 index.html`
`sass osurb.sass osurb.css`
end

task :default => :compile
26 changes: 20 additions & 6 deletions index.haml
Original file line number Diff line number Diff line change
Expand Up @@ -2,19 +2,33 @@
%html
%head
%title Osurb
%link(rel='stylesheet' type='text/css' href='/osurb.css')
%link(rel='stylesheet' type='text/css' href='osurb.css')
%body
#header
%h1 osu.rb
%img{:id => 'logo', :src => '/osurb.png'}
%img{:id => 'logo', :src => 'osurb.png'}
#content
.introduction
%h2 Who Are We?
%p
We're a bunch of students, graduates and alumni
%a{:href => "foo"} Follow Us
We're a bunch of students, graduates and alumni at the Ohio State University interested in using Ruby to create interesting things.
.relevant_links
%a.button{:href => "http://twitter.com/#!/osurb"} Follow us on Twitter
.introduction
%h2 Who Can Join?
%p
Lorem ipsum dolar
%a{:href => "foo"} Join the Mailing List
Current Ohio State students make up the bulk of our ranks, but anyone can join. Most important stuff is discussed at the weekly meeting, but you should also check out online communications.
.relevant_links
%a.button{:href => "http://groups.google.com/group/studioctrubywebdev"} Join the Mailing List
.introduction
%h2 Meetings
%p
We are currently meeting every Tuesday at 7:00pm in Dreese Labs room 264. We try to spend equal time on presentations or discussion and then switch gears to pairing to work on the quarterly project. We also use IRC for a lot of informal discussion throughout the week.
.relevant_links
%a.button{:href => "http://webchat.freenode.net/"} #osurb on irc
.introduction
%h2 Project
%p
Getting your hands dirty is the best way to learn. That's why we make an effort to take some project from concept to completion each semester. This gives us practical experience with all the technical challenges, design, project management, and collaboration.
.relevant_links
%a.button{:href => "https://github.com/osurb"} osu.rb on GitHub
51 changes: 51 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<title>Osurb</title>
<link href='osurb.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div id='header'>
<h1>osu.rb</h1>
<img id='logo' src='osurb.png'>
</div>
<div id='content'>
<div class='introduction'>
<h2>Who Are We?</h2>
<p>
We're a bunch of students, graduates and alumni at the Ohio State University interested in using Ruby to create interesting things.
</p>
</div>
<div class='relevant_links'>
<a class='button' href='http://twitter.com/#!/osurb'>Follow us on Twitter</a>
</div>
<div class='introduction'>
<h2>Who Can Join?</h2>
<p>
Current Ohio State students make up the bulk of our ranks, but anyone can join. Most important stuff is discussed at the weekly meeting, but you should also check out online communications.
</p>
</div>
<div class='relevant_links'>
<a class='button' href='http://groups.google.com/group/studioctrubywebdev'>Join the Mailing List</a>
</div>
<div class='introduction'>
<h2>Meetings</h2>
<p>
We are currently meeting every Tuesday at 7:00pm in Dreese Labs room 264. We try to spend equal time on presentations or discussion and then switch gears to pairing to work on the quarterly project. We also use IRC for a lot of informal discussion throughout the week.
</p>
</div>
<div class='relevant_links'>
<a class='button' href='http://webchat.freenode.net/'>#osurb on irc</a>
</div>
<div class='introduction'>
<h2>Project</h2>
<p>
Getting your hands dirty is the best way to learn. That's why we make an effort to take some project from concept to completion each semester. This gives us practical experience with all the technical challenges, design, project management, and collaboration.
</p>
</div>
<div class='relevant_links'>
<a class='button' href='https://github.com/osurb'>osu.rb on GitHub</a>
</div>
</div>
</body>
</html>
202 changes: 202 additions & 0 deletions osurb.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,202 @@
html {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }

body {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
line-height: 1; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }

blockquote {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
quotes: none; }

pre, a, abbr, acronym, address, big, cite, code {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }

del {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: line-through; }

dfn, em, font, img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }

ins {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none; }

kbd {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }

q {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
quotes: none; }

s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }

ol, ul {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
list-style: none; }

li, fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }

table {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
border-collapse: collapse;
border-spacing: 0; }

caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }

*:focus {
outline: 0; }

body {
background-color: #5f0c17;
width: 650px;
margin: 0 auto;
font-family: verdana, sans-serif; }
body #header {
margin-bottom: -20px;
position: relative; }
body #header img {
width: 65%;
padding-left: 20px; }
body #header h1 {
position: absolute;
right: 20px;
bottom: 40px;
color: #e5e5e5;
font-size: 90px; }
body #content {
margin-bottom: 50px; }
body h2 {
color: #111111;
font-size: 22px;
padding: 0 0 10px 0; }
body .introduction {
margin-bottom: 5px;
padding: 20px;
background-color: #e5e5e5;
/* background-color: rgba(255, 255, 255, 0.1) */
clear: both;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
body .introduction p {
color: #111111;
text-shadow: #bbbbbb 2px 1px 4px; }
body .introduction .relevant_links {
margin: 30px;
display: block; }
body a.button {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6ecf36), to(#4e9326));
background-image: -moz-linear-gradient(center top, #6ecf36 0%, #4e9326 100%);
color: white;
display: inline-block;
padding: 8px;
margin: 10px 0px 10px 10px;
text-align: center;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.293);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 11em;
float: right; }
body a.button:hover {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4e9326), to(#528f2c));
background-image: -moz-linear-gradient(center top, #4e9326 0%, #528f2c 100%); }
37 changes: 23 additions & 14 deletions osurb.sass
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ body
background-color: #5F0C17
width: 650px
margin: 0 auto
font-family: arial
font-family: verdana, sans-serif

#header
margin-bottom: -20px
Expand All @@ -18,34 +18,43 @@ body
bottom: 40px
color: #e5e5e5
font-size: 90px
#content
margin-bottom: 50px
h2
color: #fff
color: #111
font-size: 22px
padding: 0 0 10px 0

.introduction
margin-bottom: 5px
padding: 20px
background-color: #6F242E
background-color: rgba(255, 255, 255, 0.1)
p
color: #e5e5e5
-moz-border-radius: 5px
-webkit-border-radius: 5px
border-radius: 5px
a
background-color: #e5e5e5 /* #6F242E tony's original colors) */
/* background-color: rgba(255, 255, 255, 0.1) */
clear: both
-moz-border-radius: 5px
-webkit-border-radius: 5px
border-radius: 5px
p
color: #111 /* #e5e5e5 */
text-shadow: #bbb 2px 1px 4px
.relevant_links
margin: 30px
display: block
a.button
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6ECF36), to(#4E9326))
background-image: -moz-linear-gradient(center top , #6ECF36 0%, #4E9326 100%)
color: white
display: block
margin: 10px 0px 30px 450px
padding: 8px 0
display: inline-block
padding: 8px
margin: 10px 0px 10px 10px
text-align: center
text-decoration: none
text-shadow: rgba(0, 0, 0, 0.292969)
text-shadow: rgba(0, 0, 0, 0.292969)
-moz-border-radius: 5px
-webkit-border-radius: 5px
border-radius: 5px
width: 11em /* roughly, 0.5 em per char * |longest_text| */
float: right
&:hover
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4E9326), to(#528F2C))
background-image: -moz-linear-gradient(center top , #4E9326 0%, #528F2C 100%)
Expand Down
Loading

0 comments on commit 8012973

Please sign in to comment.