Skip to content

Instantly share code, notes, and snippets.

View ayezee33's full-sized avatar
🎯
Focusing

Alex Zerbach ayezee33

🎯
Focusing
View GitHub Profile
@ayezee33
ayezee33 / messages.html
Created January 25, 2017 19:18
Modest CSS Messages
<p class="alert success">
This is a successful alert.
</p>
<p class="alert warning">
This is a wanring alert.
</p>
<p class="alert error">
This is an error alert.
</p>
@ayezee33
ayezee33 / tables-and-lists.html
Created January 25, 2017 19:16
Modest CSS Tables & Lists
<table class="u-full-width">
<thead>
<tr>
<th>User ID</th>
<th>Name</th>
<th>Email</th>
<th>Twitter</th>
</tr>
</thead>
<tbody>
@ayezee33
ayezee33 / form.html
Created January 25, 2017 19:14
Modest CSS Form
<form>
<div class="row">
<div class="six columns">
<label for="exampleEmailInput">Your email</label>
<input class="u-full-width" type="email" placeholder="test@mailbox.com" id="exampleEmailInput">
</div>
<div class="six columns">
<label for="exampleRecipientInput">Reason for contacting</label>
<select class="u-full-width" id="exampleRecipientInput">
<option value="Option 1">Questions</option>
@ayezee33
ayezee33 / typography.html
Last active January 25, 2017 19:19
Modest CSS Typography
<h1>This is a H1</h1>
<h2>This is a H2</h2>
<h3>This is a H3</h3>
<h4>This is a H4</h4>
<h5>This is a H5</h5>
<h6>This is a H6</h6>
<p class="lead">
This is a lead paragraph. These are best used as the first paragraph on a page. They are used to callout important information.
</p>
@ayezee33
ayezee33 / How to set static IP on Raspbian Jessie
Created September 9, 2016 16:10
Edit /etc/dhcpcd.conf file with the following content (updated your IP address as you see fit)
interface eth0
static ip_address=192.168.0.10/24
static routers=192.168.0.1
static domain_name_servers=192.168.0.1
interface wlan0
static ip_address=192.168.0.10/24
static routers=192.168.0.1
@ayezee33
ayezee33 / application.js
Created August 3, 2016 14:55
Sweet Alert Confirm override allowAction method call
//Override the default confirm dialog by rails
$.rails.allowAction = function(link){
if (link.data("confirm") == undefined){
return true;
}
$.rails.showConfirmationDialog(link);
return false;
}
//User click confirm button
@ayezee33
ayezee33 / gulpfile.js
Created December 29, 2015 06:11
Foundation 6 Starter Template Gulpfile with Browsersync
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var reload = browserSync.reload;
var sassPaths = [
'bower_components/foundation-sites/scss',
'bower_components/motion-ui/src'
@ayezee33
ayezee33 / Reverse Order Posts Wordpress
Last active December 6, 2015 05:17
Reverse order posts in wordpress
//Reverse Podcast Order
function podcast_order( $wp_query ) {
// Get the post type from the query
if( isset($wp_query->query['post_type']) ) {
$post_type = $wp_query->query['post_type'];
if ($post_type == 'podcasts') {
@ayezee33
ayezee33 / button-code-example.html
Last active November 9, 2015 03:05
Button Code Example
<a class="button" href="#">Anchor button</a>
<button>Button element</button>
<input type="submit" value="submit input">
<input type="button" value="button input">
<a class="button button-primary" href="#">Anchor button</a>