Daniel Furze furzeface

## removing-gist-styles.js
var domLinks = document.getElementsByTagName('link'); // Get all the <link>'s
    // Will most likely find stylesheets but will find any with rels eg rel="canonical/author/external..."
    // Unfortunately we can't just traverse the <head> as the Gist stylesheet is embedding with the Gist in your pages <body>

    var gistLinks = [];

    for (var i = 0, l = domLinks.length; i < l; i++)  {//loop 'em
        var el = domLinks[i]; //current link
        // If 'gist' is in the href -
        if (el.href.indexOf('gist') > -1) {

## Anchor CMS config bootstrap
//Goes in your anchor/config/db.php file

//$$REPLACE_THESE$$ with your demo and live db details

switch ($_SERVER['SERVER_NAME']) {

    case 'demo.domain.com': //eg. 'demodaniel.furzeface.com' for me
        return array(
            'default' => 'mysql',
            'prefix' => 'anchor_', //change if you want

## Media Query Mixin
//=My breakpoint variables
//Usually kept in _variables.scss

$breakpoint-extra-small: 20em;    //320px
$breakpoint-small: 30em;          //480px
$breakpoint-medium: 50em;         //800px
$breakpoint-extra-medium: 65em;   //1040px
$breakpoint-large: 80em;          //1280px
$breakpoint-extra-large: 100em;   //1600px

## standard-media-queries.css
@media all and (min-device-width : 320px)
and (max-device-width : 480px) {
/*style all the things*/
}


@media all and (max-width : 320px) {
/*style all the things*/
}

## GitHub Gist Basic Styles
.gist {
  color: #000;

  .render-container {
    .render-viewer-error,
    .render-viewer-fatal,
    .octospinner {
      display: none;
    }
  }

## ITCSS.sh
#!/bin/bash

mkdir -p ./src/styles
touch ./src/styles/main.scss
mkdir -p ./src/styles/{base,components,generic,objects,settings,tools,trumps}
touch ./src/styles/{base,components,generic,objects,settings,tools,trumps}/__index.scss

echo "// Base - Unclassed HTML elements (type selectors)" > ./src/styles/base/__index.scss
echo "// Components - Designed components, chunks of UI" > ./src/styles/components/__index.scss
echo "// Generic - Ground-zero styles (normalize, resets, box-sizing etc)" > ./src/styles/generic/__index.scss

## google-analytics-custom-event-tracking-function.js
// Wrap it so if GA is not initialised it doesn't go 'undefined'!
function analytics_custom_event_tracker(name, event, label)
{
    if (typeof ga === 'function')
    {
        return ga('send', 'event', name, event, label);
    }
}


## result.js
result = result && result.result ? result.result : result;

## replace-svg-with-png.js
// Use Modernizr to check
if (!Modernizr.svg) {
    // Using jQuery
    $('img').each(function () { // Could also be more specific if you know where the svg's will be e.g. $('#work-content img')
        var $img = this, // Cache current image DOM element in a variable
            src = $img.src.split('.'), // Split the source
            extension = src[src.length - 1]; // Make sure it's the last part of the split string

        if (extension === 'svg') {
            src[src.length - 1] = 'png'; // If it's svg, do all the things
	var domLinks = document.getElementsByTagName('link'); // Get all the <link>'s
	// Will most likely find stylesheets but will find any with rels eg rel="canonical/author/external..."
	// Unfortunately we can't just traverse the <head> as the Gist stylesheet is embedding with the Gist in your pages <body>

	var gistLinks = [];

	for (var i = 0, l = domLinks.length; i < l; i++) {//loop 'em
	var el = domLinks[i]; //current link
	// If 'gist' is in the href -
	if (el.href.indexOf('gist') > -1) {
	//Goes in your anchor/config/db.php file

	//$$REPLACE_THESE$$ with your demo and live db details

	switch ($_SERVER['SERVER_NAME']) {

	case 'demo.domain.com': //eg. 'demodaniel.furzeface.com' for me
	return array(
	'default' => 'mysql',
	'prefix' => 'anchor_', //change if you want
	//=My breakpoint variables
	//Usually kept in _variables.scss

	$breakpoint-extra-small: 20em; //320px
	$breakpoint-small: 30em; //480px
	$breakpoint-medium: 50em; //800px
	$breakpoint-extra-medium: 65em; //1040px
	$breakpoint-large: 80em; //1280px
	$breakpoint-extra-large: 100em; //1600px
	@media all and (min-device-width : 320px)
	and (max-device-width : 480px) {
	/style all the things/
	}


	@media all and (max-width : 320px) {
	/style all the things/
	}
	.gist {
	color: #000;

	.render-container {
	.render-viewer-error,
	.render-viewer-fatal,
	.octospinner {
	display: none;
	}
	}
	#!/bin/bash

	mkdir -p ./src/styles
	touch ./src/styles/main.scss
	mkdir -p ./src/styles/{base,components,generic,objects,settings,tools,trumps}
	touch ./src/styles/{base,components,generic,objects,settings,tools,trumps}/__index.scss

	echo "// Base - Unclassed HTML elements (type selectors)" > ./src/styles/base/__index.scss
	echo "// Components - Designed components, chunks of UI" > ./src/styles/components/__index.scss
	echo "// Generic - Ground-zero styles (normalize, resets, box-sizing etc)" > ./src/styles/generic/__index.scss
	// Wrap it so if GA is not initialised it doesn't go 'undefined'!
	function analytics_custom_event_tracker(name, event, label)
	{
	if (typeof ga === 'function')
	{
	return ga('send', 'event', name, event, label);
	}
	}