Skip to content

Instantly share code, notes, and snippets.

Avatar

Jesper Wøldiche woeldiche

View GitHub Profile
@woeldiche
woeldiche / Procfile
Last active Dec 4, 2018
Share your Framer.js prototypes
View Procfile
web: NODE_ENV=production node server.js
View framerproject.coffee
# Import layers
Imports = Framer.Importer.load "imported/Nordea Markets Master"
# Import settings and model
config = require("nmSettings").config;
model = require("nmModel").model;
# Import page changing behavior
slideIn = require("nmSlidein");
# Import instances of pages
TradeInstance = require("nmTrade");
View areas.js
Data.area = new Map([
["None", 0],
["Cone 1.5 m, 30 grader", {diff: 3}],
["Cone 2.5 m, 30 grader", {diff: 6}],
["Cone 5.0 m, 30 grader", {diff: 8}],
["Cone 10.0 m, 30 grader", {diff: 12}],
["Cone 20.0 m, 30 grader", {diff: 18}],
["Line 1.5 m", {diff: 2}],
["Line 2.5 m, diameter 1.5 m", {diff: 4}],
["Line 10.0 m, diameter 1.5 m", {diff: 8}],
@woeldiche
woeldiche / factboxcardinfo1.html
Created Dec 12, 2013
Factbox markup examples.
View factboxcardinfo1.html
<h2>Heading</h2
<ul>
<li>
<h3>Key</h3>
<p>Value</p>
</li>
<li>
<h3>Key</h3>
<p>Value</p>
</li>
View tabbox.html
<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">
View SCOPE Cover Video
<div class="block-covervideo" id="video-layer">
<video id="vid1" class="video-js vjs-default-skin el-covervideo"
width="320"
height="180"
controls
poster='[STI TIL BILLEDFIL]'
data-cookie="scope[ISSUE NUMMER]"
data-hd='[LINK TIL HD VIDEO]'
data-sd='[LINK TIL STANDARD VIDEO]'
data-setup='{ "loop": false, "autoplay": false }'
@woeldiche
woeldiche / picture-module-example.html
Created Nov 22, 2013
Example output from the picture module.
View picture-module-example.html
<div class="field field-name-field-image field-type-image field-label-hidden">
<div class="field-items">
<div class="field-item even" rel="og:image rdfs:seeAlso" resource="http://picture7w.h011.attiks.com/sites/picture7w.h011.attiks.com/files/styles/piccustom_user_tablet_1_5x/public/field/image/38054784.jpg?itok=zyO3uMRu">
<span data-picture="">
<span data-src="http://picture7w.h011.attiks.com/sites/picture7w.h011.attiks.com/files/styles/piccustom_user_tablet_1_5x/public/field/image/38054784.jpg?itok=zyO3uMRu" data-width="1300" data-height="867"></span>
<span data-media="all and (min-width: 0px) and (max-width: 559px)" data-srcset="http://picture7w.h011.attiks.com/sites/picture7w.h011.attiks.com/files/styles/piccustom_user_mobile_1x/public/field/image/38054784.jpg?itok=S7-pbzkq 1x, http://picture7w.h011.attiks.com/sites/picture7w.h011.attiks.com/files/styles/piccustom_user_mobile_1_5x/public/field/image/38054784.jpg?itok=J8RpvmvA 1.5x, http://picture7w.h011.attiks.com/sites/pictur
@woeldiche
woeldiche / cover-video-final
Created Oct 15, 2013
Scope cover video element, final version :-)
View cover-video-final
<div class="block-covervideo" id="video-layer">
<video id="vid1" class="video-js vjs-default-skin el-covervideo"
width="320"
height="180"
controls
poster='/sites/default/files/general/Scope04_Frontpage_1200x675px.jpg'
data-cookie="scope42"
data-hd='http://player.vimeo.com/external/72242208.hd.mp4?s=940c262b3ac59c043a2be9c0f61d494b'
data-sd='http://player.vimeo.com/external/72242208.sd.mp4?s=293906304be4160dfe287d150b7baecc'
data-setup='{ "loop": false, "autoplay": false }'
View videooverlay v2.html
<div style="width:100%; height:100%; clear:both; position:absolute; top: 0; left: 0; z-index:99; overflow:hidden;" id="video-layer">
<iframe id="player1" src="http://player.vimeo.com/video/72242208?api=1&player_id=player1&title=0&byline=0&portrait=0" width="1200" height="675" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen style="min-height: 100%; max-height: 100%; min-width: 100%; max-width: 100%; width: 100%; height: 100%; position: absolute; z-index: 50;"></iframe>
<a class="video-link" href="#" style="position: absolute; z-index: 55; bottom: 10%; left: 10%; color: #fff;">Skip Video</a>
</div>
<script type="text/javascript">
(function ($) {
"use strict";
var iframe = $('#player1')[0],
@woeldiche
woeldiche / gist:5763897
Created Jun 12, 2013
Anonymous wrapper
View gist:5763897
(function ($) {
'use strict';
// Functions with $.() here...
})(jQuery);
You can’t perform that action at this time.