Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

Carl V. Lewis carlvlewis

🎯
Focusing
View GitHub Profile
View StripeTutorialPage.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Stripe Getting Started Form</title>
<!-- The required Stripe lib -->
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
<!-- jQuery is used only for this example; it isn't required to use Stripe -->
View designer.html
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../chart-js/chart-js.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<polymer-element name="my-element">
<template>
View designer.html
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-icons/iconsets/av-icons.html">
<link rel="import" href="../paper-fab/paper-fab.html">
<link rel="import" href="../paper-tabs/paper-tabs.html">
<link rel="import" href="../paper-tabs/paper-tab.html">
<link rel="import" href="../paper-toast/paper-toast.html">
<polymer-element name="my-element">
View designer.html
<link rel="import" href="../chart-js/chart-js.html">
<link rel="import" href="../topeka-elements/topeka-datasource.html">
<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-quizzes.html">
<link rel="import" href="../notification-elements/notification-alert.html">
<link rel="import" href="../yt-video/yt-search-video.html">
<link rel="import" href="../core-input/core-input.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
View README.md

README is empty

View designer.html
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../paper-tabs/paper-tabs.html">
<link rel="import" href="../paper-tabs/paper-tab.html">
<link rel="import" href="../core-animated-pages/core-animated-pages.html">
<link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
<link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
<link rel="import" href="../core-animated-pages/transitions/slide-down.html">
<link rel="import" href="../core-animated-pages/transitions/slide-up.html">
<link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
@carlvlewis
carlvlewis / config.json
Created Sep 22, 2015 — forked from anonymous/config.json
Bootstrap Customizer Config
View config.json
{
"vars": {
"@gray-base": "#373737",
"@gray-darker": "lighten(@gray-base, 13.5%)",
"@gray-dark": "lighten(@gray-base, 20%)",
"@gray": "lighten(@gray-base, 33.5%)",
"@gray-light": "lighten(@gray-base, 46.7%)",
"@gray-lighter": "lighten(@gray-base, 93.5%)",
"@brand-primary": "#984ac1",
"@brand-success": "#5cb85c",
View Priority+ Navigation.markdown

Priority+ Navigation

The Priority+ pattern was coined by Michael Scharnagl (@justmarkup) to describe navigation that exposes what’s deemed to be the most important navigation elements and tucks away less important items behind a “more” link. The less important items are revealed when the user clicks the “more” link.

Forked from Brad Frost's Pen Priority+ Navigation.

A Pen by Carl V. Lewis on CodePen.

License.

View ICT spending Dashboard graphs.markdown

ICT spending Dashboard graphs

Queensland Government dashboard detailing ICT spending within the governments departments. It utilises API hooks within CKAN (open source data portal software - http://ckan.org) and the Qld open data site specifically: http://data.qld.gov.au

Scale the window down to see the mobile view - has to reload highcharts to achieve the smaller view - hence the Kah-lunk-eee-ness.

The pen links to a second pen (http://codepen.io/boars/pen/KpQqVm/) that digs deeper into spending and information about said spending.

This pen has been slapped together pretty quickly... apologies for the mess :)

@carlvlewis
carlvlewis / index.html
Last active Mar 7, 2017
Example d3.js line chart - tutorial
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="@carlvlewis">
<title>Percent of workforce in Leisure and Hospitality industry, 1990-2016</title>
<!--C. 2017, Carl V. Lewis. All code MIT Licensed. Peace, open-source and catchy Taylor Swift songs, FTW-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js'></script>
You can’t perform that action at this time.