Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Saving post from 2010-02-17 to git

  • Loading branch information...
commit 0a2c43562ba347ad90f56c5e0639bf10818327d4 1 parent e8787f8
Micheil Smith authored
2  .gitignore
... ... @@ -0,0 +1,2 @@
  1 +*.scss
  2 +.sass-cache
6 Rakefile
... ... @@ -1,5 +1,5 @@
1   -ssh_user = "micheil@brandedcode.com" # for rsync deployment
2   -remote_root = "~/webapps/brandedcode/" # for rsync deployment
  1 +ssh_user = "ziggy" # for rsync deployment
  2 +remote_root = "~/sites/brandedcode.com/public/" # for rsync deployment
3 3
4 4 desc "Clears the Site Directory"
5 5 task :clear => 'styles:clear' do
@@ -41,7 +41,7 @@ namespace :styles do
41 41 desc "Generates new styles"
42 42 task :generate => :clear do
43 43 puts "*** Generating styles ***"
44   - system "compass -u"
  44 + system "compass compile"
45 45 system "cp -r src/_sass/images site/stylesheets/"
46 46 end
47 47 end
2  site/journal/2010/02/17/am-gedankenexperimente.html
@@ -23,8 +23,6 @@ <h3 id="logo">
23 23 <div class="content">
24 24 <p>It was a summers day, the wind blowing a light breeze outside to cool the air, leaves moving slightly on their branches. Inside, it was a physics classroom. The teacher, talking of Einstein, his thought experiments, and how he came to discover his theory of relativity. Me, I had my sketchbook out, the brain ticking away over ideas, and then a thought that's never occurred to me before appear, and that thought was:</p>
25 25
26   -<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
27   -
28 26 <blockquote><p>Design is very similar to a thought experiment.</p></blockquote>
29 27
30 28 <p>So, what is a <em>gedankenexperimente</em>, it&apos;s a way of thinking about a problem. Often, you adjust your focus and perspective on the issue until you have a very clear idea &mdash; one with a single purpose.</p>
203 site/journal/atom.xml
... ... @@ -0,0 +1,203 @@
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<feed xmlns="http://www.w3.org/2005/Atom">
  3 + <title>Branded Code: Journal</title>
  4 + <link href="http://brandedcode.com/journal/atom.xml" rel="self"/>
  5 + <link href="http://brandedcode.com/journal/"/>
  6 + <updated>2010-06-12T00:35:40+10:00</updated>
  7 + <id>http://brandedcode.com/journal/</id>
  8 + <author>
  9 + <name>Micheil Smith</name>
  10 + <email>micheil@brandedcode.com</email>
  11 + </author>
  12 +
  13 + <entry>
  14 + <title>Just Say Thanks.</title>
  15 + <link href="http://brandedcode.com/journal/journal/2010/04/06/just-say-thanks.html"/>
  16 + <updated>2010-04-06T00:00:00+10:00</updated>
  17 + <id>http://brandedcode.com/journal/journal/2010/04/06/just-say-thanks</id>
  18 + <content type="html">
  19 + &lt;p&gt;It&amp;apos;s something I&amp;apos;ve been thinking about for a while, but isn&amp;apos;t it rather sad that rarely today do we see people just saying a simple &lt;em&gt;thanks&lt;/em&gt;.&lt;/p&gt;
  20 +
  21 +&lt;p&gt;Say thanks to those who make a product or service that you use, say thanks for that link that someone shared with you, or that grand piece of work and possible inspiration that you saw on &lt;em&gt;&lt;a href=&quot;http://dribbble.com&quot;&gt;dribbble&lt;/a&gt;&lt;/em&gt;. You could also say thanks to the producers of that &lt;a href=&quot;http://thechangelog.com&quot;&gt;awesome&lt;/a&gt; &lt;a href=&quot;http://carsonified.com/blog/category/tvr/&quot;&gt;podcast&lt;/a&gt; you listen to.&lt;/p&gt;
  22 +
  23 +&lt;p&gt;So if you&amp;apos;ve said &lt;em&gt;thanks&lt;/em&gt; to somebody today, give yourself a pat on the back.&lt;/p&gt;
  24 +
  25 + </content>
  26 + </entry>
  27 +
  28 + <entry>
  29 + <title>Gedanken-Experimente</title>
  30 + <link href="http://brandedcode.com/journal/journal/2010/02/17/am-gedankenexperimente.html"/>
  31 + <updated>2010-02-17T00:00:00+11:00</updated>
  32 + <id>http://brandedcode.com/journal/journal/2010/02/17/am-gedankenexperimente</id>
  33 + <content type="html">
  34 + &lt;p&gt;It was a summers day, the wind blowing a light breeze outside to cool the air, leaves moving slightly on their branches. Inside, it was a physics classroom. The teacher, talking of Einstein, his thought experiments, and how he came to discover his theory of relativity. Me, I had my sketchbook out, the brain ticking away over ideas, and then a thought that's never occurred to me before appear, and that thought was:&lt;/p&gt;
  35 +
  36 +&lt;blockquote&gt;&lt;p&gt;Design is very similar to a thought experiment.&lt;/p&gt;&lt;/blockquote&gt;
  37 +
  38 +&lt;p&gt;So, what is a &lt;em&gt;gedankenexperimente&lt;/em&gt;, it&amp;apos;s a way of thinking about a problem. Often, you adjust your focus and perspective on the issue until you have a very clear idea &amp;mdash; one with a single purpose.&lt;/p&gt;
  39 +
  40 +&lt;p&gt;Over the next few weeks, I pondered over the idea of a thought experiment being used to design or develop something. I tried it out a a fair few times, and each time, the ideas began to grow and evolve in to something strong and pure. It all starts with a seed, an idea, nothing super significant, just an idea. That seed then sits in the depths of your mind, waiting for it's moment to sprout, as if in hibernation.&lt;/p&gt;
  41 +
  42 +&lt;p&gt;Once the seed has grown, you try to quickly get all of the idea out of your head and down somewhere more permanent, possibly much like what Einstein would have done after his own &lt;em&gt;gedankenexperimente eureka!&lt;/em&gt;&lt;/p&gt;
  43 +
  44 +&lt;p&gt;Slowly, I became conscious of how a thought experiment works and evolves. Now that I understand how they work, I can share with out how a thought experiment works, and the process I use:&lt;/p&gt;
  45 +
  46 +&lt;ol&gt;
  47 +&lt;li&gt;Take an idea.&lt;/li&gt;
  48 +&lt;li&gt;Think about it a little, but don't focus too hard on it.&lt;/li&gt;
  49 +&lt;li&gt;Go and do some other things for a while.&lt;/li&gt;
  50 +&lt;li&gt;Slowly craft a clearer picture of the original idea.&lt;/li&gt;
  51 +&lt;li&gt;With your ideas, apply all the variables, play with the available perspectives, shift your focus between the individual elements of your problem.&lt;/li&gt;
  52 +&lt;li&gt;Begin to take your ideas and construct something out of them.&lt;/li&gt;
  53 +&lt;/ol&gt;
  54 +
  55 +
  56 +&lt;p&gt;There you have it, the very small and simple steps of a thought experiment. Most creatives will have many of these over a day, a week, or several week period, generally without even noticing it. It's a natural process, it's something that we do without our invention. However, with a little intervention, you can refine and shape how you perform a &lt;em&gt;thought experiment
  57 +&lt;/em&gt;.&lt;/p&gt;
  58 +
  59 +&lt;p&gt;What do you think of thought experiments, would you use them?&lt;/p&gt;
  60 +
  61 + </content>
  62 + </entry>
  63 +
  64 + <entry>
  65 + <title>Why Not Just Compile Your CSS?</title>
  66 + <link href="http://brandedcode.com/journal/journal/2009/05/20/why-not-just-compile-your-css.html"/>
  67 + <updated>2009-05-20T00:00:00+10:00</updated>
  68 + <id>http://brandedcode.com/journal/journal/2009/05/20/why-not-just-compile-your-css</id>
  69 + <content type="html">
  70 + &lt;p&gt;If you&amp;#8217;ve been following topics on front-end web development or more specifically the advent of CSS3, you may have seen loads of talk about &lt;a href=&quot;http://disruptive-innovations.com/zoo/cssvariables/&quot;&gt;CSS variables&lt;/a&gt;, why we need them and why &lt;a href=&quot;http://http://meiert.com/en/blog/20090401/why-css-needs-no-variables/&quot;&gt;we don&amp;#8217;t&lt;/a&gt;. The specification on CSS variables seems pretty dry, but from what I can gather, variables in CSS are just like variables in any other programming language, they allow you to define a value once, and then reuse it later.&lt;/p&gt;
  71 +
  72 +&lt;p&gt;So, because we all know how quick browser manufactures are at making and implementing new features, some people have decided to implement this feature in various ways, including using php or your favourite server-side language to parse the file. Others have just setup campaigns and &lt;a href=&quot;http://twitter.com/stanton/status/1564023785&quot;&gt;polls&lt;/a&gt; as to whether we should have them, while the majority of people have just continued rolling by.&lt;/p&gt;
  73 +
  74 +&lt;p&gt;An example of css variables could be as follows:&lt;/p&gt;
  75 +
  76 +&lt;pre&gt;&lt;code&gt; @variables { elementcolor: black; }
  77 + #selector1 { color: var(elementcolor); }
  78 + #selector2 { background: var(elementcolor); }
  79 +&lt;/code&gt;&lt;/pre&gt;
  80 +
  81 +&lt;p&gt;Versus:&lt;/p&gt;
  82 +
  83 +&lt;pre&gt;&lt;code&gt; #selector1 { color: black; }
  84 + #selector2 { background: black; }
  85 +&lt;/code&gt;&lt;/pre&gt;
  86 +
  87 +&lt;p&gt;Why not just compile your CSS while you&amp;#8217;re at it? This method could have numerous advantages over having variables on the client. It could, if we wanted do many more things then just add variables, like adding compression amongst other things.&lt;/p&gt;
  88 +
  89 +&lt;p&gt;I&amp;#8217;ve already used a form of a CSS Compiler when working over at NapalmRiot.com, although the user would probably never see it, it was a simple php script to find all @imports in a css file, call in the files, and remove the import rules, hence having slightly improved loading performance.&lt;/p&gt;
  90 +
  91 +&lt;p&gt;This had a downfall though, whenever I made a single change, I had to recompile my css. Now instead of compiling @imports, now compile variables, what advantage do you get?&lt;/p&gt;
  92 +
  93 +&lt;p&gt;The arguments:&lt;/p&gt;
  94 +
  95 +&lt;ul&gt;
  96 +&lt;li&gt;“&lt;em&gt;How Quick is it to do a find and replace in your text-editor of choice to replace a colour?&lt;/em&gt;”&lt;/li&gt;
  97 +&lt;li&gt;“&lt;em&gt;How often do you change all the colours in your css file, or something of the similar nature?&lt;/em&gt;”&lt;/li&gt;
  98 +&lt;li&gt;“&lt;em&gt;Is it just a matter of not remembering Hex Codes?&lt;/em&gt;”&lt;/li&gt;
  99 +&lt;/ul&gt;
  100 +
  101 +
  102 +&lt;p&gt;Really, I think instead of debating whether the developer needs CSS Variables, we should be asking: “&lt;em&gt;Does the &lt;strong&gt;user&lt;/strong&gt; need css variables?&lt;/em&gt;”. It&amp;#8217;s not about what makes the developers life easier, it&amp;#8217;s about what makes the &lt;em&gt;users&lt;/em&gt; life easier.&lt;/p&gt;
  103 +
  104 + </content>
  105 + </entry>
  106 +
  107 + <entry>
  108 + <title>CSS Frameworks, &amp; Why I use them</title>
  109 + <link href="http://brandedcode.com/journal/journal/2008/10/19/css-frameworks-and-why-i-use-them.html"/>
  110 + <updated>2008-10-19T00:00:00+11:00</updated>
  111 + <id>http://brandedcode.com/journal/journal/2008/10/19/css-frameworks-and-why-i-use-them</id>
  112 + <content type="html">
  113 + &lt;p&gt;I&amp;#8217;m sure anyone, who has ever down any hardcore web development or developed a web application will know that after you reach a certain size, your CSS files start to get unwieldy — That is, they become hard to edit, cumbersome to make bug fixes to, and sometimes start taking a month of Fridays to load.&lt;/p&gt;
  114 +
  115 +&lt;p&gt;A Common solution to this is to use CSS Indexing, where you set up a system of comments to be able to quickly find your way around your files. While this method of having Comment Headings for each section works, it still leaves you with a massive file size.&lt;/p&gt;
  116 +
  117 +&lt;p&gt;Another solution is to go the way of a Framework, where by you break each part in your css down to it&amp;#8217;s core components. A list of the core components may look quite similar to the following:&lt;/p&gt;
  118 +
  119 +&lt;ul&gt;
  120 +&lt;li&gt;reset.css &amp;mdash; Yes, I use a reset stylesheet, simple because it makes it easier to develop styles consistently across browsers.&lt;/li&gt;
  121 +&lt;li&gt;typography.css &amp;mdash; This includes everything to do with type. From the Baseline and Line-height settings, right through to font-sizes and image alignment.&lt;/li&gt;
  122 +&lt;li&gt;grid.css &amp;mdash; A standard style grid systems. Typically including CSS for doing column layouts and table grids.&lt;/li&gt;
  123 +&lt;li&gt;importer.css &amp;mdash; One file to @import in all your CSS files, alternatively you can just link in each of your stylesheets using the &amp;lt;link&amp;gt; tag in HTML.&lt;/li&gt;
  124 +&lt;/ul&gt;
  125 +
  126 +
  127 +&lt;p&gt;From that basic layout of files, I then use a I trick call &amp;#8220;Body Identification&amp;#8221;, this is simply the method of applying a unique ID to each type of page in your site. e.g. If your &amp;#8216;about us&amp;#8217; page needs a red background, then I&amp;#8217;d use this selector to apply the CSS rule.&lt;/p&gt;
  128 +
  129 +&lt;p&gt;With using a unique page ID, it&amp;#8217;s probably a good practice to put all the CSS files named by their unique ID&amp;#8217;s in a folder called &amp;#8216;pages&amp;#8217; or &amp;#8216;layouts&amp;#8217;. You&amp;#8217;re file structure is now looking much more like this:&lt;/p&gt;
  130 +
  131 +&lt;pre&gt;&lt;code&gt;.
  132 +|-- grid.css
  133 +|-- reset.css
  134 +|-- typography.css
  135 +|-- layouts
  136 +| |-- aboutus.css
  137 +| |-- frontpage.css
  138 +| `-- blog.css
  139 +`-- importer.css
  140 +&lt;/code&gt;&lt;/pre&gt;
  141 +
  142 +&lt;p&gt;So there you have it, a simple way to manage your css, with the benefits of being in small chunked files, having an abstracted framework to work around — a Scaffold, if you will — and, you also have highly specific stylesheets targeting individual pages of your application.&lt;/p&gt;
  143 +
  144 +&lt;p&gt;You can Learn more about CSS Frameworks at:&lt;/p&gt;
  145 +
  146 +&lt;ul&gt;
  147 +&lt;li&gt;Alistapart: Issue #239: &lt;a href=&quot;http://www.alistapart.com/articles/frameworksfordesigners&quot;&gt;Framework For Designers&lt;/a&gt;&lt;/li&gt;
  148 +&lt;li&gt;Monday By Noon: &lt;a href=&quot;http://mondaybynoon.com/2007/08/27/please-do-not-use-css-frameworks/&quot;&gt;Please Do Not Use CSS Frameworks&lt;/a&gt;&lt;/li&gt;
  149 +&lt;li&gt;Smashing Magazine: &lt;a href=&quot;http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/&quot;&gt;CSS Frameworks + CSS Reset: Design From Scratch&lt;/a&gt;&lt;/li&gt;
  150 +&lt;li&gt;Wikipedia: &lt;a href=&quot;http://en.wikipedia.org/wiki/CSS_framework&quot;&gt;CSS Frameworks&lt;/a&gt;&lt;/li&gt;
  151 +&lt;/ul&gt;
  152 +
  153 +
  154 +&lt;p&gt;What&amp;#8217;s your own take on the Use of CSS Framworks and They&amp;#8217;re Applications?&lt;/p&gt;
  155 +
  156 + </content>
  157 + </entry>
  158 +
  159 + <entry>
  160 + <title>My Development Process</title>
  161 + <link href="http://brandedcode.com/journal/journal/2008/06/08/my-development-process.html"/>
  162 + <updated>2008-06-08T00:00:00+10:00</updated>
  163 + <id>http://brandedcode.com/journal/journal/2008/06/08/my-development-process</id>
  164 + <content type="html">
  165 + &lt;p&gt;Recently there&amp;#8217;s been a load of discussion about the flow of development different companies use in order to make websites or applications. From the &lt;a href=&quot;http://www.37signals.com/svn/posts/1061-why-we-skip-photoshop&quot;&gt;37signals&lt;/a&gt; team, we had the process of:&lt;/p&gt;
  166 +
  167 +&lt;ol&gt;
  168 +&lt;li&gt;Paper Sketches&lt;/li&gt;
  169 +&lt;li&gt;&lt;abbr title=&quot;eXtensible HyperText Markup Language&quot;&gt;xHTML&lt;/abbr&gt; + &lt;abbr title=&quot;Cascading StyleSheets&quot;&gt;CSS&lt;/abbr&gt;&lt;/li&gt;
  170 +&lt;/ol&gt;
  171 +
  172 +
  173 +&lt;p&gt;This is almost similar to the process I use, however I introduce another step; But before I get to that, I&amp;#8217;ll explain traditional, and possibly most well known method. It goes something like this:&lt;/p&gt;
  174 +
  175 +&lt;ol&gt;
  176 +&lt;li&gt;Brain Storming&lt;/li&gt;
  177 +&lt;li&gt;Rough Paper Sketches&lt;/li&gt;
  178 +&lt;li&gt;Refined Sketches&lt;/li&gt;
  179 +&lt;li&gt;Photoshop mockup&lt;/li&gt;
  180 +&lt;li&gt;Prototyping in &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; + &lt;abbr title=&quot;Cascading StyleSheets&quot;&gt;CSS&lt;/abbr&gt;&lt;/li&gt;
  181 +&lt;li&gt;Full production development&lt;/li&gt;
  182 +&lt;/ol&gt;
  183 +
  184 +
  185 +&lt;p&gt;This process has worked for different people for a number of reasons, for one, it&amp;#8217;s well structured and gives plenty of time for thought. Two, It&amp;#8217;s a way to collect and streamline thoughts before actually starting anything in hard code or pen on paper.&lt;/p&gt;
  186 +
  187 +&lt;p&gt;I can&amp;#8217;t say i&amp;#8217;ve found this method to ever work very well for me; I&amp;#8217;ve tried to use it a few times, not because i suck at photoshop, but because i like to be too precise, there&amp;#8217;s too much detail i can put into a drawing. A sketch on the other hand, i can easily change, modify and rearrange. My Process goes something like this:&lt;/p&gt;
  188 +
  189 +&lt;ol&gt;
  190 +&lt;li&gt;Research and Inspire&lt;/li&gt;
  191 +&lt;li&gt;Rough paper sketches&lt;/li&gt;
  192 +&lt;li&gt;Dimension sizes of things on using tracing paper.&lt;/li&gt;
  193 +&lt;li&gt;Work from paper straight into &lt;abbr title=&quot;eXtensible HyperText Markup Language&quot;&gt;xHTML&lt;/abbr&gt; + &lt;abbr title=&quot;Cascading StyleSheets&quot;&gt;CSS&lt;/abbr&gt; templates&lt;/li&gt;
  194 +&lt;li&gt;Add in server side code and javascript as required.&lt;/li&gt;
  195 +&lt;/ol&gt;
  196 +
  197 +
  198 +&lt;p&gt;The reasons this works for me is because before i start anything, i make sure i have very clean, clear and good looking sketches, this means the the photoshop stage is pretty much in the sketch stage. Then I just take a step to the right, and go straight into the code, head first. What are your thoughts on the process? Do you work similar to me, or how do you work?&lt;/p&gt;
  199 +
  200 + </content>
  201 + </entry>
  202 +
  203 +</feed>
2  site/journal/index.html
@@ -40,8 +40,6 @@ <h3 id="logo">
40 40 <div class="content">
41 41 <p>It was a summers day, the wind blowing a light breeze outside to cool the air, leaves moving slightly on their branches. Inside, it was a physics classroom. The teacher, talking of Einstein, his thought experiments, and how he came to discover his theory of relativity. Me, I had my sketchbook out, the brain ticking away over ideas, and then a thought that's never occurred to me before appear, and that thought was:</p>
42 42
43   -<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
44   -
45 43 <blockquote><p>Design is very similar to a thought experiment.</p></blockquote>
46 44
47 45 <p>So, what is a <em>gedankenexperimente</em>, it&apos;s a way of thinking about a problem. Often, you adjust your focus and perspective on the issue until you have a very clear idea &mdash; one with a single purpose.</p>
70 site/stylesheets/core.css
... ... @@ -1,3 +1,4 @@
  1 +/* line 2, ../../src/_sass/typography.sass */
1 2 body {
2 3 font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
3 4 line-height: 1.3em;
@@ -6,6 +7,7 @@ body {
6 7 vertical-align: baseline;
7 8 }
8 9
  10 +/* line 10, ../../src/_sass/typography.sass */
9 11 h1, h2, h3, h4, h5, h6, #section-links a {
10 12 font-family: "museo-slab-1", "museo-slab-2", serif;
11 13 display: block;
@@ -17,83 +19,96 @@ h1, h2, h3, h4, h5, h6, #section-links a {
17 19 text-align: left;
18 20 }
19 21
  22 +/* line 20, ../../src/_sass/typography.sass */
