Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

beautiful enough

  • Loading branch information...
commit 96e72940564df5b765f6bc2687a93b694fac3f30 1 parent 6fe4809
Guillermo Tirelli wordgraphy authored
75 _includes/old header.html
... ... @@ -1,75 +0,0 @@
1   -<div id="site-header-wrapper">
2   - <header id="site-header">
3   - <nav id="site-menu">
4   - <h3>categories</h3>
5   - <ul>
6   - <li><a href="/code/">Code</a></li>
7   - <li><a href="/me/">Me</a></li>
8   - </ul>
9   - <!-- <h3>tags</h3> -->
10   - <h3>search</h3>
11   - <form action="http://www.google.com/cse" id="cse-search-box">
12   - <div id="search">
13   - <input type="hidden" name="cx" value="004211119241033965410:bbu9uuwp4m8" />
14   - <input type="hidden" name="ie" value="UTF-8" />
15   - <input type="text" id="q" name="q" size="35" />
16   - </div>
17   - </form>
18   - </nav>
19   -
20   - <!--
21   - <div id="home">
22   - <h1><a href="/"><img src="/images/home.png"></a></h1>
23   - </div>
24   - -->
25   -
26   - <nav id="links-menu">
27   - <h3>about</h3>
28   - <p><strong>Alex B Coles</strong> is a web developer.</p>
29   - <h3>links</h3>
30   - <ul>
31   - <li><a href="http://twitter.com/myabc">Twitter</a></li>
32   - <li><a href="http://feeds.alexbcoles.com/alexbcoles">RSS</a></li>
33   - <li><script type="text/javascript">
34   - //<![CDATA[
35   -
36   - function hiveware_enkoder(){var i,j,x,y,x=
37   - "x=\"783d227b402532357d4227253232452a373a3f403b6c3a3a3b3e3b3c3b3e3e3e3b3e3b" +
38   - "3b3b3f3b3d3b3e3e3c3b3e3b3d3b3e3e3d3b3f3b3c3b3a3e3d3b3f3b3f3b3f3b3a3b3e3b41" +
39   - "3b3f3b3c3b3e3b3d3b3a3b403b3a3b3a3b3b3e3b3b3e3b393b3a3b383b3e3b403b3f3b3a3b" +
40   - "3e3b3d3b3e3b3e3b3b3e3c3b3d3e3b3b3a3b3a3b3e3e3c3b3e3b393b3e3b413b3e3e3b3b3f" +
41   - "3b3c3b3e3e3e3b3b3e393b3e3b393b3e3e3b3b3e3b3d3b3f3b403b3c3b383b3e3b393b3e3e" +
42   - "3b3b3e3b3d3b3f3b403b3e3b3a3b3e3b3b3b3e3e3e3b3e3e3b3b3e3b3d3b3f3b3b3b3a3e3d" +
43   - "3b3e3b3b3b3e3e3e3b3e3e3c3b3d3e3b3b3a3b3a3b3b3e3d3b3e3b393b3e3e3b3b3e3b3d3b" +
44   - "3f3b403b3c3b383b3e3b393b3e3e3b3b3e3b3d3b3f3b403b3e3b3a3b3e3b3b3b3e3e3e3b3e" +
45   - "3e3b3b3e3b3d3b3f3b3b3b3a3e3d3b3e3b3b3b3e3e3e3b3e3e3c3b3b3e3b3b3a3e3e3b3e3b" +
46   - "393b3b3e3d3b3a3b3a3b3a3b413b3b3e3a3b3b3b383b3b3e3a3a3a3b6a3f413b6c3a3f3a3f" +
47   - "3b6a3e3e3e6e3f3a3a403e413b6c3b383b6a3e413b6b3f403a6d3e6b3e3d3e6d3e3f3f3c3e" +
48   - "403b6a3e413a6a3b6c3b3a3a413f6a3f413a6a3b6c3f3d3e6d3e3d3f3b3e3b3e393f383e3d" +
49   - "3a403a3f3a3d3a3f3a6a3f403a6d3f3b3f3d3e3a3f3b3f3c3f3a3a403e413a6b3b3a3a413a" +
50   - "413b6a3f6c3f412a373a4323452f2f436e777a3071453843714425323236746d766f7c7043" +
51   - "7133453a312835352333457d766d7b6b69786d302f2d2f33253232367b7d6a7b7c7a307134" +
52   - "3a3131432a37372327407e422c2c407d427a736a786866756a2d7d2e406b74772d6e423540" +
53   - "6e417d33716a736c796d406e30302e2532326f427d33686d66774874696a46792d6e2e3238" +
54   - "406e6b2d6f4138372e6f30423e39407e30425879776e736c336b777472486d66774874696a" +
55   - "2d6f2e247e2532353e7c402a2a3e7b4078716876666473682b7b2c3e6972752b6c40333e6c" +
56   - "3f7b316f68716a776b3e6c2e2e2c7e6d407b31666b64754672676844772b6c2c30353e6c69" +
57   - "2b6d3f36352c6d2e403c373e7c2e405677756c716a3169757270466b6475467267682b6d2c" +
58   - "2532327c223b793d27273b783d756e6573636170652878293b666f7228693d303b693c782e" +
59   - "6c656e6774683b692b2b297b6a3d782e63686172436f646541742869292d333b6966286a3c" +
60   - "3332296a2b3d39343b792b3d537472696e672e66726f6d43686172436f6465286a297d79\"" +
61   - ";y='';for(i=0;i<x.length;i+=2){y+=unescape('%'+x.substr(i,2));}y";
62   - while(x=eval(x));}hiveware_enkoder();
63   -
64   - //]]>
65   - </script></li>
66   - <li><a href="http://github.com/myabc">GitHub</a></li>
67   - <li><a href="http://delicious.com/alexbcoles">Delicious</a></li>
68   - <li><a href="http://www.linkedin.com/in/alexandercoles">LinkedIn</a></li>
69   - <li><a href="http://www.workingwithrails.com/person/12021-alex-coles">Working with Rails</a></li>
70   - <li><a href="http://www.ohloh.net/accounts/myabc">Ohloh</a></li>
71   - <li><a href="http://stackoverflow.com/users/3789/myabc">Stack Overflow</a></li>
72   - </ul>
73   - </nav>
74   - </header>
75   -</div>
10 _layouts/default.html
@@ -107,7 +107,13 @@
107 107 </div>
108 108 <div class="square-menu">
109 109 <h2>search</h2>
110   - <p>[Search Box]</p>
  110 + <form action="http://www.google.com/cse" id="cse-search-box">
  111 + <div id="search">
  112 + <input type="hidden" name="cx" value="004211119241033965410:bbu9uuwp4m8" />
  113 + <input type="hidden" name="ie" value="UTF-8" />
  114 + <input type="text" id="q" name="q" size="10" />
  115 + </div>
  116 + </form>
