Permalink
Browse files

burt.css

  • Loading branch information...
1 parent e3e4fed commit ee720d61a3c86d537c28a7622341285f2b36abed @defunkt defunkt committed Mar 6, 2010
Showing with 67 additions and 64 deletions.
  1. +25 −0 burt.css
  2. +21 −32 index.html
  3. +21 −32 index.mustache
View
@@ -0,0 +1,25 @@
+body {
+ font-family: Georgia;
+}
+
+#logo {
+ line-height: 180px;
+ -webkit-transform: rotate(-90deg);
+ -moz-transform: rotate(-90deg);
+ text-align: center;
+ display: block;
+ font-size: 250px;
+ font-family: Georgia;
+ margin-bottom: -30px;
+}
+
+#content {
+ width: 600px;
+ margin: 0 auto;
+}
+
+p {
+ font-size: 30px;
+ margin-bottom: 20px;
+ text-align: left;
+}
View
@@ -2,41 +2,30 @@
<html>
<head>
<title>&#123;&#123; mustache }}</title>
- <style>
- * {
- margin: 0;
- padding: 0;
- }
- #logo {
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- text-align: center;
- display: block;
- font-size: 250px;
- font-family: Georgia;
- }
- </style>
+ <link href="burt.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<span id="logo">}</span>
- <p>Logic-less templates.
- Available in
- <a href="http://github.com/janl/mustache.js">JavaScript</a>,
- <a href="http://github.com/mojombo/mustache.erl">Erlang</a>,
- <a href="http://github.com/hoisie/mustache.go/">Go</a>,
- <a href="http://github.com/defunkt/pystache">Python</a>,
- <a href="http://github.com/nrk/hige">Lua</a>,
- and for
- <a href="http://github.com/raycmorgan/Mu">node.js</a>.
- </p>
-
- <p>
- Works great with
- <a href="">Emacs</a>,
- <a href="">Vim</a>,
- and
- <a href="">TextMate</a>.
- </p>
+ <div id="content">
+ <p>Logic-less templates.</p>
+ <p>
+ Available in
+ <a href="http://github.com/janl/mustache.js">JavaScript</a>,
+ <a href="http://github.com/mojombo/mustache.erl">Erlang</a>,
+ <a href="http://github.com/hoisie/mustache.go/">Go</a>,
+ <a href="http://github.com/defunkt/pystache">Python</a>,
+ <a href="http://github.com/nrk/hige">Lua</a>,
+ and for
+ <a href="http://github.com/raycmorgan/Mu">node.js</a>.
+ </p>
+ <p>
+ Works great with
+ <a href="">Emacs</a>,
+ <a href="">Vim</a>,
+ and
+ <a href="">TextMate</a>.
+ </p>
+ </div>
</html>
View
@@ -2,41 +2,30 @@
<html>
<head>
<title>&#123;&#123; mustache }}</title>
- <style>
- * {
- margin: 0;
- padding: 0;
- }
- #logo {
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- text-align: center;
- display: block;
- font-size: 250px;
- font-family: Georgia;
- }
- </style>
+ <link href="burt.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<span id="logo">}</span>
- <p>Logic-less templates.
- Available in
- {{#languages}}
- <a href="{{url}}">{{name}}</a>,
- {{/languages}}
- {{#last_language}}
- and for
- <a href="{{url}}">{{name}}</a>.
- {{/last_language}}
- </p>
-
- <p>
- Works great with
- <a href="">Emacs</a>,
- <a href="">Vim</a>,
- and
- <a href="">TextMate</a>.
- </p>
+ <div id="content">
+ <p>Logic-less templates.</p>
+ <p>
+ Available in
+ {{#languages}}
+ <a href="{{url}}">{{name}}</a>,
+ {{/languages}}
+ {{#last_language}}
+ and for
+ <a href="{{url}}">{{name}}</a>.
+ {{/last_language}}
+ </p>
+ <p>
+ Works great with
+ <a href="">Emacs</a>,
+ <a href="">Vim</a>,
+ and
+ <a href="">TextMate</a>.
+ </p>
+ </div>
</html>

0 comments on commit ee720d6

Please sign in to comment.