atom.xml

<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">

  <title><![CDATA[Earlab]]></title>
  <link href="http://earlab.github.io/atom.xml" rel="self"/>
  <link href="http://earlab.github.io/"/>
  <updated>2014-01-23T11:02:14+02:00</updated>
  <id>http://earlab.github.io/</id>
  <author>
    <name><![CDATA[Ioannis Zannos]]></name>
    
  </author>
  <generator uri="http://octopress.org/">Octopress</generator>

  
  <entry>
    <title type="html"><![CDATA[Web Session With TT]]></title>
    <link href="http://earlab.github.io/blog/2014/01/21/showing-jekyll-to-tania/"/>
    <updated>2014-01-21T17:26:36+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/21/showing-jekyll-to-tania</id>
    <content type="html"><![CDATA[<p>Some websites visited:</p>

<ul>
<li><a href="http://developmentseed.org/">http://developmentseed.org/</a></li>
<li><a href="http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html">http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html</a></li>
<li><a href="http://www.puma.com/mobium/">http://www.puma.com/mobium/</a></li>
<li><a href="http://boy-coy.com/#home">http://boy-coy.com/#home</a></li>
<li><a href="http://mythoughtsareyours.yolk.cc/">http://mythoughtsareyours.yolk.cc/</a></li>
<li><a href="http://henrik.nyh.se/">http://henrik.nyh.se/</a></li>
</ul>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[That Templating Business]]></title>
    <link href="http://earlab.github.io/blog/2014/01/17/that-templating-business/"/>
    <updated>2014-01-17T10:01:06+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/17/that-templating-business</id>
    <content type="html"><![CDATA[
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Vicky in Paris]]></title>
    <link href="http://earlab.github.io/blog/2014/01/06/vicky-in-paris/"/>
    <updated>2014-01-06T16:56:33+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/06/vicky-in-paris</id>
    <content type="html"><![CDATA[<p>with vicky @ montmartre: cafe Au Clairon des Chasseurs: 01/06/14 15:45:35 :travel:friends:webgl:cafe:chuck:</p>

<p><a href="http://vicksbiztheory.tumblr.com">http://vicksbiztheory.tumblr.com</a></p>

<p><a href="http://vicksbizm2.tumblr.com">http://vicksbizm2.tumblr.com</a></p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Categories]]></title>
    <link href="http://earlab.github.io/blog/2014/01/04/categories/"/>
    <updated>2014-01-04T19:05:17+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/04/categories</id>
    <content type="html"><![CDATA[<p>Next, use categories (= keywords, tags) to group posts into topics, in octopress.</p>

<p>Categories should be listed in the header of a page.  <code>rake new_post['page name']</code> creates a heading in the poster for doing this.  To input more than one category, or a category consisting of more than one word, use one of the formats explained in following example from <a href="http://octopress.org/docs/blogging/">http://octopress.org/docs/blogging/</a> :</p>

<!--more-->


<pre><code> # One category
 categories: Sass

 # Multiple categories example 1
 categories: [CSS3, Sass, Media Queries]

 # Multiple categories example 2
 categories:
 - CSS3
 - Sass
 - Media Queries
</code></pre>

<h3>Listing Categories: Plugins</h3>

<p>Category tree:
<a href="https://github.com/matthiasbeyer/jekyll_category_tree">https://github.com/matthiasbeyer/jekyll_category_tree</a></p>

<p>Category list + Tag cloud:
<a href="https://github.com/tokkonopapa/octopress-tagcloud">https://github.com/tokkonopapa/octopress-tagcloud</a></p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Take Care to Run Rake Generate]]></title>
    <link href="http://earlab.github.io/blog/2014/01/04/wrong-site-name-persists/"/>
    <updated>2014-01-04T16:12:11+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/04/wrong-site-name-persists</id>
    <content type="html"><![CDATA[<h3>Summary (&ldquo;TL;DR&rdquo;)</h3>

<ol>
<li>Must be careful to always run <code>rake generate</code> before <code>rake deploy</code>.</li>
<li>GitHub takes some time to update site after each push.</li>
</ol>


<!--more-->


<h3>Details</h3>

<p>After editing the site, always run <code>rake generate</code> before sending to the web via <code>rake deploy</code>.  Occasionally the default name and subtitle of octopress &ldquo;My Octopress Blog / A blogging framework for hackers&rdquo; reappears on edited pages, apparently either because I forgot to run <code>rake generate</code>, or because it may have been overwritten by the watch process of rake.  Testing this here, keeping a log of changes and trials.</p>

<p><a href="http://earlab.github.io/">http://earlab.github.io/</a></p>

<p>Mysterious bugs.  Is it GitHub caching the website, and delaying updates?</p>

<p>The site&rsquo;s title reads (on some pages):</p>

<pre><code>My Octopress Blog
A blogging framework for hackers.
</code></pre>

<p>But the <code>index.html</code> page of the site shows the correct title:</p>

<pre><code>Earlab
Coding for Art
</code></pre>

<p>Why the difference?</p>

<h3>Update</h3>

<p>Creating the present post,</p>

<p>rerunning <code>rake generate</code></p>

<p>and then <code>rake deploy</code></p>

<p>fixed it.</p>

<p>Then re-running the same, after adding the present comments, but not creating new posts, the problem reappeared.</p>

<p>Jan 4, 2014 (4:26 PM):
Testing again with a simple deploy &ndash; with G.D watching on the other side over the net.</p>

<p>Jan 4, 2014 (4:36 PM) : One more test.</p>

<p>Jan 4, 2014 (5:11 PM) : One more test &ndash; trying to reproduce the wrong headline.  It seems to appear only in the updated pages (this one).  Will it raise its head again just after running <code>rake generate</code>?</p>

<p>Jan 4, 2014 (5:18 PM) : Even though I let <code>rake generate</code> end, the present pages&rsquo;s formatting is broken.  Perhaps I should stop the rake watch process.</p>

<p>Jan 4, 2014 (5:21 PM) : Stopped rake watch.  Trying <code>rake deploy</code> without running <code>rake generate</code> first.</p>

<p>Jan 4, 2014 (5:22 PM) : Broken formatting.  Retrying: Running <code>rake generate</code>.</p>

<p>Jan 4, 2014 (5:23 PM) : Edit and rerun <code>rake generate</code>.</p>

<p>Jan 4, 2014 (5:25 PM) : (after <code>rake deploy</code>): Page renders correctly locally, but is broken on GitHub.</p>

<h3>Jan 4, 2014 (5:27 PM) : Conclusions</h3>

<ol>
<li>Must be careful to always generate after saving.</li>
<li>GitHub takes some time to update site after each push.</li>
</ol>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Including Gists and Other Code]]></title>
    <link href="http://earlab.github.io/blog/2014/01/04/using-gists/"/>
    <updated>2014-01-04T15:58:59+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/04/using-gists</id>
    <content type="html"><![CDATA[<p>Embedding code, by pasting, including files, including gists in the octopress blog.  Here are some notes about styles and ways of quoting code, and a test.</p>

<!--more-->


<h3>Ways to include code</h3>

<h4>Backticks `</h4>

<p><a href="http://octopress.org/docs/plugins/backtick-codeblock/">http://octopress.org/docs/plugins/backtick-codeblock/</a></p>

<pre><code>``` [language] [title] [url] [link text] [linenos:false] [start:#] [mark:#,#-#]
    code snippet
```
</code></pre>

<h4>Include Code</h4>

<p><a href="http://octopress.org/docs/plugins/include-code/">http://octopress.org/docs/plugins/include-code/</a></p>

<pre><code>{% include_code [title] [lang:language] path/to/file [start:#] [end:#]
   [range:#-#] [mark:#,#-#] [linenos:false] %}
</code></pre>

<h3>Better styles for gist includes</h3>

<p>From: <a href="https://gist.github.com/jnrbsn/578379">https://gist.github.com/jnrbsn/578379</a></p>

<pre><code>/* Better styles for embedding GitHub Gists */
/* From: https://gist.github.com/jnrbsn/578379 */
.gist{font-size:13px;line-height:18px;margin-bottom:20px;width:100%}
.gist pre{font-family:Menlo,Monaco,'Bitstream Vera Sans Mono','Courier New',monospace !important}
.gist-meta{font-family:Helvetica,Arial,sans-serif;font-size:13px !important}
.gist-meta a{color:#26a !important;text-decoration:none}
.gist-meta a:hover{color:#0e4071 !important}
</code></pre>

<h3>Test</h3>

<div><script src='https://gist.github.com/8071915.js?file=lhcsc'></script>
<noscript><pre><code>/*
// synth definition already written in SynthDef.synthDefDir
(
SynthDef(\LHCV, { | out=0, clk=1, vclk=2, id=0, step=0, resetVal=0|
    var clock, varclock, latch;
    clock = LFPulse.kr(clk);
    varclock = LFPulse.kr(vclk);
    latch = Latch.kr(Stepper.kr(varclock, step: step, resetval: resetVal), clock);
    Out.kr(out, SendTrig.kr(Changed.kr(latch), id, latch))
}).writeOnce;
)

*/

/*
TODO:
- There is a problem in the initial output of the counter? (must be zero)
- The secondary GUI (Slider) has a problem with it&#39;s flashDisplay and the initial position of the slider (though works OK).
- There are 2 dependants:
    * see var &lt;&gt;updater
    * I suppose it is feasible to have only one update method ..
- I have to fix the getter, setter vars
- ... and embed the slider to the main window !!
*/

/*

a = LHCV().start // see LHC example for musical example
a.counterOut // returns the current value of the Counter
a.vclk // returns the current value of the Var Clk rate (in Hz)
a.counterIn //  returns the current input
// set main clk (latched)
a.setClk_(value)
*/

LHCV : LHC {

    var &lt;&gt;clk=1, &lt;&gt;vclk=1;
    var &lt;&gt;synth;
    var &lt;&gt;counterIn=0, &lt;&gt;counterOut=0;
    var &lt;&gt;input=0;
    var osc;
    var &lt;&gt;binaryString;
    // the variables for the slider of the Var Clk rate
    var &lt;&gt;model, &lt;&gt;setValueFunction, &lt;&gt;bounds, &lt;&gt;windowVClk, &lt;&gt;numberboxVClk, &lt;&gt;sliderVClk, &lt;&gt;updater;
    var &lt;posedgeDisplayVClk, &lt;routineFlash;
    var &lt;&gt;monitor;
    var &lt;x, &lt;y;

    *new { | player |
        ^super.new.init(player);
    }

    init { | player |
        this.makeFsmDecoder;
        this.addPlayer(player);
    }

    start { | x, y |
        this.ugenconstr;
        this.oscrespond;
        this.makeWindow;
        this.makeRoutine;
        this.makeSlider;
        this.startMonitor;
    }

    ugenconstr { | clock=1, vclock=1, step=1, resetVal=0 |
        Server.default.waitForBoot {
            synth = Synth(\LHCV, [clk: clock, vclk: vclock, step: step, resetVal: resetVal]);
        }
    }

    oscrespond {
        osc = OSCFunc.newMatching({ arg msg, time;
            [time, msg].postln;
            counterOut = msg[3];
            counterOut.asInteger.asBinaryString(3).postln;
        },&#39;/tr&#39;, Server.default.addr);
    }

    startMonitor { | x, y |
        monitor = LHCVmonitor.new(x, y);
    }

    setInput_ { | value |
        input = value;
        synth.set(\step, input);
    }

    setClk_ { | value |
        clk = value;
        synth.set(\clk, clk);
    }

    setVClk_ { | value |
        vclk = value;
        synth.set(\vclk, vclk);
    }

    makeRoutine {
        if (routine.isNil) {
            routine = {
                loop {
                    this.flashPositiveEdgeDisplay;
                    counterIn = ([bit0.value, bit1.value, bit2.value] * [1, 2, 4]).sum;
                    if (resetbutton.value &gt; 0) {
                        counterOut = 0;
                        fsmDecoder.changed(\reset);
                        &quot;fsmDecoder should now broadcast change RESET&quot;.postln;
                    }{
                        // change step in Stepper
                        this.setInput_(counterIn);
                        fsmDecoder.changed(\counter, counterOut);
                    };
                    counterDisplay.value = counterOut;
                    this.calculateFSMstate(counterOut);
                    // clk is reciprocal because it&#39;s value is in Hz
                    clk.reciprocal.wait;
                }
            }.fork(AppClock);
        }
    }

    windowClosed {
        window = nil;
        this.stopSynthsAndProcesses;
        fsmDecoder.releaseDependants;
        model.releaseDependants;
    }

    stopSynthsAndProcesses {
        routine.stop;
        routine = 0;
        synth.free;
        osc.free;
    }

    flashPositiveEdgeDisplay {
        {
            positiveEdgeDisplay.value = 1;
            (clk / 3).wait;
            positiveEdgeDisplay.value = 0;
            (clk / 3).wait;
        }.fork(AppClock);
    }

    calculateFSMstate { | counter |
        // current state + input = next state + output
        {
            counter.asInteger.asBinaryString(3) do: { | digit |
                fsmDecoder input: (digit == $1).binaryValue;
                // clk is reciprocal because it&#39;s value is in Hz (see SynthDef(\LHCV,...)
                (clk.reciprocal / 3).wait;
            };
        }.fork(AppClock);
    }

    makeSlider {
        if (windowVClk.isNil) { this.prMakeSlider } { windowVClk.front };
    }

    prMakeSlider {
        this.flashDisplayVClk;
        //model
        model = (myValue: this.vclk);

        setValueFunction = {|value|
                    model [\myValue] = value;
                    model.changed(\value, value);
        };

        //bounds
        bounds = ControlSpec(0.01, 50, \linear, 0.01); // min, max, mapping, step
        //view
        windowVClk = Window(&quot;slider for LHCV&quot;, Rect(600,200, 280, 70));
        posedgeDisplayVClk = Button(windowVClk, Rect(10, 20, 18, 18))
                    .states_([[&quot; &quot;, Color.black, Color.black], [&quot; &quot;, Color.yellow, Color.yellow]]);
        numberboxVClk = NumberBox(windowVClk, Rect(30, 20, 40, 20))
                    .value_(model[\myValue])
                    .action_({|view| setValueFunction.value(bounds.map(view.value)) });
        sliderVClk = Slider(windowVClk, Rect(73, 20, 200, 20))
                    .value_(model[\myValue])
                    .action_({|view| setValueFunction.value(bounds.map(view.value)) });

        windowVClk.front;
        windowVClk.onClose_({model.removeDependant(updater)});

        //updater
        updater = {|theChanger, what, val|
                    {
                    if(what == \value, {
                        numberboxVClk.value_(val);
                        sliderVClk.value_(bounds.unmap(val));
                        //
                        &quot;VClk = &quot;.post; val.value.postln;
                        this.setVClk_(val.value);
                });
                    }.defer;
                };
        model.addDependant(updater);

    }

    // the flasher for the Variable Clock rate
    // you can not run 2 different routines into the same Class?
    flashDisplayVClk {
        if ((routineFlash.isNil)&amp;&amp;(vclk.notNil)) {
            routineFlash = {
                loop {
                    posedgeDisplayVClk.value = 1;
                    vclk.reciprocal.wait;
                    posedgeDisplayVClk.value = 0;
                    vclk.reciprocal.wait;
                }
            }.fork(AppClock);
        }
    }

    update { | who, what, value |
//      postf(&quot;% updated: % to: %\n&quot;, who, what, value);
        switch (what,
            \symbol, { encoderDisplay.string = value.asString },
            \state, { }
        );
    }

}</code></pre></noscript></div>



]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Checking Rake Deploy on GitHub]]></title>
    <link href="http://earlab.github.io/blog/2014/01/04/checking-rake-deploy-on-github/"/>
    <updated>2014-01-04T15:22:06+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/04/checking-rake-deploy-on-github</id>
    <content type="html"><![CDATA[<p>Update: <code>rake gen_deploy</code> generates and then deploys the site.</p>

<p>Had to remove the repository and create it again.  Creating the README on github messed things up.</p>

<p>Result: Need to first run <code>rake generate</code> and then <code>rake deploy</code> to updates + publish the site.  <code>rake deploy</code> alone leaves posts in an unformatted state.  (Why?)</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Installing Site on Github]]></title>
    <link href="http://earlab.github.io/blog/2014/01/04/installing-site-on-github/"/>
    <updated>2014-01-04T14:51:52+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/04/installing-site-on-github</id>
    <content type="html"><![CDATA[<p>Installing the site on github was easy, using <a href="http://octopress.org/docs/deploying/github/">the instructions from the octopress site</a>.</p>

<p>The site is now on the <a href="http://earlab.github.io/">earlab organization page</a>.</p>

<!--more-->


<p>I still need to check what <code>rake deploy</code> does now.  I.e.:</p>

<ul>
<li>Do I need to run <code>rake generate</code> as before?</li>
<li>Do I need to commit manually before running <code>rake deploy</code>?</li>
</ul>


<hr />

<p>Update Jan 4, 2014 (3:29 PM)</p>

<p><code>rake deploy</code> synchronizes with github, commits the new site, pushes to git in one command it does three things:</p>

<ol>
<li>Pull any changes from github.</li>
<li>Commit new state of site to git.</li>
<li>Push new state of site to Github.</li>
</ol>


<p>Possibly, it also re-generates the site before committing.  <em>However</em>: For some reason, blog post formatting is broken, unless I generate the site with <code>rake generate</code> first.  I suspect this is because not all files are completely updated before the commit starts.  For this reason, I have to run <code>rake generate</code> manually before doing <code>rake deploy</code>.  Even then, I wait some minutes before doing the deploy, for good measure.</p>

<h3>Facit</h3>

<p>To successfully push the site to github, follow 2 steps:</p>

<ol>
<li>Run <code>rake generate</code> (and wait till that is finished).</li>
<li>Run <code>rake deploy</code> to push the generated site to github.</li>
</ol>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Posting Excerpts]]></title>
    <link href="http://earlab.github.io/blog/2014/01/04/posting-excerpts/"/>
    <updated>2014-01-04T13:48:45+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/04/posting-excerpts</id>
    <content type="html"><![CDATA[<p>See <a href="http://stackoverflow.com/questions/19389451/how-can-i-get-a-post-excerpt-in-jekyll">stackoverflow</a></p>

<!--more-->


<p>In brief:</p>

<pre><code>{{ post.excerpt }}
</code></pre>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Google Font Selection]]></title>
    <link href="http://earlab.github.io/blog/2014/01/04/google-font-selection/"/>
    <updated>2014-01-04T03:46:46+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/04/google-font-selection</id>
    <content type="html"><![CDATA[<p>Selection of open fonts from google (http://www.google.com/fonts), and notes
from websites on fonts. </p>
<!--more-->

<h3>Considerations after Sacha Greif</h3>

<a href="http://sachagreif.com/google-webfonts-that-dont-suck/">Sacha Greif on google webfonts that don&#8217;t suck</a>
<br>
<a href="http://sachagreif.com/more-google-webfonts-that-dont-suck/">Follow up to previous post by Sacha Greif</a>

<p>tried out:</p>
<ul>
  <li>Ubuntu (Favorite of Sacha Greif)</li>
  <li>Cabin</li>
  <li>Imprima</li>
  <li>Varela</li>
  <li>PT Sans</li>
  <li>Open Sans</li>
  <li>Lato</li>
  <li>Questrial</li>
</ul>

<p>Chose Questrial, after Lato.  Questrial has no <em>italic</em> or <strong>bold</strong> font.  Specified font-family for <code>em</code> and <code>strong</code> styles starting with Lato instead of Questrian. </p>

<p>See http://melandri.net/2012/02/14/octopress-theme-customization/ about how to use them in octopress, and a nice choice of non-serif (Lato, &#8230;).</p>

<h4>Update Jan 4, 2014 (7:46 PM)</h4>
<p> Consider Open Sans 400, 300, 700.  See default font of Ghost </p>

<h4>Update Jan 17, 2014 (12:32 AM)</h4>
<p>From this site:
http://graphicdesign.stackexchange.com/questions/16036/what-are-google-webfonts-or-typekit-alternatives-to-avenir-next-pro. </p>
<p>To consider:</p>
<ul>
  <li>Museo Sans (not free)</li>
  <li>Montserrat (possibly better alternative to Questrial: Softer)</li>
  <li>Muli </li>
  <li>Avenir (not free)</li>
  <li>Nunito (similar to Montserrat) </li>
</ul>



<h3>Older selection, many fonts selected in a hurry</h3>
<pre><code>
&lt;link href='http://fonts.googleapis.com/css?family=Rambla:400, 700, 400italic, 700italic |
Source+Sans+Pro:200, 300, 400, 600, 700, 900, 200italic, 300italic, 400italic, 600italic,
00italic, 900italic | Overlock | Noto+Sans | Lato | Cabin | BenchNine | PT+Sans |
abin+Condensed | Arimo | Quicksand | Carrois+Gothic | Asap | Cantarell | Muli |
legreya+Sans | Imprima | Telex | Rosario | Pathway+Gothic+One | Chivo |
uattrocento+Sans | Raleway+Dots | Alef | Open+Sans | Open+Sans+Condensed:300 |
unito | Oxygen | Archivo+Narrow&amp;subset=latin, latin-ext, greek-ext, greek'
el='stylesheet' type='text/css'&gt;
</code></pre>

<p>Usage examples from google: http://www.google.com/fonts#UsePlace:use</p>

<pre>
font-family: 'Rambla', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Overlock', cursive;
font-family: 'Noto Sans', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Cabin', sans-serif;
font-family: 'BenchNine', sans-serif;
font-family: 'PT Sans', sans-serif;
font-family: 'Cabin Condensed', sans-serif;
font-family: 'Arimo', sans-serif;
font-family: 'Quicksand', sans-serif;
</pre>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Logo Style Font]]></title>
    <link href="http://earlab.github.io/blog/2014/01/04/logo-style-font/"/>
    <updated>2014-01-04T02:45:55+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/04/logo-style-font</id>
    <content type="html"><![CDATA[<p>Demo of custom font through span + class</p>
<!--more-->
<p>from: svbtle.com / see also my clone of the style of that site</p>
<p>The word <span class="logotype">EARLAB</span> is enclosed in a span with
class &#8220;logotype&#8221;</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Provide File-relative Paths]]></title>
    <link href="http://earlab.github.io/blog/2014/01/04/relative-paths/"/>
    <updated>2014-01-04T00:19:27+02:00</updated>
    <id>http://earlab.github.io/blog/2014/01/04/relative-paths</id>
    <content type="html"><![CDATA[<p>From: <a href="http://stackoverflow.com/questions/7985081/how-to-deploy-a-jekyll-site-locally-with-css-js-and-background-images-included">stackoverflow</a>.</p>

<!--more-->


<p>Use liquid:</p>

<pre><code>{% capture lvl %}{{ page.url | append:'index.html' | split:'/' | size }}{% endcapture %}
{% capture relative %}{% for i in (3..lvl) %}../{% endfor %}{% endcapture %}
</code></pre>

<p>This:</p>

<pre><code>&lt;link href="{{ relative }}css/main.css" rel="stylesheet" /&gt;
&lt;script src="{{ relative  }}scripts/jquery.js"&gt;&lt;/script&gt;
</code></pre>

<p>Becomes this:</p>

<pre><code>&lt;link href="../../../../../css/main.css" rel="stylesheet" /&gt;
&lt;script src="../../../../../scripts/jquery.js"&gt;&lt;/script&gt;
</code></pre>

<p>Trying this in practice:</p>

<p><a href="../../../../../javascripts/github.js">a javascript file</a></p>

<p><a href="../../../../../stylesheets/screen.css">a css file</a></p>
]]></content>
  </entry>
  
</feed>