111 117 </div>
112 118 <div class="footer-right">
113 119 <p>
@@ -118,7 +124,7 @@
118 124 <a href="http://github.com/mojombo/jekyll">Jekyll</a>,
119 125 <a href="http://framelessgrid.com/">Frameless</a> &amp;
120 126 <a href="http://wiki.github.com/chriseppstein/compass">Compass</a>.
121   -
  127 + Fonts by <a href="http://typekit.com">Typekit</a>.
122 128 Hosting by <a href="http://github.com">GitHub</a>.
123 129 Comments powered by <a href="http://disqus.com">Disqus</a>.<br/>
124 130 <br/>
11 _layouts/post.html
@@ -15,14 +15,17 @@
15 15 <div class="meta-title">
16 16 <h1>{{ page.title }}</h1>
17 17 </div>
18   - <div class="meta-date">
19   - <p><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%d %b, %Y" }}</time></p>
20   - </div>
21 18 </header>
22 19 <div class="post-content-wide">
23 20 {{ content }}
  21 + <p>
  22 + &nbsp;
  23 + </p>
  24 + </div>
  25 + <div class="meta-date">
  26 + <p><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%d %b, %Y" }}</time></p>
24 27 </div>
25   - <div class="post-content">
  28 + <div class="post-content-disqus">
26 29 <div id="disqus_thread"></div>
27 30 <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
28 31 <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
3  _sass/partials/_base.sass
@@ -40,10 +40,9 @@ $cols16: (16 * ($column + $gutter) - $gutter) / $em
40 40 =width($cols: 1)
41 41 width: ($cols * ($column + $gutter) - $gutter) / $em
42 42
43   -
44   -
45 43 $crimson: #DC143C
46 44 $gray: #334455
  45 +$lightgray: #EEEEFF
