Skip to content

Instantly share code, notes, and snippets.

View woeldiche's full-sized avatar

Jesper Wøldiche woeldiche

  • Clearhaus A/S & Unzer
  • Aarhus, Denmark
  • X @woeldiche
View GitHub Profile
<div class="bl-tabbox">
<ul aria-hidden="true" class="tabs">
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
<li><a href="#tab4">Tab 4</a></li>
<li><a href="#tab5">Tab 5</a></li>
</ul>
<ul class="sec-tabcontent">
<li id="tab1">
@woeldiche
woeldiche / factboxcardinfo1.html
Created December 12, 2013 12:23
Factbox markup examples.
<h2>Heading</h2
<ul>
<li>
<h3>Key</h3>
<p>Value</p>
</li>
<li>
<h3>Key</h3>
<p>Value</p>
</li>
@woeldiche
woeldiche / advanced-view-row-as-object.js
Last active August 29, 2015 13:58
Template for advance view json response
// Each row as an object
"advancedView": {
"allRows": true,
"dataContent": {
"aaData": [
{
"checkbox": "<div class=\"form-checkbox form-checkbox--single\"><input data-action=\"select.row\" type=\"checkbox\" id=\"select-{{@index}}\" value=\"{{@index}}\" /><label for=\"select-{{@index}}\"><span class=\"aria--visible\">{{this.id}}</span></label></div>",
"id": "<a class=\"inline-link\" data-link=\"row\" href=\"http://link-to-subscription-details.html\">{{this.id}}</a>",
"name" : "{{this.name}}",
"product" : "{{this.product}}",
@woeldiche
woeldiche / config.js
Last active August 29, 2015 14:00
client-side template
var TN = TN || {};
TN.config = TN.config || {};
TN.config.list = TN.config.list || {};
TN.config.list.dropdown = TN.config.list.dropdown || {};
TN.config.list.dropdown['example-dropdown'] = {
template: "<% _(data.content).forEach(function(row) { <li><a class=\"media media--small\" href=\"#\"><div class=\"media__image leader--small\"><span class=\"img--icon img--medium\"><img src=\"<%= row.image.url %>\" width=\"<%= row.image.width %>\" height=\"<%= row.image.height %>\" alt=\"<%= row.image.alt %>\"></span></div><div class=\"media__body\"><div class=\"text-truncate\"><strong><%= row.payer %></strong></div><div class=\"text-truncate\"><%= row.accname %></div><div class=\"text-truncate\"><%= row.accnum %></div></div></a></li> }); %>",
ajaxurl: '@Model.AjaxUrl',
<div data-desk-after="logo" data-mobile-append="main-menu" data-responsive>
<h2 class="aria--visible">Main menu</h2>
<ul class="menu--main mobile-one-whole tablet-one-half">
{{#each links}}
{{#if this.active}}
<li class="item--open active-trail" data-menu="tree">
<a id="main-menu--active" href="#" class="active-trail">{{this.label}}</a>
{{> menu-subnav this.menu-second}}
</li>
{{else}}
TN.config.table = TN.config.table || {};
TN.config.table.data = TN.config.table.data || {};
TN.config.table.data['example-table'] = {
serverside: false,
pipeline: 200,
ajaxurl: "src/data/my-subscriptions.json",
order: [1, 'asc'],
pagingType: 'simple_numbers',
processing: true,
language: {
// Generated on 2013-11-11 using generator-webapp 0.4.4
/* jshint camelcase: false */
'use strict';
// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'
// Generated on 2013-11-11 using generator-webapp 0.4.4
/* jshint camelcase: false */
'use strict';
// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'
//- Include file with mixin
include ./titles
//- Use mixin
+titlepage(title)
//- Other content
.u-containedSmall.u-trailer.u-padded
include ../includes/search
@woeldiche
woeldiche / Procfile
Last active December 4, 2018 19:30
Share your Framer.js prototypes
web: NODE_ENV=production node server.js