adueck’s gists

adueck / after-premailer.html

Created April 28, 2019 15:28

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="background:#f3f3f3"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	<title>Title</title>

	<style type="text/css">@media only screen{
	html {
	min-height: 100% !important;
	background: #f3f3f3 !important
	}

adueck / with-node.html

Created April 28, 2019 15:24


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" style="background: #f3f3f3 !important;">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Title</title>
	<style>
	@media only screen {
	html {

adueck / before-inline.html

Created April 28, 2019 15:23


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Title</title>
	<style>
	.wrapper {
	width: 100%; }

adueck / go-premailer-output.html

Created April 26, 2019 11:24

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" style="background:#f3f3f3"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	<title>Title</title>

	<style type="text/css">@media only screen{
	html {
	background: #f3f3f3 !important;
	min-height: 100%% !important
	}

adueck / inline-css-output.html

Created April 26, 2019 11:23

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" style="background: #f3f3f3 !important;">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Title</title>
	<style>
	@media only screen {
	html {
	min-height: 100%%;

adueck / foundation-email-example.html

Created April 26, 2019 11:20

An example of a Foundation for Emails html file before inlining


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Title</title>
	<style>
	.wrapper {
	width: 100%%; }

adueck / server-with-passport.js

Created August 24, 2018 22:49

	const express = require('express');
	const session = require('express-session');
	const cookieParser = require('cookie-parser');
	const passport = require('passport');
	const LocalStrategy = require('passport-local').Strategy;
	const next = require('next');

	const dev = process.env.NODE_ENV !== 'production'
	const app = next({ dev })
	const handle = app.getRequestHandler()

adueck / swipeable-react-player.js

Last active September 15, 2018 19:30

Keyboard shortcuts and swiping gestures added to facilitate seeking back and forth on a page using react-player

	// This is an example page from a next.js app
	// I've added buttons below the player to control seeking and speed
	// As well as keyboard shortcuts and swiping to control the seeking
	// I wanted users to be able to seek around the video and see the timecode pop up
	// wherever they were on the page, even if the video was far out of view.

	import Head from 'next/head'
	import VisibilitySensor from 'react-visibility-sensor';
	import keydown from 'react-keydown'
	// Using react-player

Adam Dueck adueck