Skip to content

Instantly share code, notes, and snippets.

@nilsel
nilsel / gist:1825420
Created February 14, 2012 09:53
stb html footer
<div id="about">
<p style="text-align: center">
<span style="margin-left: auto; margin-right: auto;">
&copy; Storebrand &nbsp;
<a href="Pages/samfunnsansvar_personopplysninger.html">Informasjon</a> om behandling av personopplysninger
<a href="Pages/forsidesamfunnsansvar.html" class="corporate_responsibility" style="background: url(//www.storebrand.no/site/stb.nsf/icon_butterfly_17px.gif) no-repeat scroll 0pt 0pt transparent; padding: 1px 1px 3px 20px; margin-left: 7px; color: rgb(125, 157, 0);">Slik tar vi samfunnsansvar</a>
</span>
</p>
</div>
<!-- personportal: -->
<div style="margin: 0 7px 15px 7px; background-color: #FEEDC3; width: 715px; height:38px; border: 1px #CDD1D2 solid; padding: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 3px;">
<span style="background: url(/sb-js/css/images/icons/stb-misc-icons-sprite.png); background-position: 0 -30px; height: 30px; width: 30px; display: inline-block; float: left; margin: 2px 10px 0 2px;"></span>
<p style="font-weight: 800; font-size: 12px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif">
Information about employer paid pensions and insurance is available in English. Some information about private products and bank services are not translated into English yet. Questions? Please contact us at +47 08880.
</p>
</div>
<!-- pm-js: -->
<div class="stb-section-clear importantmessages" style="margin: 8px 0 8px 0; min-height: 60px; width: 75%; display: inline-block;"><span class="icon info" style="float:left; margin: 13px;"></span><section><p style="font-weight: 800;">
<!-- q2i: IE<9 (and others) do not support loading stylesheets with media-attribute;
http://stackoverflow.com/questions/5769493/ie8-support-for-css-media-query
-->
<link rel="stylesheet" media="only screen and (min-width: 992px)" href="/sb-js/css/min/992.css?v=1">
<!--[if lt IE 9]>
<link rel="stylesheet" href="/sb-js/css/min/992.css?v=1">
<![endif]-->
@nilsel
nilsel / testem-example.yml
Last active December 12, 2015 08:39
testem.yml example-configuration w/browserstack (https://github.com/airportyh/testem). Added some more browsers while I was at it.
framework: qunit
test_file: test.html #this does not work: run testem with option -t test.html
on_start:
command: browserstack tunnel localhost:7357
wait_for_text: You can now access your local server(s) in our remote browser
port: 7357
# important: route /js/ so the test-scripts can read them
routes:
@nilsel
nilsel / testem-browserstack-qunit-example.json
Created February 10, 2013 12:02
Converted YML to JSON and fixed test_page option (test_file was wrong). Your routes may vary.
{
"test_page": "test.html",
"port": 7357,
"routes": {
"/js": "../../../js"
},
"framework": "qunit",
"on_start": {
@nilsel
nilsel / Makefile
Created May 10, 2013 13:51
Bootstrap 2.3.x: Upgrade to latest uglify-js + update Makefile for uglify v2. Ref. https://github.com/twitter/bootstrap/pull/6965
BOOTSTRAP = ./docs/assets/css/bootstrap.css
BOOTSTRAP_LESS = ./less/bootstrap.less
BOOTSTRAP_RESPONSIVE = ./docs/assets/css/bootstrap-responsive.css
BOOTSTRAP_RESPONSIVE_LESS = ./less/responsive.less
DATE=$(shell date +%I:%M%p)
CHECK=\033[32m✔\033[39m
HR=\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#
#
@nilsel
nilsel / px-to-rem.js
Last active October 27, 2023 13:40
Web component to convert px to rem
/*
Quick and dirty web component to convert px to rem
Base font size is set to 16px (browser default)
Usage:
<px-to-rem px="32/48"/>
Returns:
32/48px - 2/3rem