Skip to content

Instantly share code, notes, and snippets.

View kmelve's full-sized avatar
💬
is typing

Knut Melvær kmelve

💬
is typing
View GitHub Profile
@kmelve
kmelve / autotooltipnotes.js
Created November 27, 2013 19:34
jQuery for autogenerating Foundation tooltips from multimarkdown→HTML generated footnotes. First version. Iterations to come.
var notes = []
$('.footnotes p').each(function() {
notes.push($(this).text().replace('↩',''))
});
$('sup').each(function (index) {
$(this).wrap("<span data-tooltip class=\"has-tip\" title=\"" + notes[index] + "\"></span>");
});
@kmelve
kmelve / squarespacebigfootfooterinjection
Last active January 3, 2016 05:28
My Bigfoot-js implementation on Squarespace.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="/s/bigfootmin.js"></script>
<link rel="stylesheet" type="text/css" href="/s/bigfoot-number-dwpd.css">
<script type="text/javascript">
$.bigfoot({
positionContent: true, // required for numbered footnotes
numberResetSelector: 'article', // restarts the numbering for each article on SQ
actionOriginalFN: 'ignore' // show the original list of footnotes
});
</script>
<?php
function nav_element($label, $comic_url, $comic_id, $r, $desc = false)
{
if ($desc) {
$order = "pubtime DESC, id DESC";
$op = "<";
} else {
$order = "pubtime, id";
$op = ">";
}
@kmelve
kmelve / DHOxSS 2016 Text2Tech Melvær.md
Last active July 21, 2016 10:30
Links for the DHOxSS 2016 Text2Tech talk
@kmelve
kmelve / kampanje-tables-hotfix.css
Created November 3, 2016 20:54
Kampanje.com tables
table, th, td, tr {
border: none;
}
table {
width: 100%;
margin-bottom: 1em;
border-bottom: 1px solid #a0a0a0;
}
th, tr:first-of-type {
font-family: 'Gotham A','Gotham B', Helvetica, Arial, sans-serif;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Looping</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@kmelve
kmelve / makeNewEntryFromSlack.js
Created March 31, 2017 06:38
Webtask.io function that takes an `/command word;definition` from Slack and puts it into a graph.cool database.
require('isomorphic-fetch')
// your graph.cool project id
const projectId = 'stammesprak'
module.exports = (context, cb) => {
const text = context.body.text.split(';')
const definition = text[1]
const word = text[0]
/*
@kmelve
kmelve / header.twig
Created September 30, 2017 14:15
header.twig
{% set title = title is defined ? title : '' %}
{% set excerpt = excerpt is defined ? excerpt : '' %}
{% set noPaddingTop = noPaddingTop is defined ? noPaddingTop : false %}
{% set visuallyHideTitle = visuallyHideTitle is defined ? visuallyHideTitle : false %}
<header class="c-page__header {% if noPaddingTop %}u-p-none{% endif %}">
<h1 class="c-page__title {% if visuallyHideTitle %}u-visually-hidden{% endif %}">{{ title }}</h1>
{% if excerpt | length %}
<p class="c-page__intro">{{ excerpt }}</p>
{% endif %}
@kmelve
kmelve / header.twig
Created September 30, 2017 14:15
header.twig
{% set title = title is defined ? title : '' %}
{% set excerpt = excerpt is defined ? excerpt : '' %}
{% set noPaddingTop = noPaddingTop is defined ? noPaddingTop : false %}
{% set visuallyHideTitle = visuallyHideTitle is defined ? visuallyHideTitle : false %}
<header class="c-page__header {% if noPaddingTop %}u-p-none{% endif %}">
<h1 class="c-page__title {% if visuallyHideTitle %}u-visually-hidden{% endif %}">{{ title }}</h1>
{% if excerpt | length %}
<p class="c-page__intro">{{ excerpt }}</p>
{% endif %}
@kmelve
kmelve / blockContent.vue
Created January 11, 2018 14:37
Sanity BlockContent in Vue
<style lang="scss">
a.button {
text-decoration: none;
display: inline-block;
}
.blurb, .quote > * {
padding-bottom: 1rem;
@media(min-width: 800px) {
padding-bottom: 0;