47 46
48 47 // $font_color: #000
49 48 // $link_color: #631F66
9 _sass/partials/_code.sass
... ... @@ -1,14 +1,13 @@
1 1 // Non-Pygments Code Styling
2 2
3 3 code
4   - background-color: #eee
5   - border: 1px solid #ccc
  4 + background-color: $lightgray
  5 + //border-left: 1px solid $crimson
6 6
7 7 pre,
8 8 div.highlight pre
9   - background-color: #eee
10   - border: 1px solid #ccc
11   - +border-radius(2px)
  9 + background-color: $lightgray
  10 + border-left: 3px solid $crimson
12 11 padding: 5px
13 12 overflow: scroll
14 13
5 _sass/partials/_colours.sass
@@ -14,7 +14,7 @@ h1, h2
14 14
15 15 time
16 16 color: $gray
17   - border-bottom: 1px solid $crimson
  17 + border-bottom: 3px solid $crimson
18 18
19 19 \::selection
20 20 background: $crimson
@@ -62,5 +62,4 @@ header
62 62 color: $gray
63 63
64 64 footer#colophon
65   - p
66   - background: $crimson
  65 + border-bottom: 3px solid $crimson
38 _sass/partials/_layout.sass
@@ -8,6 +8,9 @@ header
8 8 h1
9 9 padding-top: 1em
10 10
  11 +h3, h4, h5, h6
  12 + padding-top: 1em
  13 +
11 14 .content-plus-menu
12 15 +width(16)
13 16 margin: 0 auto
@@ -33,6 +36,9 @@ section.content article.excerpt
33 36 &:nth-child(2n+1)
34 37 clear: both
35 38
  39 +.thumbnail
  40 + margin-left: 64px
  41 +
36 42 #space-header
37 43 float: left
38 44 +width(14)
@@ -45,6 +51,7 @@ section.content article.excerpt
45 51 :margin-top 2em
46 52 :padding-left .5em
47 53 :padding-right .5em
  54 + padding-bottom: 1em
48 55 h2
49 56 padding-top: 1em
50 57 padding-bottom: .5em
@@ -63,9 +70,38 @@ section.content article.excerpt
63 70
64 71 footer#colophon
65 72 clear: both
66   - +width(16)
  73 + +width(3)
67 74 :padding-top 2em
68 75
  76 +.post-content-wide
  77 + float: left
  78 + overflow: hidden
  79 + +width(14)
  80 + p, time
  81 + :padding-left 64px
  82 + :padding-right 320px
  83 + pre
  84 + :padding-left 64px
  85 + :margin-right 32px
  86 + h2
  87 + :padding-right 64px
  88 + :padding-top 1em
  89 + &:nth-child(2n+1)
  90 + clear: both
  91 + ul
  92 + :padding-left 64px
  93 +
  94 +.meta-title
  95 + h1
  96 + :padding-bottom 1em
  97 +
  98 +.post-content-disqus
  99 + margin-top: 3em
  100 + :padding-left 64px
  101 + +width(8)
  102 + float: left
  103 +
  104 +
