Skip to content

Instantly share code, notes, and snippets.


Mike Zarandona mike-zarandona

View GitHub Profile
mike-zarandona / Weather Data + Icons from Yahoo.html
Last active Jan 8, 2016
Weather icon output parameter functions. `weatherData()` will fetch data from Yahoo's servers for a particular geography, and `weatherOutput()` handles parsing the data and writing the results to the DOM. Relies on the Yahoo Weather API and Weather Icons by Erik Flowers…
View Weather Data + Icons from Yahoo.html
<!-- Yahoo Weather Data -->
var yqlCallback = function(data) {
var extractedData =;
weatherData = extractedData;
mike-zarandona / For Sandwiches
Last active May 8, 2017
View For Sandwiches
for { sandwiches
while lettuce => 0
return true; }
else (return vicky);
mike-zarandona / editor-style.css
Created Jun 2, 2017 — forked from vielhuber/editor-style.css
TinyMCE Advanced Custom Formats / Styles / Shortcode Buttons
View editor-style.css
/* step 1: load this in editor-style.css in the theme folder */
/* step 2: activate function "Create CSS classes menu" in tinymce advanced */
/* this gets shown automatically in the formats dropdown */
mike-zarandona / Statamic-Admin-iOS-Install-as-WebApp
Created Oct 12, 2014
Two `<meta/>` tags and a `<script/>` tag to allow iOS users to use the "Add to Home Screen" function in Mobile Safari. This is convenient in maximizing screen real estate when composing in `/admin`. This is a modification to `/admin/themes/ascent/layouts/default.php`
View Statamic-Admin-iOS-Install-as-WebApp
$current_user = Auth::getCurrentMember();
$name = $current_user->get('name');
?><!doctype html>
<html lang="<?php echo Config::getCurrentLanguage(); ?>">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<title>Statamic Control Panel</title>
<link rel="stylesheet" href="<?php echo Path::tidy(Config::getSiteRoot().'/'.$app->config['theme_path']) ?>css/ascent.min.css">
mike-zarandona / coolers-shades.js
Last active Nov 5, 2018
A tiny script which can be pasted into the console at to create a listing of all the generated color shades.
View coolers-shades.js
let allColors = [[], [], [], [], []]
$('.palette-shades-row').each((i, thisRow) => {
.each((j, thisCol) => {
allColors[j].push('#' + $(thisCol).data('color'))
mike-zarandona / commands.js
Created Apr 5, 2019
Cypress custom command to check if an element is in the viewport
View commands.js
Cypress.Commands.add('shouldBeInViewport', { prevSubject: true }, subject => {
cy.document().then(doc => {
let clientHeight = doc.documentElement.clientHeight
let viewportTop = doc.documentElement.scrollTop
let viewportBottom = viewportTop + clientHeight
let subjectTop = subject[0].offsetTop