20 23 h1, h2 {
21 24 font-size: 3em;
22 25 font-weight: 700;
23 26 letter-spacing: -0.02em;
24 27 word-spacing: 0.2em;
25 28 line-height: 1.32em;
26   - margin: 0.250em 0 0.68em;
  29 + margin: 0.25em 0 0.68em;
27 30 color: #e8402c;
28   - text-shadow: 0.0225em 0.0225em 0px #a82e20;
  31 + text-shadow: 0.023em 0.023em 0px #a82e20;
29 32 }
  33 +/* line 30, ../../src/_sass/typography.sass */
30 34 h1 a, h2 a {
31 35 font-style: normal;
32 36 }
  37 +/* line 33, ../../src/_sass/typography.sass */
33 38 h1 a:visited, h1 a:active, h2 a:visited, h2 a:active {
34 39 color: #707072;
35 40 font-style: normal;
36   - text-shadow: 0.0225em 0.0225em 0px #191919;
  41 + text-shadow: 0.023em 0.023em 0px #191919;
37 42 }
  43 +/* line 38, ../../src/_sass/typography.sass */
38 44 h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus {
39 45 color: #565657;
40 46 font-style: normal;
41   - text-shadow: 0.0225em 0.0225em 0px #191919;
  47 + text-shadow: 0.023em 0.023em 0px #191919;
42 48 }
43 49
  50 +/* line 43, ../../src/_sass/typography.sass */
