Skip to content

Instantly share code, notes, and snippets.

@angeliquejw
angeliquejw / header.php
Created December 21, 2013 05:25
basic PHP include of meta description and page title
-- in header.php/html --
<meta name="description" content="<?php echo $pageDesc; ?>" />
<title><?php echo $pageTitle; ?> | Site Title</title>
-- @ top of index.php or other pages --
<?php
$pageDesc = "Description goes here";
$pageTitle = "Page Title goes here";
include("header.html");
?>
@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 / dummy-test-content.html
Last active March 2, 2016 16:18
Useful dummy content for testing out styling of HTML elements
<h1>CSS Basic Elements</h1>
<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>
<hr />
<h1>Line length</h1>
<p>abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz</p>
<h1>Headings</h1>
<h2>Heading 2</h2>
<p>And then some paragraph text to follow. The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>
#lives {
color:black;
content:'matter';
}