Skip to content

Instantly share code, notes, and snippets.

@angeliquejw
angeliquejw / footnote.html
Created February 25, 2014 22:48
PROJECT // Metacookbook // Footnote template
IN THE MAIN ARTICLE, YOU WRITE
textextblahblah<sup><a href="#fn1" id="fn1-return">1</a></sup>
AFTER THE ARTICLE, YOU WRITE
<hr />
<sup id="fn1">1</sup> Put your footnote here. <a href="#fn1-return">&#10149;</a>
<?php
$meta = get_cfc_meta( 'metaname' );
$metadetails .= '<ul>';
if( !empty( $meta ) ){
foreach( $meta as $key => $value ){
$metaapp = get_cfc_field( 'metaname','doclink', false, $key );
$metadetails .= '<li><a class ="btn" href="' . $metaapp . '">Apply Now</a></span></li>';
}
}
$metadetails .= '</ul>';
@angeliquejw
angeliquejw / SassMeister-input.scss
Created May 22, 2015 03:54
Generated by SassMeister.com.
// ----
// libsass (v3.2.4)
// ----
$black : #171E22;
$lime: #92bd0a;
$monofont : bpmonoregular, monospace;
.siteHeader {
background:$black;
@angeliquejw
angeliquejw / SassMeister-input.scss
Last active August 29, 2015 14:21
Generated by SassMeister.com.
// ----
// libsass (v3.2.4)
// ----
$base: #D4E744;
.rgba {
@for $i from 1 through 9 {
li:nth-child(#{$i}) {
background:rgba($base, 0.1 * $i);
@angeliquejw
angeliquejw / Linear-Gradient-Mixin.html
Last active September 24, 2015 03:31
Generated by SassMeister.com.
<div>
</div>
@angeliquejw
angeliquejw / Arrows-Mixin.html
Last active September 24, 2015 04:27
Generated by SassMeister.com.
<div class="slider">
<div class="imgWrapper"></div>
<div class="arrow arrowPrev"></div>
<div class="arrow arrowNext"></div>
</div>
@angeliquejw
angeliquejw / Sass-vs-Scss.scss
Last active September 25, 2015 02:01
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.3)
// ----
@import "compass";
header {
color: blue;
font-size: 20px;
@angeliquejw
angeliquejw / _font-face.scss
Last active December 18, 2015 04:59
font-face mixin
@mixin font-face($font-family, $url, $weight: normal, $style: normal, $svgadd: "Regular") {
@font-face {
font-family: $font-family;
src: url($url + ".eot");
src: url($url + ".eot?#iefix") format("embedded-opentype"),
url($url + ".woff") format("woff"),
url($url + ".ttf") format("truetype"),
url($url + ".svg#" + $font-family + $svgadd) format("svg");
font-weight: $weight;
font-style: $style;
@angeliquejw
angeliquejw / _reset.scss
Last active December 18, 2015 04:59
Based on the reset included with Elliot Jay Stocks Starkers theme, in turn adapted from Normalize, HTML5 Boilerplate and HTML5 Doctor Reset.
/**
* Adapted from:
* Normalize.css by Nicolas Gallagher and Jonathan Neal:https://github.com/necolas/normalize.css/
* HTML5 boilerplate:http://html5boilerplate.com/
* HTML5 Doctor Reset by Eric Meyer and Richard Clark:html5doctor.com/html-5-reset-stylesheet/
* Modified by Elliot Jay Stocks
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
background:transparent;
@angeliquejw
angeliquejw / Background color from array
Last active December 18, 2015 04:59
Random background color from specified color array, plus ability to coordinate site elements to match. Based on code from the following: http://www.thecodepress.info/2013/05/change-background-color-on-every.html#.UbHqwpwYh3B http://lab.clearpixel.com.au/2008/06/darken-or-lighten-colours-dynamically-using-php/
<?php
$colors = Array("#028cd5", "#b6cd3f", "#fa6128", "#fdb93c", "#ab4785");
$color_change = "";
$change = rand(1, 5);
switch($change){
case 1: $color_change = $colors[0];
break;
case 2: $color_change = $colors[1];
break;
case 3: $color_change = $colors[2];