44 51 h3 {
45 52 font-size: 1.75em;
46 53 margin: 0 0 0.85em;
47 54 }
48 55
  56 +/* line 47, ../../src/_sass/typography.sass */
49 57 h4 {
50 58 font-size: 1.5em;
51 59 margin: 0.8em 0 0.6em;
52 60 }
53 61
  62 +/* line 50, ../../src/_sass/typography.sass */
54 63 h5 {
55 64 font-size: 1.35em;
56 65 }
57 66
  67 +/* line 52, ../../src/_sass/typography.sass */
58 68 h6 {
59 69 font-size: 1.15em;
60 70 }
61 71
  72 +/* line 54, ../../src/_sass/typography.sass */
62 73 p {
63 74 font-size: 1em;
64 75 margin: 0 0 1.4em 0;
65 76 line-height: 1.4em;
66 77 clear: both;
67 78 vertical-align: baseline;
68   - text-shadow: 1px 1px 0px #fff;
  79 + text-shadow: 1px 1px 0px white;
69 80 }
70 81
  82 +/* line 62, ../../src/_sass/typography.sass */
71 83 blockquote {
72 84 margin: 1.8em auto 2.15em;
73 85 vertical-align: baseline;
74 86 border-top: 1px solid #d9d8d5;
75   - border-bottom: 1px solid #fff;
  87 + border-bottom: 1px solid white;
76 88 width: 88%;
77 89 text-align: center;
78 90 }
  91 +/* line 70, ../../src/_sass/typography.sass */
79 92 blockquote p {
80 93 text-align: center;
81 94 font-size: 1.45em;
82 95 color: #707072;
83 96 padding: 0.3em 0.5em;
84 97 margin: 0;
85   - border-top: 1px solid #fff;
  98 + border-top: 1px solid white;
86 99 border-bottom: 1px solid #d9d8d5;
87 100 }
88 101
  102 +/* line 79, ../../src/_sass/typography.sass */
89 103 img {
90   - border: 1px solid #ADAAA5;
  104 + border: 1px solid #adaaa5;
91 105 display: block;
92   - background: #fff;
  106 + background: white;
93 107 text-align: center;
94 108 vertical-align: middle;
95 109 }
96 110
  111 +/* line 86, ../../src/_sass/typography.sass */
