Skip to content

Instantly share code, notes, and snippets.

View mike-zarandona's full-sized avatar

Mike Zarandona mike-zarandona

View GitHub Profile
@mike-zarandona
mike-zarandona / For Sandwiches
Last active May 8, 2017 13:57
for_sandwiches.js?
for { sandwiches
while lettuce => 0
return true; }
else (return vicky);
@mike-zarandona
mike-zarandona / editor-style.css
Created June 2, 2017 14:23 — forked from vielhuber/editor-style.css
TinyMCE Advanced Custom Formats / Styles / Shortcode Buttons
/* 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 */
.MY-CUSTOM-CLASS {
background-color:red;
}
@mike-zarandona
mike-zarandona / Statamic-Admin-iOS-Install-as-WebApp
Created October 12, 2014 09:11
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`
<?php
$current_user = Auth::getCurrentMember();
$name = $current_user->get('name');
?><!doctype html>
<html lang="<?php echo Config::getCurrentLanguage(); ?>">
<head>
<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
mike-zarandona / coolers-shades.js
Last active November 5, 2018 15:54
A tiny script which can be pasted into the console at https://coolers.co to create a listing of all the generated color shades.
let allColors = [[], [], [], [], []]
$('.palette-shades-row').each((i, thisRow) => {
$(thisRow)
.find('.palette-shades-col')
.each((j, thisCol) => {
allColors[j].push('#' + $(thisCol).data('color'))
})
})
@mike-zarandona
mike-zarandona / commands.js
Created April 5, 2019 19:35
Cypress custom command to check if an element is in the viewport
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
cy.expect(subjectTop).to.be.at.least(viewportTop)
cy.expect(subjectTop).to.be.at.most(viewportBottom)
})
@mike-zarandona
mike-zarandona / Weather Data + Icons from Yahoo.html
Last active September 14, 2021 13:44
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 https://developer.yahoo.com/weather/ http://erikflowers.github.io/weather-ic…
<head>
<!-- Yahoo Weather Data -->
<script>
var yqlCallback = function(data) {
var extractedData = data.query.results.channel.item;
weatherData = extractedData;
},
weatherData;
</script>