Created
April 12, 2011 19:19
-
-
Save krainboltgreene/916196 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
HTML5 | |
html lang: 'en', class: 'no-js' do | |
head do | |
title "A great page." | |
meta {charset: 'utf-8'} | |
meta content: 'en', name: 'language' | |
keywords = ['magic the gathering', 'deck building', 'card trading', 'play magic', 'trade magic', 'trading card game'] | |
meta content: keywords.join(', ') | |
htmlif 'IE' do | |
meta 'http-equiv' => "X-UA-Compatible", content: "IE=edge,chrome=1" | |
end | |
style "stylesheets/main.css" | |
javascript "javascripts/main.js" | |
end | |
body do | |
para "You can opt to join in on the mailing list and get first pick for Beta.", style: 'color: red' | |
para "But you should really work hard to get in." do | |
style 'color: blue' | |
end | |
end | |
end | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html class='no-js' lang='en'> | |
<head> | |
<title>DeckTap</title> | |
<meta charset='utf-8'> | |
<meta content='en' name='language'> | |
<meta content='magic the gathering, deck building, card trading, play magic, trade magic, trading card game' name='keywords'> | |
<!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <![endif]--> | |
<link href="/stylesheets/main.css?1302594951" media="all" rel="stylesheet" type="text/css" /> | |
<script src="/javascripts/main.js?1302636617" type="text/javascript"></script> | |
</head> | |
<body> | |
<p style="color: red">You can opt to join in on the mailing list and get first pick for Beta.</p> | |
<p style="color: blue">But you should really work hard to get in.</p> | |
</body> | |
</html> |
Very cool. The only thing I'd skip or think more about is the styles. I'd cry to see a page filled with those.
Looks rather sexy.
@Spaceghost: The style bit was just to show off the extra little features, but it's still Ruby so...
@locks: Yeah, I've been formulating this in my head for a bit, and I think ultimately all the Sinatra-to-Rails developers have a seed like this in them. Even just this mock up was easier to deal with than HAML.
This ended up as Dapper Dan, by the way. (Though I think both of you know this)
+1
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I'm liking where this is going.
In fact, I had mostly the same idea last week :P