97 112 ul, ol, dl {
98 113 line-height: 1.4em;
99 114 margin-top: -1em;
@@ -101,63 +116,74 @@ ul, ol, dl {
101 116 vertical-align: baseline;
102 117 }
103 118
  119 +/* line 92, ../../src/_sass/typography.sass */
104 120 ul {
105 121 list-style-type: disc;
106 122 }
107 123
  124 +/* line 95, ../../src/_sass/typography.sass */
108 125 ol {
109 126 list-style-type: decimal;
110 127 }
111 128
  129 +/* line 98, ../../src/_sass/typography.sass */
112 130 hr {
113 131 width: 100%;
114 132 height: 1px;
115   - background: #ccc;
  133 + background: #cccccc;
116 134 border: medium none;
117 135 position: relative;
118 136 clear: both;
119 137 margin: 1.5em 0;
120 138 }
121 139
  140 +/* line 110, ../../src/_sass/typography.sass */
122 141 form input, form textarea {
123 142 font-family: georgia;
124 143 font-size: 1em;
125 144 }
  145 +/* line 114, ../../src/_sass/typography.sass */
126 146 form input[type="text"] {
127   - border: 1px dashed #777;
  147 + border: 1px dashed #777777;
128 148 border-width: 0 0 1px 0;
129 149 font-style: italic;
130 150 color: #ff0060;
131 151 }
  152 +/* line 120, ../../src/_sass/typography.sass */
132 153 form textarea {
133   - border: 1px solid #999;
  154 + border: 1px solid #999999;
134 155 display: block;
135 156 width: 98.8%;
136 157 height: 12em;
137 158 padding: 0.2em;
138 159 }
139 160
  161 +/* line 127, ../../src/_sass/typography.sass */
140 162 a {
141 163 text-decoration: none;
142 164 color: #e8402c;
143 165 padding: 0.1em;
144 166 font-style: oblique;
145 167 }
  168 +/* line 134, ../../src/_sass/typography.sass */
146 169 a:active, a:visited {
147 170 color: #404042;
148 171 font-style: oblique;
149 172 }
  173 +/* line 138, ../../src/_sass/typography.sass */
150 174 a:hover, a:focus {
151   - color: #000;
  175 + color: black;
152 176 text-decoration: none;
153 177 font-style: oblique;
154 178 }
155 179
  180 +/* line 1, ../../src/_sass/layout.sass */
156 181 div {
157 182 display: block;
158 183 position: relative;
159 184 }
160 185
  186 +/* line 4, ../../src/_sass/core.sass */
161 187 body {
162 188 margin: 0px;
163 189 padding: 0px;
@@ -166,15 +192,18 @@ body {
166 192 overflow-y: scroll;
167 193 }
168 194
  195 +/* line 11, ../../src/_sass/core.sass */
169 196 .accessibility {
170 197 display: none;
171 198 visibility: visible;
172 199 }
173 200
174   -/* ----------------------------------------------- */
  201 +/*----------------------------------------------- */
  202 +/* line 18, ../../src/_sass/core.sass */
175 203 #logo {
176 204 font-size: 1em;
177 205 }
  206 +/* line 21, ../../src/_sass/core.sass */
178 207 #logo a {
179 208 display: block;
180 209 position: relative;
@@ -187,40 +216,45 @@ body {
187 216 font-weight: 700;
188 217 text-align: center;
189 218 letter-spacing: -0.02em;
190   - color: #fff;
  219 + color: white;
191 220 background: #dc3d2a;
192 221 border: 1px solid #a82e20;
193 222 border-top: 3px solid #a82e20;
194 223 border-left: 1px solid #ff4530;
195 224 text-shadow: 2px 2px 2px #a82e20;
196 225 }
  226 +/* line 40, ../../src/_sass/core.sass */
197 227 #logo a:visited, #logo a:active {
198   - color: #fff;
  228 + color: white;
199 229 background: #dc3d2a;
200 230 border-color: #a82e20;
201 231 border-left-color: #ff4530;
202 232 text-shadow: 2px 2px 2px #a82e20;
203 233 }
  234 +/* line 47, ../../src/_sass/core.sass */
204 235 #logo a:hover, #logo a:focus {
205   - color: #eee;
  236 + color: #eeeeee;
206 237 border-color: #191919;
207 238 background: #474746;
208 239 text-shadow: 2px 2px 2px #191919;
209 240 }
210 241
  242 +/* line 55, ../../src/_sass/core.sass */
211 243 #container {
212 244 zoom: 1;
213 245 }
  246 +/* line 8, ../../src/_sass/layout.sass */
214 247 #container:after {
215 248 content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
216 249 visibility: hidden;
217 250 clear: both;
218   - height: 0!important;
  251 + height: 0 !important;
219 252 display: block;
220 253 line-height: 0;
221 254 font-size: xx-large;
222 255 overflow: hidden;
223 256 }
  257 +/* line 58, ../../src/_sass/core.sass */
224 258 #container hr#end {
225 259 background: transparent url("/stylesheets/images/block_border.png") 0 0 repeat-x;
226 260 border: medium none;
97 site/stylesheets/journal.css
... ... @@ -1,3 +1,4 @@
  1 +/* line 2, ../../src/_sass/typography.sass */
1 2 body {
2 3 font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
3 4 line-height: 1.3em;
@@ -6,6 +7,7 @@ body {
6 7 vertical-align: baseline;
7 8 }
8 9
  10 +/* line 10, ../../src/_sass/typography.sass */
9 11 h1, h2, h3, h4, h5, h6, #section-links a {
10 12 font-family: "museo-slab-1", "museo-slab-2", serif;
11 13 display: block;
@@ -17,83 +19,96 @@ h1, h2, h3, h4, h5, h6, #section-links a {
17 19 text-align: left;
18 20 }
19 21
  22 +/* line 20, ../../src/_sass/typography.sass */
20 23 h1, h2 {
21 24 font-size: 3em;
22 25 font-weight: 700;
23 26 letter-spacing: -0.02em;
24 27 word-spacing: 0.2em;
25 28 line-height: 1.32em;
26   - margin: 0.250em 0 0.68em;
  29 + margin: 0.25em 0 0.68em;
27 30 color: #e8402c;
28   - text-shadow: 0.0225em 0.0225em 0px #a82e20;
  31 + text-shadow: 0.023em 0.023em 0px #a82e20;
29 32 }
  33 +/* line 30, ../../src/_sass/typography.sass */
30 34 h1 a, h2 a {
31 35 font-style: normal;
32 36 }
  37 +/* line 33, ../../src/_sass/typography.sass */
33 38 h1 a:visited, h1 a:active, h2 a:visited, h2 a:active {
34 39 color: #707072;
35 40 font-style: normal;
36   - text-shadow: 0.0225em 0.0225em 0px #191919;
  41 + text-shadow: 0.023em 0.023em 0px #191919;
37 42 }
  43 +/* line 38, ../../src/_sass/typography.sass */
