Skip to content

Instantly share code, notes, and snippets.

View jackmccloy's full-sized avatar

Jack McCloy jackmccloy

58 followers · 2 following
View GitHub Profile
@jackmccloy
jackmccloy / base.html
Created April 7, 2016 14:47
{% load staticfiles %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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, initial-scale=1">
<title>{{ title }}</title>
{% block styles %}
{% include 'mail/elements/styles.html' %}
@jackmccloy
jackmccloy / two-column-section
Created April 7, 2016 14:49
{% load staticfiles %}
<tr>
<td>
<table width="576" cellpadding="0" cellspacing="0" class="wrapper" style="margin-top: 60px;">
<tr>
<td>
{% with text_align='left' align='left' %}
<table width="280" align="{{ align }}" style="-ms-text-size-adjust: none;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;color: #444444;font-family:'Lato','Lucida Sans','Lucida Sans Unicode','Lucida Grande',SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 14px;line-height: 24px;text-align: {{ text_align }};">
@jackmccloy
jackmccloy / button.html
Created April 7, 2016 14:50
{% load staticfiles %}
<table cellspacing="0" cellpadding="0" class="button-container" style="-ms-text-size-adjust: none;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;font-family:'Lato','Lucida Sans','Lucida Sans Unicode','Lucida Grande',SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif;margin-top: 25px;text-align: left";>
<tr>
<td align="{{ alignment }}" class="button" style="font-size: 18px;color: #ffffff;border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;background-color: #2ecc71;display: block;text-align: center;padding-top: 10px;padding-right: 16px;padding-bottom: 10px;padding-left: 16px;" bgcolor="#2ecc71">
<a href="{{ link }}" style="color: #FFFFFF; display: inline-block;font-size: 18px; text-decoration: none">{{ copy }}</a>
</td>
</tr>
</table>
@jackmccloy
jackmccloy / webpack.config.js
Created July 20, 2016 16:15
var path = require("path");
var webpack = require("webpack");
var BundleTracker = require("webpack-bundle-tracker");
module.exports = {
devtool: "eval",
context: __dirname,
entry: {
main: [
@jackmccloy
jackmccloy / Index.jsx
Created July 20, 2016 16:27
import React from 'react';
import ReactDOM from 'react-dom';
import {Provider} from 'react-redux';
import {ReduxRouter} from 'redux-router';
import configureStore from './store/configureStore';
const store = configureStore();
const AppRoot = require('./AppRoot');
@jackmccloy
jackmccloy / AppRoot.jsx
Created July 20, 2016 16:29
import Activity from './pages/Activity';
const indexRoute = {
component: Activity.syncComponent,
};
const App = require('./App');
module.exports = {
path: '/',
component: App,
@jackmccloy
jackmccloy / App.jsx
Created July 20, 2016 16:31
import React, {Component} from 'react';
import Radium from 'radium';
import { getSelf } from './actions/usersActions';
import { resizeEvent } from './actions/windowStateActions';
import { connect } from 'react-redux';
// sections
@jackmccloy
jackmccloy / permissionsWrappers.jsx
Created August 11, 2016 19:34
import React from 'react';
import { connect } from 'react-redux';
import { push, replace } from 'redux-router';
export function requireLoggedIn(Component) {
// a wrapper that requires a user be logged in. You can decide what 'logged in' means - in this example,
// a user is considered to be logged in if usersStore.meta.self !== null
class AuthComponent extends React.Component {