Skip to content

Instantly share code, notes, and snippets.

View adueck's full-sized avatar

Adam Dueck adueck

20 followers · 2 following
View GitHub Profile
@adueck
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
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
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
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
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
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
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
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