38 44 h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus {
39 45 color: #565657;
40 46 font-style: normal;
41   - text-shadow: 0.0225em 0.0225em 0px #191919;
  47 + text-shadow: 0.023em 0.023em 0px #191919;
42 48 }
43 49
  50 +/* line 43, ../../src/_sass/typography.sass */
44 51 h3 {
45 52 font-size: 1.75em;
46 53 margin: 0 0 0.85em;
47 54 }
48 55
  56 +/* line 47, ../../src/_sass/typography.sass */
49 57 h4 {
50 58 font-size: 1.5em;
51 59 margin: 0.8em 0 0.6em;
52 60 }
53 61
  62 +/* line 50, ../../src/_sass/typography.sass */
54 63 h5 {
55 64 font-size: 1.35em;
56 65 }
57 66
  67 +/* line 52, ../../src/_sass/typography.sass */
58 68 h6 {
59 69 font-size: 1.15em;
60 70 }
61 71
  72 +/* line 54, ../../src/_sass/typography.sass */
62 73 p {
63 74 font-size: 1em;
64 75 margin: 0 0 1.4em 0;
65 76 line-height: 1.4em;
66 77 clear: both;
67 78 vertical-align: baseline;
68   - text-shadow: 1px 1px 0px #fff;
  79 + text-shadow: 1px 1px 0px white;
69 80 }
70 81
  82 +/* line 62, ../../src/_sass/typography.sass */
71 83 blockquote {
72 84 margin: 1.8em auto 2.15em;
73 85 vertical-align: baseline;
74 86 border-top: 1px solid #d9d8d5;
75   - border-bottom: 1px solid #fff;
  87 + border-bottom: 1px solid white;
76 88 width: 88%;
77 89 text-align: center;
78 90 }
  91 +/* line 70, ../../src/_sass/typography.sass */
79 92 blockquote p {
80 93 text-align: center;
81 94 font-size: 1.45em;
82 95 color: #707072;
83 96 padding: 0.3em 0.5em;
84 97 margin: 0;
85   - border-top: 1px solid #fff;
  98 + border-top: 1px solid white;
86 99 border-bottom: 1px solid #d9d8d5;
87 100 }
88 101
  102 +/* line 79, ../../src/_sass/typography.sass */
89 103 img {
90   - border: 1px solid #ADAAA5;
  104 + border: 1px solid #adaaa5;
91 105 display: block;
92   - background: #fff;
  106 + background: white;
93 107 text-align: center;
94 108 vertical-align: middle;
95 109 }
96 110
  111 +/* line 86, ../../src/_sass/typography.sass */
97 112 ul, ol, dl {
98 113 line-height: 1.4em;
99 114 margin-top: -1em;
@@ -101,63 +116,74 @@ ul, ol, dl {
101 116 vertical-align: baseline;
102 117 }
103 118
  119 +/* line 92, ../../src/_sass/typography.sass */
104 120 ul {
105 121 list-style-type: disc;
106 122 }
107 123
  124 +/* line 95, ../../src/_sass/typography.sass */
108 125 ol {
109 126 list-style-type: decimal;
110 127 }
111 128
  129 +/* line 98, ../../src/_sass/typography.sass */
112 130 hr {
113 131 width: 100%;
114 132 height: 1px;
115   - background: #ccc;
  133 + background: #cccccc;
116 134 border: medium none;
117 135 position: relative;
118 136 clear: both;
119 137 margin: 1.5em 0;
120 138 }
121 139
  140 +/* line 110, ../../src/_sass/typography.sass */
122 141 form input, form textarea {
123 142 font-family: georgia;
124 143 font-size: 1em;
125 144 }
  145 +/* line 114, ../../src/_sass/typography.sass */
126 146 form input[type="text"] {
127   - border: 1px dashed #777;
  147 + border: 1px dashed #777777;
128 148 border-width: 0 0 1px 0;
129 149 font-style: italic;
130 150 color: #ff0060;
131 151 }
  152 +/* line 120, ../../src/_sass/typography.sass */
132 153 form textarea {
133   - border: 1px solid #999;
  154 + border: 1px solid #999999;
134 155 display: block;
135 156 width: 98.8%;
136 157 height: 12em;
137 158 padding: 0.2em;
138 159 }
139 160
  161 +/* line 127, ../../src/_sass/typography.sass */
140 162 a {
141 163 text-decoration: none;
142 164 color: #e8402c;
143 165 padding: 0.1em;
144 166 font-style: oblique;
145 167 }
  168 +/* line 134, ../../src/_sass/typography.sass */
146 169 a:active, a:visited {
147 170 color: #404042;
148 171 font-style: oblique;
149 172 }
  173 +/* line 138, ../../src/_sass/typography.sass */
150 174 a:hover, a:focus {
151   - color: #000;
  175 + color: black;
152 176 text-decoration: none;
153 177 font-style: oblique;
154 178 }
155 179
  180 +/* line 1, ../../src/_sass/layout.sass */
156 181 div {
157 182 display: block;
158 183 position: relative;
159 184 }
160 185
  186 +/* line 4, ../../src/_sass/core.sass */
161 187 body {
162 188 margin: 0px;
163 189 padding: 0px;
@@ -166,15 +192,18 @@ body {
166 192 overflow-y: scroll;
167 193 }
168 194
  195 +/* line 11, ../../src/_sass/core.sass */
169 196 .accessibility {
170 197 display: none;
171 198 visibility: visible;
172 199 }
173 200
174   -/* ----------------------------------------------- */
  201 +/*----------------------------------------------- */
  202 +/* line 18, ../../src/_sass/core.sass */
175 203 #logo {
176 204 font-size: 1em;
177 205 }
  206 +/* line 21, ../../src/_sass/core.sass */
178 207 #logo a {
179 208 display: block;
180 209 position: relative;
@@ -187,40 +216,45 @@ body {
187 216 font-weight: 700;
188 217 text-align: center;
189 218 letter-spacing: -0.02em;
190   - color: #fff;
  219 + color: white;
191 220 background: #dc3d2a;
192 221 border: 1px solid #a82e20;
193 222 border-top: 3px solid #a82e20;
194 223 border-left: 1px solid #ff4530;
195 224 text-shadow: 2px 2px 2px #a82e20;
196 225 }
  226 +/* line 40, ../../src/_sass/core.sass */
197 227 #logo a:visited, #logo a:active {
198   - color: #fff;
  228 + color: white;
199 229 background: #dc3d2a;
200 230 border-color: #a82e20;
201 231 border-left-color: #ff4530;
202 232 text-shadow: 2px 2px 2px #a82e20;
203 233 }
  234 +/* line 47, ../../src/_sass/core.sass */
