Allan White allanwhite
allanwhite
/ social-share-images.js
Last active
December 5, 2020 02:55
Comprehensive social share image properties - based on Sprout Social's guide.
allanwhite
/ social-icons-symbol.svg
Created
December 5, 2020 02:40
Social Media Icons as an SVG symbol. Optimized with SVOMG.
allanwhite
/ hubspot-form-example-min.js
Last active
October 25, 2019 16:29
An example Hubspot form embed - top won't work in Statamic, bottom will. Seems like it must be minified.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| hbspt.forms.create({portalId:"1695915",formId:"c5cbd91e-27da-4cb2-8bee-7ef37300c145",goToWebinarWebinarKey:"7245946950768380939",target:"#hsFormContainer",onFormSubmit:function(e){window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"GAEvent",eventCategory:"Webinar - See CCMS Live",eventAction:"Form Submission",eventLabel:"Registration",eventValue:"2"})},css:""}); |
allanwhite
/ seldon-functions.scss
Created
January 2, 2019 20:46
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // functions includes mixins for now | |
| /// Return black or white with alpha | |
| /// @access public | |
| /// @param {Opacity} $opacity, 0-1 | |
| /// @return - black or white with alpha, like rgba(0,0,0,0.4); | |
| @function black($opacity) { | |
| @return rgba(0,0,0,$opacity); | |
| } | |
| @function white($opacity) { |
allanwhite
/ seldon-settings.scss
Last active
January 2, 2019 20:44
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Helpers | |
| $font_backup: -apple-system, BlinkMacSystemFont, "Roboto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
| $font_sans: "GT America", $font_backup; | |
| $font_serif: "Source Serif Pro", Georgia, serif; | |
| // Font Weights // GT America Mapping; omitting ones that aren't loaded. Can be restored and loaded in fonts.scss. | |
| $font-weight-xlight: 100; // ultra light | |
| $font-weight-thin: 200; // thin | |
| $font-weight-light: 300; // light |
allanwhite
/ seldon.css
Created
December 29, 2017 02:35
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* as of Dec 2017 */ | |
| @import url("https://fonts.googleapis.com/css?family=Source+Serif+Pro:400");@media print, screen and (min-width: 40em){.reveal,.reveal.tiny,.reveal.small,.reveal.large{right:auto;left:auto;margin:0 auto}}/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#f |
allanwhite
/ image_helpers.rb
Last active
December 7, 2017 16:53
— forked from raybrownco/image_helpers.rb
Inline SVG in Middleman
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Middleman - Inline SVG Helper | |
| # ------------------------------------------------------------------------------ | |
| # 1. Save this file at `[project_root]/helpers/image_helpers.rb` | |
| # 2. Restart your local Middleman server if it's running | |
| # 3. Embed SVG files into your template files like so: | |
| # | |
| # <%= inline_svg("logo"); %> assuming logo.svg is stored at source/assets/icons/inlined/logo.svg | |
| # | |
| # The helper also allows for CSS classes to be added: | |
| # |
allanwhite
/ echo-one-base.scss
Created
September 21, 2016 19:40
A SASS variable & Mixin boilerplate for codepen work.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $c_brand: #2098CA; | |
| $c_brand-alt: #1055ff; // stratum blue | |
| // key gray scale colors used with microcopy | |
| $c_primary: #111; | |
| $c_secondary: #848484; | |
| $c_lightest_gray: #ddd; | |
| $c_light_gray: #aaa; | |
| $c_mid_gray: #777; | |
| $c_dark_gray: #444; |
allanwhite
/ G+ metadata
Last active
August 9, 2016 20:31
A Jade snippet for spitting out Open Graph meta tags based on a simple array. Note: various social networks have different requirements about images, etc.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| - var site = {title: 'site name', url: 'http:site.com', image: '/images/thumbnail-site-square.jpg', favicon: '/favicon.ico', description: 'Site Description'} | |
| each val, key in site // Open Graph metadata | |
| meta(property='og:'+'#{key}', content='#{val}') |
allanwhite
/ boilerplate-proof.scss
Last active
February 18, 2016 18:37
Basic SASS variables & functions for a page mockup (Proof).
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $gray-1: hsl(248, 3%, 8%); | |
| $gray-2: hsl(248, 3%, 16%); | |
| $gray-3: hsl(248, 3%, 25%); | |
| $gray-4: hsl(248, 3%, 33%); | |
| $gray-5: hsl(248, 3%, 41%); | |
| $gray-6: hsl(248, 3%, 50%); | |
| $gray-7: hsl(248, 3%, 58%); | |
| $gray-8: hsl(248, 3%, 66%); | |
| $gray-9: hsl(248, 3%, 75%); | |
| $gray-10: hsl(248, 3%, 83%); |
NewerOlder