Skip to content

Instantly share code, notes, and snippets.

View drewrothstein's full-sized avatar

Drew Rothstein drewrothstein

View GitHub Profile
@drewrothstein
drewrothstein / form.html
Created March 26, 2017 23:34
Frontend Design Setup
<!DOCTYPE html>
<html>
<head>
<title>Simple Bird Mail</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="/static/style.css">
</head>
@drewrothstein
drewrothstein / form.html
Created March 26, 2017 23:42
Frontend Functionality Setup
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<title>Simple Bird Mail</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="/static/style.css">
@drewrothstein
drewrothstein / style.css
Created March 26, 2017 23:44
Frontend Functionality Setup
/* MailChimp */
#mc_embed_signup{
background: #fff;
clear: left;
}
/* Form */
.handleform {
padding: 10px 0 0 3%;
@drewrothstein
drewrothstein / package.json
Created March 26, 2017 23:52
Frontend Functionality Setup
{
"name": "twproxy-simplebirdmail",
"description": "Twitter Proxy",
"repository": "n/a",
"version": "0.0.1",
"private": true,
"license": "Apache Version 2.0",
"author": "Drew Rothstein",
"dependencies": {
"twitter-proxy": "^2.0.0"
@drewrothstein
drewrothstein / server.js
Created March 26, 2017 23:53
Frontend Functionality Setup
var fs =require('fs');
var twitterProxyServer = require('twitter-proxy');
var port = process.env.PORT || 5000;
function readFile(filename){
var contents = fs.readFileSync(filename);
return contents;
}
var data = readFile('credentials.json');
@drewrothstein
drewrothstein / app.yaml
Created March 26, 2017 23:54
Frontend Functionality Setup
service: proxy
runtime: nodejs
env: flex
@drewrothstein
drewrothstein / credentials.json
Created March 26, 2017 23:55
Frontend Functionality Setup
{
"consumerKey": "...",
"consumerSecret": "...",
"accessToken": "...",
"accessTokenSecret": "..."
}
@drewrothstein
drewrothstein / .gitignore
Created March 26, 2017 23:55
Frontend Functionality Setup
credentials.json
node_modules/*
@drewrothstein
drewrothstein / main.js
Created March 27, 2017 00:01
Wiring The Typeahead
$(document).ready(function() {
var engine, remoteHost, template, empty;
$.support.cors = true;
remoteHost = 'https://<YOUR_PROXY>.appspot.com';
engine = new Bloodhound({
identify: function(o) { return o.id_str; },
queryTokenizer: Bloodhound.tokenizers.whitespace,
@drewrothstein
drewrothstein / form.html
Created March 27, 2017 00:05
Wiring The Typeahead
<div class="row">
<div class="col-md-4">
<form class="handleform">
<div class="form-group">
<label>Twitter Handle</label>
<div class="u-posRelative">
<input class="Typeahead-hint" type="text" tabindex="-1" readonly>
<input class="Typeahead-input" id="handle-input" type="text" name="q" placeholder="Search Twitter users...">
<img class="Typeahead-spinner" src="/static/spinner.gif">
</div>