204 235 #logo a:hover, #logo a:focus {
205   - color: #eee;
  236 + color: #eeeeee;
206 237 border-color: #191919;
207 238 background: #474746;
208 239 text-shadow: 2px 2px 2px #191919;
209 240 }
210 241
  242 +/* line 55, ../../src/_sass/core.sass */
211 243 #container {
212 244 zoom: 1;
213 245 }
  246 +/* line 8, ../../src/_sass/layout.sass */
214 247 #container:after {
215 248 content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
216 249 visibility: hidden;
217 250 clear: both;
218   - height: 0!important;
  251 + height: 0 !important;
219 252 display: block;
220 253 line-height: 0;
221 254 font-size: xx-large;
222 255 overflow: hidden;
223 256 }
  257 +/* line 58, ../../src/_sass/core.sass */
224 258 #container hr#end {
225 259 background: transparent url("/stylesheets/images/block_border.png") 0 0 repeat-x;
226 260 border: medium none;
@@ -228,27 +262,31 @@ body {
228 262 margin: 0 0 50px 0;
229 263 }
230 264
  265 +/* line 3, ../../src/_sass/journal.sass */
231 266 #articles {
232 267 list-style: none;
233 268 margin: 5.8em 0 0;
234 269 padding: 0;
235 270 width: 60em;
236 271 }
  272 +/* line 9, ../../src/_sass/journal.sass */
237 273 #articles .article-item {
238 274 zoom: 1;
239 275 padding: 0 0 1.6em 0;
240 276 margin: 4.1em 0 0 0;
241 277 }
  278 +/* line 8, ../../src/_sass/layout.sass */
242 279 #articles .article-item:after {
243 280 content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
244 281 visibility: hidden;
245 282 clear: both;
246   - height: 0!important;
  283 + height: 0 !important;
247 284 display: block;
248 285 line-height: 0;
249 286 font-size: xx-large;
250 287 overflow: hidden;
251 288 }
  289 +/* line 14, ../../src/_sass/journal.sass */
252 290 #articles .date {
253 291 display: inline;
254 292 float: left;
@@ -256,9 +294,10 @@ body {
256 294 margin: 0;
257 295 margin: 1.35em 20px 0 0;
258 296 font-size: 1.2em;
259   - border-left: 35px solid #ADAAA5;
  297 + border-left: 35px solid #adaaa5;
260 298 background: #d9d8d5 url("/stylesheets/images/date-arrow.png") 100% 50% no-repeat;
261 299 }
  300 +/* line 21, ../../src/_sass/journal.sass */
262 301 #articles .date span {
263 302 display: block;
264 303 background: #d9d8d5;
@@ -268,8 +307,9 @@ body {
268 307 margin: 0 18px 0 0;
269 308 height: 1em;
270 309 width: 120px;
271   - text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
  310 + text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
272 311 }
  312 +/* line 33, ../../src/_sass/journal.sass */
273 313 #articles .article {
274 314 display: inline;
275 315 float: left;
@@ -277,12 +317,14 @@ body {
277 317 margin: 0;
278 318 width: 38em;
279 319 }
  320 +/* line 37, ../../src/_sass/journal.sass */
280 321 #articles .article .content {
281 322 margin: 0 0 0 7px;
282 323 text-align: justify;
283 324 border-bottom: 1px dashed #cecdcb;
284 325 }
285 326
  327 +/* line 42, ../../src/_sass/journal.sass */
286 328 #comments {
287 329 clear: both;
288 330 zoom: 1;
@@ -291,17 +333,19 @@ body {
291 333 padding: 1.8em 0 2em 0;
292 334 border-bottom: 1px dashed #cecdcb;
293 335 }
  336 +/* line 8, ../../src/_sass/layout.sass */
294 337 #comments:after {
295 338 content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
296 339 visibility: hidden;
297 340 clear: both;
298   - height: 0!important;
  341 + height: 0 !important;
299 342 display: block;
300 343 line-height: 0;
301 344 font-size: xx-large;
302 345 overflow: hidden;
303 346 }
304 347
  348 +/* line 50, ../../src/_sass/journal.sass */
305 349 #paginator {
306 350 clear: both;
307 351 zoom: 1;
@@ -310,29 +354,34 @@ body {
310 354 padding: 1.8em 0 2em 0;
311 355 border-bottom: 1px dashed #cecdcb;
312 356 }
  357 +/* line 8, ../../src/_sass/layout.sass */
313 358 #paginator:after {
314 359 content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
315 360 visibility: hidden;
316 361 clear: both;
317   - height: 0!important;
  362 + height: 0 !important;
318 363 display: block;
319 364 line-height: 0;
320 365 font-size: xx-large;
321 366 overflow: hidden;
322 367 }
323 368
  369 +/* line 59, ../../src/_sass/journal.sass */
324 370 #footer {
325 371 width: 38em;
326 372 padding: 1em 0 0;
327 373 margin: 0 0 0 220px;
328 374 }
  375 +/* line 64, ../../src/_sass/journal.sass */
329 376 #footer p {
330 377 opacity: 0.5;
331 378 }
  379 +/* line 67, ../../src/_sass/journal.sass */
332 380 #footer a {
333   - color: #000;
  381 + color: black;
334 382 }
335 383
  384 +/* line 70, ../../src/_sass/journal.sass */
336 385 hr#end {
337 386 background: transparent url("/stylesheets/images/block_border.png") 0 0 repeat-x;
338 387 border: medium none;
1  site/stylesheets/layout.css
... ... @@ -1,3 +1,4 @@
  1 +/* line 1, ../../src/_sass/layout.sass */
