Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

beautiful enough

  • Loading branch information...
commit 96e72940564df5b765f6bc2687a93b694fac3f30 1 parent 6fe4809
@wordgraphy wordgraphy authored
View
75 _includes/old header.html
@@ -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
10 _layouts/default.html
@@ -107,7 +107,13 @@
</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 @@
<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
11 _layouts/post.html
@@ -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>
View
3  _sass/partials/_base.sass
@@ -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
View
9 _sass/partials/_code.sass
@@ -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
View
5 _sass/partials/_colours.sass
@@ -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
View
38 _sass/partials/_layout.sass
@@ -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.
View
5 _sass/partials/_typography.sass
@@ -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
BIN  favicon.ico
Binary file not shown
View
BIN  images/band1.png
Deleted file not rendered
View
BIN  images/band10.png
Deleted file not rendered
View
BIN  images/band11.png
Deleted file not rendered
View
BIN  images/band2.png
Deleted file not rendered
View
BIN  images/band3.png
Deleted file not rendered
View
BIN  images/band4.png
Deleted file not rendered
View
BIN  images/band5.png
Deleted file not rendered
View
BIN  images/band6.png
Deleted file not rendered
View
BIN  images/band7.png
Deleted file not rendered
View
BIN  images/band8.png
Deleted file not rendered
View
BIN  images/band9.png
Deleted file not rendered
View
BIN  images/grid.png
Deleted file not rendered
View
BIN  images/home.png
Deleted file not rendered
View
BIN  images/ik100.png
Deleted file not rendered
View
BIN  images/ik70.png
Deleted file not rendered
View
32 stylesheets/screen.css
@@ -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,6 +56,7 @@ 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; }
@@ -61,6 +64,8 @@ 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; }
Please sign in to comment.
Something went wrong with that request. Please try again.