Questions tagged [harp]

A static web server with built-in preprocessing. Written in node.js.

Harp is a static web server with built-in preprocessing written in Node.js.

It serves Markdown, Jade, EJS, CoffeeScript, Sass, LESS, and Stylus as HTML, CSS and JavaScript without any configuration.

It also makes use of the Layout/Partial paradigm, available to Jade and EJS.

Truly dynamic content achievable by means of flexible custom metadata.

Your code can be easily compiled to HTML, CSS and JavaScript.

Harp can also be used as an embedded express middleware.

It also plays well with client side routers and frameworks.

63 questions
0
votes
2 answers

Post-processing multiple HTML files: Copy

contents to tag</a></h3> <div class="excerpt">Suppose I have a number of compiled HTML-files from Harp, the static site generator. My question: How do I post-process multiple HTML files, in each, automatically copying the contents of < h1> tag to the < title> tag? I'm wondering, if Gulp would…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/gulp" class="post-tag grid--cell" title="show questions tagged 'gulp'" rel="tag">gulp</a> <a href="../../questions/tagged/sublimetext3" class="post-tag grid--cell" title="show questions tagged 'sublimetext3'" rel="tag">sublimetext3</a> <a href="../../questions/tagged/post-processing" class="post-tag grid--cell" title="show questions tagged 'post-processing'" rel="tag">post-processing</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 14 '16 at 22:36">asked Jan 14 '16 at 22:36</time> <a href="../../users/266991/agibsen" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/266991.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="agibsen" /> </a> <div class="s-user-card--info"> <a href="../../users/266991/agibsen" class="s-user-card--link">agibsen</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">867</li> <li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li> <li class="s-award-bling s-award-bling__silver" title="10 silver badges">10</li> <li class="s-award-bling s-award-bling__bronze" title="18 bronze badges">18</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-32602624"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/32602624/harp-server-produces-a-lot-of-whitespace-in-html" class="question-hyperlink">Harp server produces a lot of whitespace (in HTML)</a></h3> <div class="excerpt">I am running a blog on Harp. Everything works like a charm but one thing I can’t achieve (and don’t understand). The whole project uses EJS. The problem is in the produced source (HTML) there is a lot of additional whitespace. I’ve tried to reduce…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/ejs" class="post-tag grid--cell" title="show questions tagged 'ejs'" rel="tag">ejs</a> <a href="../../questions/tagged/removing-whitespace" class="post-tag grid--cell" title="show questions tagged 'removing-whitespace'" rel="tag">removing-whitespace</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Sep 16 '15 at 07:45">asked Sep 16 '15 at 07:45</time> <a href="../../users/4120271/honza-hejzl" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4120271.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Honza Hejzl" /> </a> <div class="s-user-card--info"> <a href="../../users/4120271/honza-hejzl" class="s-user-card--link">Honza Hejzl</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">874</li> <li class="s-award-bling s-award-bling__silver" title="8 silver badges">8</li> <li class="s-award-bling s-award-bling__bronze" title="23 bronze badges">23</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-32364965"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/32364965/is-there-a-way-to-set-css-in-harp-when-displaying-markdown-files" class="question-hyperlink">Is there a way to set css in harp when displaying markdown files?</a></h3> <div class="excerpt">Markdown without css is not very appealing to look at, and I would like to customize the visual display when viewing markdown files in harp. Is there any way to do this? </div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/markdown" class="post-tag grid--cell" title="show questions tagged 'markdown'" rel="tag">markdown</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Sep 02 '15 at 23:54">asked Sep 02 '15 at 23:54</time> <a href="../../users/2771609/user2771609" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2771609.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user2771609" /> </a> <div class="s-user-card--info"> <a href="../../users/2771609/user2771609" class="s-user-card--link">user2771609</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,867</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="15 silver badge">15</li> <li class="s-award-bling s-award-bling__bronze" title="36 bronze badge">36</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-32333928"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/32333928/nodemailer-on-node-js-powered-static-site" class="question-hyperlink">Nodemailer on Node.js powered static site</a></h3> <div class="excerpt">I am rather desperate of a simple problem. I run a static site on Harp, Node powered static site server. On Harp’s docs there is a method of including externally served forms (via Woofoo). This could be simple (actually, I am not successful with…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/node.js" class="post-tag grid--cell" title="show questions tagged 'node.js'" rel="tag">node.js</a> <a href="../../questions/tagged/nodemailer" class="post-tag grid--cell" title="show questions tagged 'nodemailer'" rel="tag">nodemailer</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Sep 01 '15 at 14:14">asked Sep 01 '15 at 14:14</time> <a href="../../users/4120271/honza-hejzl" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4120271.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Honza Hejzl" /> </a> <div class="s-user-card--info"> <a href="../../users/4120271/honza-hejzl" class="s-user-card--link">Honza Hejzl</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">874</li> <li class="s-award-bling s-award-bling__silver" title="8 silver badges">8</li> <li class="s-award-bling s-award-bling__bronze" title="23 bronze badges">23</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-31365968"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/31365968/how-do-i-serve-a-harp-nginx-page-from-docker" class="question-hyperlink">How do I serve a Harp/nginx page from Docker?</a></h3> <div class="excerpt">I'm trying to run nginx and Harp in a Docker container to serve my blog. I've found this: https://github.com/octohost/harp-nginx When I run sudo docker pull octohost/harp-nginx, it downloads a bunch of files, but this is where I am stuck. sudo…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ubuntu" class="post-tag grid--cell" title="show questions tagged 'ubuntu'" rel="tag">ubuntu</a> <a href="../../questions/tagged/nginx" class="post-tag grid--cell" title="show questions tagged 'nginx'" rel="tag">nginx</a> <a href="../../questions/tagged/docker" class="post-tag grid--cell" title="show questions tagged 'docker'" rel="tag">docker</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jul 12 '15 at 08:39">asked Jul 12 '15 at 08:39</time> <a href="../../users/1042555/superbest" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1042555.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Superbest" /> </a> <div class="s-user-card--info"> <a href="../../users/1042555/superbest" class="s-user-card--link">Superbest</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">25,318</li> <li class="s-award-bling s-award-bling__gold" title="14 gold badges">14</li> <li class="s-award-bling s-award-bling__silver" title="62 silver badges">62</li> <li class="s-award-bling s-award-bling__bronze" title="134 bronze badges">134</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-31144252"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/31144252/gulp-build-formaterror-gulp-harpjs-gulp-gh-page-node" class="question-hyperlink">Gulp build formatError - gulp + harpjs + gulp-gh-page + node</a></h3> <div class="excerpt">I'm working on a project based on : https://github.com/superhighfives/charliegleason.com Everything was working so great, and now i have a problem when i try to build the project using gulp build ... The link to the img of the term…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/debugging" class="post-tag grid--cell" title="show questions tagged 'debugging'" rel="tag">debugging</a> <a href="../../questions/tagged/gulp" class="post-tag grid--cell" title="show questions tagged 'gulp'" rel="tag">gulp</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 30 '15 at 17:07">asked Jun 30 '15 at 17:07</time> <a href="../../users/5066175/quentin-voiriot" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/5066175.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Quentin Voiriot" /> </a> <div class="s-user-card--info"> <a href="../../users/5066175/quentin-voiriot" class="s-user-card--link">Quentin Voiriot</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> <li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-29657458"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/29657458/less-2-5-modifyvars-seems-not-work-with-harp-js-v0-15-2" class="question-hyperlink">Less 2.5 modifyVars() seems not work with Harp.js v0.15.2</a></h3> <div class="excerpt">I'm writing a Bootstrap 3 theme using Harp.js / jade / less When I try to dynamically change the background color using less.modifyVar() function, the stylesheet is correctly reloaded but nothing happens ... Less code (variables.less) : @green …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/twitter-bootstrap-3" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap-3'" rel="tag">twitter-bootstrap-3</a> <a href="../../questions/tagged/less" class="post-tag grid--cell" title="show questions tagged 'less'" rel="tag">less</a> <a href="../../questions/tagged/pug" class="post-tag grid--cell" title="show questions tagged 'pug'" rel="tag">pug</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Apr 15 '15 at 17:59">asked Apr 15 '15 at 17:59</time> <a href="../../users/3191181/ceadreak" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/3191181.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="ceadreak" /> </a> <div class="s-user-card--info"> <a href="../../users/3191181/ceadreak" class="s-user-card--link">ceadreak</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,662</li> <li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li> <li class="s-award-bling s-award-bling__silver" title="18 silver badges">18</li> <li class="s-award-bling s-award-bling__bronze" title="27 bronze badges">27</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-28597604"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/28597604/lib-sass-breaking-harp-on-heroku" class="question-hyperlink">lib-sass breaking harp on heroku</a></h3> <div class="excerpt">Interesting problem, Using harp to build a simple app, then deploying it to Heroku, which is proving to be an issue. The last deploy worked flawlessly using the Harp buildpack, But now it's breaking on deploy. Nothing has changed that should be…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/node.js" class="post-tag grid--cell" title="show questions tagged 'node.js'" rel="tag">node.js</a> <a href="../../questions/tagged/heroku" class="post-tag grid--cell" title="show questions tagged 'heroku'" rel="tag">heroku</a> <a href="../../questions/tagged/libsass" class="post-tag grid--cell" title="show questions tagged 'libsass'" rel="tag">libsass</a> <a href="../../questions/tagged/node-sass" class="post-tag grid--cell" title="show questions tagged 'node-sass'" rel="tag">node-sass</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Feb 19 '15 at 02:13">asked Feb 19 '15 at 02:13</time> <a href="../../users/3754994/pj100" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/3754994.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="pj100" /> </a> <div class="s-user-card--info"> <a href="../../users/3754994/pj100" class="s-user-card--link">pj100</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">402</li> <li class="s-award-bling s-award-bling__silver" title="3 silver badges">3</li> <li class="s-award-bling s-award-bling__bronze" title="13 bronze badges">13</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-28563189"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/28563189/harp-server-jade-and-json-loop-error-cannot-read-property-length-of-undefined" class="question-hyperlink">Harp Server, Jade and JSON Loop, Error: Cannot read property "length" of undefined</a></h3> <div class="excerpt">This is the nav.jade file each link in data h5.home-link: a(href="#{ url }") This is my data.json file { "links": [ { "url": "index.html", "pg-title": "Home" }, { "url": "Wooden_Wall_Panelling.html", "pg-title": "Wooden Wall…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/json" class="post-tag grid--cell" title="show questions tagged 'json'" rel="tag">json</a> <a href="../../questions/tagged/pug" class="post-tag grid--cell" title="show questions tagged 'pug'" rel="tag">pug</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Feb 17 '15 at 14:01">asked Feb 17 '15 at 14:01</time> <a href="../../users/3807542/invinciblemuffi" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/3807542.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="invinciblemuffi" /> </a> <div class="s-user-card--info"> <a href="../../users/3807542/invinciblemuffi" class="s-user-card--link">invinciblemuffi</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">908</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="11 silver badge">11</li> <li class="s-award-bling s-award-bling__bronze" title="22 bronze badge">22</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-28173216"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/28173216/how-to-custom-ejs-delimeters-in-harpjs" class="question-hyperlink">How to custom ejs delimeters in harpjs?</a></h3> <div class="excerpt">harp js seems to be a very useful tool to me. they suppor ejs compile,but, I didn't find how to get the ejs custom delimiters function support. I want to replace <% %> with new tokens such as {{}}. </div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/ejs" class="post-tag grid--cell" title="show questions tagged 'ejs'" rel="tag">ejs</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 27 '15 at 14:47">asked Jan 27 '15 at 14:47</time> <a href="../../users/1025567/h2ojile" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1025567.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="H2Ojile" /> </a> <div class="s-user-card--info"> <a href="../../users/1025567/h2ojile" class="s-user-card--link">H2Ojile</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">37</li> <li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-28099283"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/28099283/compiling-menu-items-into-templates-with-harp" class="question-hyperlink">Compiling menu items into templates with Harp</a></h3> <div class="excerpt">I would like to be able to generate menu items at compilation (i.e. harp compile ./) from a partial, based on whatever objects are in the current folder. This would be applied to markdown documents generated from another source; Harp hopefully can…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/node.js" class="post-tag grid--cell" title="show questions tagged 'node.js'" rel="tag">node.js</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 22 '15 at 21:46">asked Jan 22 '15 at 21:46</time> <a href="../../users/574904/andrew-odri" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/574904.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Andrew Odri" /> </a> <div class="s-user-card--info"> <a href="../../users/574904/andrew-odri" class="s-user-card--link">Andrew Odri</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">8,868</li> <li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li> <li class="s-award-bling s-award-bling__silver" title="46 silver badges">46</li> <li class="s-award-bling s-award-bling__bronze" title="55 bronze badges">55</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-27203507"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/27203507/using-harp-with-p5-js-and-coffeescript" class="question-hyperlink">Using Harp with p5.js and coffeescript</a></h3> <div class="excerpt">I am using harp (harpjs.com) and p5.js (p5js.org) and I would like to write everything in coffeescript. Harp understands .coffee files, so I simply wrote a sketch.coffee but it didnt work. Renaming it to sketch.js worked, but I prefer .coffee. Do i…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/coffeescript" class="post-tag grid--cell" title="show questions tagged 'coffeescript'" rel="tag">coffeescript</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> <a href="../../questions/tagged/p5.js" class="post-tag grid--cell" title="show questions tagged 'p5.js'" rel="tag">p5.js</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Nov 29 '14 at 14:47">asked Nov 29 '14 at 14:47</time> <a href="../../users/973612/user973612" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/973612.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user973612" /> </a> <div class="s-user-card--info"> <a href="../../users/973612/user973612" class="s-user-card--link">user973612</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">105</li> <li class="s-award-bling s-award-bling__bronze" title="9 bronze badges">9</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-26519323"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/26519323/harpjs-shared-partial-won-t-render-on-pages-above-index-in-directory" class="question-hyperlink">HarpJS shared partial won't render on pages above index in directory</a></h3> <div class="excerpt">I'm trying to build a static HTML site using HarpJS and have got it ALMOST completely nailed. For some reason, the two pages in my public directory that are alphabetically before my index.jade file (About.jade and Contact.jade) won't render the…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/pug" class="post-tag grid--cell" title="show questions tagged 'pug'" rel="tag">pug</a> <a href="../../questions/tagged/partials" class="post-tag grid--cell" title="show questions tagged 'partials'" rel="tag">partials</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Oct 23 '14 at 00:22">asked Oct 23 '14 at 00:22</time> <a href="../../users/4172112/danny-cox" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4172112.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Danny Cox" /> </a> <div class="s-user-card--info"> <a href="../../users/4172112/danny-cox" class="s-user-card--link">Danny Cox</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">253</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="3 silver badge">3</li> <li class="s-award-bling s-award-bling__bronze" title="6 bronze badge">6</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-25234007"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/25234007/how-to-access-a-named-object-within-an-array-in-json" class="question-hyperlink">How to access a named object within an array in JSON?</a></h3> <div class="excerpt">I am working with a Harp project, using Jade templates. I have my _data.json populated with content and I'm having trouble accessing it the way I thought I could. Given this JSON structure: { "mountain-residence": { "slug":…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/json" class="post-tag grid--cell" title="show questions tagged 'json'" rel="tag">json</a> <a href="../../questions/tagged/pug" class="post-tag grid--cell" title="show questions tagged 'pug'" rel="tag">pug</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Aug 10 '14 at 23:30">asked Aug 10 '14 at 23:30</time> <a href="../../users/1337076/minttoothpick" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1337076.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="minttoothpick" /> </a> <div class="s-user-card--info"> <a href="../../users/1337076/minttoothpick" class="s-user-card--link">minttoothpick</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">75</li> <li class="s-award-bling s-award-bling__silver" title="2 silver badges">2</li> <li class="s-award-bling s-award-bling__bronze" title="11 bronze badges">11</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-24699799"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/24699799/harp-compile-gives-me-nameerror-on-font-awesome-using-bower" class="question-hyperlink">'harp compile' gives me NameError on font-awesome using bower</a></h3> <div class="excerpt">I'm developing a project using font-awesome and HarpJS. I'm just using the pre-compiled CSS version of font-awesome, but since I'm using bower it downloads even the LESS files to my components folder. The problem is, when I need to compile my assets…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/less" class="post-tag grid--cell" title="show questions tagged 'less'" rel="tag">less</a> <a href="../../questions/tagged/font-awesome" class="post-tag grid--cell" title="show questions tagged 'font-awesome'" rel="tag">font-awesome</a> <a href="../../questions/tagged/bower" class="post-tag grid--cell" title="show questions tagged 'bower'" rel="tag">bower</a> <a href="../../questions/tagged/harp" class="post-tag grid--cell" title="show questions tagged 'harp'" rel="tag">harp</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jul 11 '14 at 14:11">asked Jul 11 '14 at 14:11</time> <a href="../../users/2353377/rodolfo42" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2353377.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="rodolfo42" /> </a> <div class="s-user-card--info"> <a href="../../users/2353377/rodolfo42" class="s-user-card--link">rodolfo42</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">145</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="3 silver badge">3</li> <li class="s-award-bling s-award-bling__bronze" title="9 bronze badge">9</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/harp_page=3" rel="prev" title="Go to page 3">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/harp_page=1" rel="" title="Go to page 1">1</a> <a class="s-pagination--item" href="../../questions/tagged/harp_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/harp_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item is-selected">4</div> <a class="s-pagination--item" href="../../questions/tagged/harp_page=5" rel="" title="Go to page 5">5</a> <a class="s-pagination--item" href="../../questions/tagged/harp_page=5" rel="next" title="Go to page 5"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>