1 2 div {
2 3 display: block;
3 4 position: relative;
113 site/stylesheets/main.css
... ... @@ -1,3 +1,4 @@
  1 +/* line 2, ../../src/_sass/typography.sass */
1 2 body {
2 3 font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
3 4 line-height: 1.3em;
@@ -6,6 +7,7 @@ body {
6 7 vertical-align: baseline;
7 8 }
8 9
  10 +/* line 10, ../../src/_sass/typography.sass */
9 11 h1, h2, h3, h4, h5, h6, #section-links a {
10 12 font-family: "museo-slab-1", "museo-slab-2", serif;
11 13 display: block;
@@ -17,83 +19,96 @@ h1, h2, h3, h4, h5, h6, #section-links a {
17 19 text-align: left;
18 20 }
19 21
  22 +/* line 20, ../../src/_sass/typography.sass */
20 23 h1, h2 {
21 24 font-size: 3em;
22 25 font-weight: 700;
23 26 letter-spacing: -0.02em;
24 27 word-spacing: 0.2em;
25 28 line-height: 1.32em;
26   - margin: 0.250em 0 0.68em;
  29 + margin: 0.25em 0 0.68em;
27 30 color: #e8402c;
28   - text-shadow: 0.0225em 0.0225em 0px #a82e20;
  31 + text-shadow: 0.023em 0.023em 0px #a82e20;
29 32 }
  33 +/* line 30, ../../src/_sass/typography.sass */
30 34 h1 a, h2 a {
31 35 font-style: normal;
32 36 }
  37 +/* line 33, ../../src/_sass/typography.sass */
33 38 h1 a:visited, h1 a:active, h2 a:visited, h2 a:active {
34 39 color: #707072;
35 40 font-style: normal;
36   - text-shadow: 0.0225em 0.0225em 0px #191919;
  41 + text-shadow: 0.023em 0.023em 0px #191919;
37 42 }
  43 +/* line 38, ../../src/_sass/typography.sass */
38 44 h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus {
39 45 color: #565657;
40 46 font-style: normal;
41   - text-shadow: 0.0225em 0.0225em 0px #191919;
  47 + text-shadow: 0.023em 0.023em 0px #191919;
42 48 }
43 49
  50 +/* line 43, ../../src/_sass/typography.sass */
44 51 h3 {
45 52 font-size: 1.75em;
46 53 margin: 0 0 0.85em;
47 54 }
48 55
  56 +/* line 47, ../../src/_sass/typography.sass */
49 57 h4 {
50 58 font-size: 1.5em;
51 59 margin: 0.8em 0 0.6em;
52 60 }
53 61
  62 +/* line 50, ../../src/_sass/typography.sass */
54 63 h5 {
55 64 font-size: 1.35em;
56 65 }
57 66
  67 +/* line 52, ../../src/_sass/typography.sass */
58 68 h6 {
59 69 font-size: 1.15em;
60 70 }
61 71
  72 +/* line 54, ../../src/_sass/typography.sass */
62 73 p {
63 74 font-size: 1em;
64 75 margin: 0 0 1.4em 0;
65 76 line-height: 1.4em;
66 77 clear: both;
67 78 vertical-align: baseline;
68   - text-shadow: 1px 1px 0px #fff;
  79 + text-shadow: 1px 1px 0px white;
69 80 }
70 81
  82 +/* line 62, ../../src/_sass/typography.sass */
71 83 blockquote {
72 84 margin: 1.8em auto 2.15em;
73 85 vertical-align: baseline;
74 86 border-top: 1px solid #d9d8d5;
75   - border-bottom: 1px solid #fff;
  87 + border-bottom: 1px solid white;
76 88 width: 88%;
77 89 text-align: center;
78 90 }
  91 +/* line 70, ../../src/_sass/typography.sass */
79 92 blockquote p {
80 93 text-align: center;
81 94 font-size: 1.45em;
82 95 color: #707072;
83 96 padding: 0.3em 0.5em;
84 97 margin: 0;
85   - border-top: 1px solid #fff;
  98 + border-top: 1px solid white;
86 99 border-bottom: 1px solid #d9d8d5;
87 100 }
88 101
  102 +/* line 79, ../../src/_sass/typography.sass */
89 103 img {
90   - border: 1px solid #ADAAA5;
  104 + border: 1px solid #adaaa5;
91 105 display: block;
92   - background: #fff;
  106 + background: white;
93 107 text-align: center;
94 108 vertical-align: middle;
95 109 }
96 110
  111 +/* line 86, ../../src/_sass/typography.sass */
97 112 ul, ol, dl {
98 113 line-height: 1.4em;
99 114 margin-top: -1em;
@@ -101,63 +116,74 @@ ul, ol, dl {
101 116 vertical-align: baseline;
102 117 }
103 118
  119 +/* line 92, ../../src/_sass/typography.sass */
104 120 ul {
105 121 list-style-type: disc;
106 122 }
107 123
  124 +/* line 95, ../../src/_sass/typography.sass */
108 125 ol {
109 126 list-style-type: decimal;
110 127 }
111 128
  129 +/* line 98, ../../src/_sass/typography.sass */
112 130 hr {
113 131 width: 100%;
114 132 height: 1px;
115   - background: #ccc;
  133 + background: #cccccc;
116 134 border: medium none;
117 135 position: relative;
118 136 clear: both;
119 137 margin: 1.5em 0;
120 138 }
121 139
  140 +/* line 110, ../../src/_sass/typography.sass */
122 141 form input, form textarea {
123 142 font-family: georgia;
124 143 font-size: 1em;
125 144 }
  145 +/* line 114, ../../src/_sass/typography.sass */
126 146 form input[type="text"] {
127   - border: 1px dashed #777;
  147 + border: 1px dashed #777777;
128 148 border-width: 0 0 1px 0;
129 149 font-style: italic;
130 150 color: #ff0060;
131 151 }
  152 +/* line 120, ../../src/_sass/typography.sass */
132 153 form textarea {
133   - border: 1px solid #999;
  154 + border: 1px solid #999999;
134 155 display: block;
135 156 width: 98.8%;
136 157 height: 12em;
137 158 padding: 0.2em;
138 159 }
139 160
  161 +/* line 127, ../../src/_sass/typography.sass */
140 162 a {
141 163 text-decoration: none;
142 164 color: #e8402c;
143 165 padding: 0.1em;
144 166 font-style: oblique;
145 167 }
  168 +/* line 134, ../../src/_sass/typography.sass */
146 169 a:active, a:visited {
147 170 color: #404042;
148 171 font-style: oblique;
149 172 }
  173 +/* line 138, ../../src/_sass/typography.sass */
150 174 a:hover, a:focus {
151   - color: #000;
  175 + color: black;
152 176 text-decoration: none;
153 177 font-style: oblique;
154 178 }
155 179
  180 +/* line 1, ../../src/_sass/layout.sass */
156 181 div {
157 182 display: block;
158 183 position: relative;
159 184 }
160 185
  186 +/* line 4, ../../src/_sass/core.sass */
161 187 body {
162 188 margin: 0px;
163 189 padding: 0px;
@@ -166,15 +192,18 @@ body {
166 192 overflow-y: scroll;
167 193 }
168 194
  195 +/* line 11, ../../src/_sass/core.sass */
169 196 .accessibility {
170 197 display: none;
171 198 visibility: visible;
172 199 }
173 200
174   -/* ----------------------------------------------- */
  201 +/*----------------------------------------------- */
  202 +/* line 18, ../../src/_sass/core.sass */
175 203 #logo {
176 204 font-size: 1em;
177 205 }
  206 +/* line 21, ../../src/_sass/core.sass */
178