Skip to content

Instantly share code, notes, and snippets.

View carlvlewis's full-sized avatar
🎯
Focusing

Carl V. Lewis carlvlewis

🎯
Focusing
View GitHub Profile
<!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 -->
<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>
<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">
@carlvlewis
carlvlewis / designer.html
Last active August 29, 2015 14:06
designer
<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">
@carlvlewis
carlvlewis / README.md
Created February 15, 2015 13:01
za postal_codes

README is empty

@carlvlewis
carlvlewis / designer.html
Last active August 29, 2015 14:23
designer
<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 September 22, 2015 19:44 — forked from anonymous/config.json
Bootstrap Customizer Config
{
"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",
@carlvlewis
carlvlewis / Priority+ Navigation.markdown
Created November 4, 2015 11:25
Priority+ Navigation

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.

@carlvlewis
carlvlewis / ICT spending Dashboard graphs.markdown
Created March 2, 2016 09:43
ICT spending Dashboard graphs

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 / Text highlighter
Last active November 22, 2016 12:54
Text highlighter
<article>
<header>
<h1>Text highlighter</h1>
</header>
<div class="content">
<p>
<span class="dropcap">At</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce aliquam diam
id
sapien convallis