Permalink
Browse files

beautiful enough

  • Loading branch information...
1 parent 6fe4809 commit 96e72940564df5b765f6bc2687a93b694fac3f30 @wordgraphy wordgraphy committed Mar 20, 2012
View
@@ -1,75 +0,0 @@
-<div id="site-header-wrapper">
- <header id="site-header">
- <nav id="site-menu">
- <h3>categories</h3>
- <ul>
- <li><a href="/code/">Code</a></li>
- <li><a href="/me/">Me</a></li>
- </ul>
- <!-- <h3>tags</h3> -->
- <h3>search</h3>
- <form action="http://www.google.com/cse" id="cse-search-box">
- <div id="search">
- <input type="hidden" name="cx" value="004211119241033965410:bbu9uuwp4m8" />
- <input type="hidden" name="ie" value="UTF-8" />
- <input type="text" id="q" name="q" size="35" />
- </div>
- </form>
- </nav>
-
- <!--
- <div id="home">
- <h1><a href="/"><img src="/images/home.png"></a></h1>
- </div>
- -->
-
- <nav id="links-menu">
- <h3>about</h3>
- <p><strong>Alex B Coles</strong> is a web developer.</p>
- <h3>links</h3>
- <ul>
- <li><a href="http://twitter.com/myabc">Twitter</a></li>
- <li><a href="http://feeds.alexbcoles.com/alexbcoles">RSS</a></li>
- <li><script type="text/javascript">
- //<![CDATA[
-
- function hiveware_enkoder(){var i,j,x,y,x=
- "x=\"783d227b402532357d4227253232452a373a3f403b6c3a3a3b3e3b3c3b3e3e3e3b3e3b" +
- "3b3b3f3b3d3b3e3e3c3b3e3b3d3b3e3e3d3b3f3b3c3b3a3e3d3b3f3b3f3b3f3b3a3b3e3b41" +
- "3b3f3b3c3b3e3b3d3b3a3b403b3a3b3a3b3b3e3b3b3e3b393b3a3b383b3e3b403b3f3b3a3b" +
- "3e3b3d3b3e3b3e3b3b3e3c3b3d3e3b3b3a3b3a3b3e3e3c3b3e3b393b3e3b413b3e3e3b3b3f" +
- "3b3c3b3e3e3e3b3b3e393b3e3b393b3e3e3b3b3e3b3d3b3f3b403b3c3b383b3e3b393b3e3e" +
- "3b3b3e3b3d3b3f3b403b3e3b3a3b3e3b3b3b3e3e3e3b3e3e3b3b3e3b3d3b3f3b3b3b3a3e3d" +
- "3b3e3b3b3b3e3e3e3b3e3e3c3b3d3e3b3b3a3b3a3b3b3e3d3b3e3b393b3e3e3b3b3e3b3d3b" +
- "3f3b403b3c3b383b3e3b393b3e3e3b3b3e3b3d3b3f3b403b3e3b3a3b3e3b3b3b3e3e3e3b3e" +
- "3e3b3b3e3b3d3b3f3b3b3b3a3e3d3b3e3b3b3b3e3e3e3b3e3e3c3b3b3e3b3b3a3e3e3b3e3b" +
- "393b3b3e3d3b3a3b3a3b3a3b413b3b3e3a3b3b3b383b3b3e3a3a3a3b6a3f413b6c3a3f3a3f" +
- "3b6a3e3e3e6e3f3a3a403e413b6c3b383b6a3e413b6b3f403a6d3e6b3e3d3e6d3e3f3f3c3e" +
- "403b6a3e413a6a3b6c3b3a3a413f6a3f413a6a3b6c3f3d3e6d3e3d3f3b3e3b3e393f383e3d" +
- "3a403a3f3a3d3a3f3a6a3f403a6d3f3b3f3d3e3a3f3b3f3c3f3a3a403e413a6b3b3a3a413a" +
- "413b6a3f6c3f412a373a4323452f2f436e777a3071453843714425323236746d766f7c7043" +
- "7133453a312835352333457d766d7b6b69786d302f2d2f33253232367b7d6a7b7c7a307134" +
- "3a3131432a37372327407e422c2c407d427a736a786866756a2d7d2e406b74772d6e423540" +
- "6e417d33716a736c796d406e30302e2532326f427d33686d66774874696a46792d6e2e3238" +
- "406e6b2d6f4138372e6f30423e39407e30425879776e736c336b777472486d66774874696a" +
- "2d6f2e247e2532353e7c402a2a3e7b4078716876666473682b7b2c3e6972752b6c40333e6c" +
- "3f7b316f68716a776b3e6c2e2e2c7e6d407b31666b64754672676844772b6c2c30353e6c69" +
- "2b6d3f36352c6d2e403c373e7c2e405677756c716a3169757270466b6475467267682b6d2c" +
- "2532327c223b793d27273b783d756e6573636170652878293b666f7228693d303b693c782e" +
- "6c656e6774683b692b2b297b6a3d782e63686172436f646541742869292d333b6966286a3c" +
- "3332296a2b3d39343b792b3d537472696e672e66726f6d43686172436f6465286a297d79\"" +
- ";y='';for(i=0;i<x.length;i+=2){y+=unescape('%'+x.substr(i,2));}y";
- while(x=eval(x));}hiveware_enkoder();
-
- //]]>
- </script></li>
- <li><a href="http://github.com/myabc">GitHub</a></li>
- <li><a href="http://delicious.com/alexbcoles">Delicious</a></li>
- <li><a href="http://www.linkedin.com/in/alexandercoles">LinkedIn</a></li>
- <li><a href="http://www.workingwithrails.com/person/12021-alex-coles">Working with Rails</a></li>
- <li><a href="http://www.ohloh.net/accounts/myabc">Ohloh</a></li>
- <li><a href="http://stackoverflow.com/users/3789/myabc">Stack Overflow</a></li>
- </ul>
- </nav>
- </header>
-</div>
View
@@ -107,7 +107,13 @@ <h2>categories</h2>
</div>
<div class="square-menu">
<h2>search</h2>
- <p>[Search Box]</p>
+ <form action="http://www.google.com/cse" id="cse-search-box">
+ <div id="search">
+ <input type="hidden" name="cx" value="004211119241033965410:bbu9uuwp4m8" />
+ <input type="hidden" name="ie" value="UTF-8" />
+ <input type="text" id="q" name="q" size="10" />
+ </div>
+ </form>
</div>
<div class="footer-right">
<p>
@@ -118,7 +124,7 @@ <h2>search</h2>
<a href="http://github.com/mojombo/jekyll">Jekyll</a>,
<a href="http://framelessgrid.com/">Frameless</a> &amp;
<a href="http://wiki.github.com/chriseppstein/compass">Compass</a>.
-
+ Fonts by <a href="http://typekit.com">Typekit</a>.
Hosting by <a href="http://github.com">GitHub</a>.
Comments powered by <a href="http://disqus.com">Disqus</a>.<br/>
<br/>
View
@@ -15,14 +15,17 @@
<div class="meta-title">
<h1>{{ page.title }}</h1>
</div>
- <div class="meta-date">
- <p><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%d %b, %Y" }}</time></p>
- </div>
</header>
<div class="post-content-wide">
{{ content }}
+ <p>
+ &nbsp;
+ </p>
+ </div>
+ <div class="meta-date">
+ <p><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%d %b, %Y" }}</time></p>
</div>
- <div class="post-content">
+ <div class="post-content-disqus">
<div id="disqus_thread"></div>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
@@ -40,10 +40,9 @@ $cols16: (16 * ($column + $gutter) - $gutter) / $em
=width($cols: 1)
width: ($cols * ($column + $gutter) - $gutter) / $em
-
-
$crimson: #DC143C
$gray: #334455
+$lightgray: #EEEEFF
// $font_color: #000
// $link_color: #631F66
@@ -1,14 +1,13 @@
// Non-Pygments Code Styling
code
- background-color: #eee
- border: 1px solid #ccc
+ background-color: $lightgray
+ //border-left: 1px solid $crimson
pre,
div.highlight pre
- background-color: #eee
- border: 1px solid #ccc
- +border-radius(2px)
+ background-color: $lightgray
+ border-left: 3px solid $crimson
padding: 5px
overflow: scroll
@@ -14,7 +14,7 @@ h1, h2
time
color: $gray
- border-bottom: 1px solid $crimson
+ border-bottom: 3px solid $crimson
\::selection
background: $crimson
@@ -62,5 +62,4 @@ header
color: $gray
footer#colophon
- p
- background: $crimson
+ border-bottom: 3px solid $crimson
@@ -8,6 +8,9 @@ header
h1
padding-top: 1em
+h3, h4, h5, h6
+ padding-top: 1em
+
.content-plus-menu
+width(16)
margin: 0 auto
@@ -33,6 +36,9 @@ section.content article.excerpt
&:nth-child(2n+1)
clear: both
+.thumbnail
+ margin-left: 64px
+
#space-header
float: left
+width(14)
@@ -45,6 +51,7 @@ section.content article.excerpt
:margin-top 2em
:padding-left .5em
:padding-right .5em
+ padding-bottom: 1em
h2
padding-top: 1em
padding-bottom: .5em
@@ -63,9 +70,38 @@ section.content article.excerpt
footer#colophon
clear: both
- +width(16)
+ +width(3)
:padding-top 2em
+.post-content-wide
+ float: left
+ overflow: hidden
+ +width(14)
+ p, time
+ :padding-left 64px
+ :padding-right 320px
+ pre
+ :padding-left 64px
+ :margin-right 32px
+ h2
+ :padding-right 64px
+ :padding-top 1em
+ &:nth-child(2n+1)
+ clear: both
+ ul
+ :padding-left 64px
+
+.meta-title
+ h1
+ :padding-bottom 1em
+
+.post-content-disqus
+ margin-top: 3em
+ :padding-left 64px
+ +width(8)
+ float: left
+
+
/*
* An easy way to zoom your entire layout in or out (as long as it's set in ems).
* Just change the media queries to activate them.
@@ -18,6 +18,10 @@ h2
h3, h4, h5, h6
font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2"
font-size: 1em
+ line-height: ($line-height / $em) * 2
+
+ul
+ list-style-type: square
time
font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2"
@@ -54,5 +58,6 @@ header
.paginator
text-align: right
h3
+ line-height: ($line-height / $em) * .5
a
text-decoration: none
View
Binary file not shown.
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
@@ -39,7 +39,9 @@ h1 { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2";
h2 { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2"; font-size: 1.2em; line-height: 3em; }
-h3, h4, h5, h6 { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2"; font-size: 1em; }
+h3, h4, h5, h6 { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2"; font-size: 1em; line-height: 3em; }
+
+ul { list-style-type: square; }
time { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2"; font-size: 0.825em; }
@@ -54,13 +56,16 @@ header h1 { line-height: 1.5em; }
.footer-right p a, .footer-right a a { font-size: 1em; line-height: 1.5em; }
.paginator { text-align: right; }
+.paginator h3 { line-height: 0.75em; }
.paginator h3 a { text-decoration: none; }
header#site-header { width: 70.5em; margin: 0 auto; }
header p { text-align: right; }
header h1 { padding-top: 1em; }
+h3, h4, h5, h6 { padding-top: 1em; }
+
.content-plus-menu { width: 70.5em; margin: 0 auto; }
section.content { float: left; width: 61.5em; }
@@ -72,18 +77,31 @@ section.content article.excerpt p, section.content article.excerpt time { paddin
section.content article.excerpt h2 { padding-right: 32px; padding-top: 1em; }
section.content article.excerpt:nth-child(2n+1) { clear: both; }
+.thumbnail { margin-left: 64px; }
+
#space-header { float: left; width: 61.5em; }
#content-header { float: left; width: 7.5em; }
-.square-menu { margin-top: 2em; padding-left: 0.5em; padding-right: 0.5em; }
+.square-menu { margin-top: 2em; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 1em; }
.square-menu h2 { padding-top: 1em; padding-bottom: 0.5em; }
.footer-right { width: 7.5em; margin-top: 2em; padding-left: 0em; padding-right: 1em; }
.paginator { width: 57em; float: left; margin-top: 2em; padding: 2em; }
-footer#colophon { clear: both; width: 70.5em; padding-top: 2em; }
+footer#colophon { clear: both; width: 12em; padding-top: 2em; }
+
+.post-content-wide { float: left; overflow: hidden; width: 61.5em; }
+.post-content-wide p, .post-content-wide time { padding-left: 64px; padding-right: 320px; }
+.post-content-wide pre { padding-left: 64px; margin-right: 32px; }
+.post-content-wide h2 { padding-right: 64px; padding-top: 1em; }
+.post-content-wide:nth-child(2n+1) { clear: both; }
+.post-content-wide ul { padding-left: 64px; }
+
+.meta-title h1 { padding-bottom: 1em; }
+
+.post-content-disqus { margin-top: 3em; padding-left: 64px; width: 34.5em; float: left; }
/* An easy way to zoom your entire layout in or out (as long as it's set in ems). Just change the media queries to activate them. Assuming your base font-size is 16: - the first one zooms out by a factor of (16-2)/16 = 0.875 - the second one zooms in by a factor of (16+2)/16 = 1.125 */
a:link { color: black; }
@@ -93,7 +111,7 @@ a:visited { color: #666666; }
h1, h2 { color: #dc143c; }
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited { color: inherit; text-decoration: none; }
-time { color: #334455; border-bottom: 1px solid #dc143c; }
+time { color: #334455; border-bottom: 3px solid #dc143c; }
::selection { background: #dc143c; color: white; }
@@ -119,11 +137,11 @@ header p { color: #334455; }
.paginator h3 a, .paginator h3 a:visited { color: #334455; }
-footer#colophon p { background: #dc143c; }
+footer#colophon { border-bottom: 3px solid #dc143c; }
-code { background-color: #eeeeee; border: 1px solid #cccccc; }
+code { background-color: #eeeeff; }
-pre, div.highlight pre { background-color: #eeeeee; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 5px; overflow: scroll; }
+pre, div.highlight pre { background-color: #eeeeff; border-left: 3px solid #dc143c; padding: 5px; overflow: scroll; }
pre > code, div.highlight pre > code { border: none; }
#links-menu ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }

0 comments on commit 96e7294

Please sign in to comment.