69 105 /*
70 106 * An easy way to zoom your entire layout in or out (as long as it's set in ems).
71 107 * Just change the media queries to activate them.
5 _sass/partials/_typography.sass
@@ -18,6 +18,10 @@ h2
18 18 h3, h4, h5, h6
19 19 font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2"
20 20 font-size: 1em
  21 + line-height: ($line-height / $em) * 2
  22 +
  23 +ul
  24 + list-style-type: square
21 25
22 26 time
23 27 font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2"
@@ -54,5 +58,6 @@ header
54 58 .paginator
55 59 text-align: right
56 60 h3
  61 + line-height: ($line-height / $em) * .5
57 62 a
58 63 text-decoration: none
BIN  favicon.ico
Binary file not shown
BIN  images/band1.png
BIN  images/band10.png
BIN  images/band11.png
BIN  images/band2.png
BIN  images/band3.png
BIN  images/band4.png
BIN  images/band5.png
BIN  images/band6.png
BIN  images/band7.png
BIN  images/band8.png
BIN  images/band9.png
BIN  images/grid.png
BIN  images/home.png
BIN  images/ik100.png
BIN  images/ik70.png
32 stylesheets/screen.css
@@ -39,7 +39,9 @@ h1 { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2";
39 39
40 40 h2 { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2"; font-size: 1.2em; line-height: 3em; }
41 41
42   -h3, h4, h5, h6 { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2"; font-size: 1em; }
  42 +h3, h4, h5, h6 { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2"; font-size: 1em; line-height: 3em; }
  43 +
  44 +ul { list-style-type: square; }
43 45
44 46 time { font-family: "ff-meta-web-pro-condensed-1", "ff-meta-web-pro-condensed-2"; font-size: 0.825em; }
45 47
@@ -54,6 +56,7 @@ header h1 { line-height: 1.5em; }
54 56 .footer-right p a, .footer-right a a { font-size: 1em; line-height: 1.5em; }
55 57
56 58 .paginator { text-align: right; }
  59 +.paginator h3 { line-height: 0.75em; }
57 60 .paginator h3 a { text-decoration: none; }
58 61
59 62 header#site-header { width: 70.5em; margin: 0 auto; }
@@ -61,6 +64,8 @@ header#site-header { width: 70.5em; margin: 0 auto; }
61 64 header p { text-align: right; }
62 65 header h1 { padding-top: 1em; }
63 66
  67 +h3, h4, h5, h6 { padding-top: 1em; }
  68 +
64 69 .content-plus-menu { width: 70.5em; margin: 0 auto; }
65 70
66 71 section.content { float: left; width: 61.5em; }
@@ -72,18 +77,31 @@ section.content article.excerpt p, section.content article.excerpt time { paddin
72 77 section.content article.excerpt h2 { padding-right: 32px; padding-top: 1em; }
73 78 section.content article.excerpt:nth-child(2n+1) { clear: both; }
74 79
  80 +.thumbnail { margin-left: 64px; }
  81 +
75 82 #space-header { float: left; width: 61.5em; }
76 83
77 84 #content-header { float: left; width: 7.5em; }
78 85
79   -.square-menu { margin-top: 2em; padding-left: 0.5em; padding-right: 0.5em; }
  86 +.square-menu { margin-top: 2em; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 1em; }
80 87 .square-menu h2 { padding-top: 1em; padding-bottom: 0.5em; }
81 88
82 89 .footer-right { width: 7.5em; margin-top: 2em; padding-left: 0em; padding-right: 1em; }
83 90
84 91 .paginator { width: 57em; float: left; margin-top: 2em; padding: 2em; }
85 92
86   -footer#colophon { clear: both; width: 70.5em; padding-top: 2em; }
  93 +footer#colophon { clear: both; width: 12em; padding-top: 2em; }
  94 +
  95 +.post-content-wide { float: left; overflow: hidden; width: 61.5em; }
  96 +.post-content-wide p, .post-content-wide time { padding-left: 64px; padding-right: 320px; }
  97 +.post-content-wide pre { padding-left: 64px; margin-right: 32px; }
  98 +.post-content-wide h2 { padding-right: 64px; padding-top: 1em; }
  99 +.post-content-wide:nth-child(2n+1) { clear: both; }
  100 +.post-content-wide ul { padding-left: 64px; }
  101 +
  102 +.meta-title h1 { padding-bottom: 1em; }
  103 +
  104 +.post-content-disqus { margin-top: 3em; padding-left: 64px; width: 34.5em; float: left; }
87 105
88 106 /* 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 */
89 107 a:link { color: black; }
@@ -93,7 +111,7 @@ a:visited { color: #666666; }
93 111 h1, h2 { color: #dc143c; }
94 112 h1 a:link, h1 a:visited, h2 a:link, h2 a:visited { color: inherit; text-decoration: none; }
95 113
96   -time { color: #334455; border-bottom: 1px solid #dc143c; }
  114 +time { color: #334455; border-bottom: 3px solid #dc143c; }
97 115
98 116 ::selection { background: #dc143c; color: white; }
99 117
@@ -119,11 +137,11 @@ header p { color: #334455; }
119 137
120 138 .paginator h3 a, .paginator h3 a:visited { color: #334455; }
121 139
122   -footer#colophon p { background: #dc143c; }
  140 +footer#colophon { border-bottom: 3px solid #dc143c; }
123 141
124   -code { background-color: #eeeeee; border: 1px solid #cccccc; }
  142 +code { background-color: #eeeeff; }
125 143
126   -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; }
  144 +pre, div.highlight pre { background-color: #eeeeff; border-left: 3px solid #dc143c; padding: 5px; overflow: scroll; }
127 145 pre > code, div.highlight pre > code { border: none; }
128 146
129 147 #links-menu ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }

0 comments on commit 96e7294

Please sign in to comment.
Something went wrong with that request. Please try again.