Skip to content

Instantly share code, notes, and snippets.

Graeme Rouse dangerouse

Block or report user

Report or block dangerouse

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@dangerouse
dangerouse / body.html
Created Oct 7, 2019
CloudSponge Proxy URL for Instapage
View body.html
<p>Thank you for completing the OAuth flow.</p>
<p>Click <a class="cs-force">here to verify that your Proxy URL is set up correctly</a>.</p>
@dangerouse
dangerouse / bubble-address-book-connector.html
Last active Sep 18, 2019
Custom HTML to install the CloudSponge Address Book Widget on Bubble.io
View bubble-address-book-connector.html
<script class="cloudsponge-pre-init-script">
// Here's a video demontrating how to use this script in bubble.io:
// https://drive.google.com/file/d/1B43kI0m_9IetVlB3KhuA4VZC2MOK_reV/view
// This script can be added as a sibling of your launch link
// and your textarea to receive the user's contacts and
// it will add the CloudSponge Address Book Widget to your page.
// Don't forget to:
// 1. replace cloudspongeKey with your own key
// from https://app.cloudsponge.com/
// 2. optionally, initialize the cloudspongeOptions with your
@dangerouse
dangerouse / selectize-after-choose.html
Created May 22, 2019
Adds the selected contacts from the CloudSponge widget to a selectize component
View selectize-after-choose.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>CloudSponge Selectize Example</title>
<!-- Selectize styles -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.default.css" type="text/css">
<style>
/**
* Extra styles required to format emails nicely inside the selectize input
@dangerouse
dangerouse / CloudSpongeWidget.jsx
Last active Aug 26, 2019
CloudSponge - Example React Component
View CloudSpongeWidget.jsx
import React from 'react'
// Simple React Component that manages adding the cloudsponge object to the page
// and initializing it with the options that were passed through.
// props:
// * cloudspongeKey (required): your widget key from your CloudSponge account https://app.cloudsponge.com/app
// * options (optional): any javascript options you wish to pass to configure the cloudpsonge object
//
// For example, you can use the component like so:
// import CloudSpongeWidget from './CloudSpongeWidget'
@dangerouse
dangerouse / 100_contacts.csv
Last active Apr 18, 2018
100 Sample contacts for testing
View 100_contacts.csv
We can make this file beautiful and searchable if this error is corrected: Unclosed quoted field in line 1.
"Title","First Name","Middle Name","Last Name","Suffix","Company","Department","Job Title","Business Street","Business Street 2","Business Street 3","Business City","Business State","Business Postal Code","Business Country/Region","Home Street","Home Street 2","Home Street 3","Home City","Home State","Home Postal Code","Home Country/Region","Other Street","Other Street 2","Other Street 3","Other City","Other State","Other Postal Code","Other Country/Region","Assistant's Phone","Business Fax","Business Phone","Business Phone 2","Callback","Car Phone","Company Main Phone","Home Fax","Home Phone","Home Phone 2","ISDN","Mobile Phone","Other Fax","Other Phone","Pager","Primary Phone","Radio Phone","TTY/TDD Phone","Telex","Account","Anniversary","Assistant's Name","Billing Information","Birthday","Business Address PO Box","Categories","Children","Directory Server","E-mail Address","E-mail Type","E-mail Display Name","E-mail 2 Address","E-mail 2 Type","E-mail 2 Display Name","E-mail 3 Address","E-mail 3 Type","E-mai
@dangerouse
dangerouse / unresponsive-desktop.html
Created Sep 29, 2017
CloudSponge Widget Sample - Theme: unresponsive-desktop
View unresponsive-desktop.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0">
<title>Unresponsive Desktop Example</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="//api.cloudsponge.com/widget/localhost-only.js"></script>
@dangerouse
dangerouse / alwaysShowCTA.html
Created Apr 24, 2017
CloudSponge Widget Reference - always display the button to export contacts
View alwaysShowCTA.html
<!DOCTYPE html>
<html>
<head>
<!--
Include the script anywhere on your page, usually in the head
(don't forget to replace `localhost-only` with your own CloudSponge Widget Key)
-->
<script src="//api.cloudsponge.com/widget/localhost-only.js"></script>
<script>
cloudsponge.init({
@dangerouse
dangerouse / postContacts.html
Last active Aug 8, 2016
CloudSponge Widget Reference - Post selected contacts to your server
View postContacts.html
<!DOCTYPE html>
<html>
<head>
<!--
Include the script anywhere on your page, usually in the head
(don't forget to replace `localhost-only` with your own CloudSponge Widget Key)
-->
<script src="//api.cloudsponge.com/widget/localhost-only.js"></script>
<script>
// extra widget options go here:
@dangerouse
dangerouse / localeData.html
Last active Apr 12, 2017
CloudSponge Widget Reference - Override Locale Data
View localeData.html
<!DOCTYPE html>
<html>
<head>
<!--
Include the script anywhere on your page, usually in the head
(don't forget to replace `localhost-only` with your CloudSponge key)
-->
<script src="//api.cloudsponge.com/widget/localhost-only.js"></script>
<script>
// extra widget options go here:
@dangerouse
dangerouse / en-us.json
Last active Oct 29, 2018
CloudSponge Widget Reference - Locale Data Structure
View en-us.json
{
"ADDRESS_BOOK" : "Choose Your Address Book",
"AUTHORIZATION" : "Authenticating",
"AUTHORIZATION_FOCUS" : "Click here to authenticate",
"SIGN_IN" : "Sign in",
"LOADING_CONTACTS" : "<span class=\"cloudsponge-icon ${provider}\"></span> ${name}",
"SEARCH_CONTACTS" : "Search ${provider} contacts",
"SEARCH_SELECTED" : "Search selected contacts",
"NO_SELECTED_CONTACTS" : "There are no selected contacts",
"GET_CONTACTS" : "Get ${0} contacts",
You can’t perform that action at this time.