Skip to content

Instantly share code, notes, and snippets.

@davidmerfield
davidmerfield / photos.html
Created May 17, 2019 14:49
Page listing all the photos in every post on Blot
<!DOCTYPE html>
<html>
<title>{{title}}</title>
{{> head}}
<body>
{{> header}}
<style type="text/css">
#photos {display: flex;flex-wrap: wrap;align-items: center;justify-content: center}
#photos a {width: 33.3333%;padding: 1em;flex-shrink: 1;flex-grow: 1;box-sizing: border-box;background: none;}
.pre-loaded {visibility: hidden;opacity: 0;will-change: opacity;transition: opacity .3s, visibility .3s;}
@davidmerfield
davidmerfield / sort.js
Last active July 8, 2019 15:54
sorts DOM nodes by an attribute, alphabetically.
<script type="text/javascript">
// e.g. <span data-path="/foo" class="sort-me">...</span>
var attributeToSort = 'data-path';
var selector = '.sort-me';
var zero="0".charCodeAt(0);function isWhitespace(i){return i<=32}function isDigit(i){return 48<=i&&i<=57}var compare=function(i,r){for(var t,e,f,n,o,u,s,a,c=0,h=0,g=i.length,D=r.length;c<g&&h<D;){for(t=i.charCodeAt(c),e=r.charCodeAt(h),f=n=0,o=u=0,s=!0,a=0;isWhitespace(t);)c+=1,t=i.charCodeAt(c);for(;isWhitespace(e);)h+=1,e=r.charCodeAt(h);if(isDigit(t)&&!isDigit(e))return-1;if(!isDigit(t)&&isDigit(e))return 1;if(!s)return-1;for(0;t===zero;)f+=1,c+=1,t=i.charCodeAt(c);for(;e===zero;)n+=1,h+=1,e=r.charCodeAt(h);for(;isDigit(t)||isDigit(e);)isDigit(t)&&isDigit(e)&&0===a&&(s?t<e?a=-1:t>e&&(a=1):t>e?a=-1:t<e&&(a=1)),isDigit(t)&&(c+=1,o+=1,t=i.charCodeAt(c)),isDigit(e)&&(h+=1,u+=1,e=r.charCodeAt(h));if(s){if(o<u)return-1;if(o>u)return 1}else{if(o>u)return-1;if(o<u)return 1}if(a)return a;if(s){if(f>n)return-1;if(f<n)return 1}else{if(f<n)return-1;if(f>n)return 1}if

Keybase proof

I hereby claim:

  • I am davidmerfield on github.
  • I am davidmerfield (https://keybase.io/davidmerfield) on keybase.
  • I have a public key ASDwQIJcpHRvFNAgLyNGk9DKNi1flvFiZTMABfMhcAILowo

To claim this, I am signing this object: