Skip to content

Instantly share code, notes, and snippets.

@yomete
yomete / SassMeister-input.scss
Created April 30, 2015 14:47
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$primaryColor: #feffff;
body {
$primaryColor: #ccc !global;
background: $primaryColor;
@yomete
yomete / SassMeister-input-HTML.html
Created April 30, 2015 14:55
Generated by SassMeister.com.
<button type="button">I look amazing</button>
@yomete
yomete / SassMeister-input.scss
Created April 30, 2015 14:59
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
.first-component {
.text { font-size: 1.4rem; }
.button { font-size: 1.7rem; }
@at-root .second-component {
.text { font-size: 1.2rem; }
@yomete
yomete / SassMeister-input.scss
Created April 30, 2015 15:08
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@mixin media($queryString){
@media #{$queryString} {
@content;
}
}
@mixin for-phone-only {
@media (max-width: 599px) { @content; }
}
@mixin for-tablet-portrait-up {
@media (min-width: 600px) { @content; }
}
@mixin for-tablet-landscape-up {
@media (min-width: 900px) { @content; }
}
@mixin for-desktop-up {
!function(e){function t(r){if(n[r])return n[r].exports;var s=n[r]={exports:{},id:r,loaded:!1};return e[r].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var s=n(10),o=r(s),i=n(5),a=r(i);o.default.component("shaker",a.default)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(2);r(s);t.default={name:"shaker"}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){var r=e,s=t,o=n;return r*Math.pow(1+s,o)}},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,"","",{version:3,sources:[],names:[],mappings:"",file:"Shaker.vue",sourceRoot:"webpack://"}])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(
@yomete
yomete / fizzbuzz.js
Created March 31, 2017 22:01
FizzBuzz JavaScript solution
let num = 0
for (let counter = 0; counter < 100; counter++ ) {
num += 1
if ( num % 3 == 0 && num & 5 == 0) {
console.log ("FizzBuzz")
}
else if ( num % 3 == 0) {
console.log ("Fizz")
}
else if ( num % 5 == 0) {
@yomete
yomete / Home.vue
Created June 6, 2017 10:31
Home.vue
<template>
<div class="hello">
<div class="container">
<div class="row">
<h2 class="title">Realtime Chart with Vue and Pusher</h2>
<h3 class="subtitle">Expense and Income Tracker</h3>
<line-chart :chart-data="datacollection"></line-chart>
</div>
</div>
<div class="container">
<!-- Start Fullpage Hero -->
<figure class="ampstart-image-fullpage-hero m0 relative mb4">
<amp-img width="404" height="720" layout="responsive" src="/img/elephants_narrow.png" media="(max-width: 415px)"></amp-img>
<amp-img height="720" layout="fixed-height" src="/img/elephants_wide.jpg" media="(min-width: 416px)"></amp-img>
<figcaption class="absolute top-0 right-0 bottom-0 left-0">
<header class="p3">
<h1 class="ampstart-fullpage-hero-heading mb3">
<span class="ampstart-fullpage-hero-heading-text">
The Year's Best Animal Photos
</span>
@yomete
yomete / hamiltonlyrics.json
Created July 10, 2017 04:16
Hamilton lyrics
const lyrics = [
{
lyric: 'When he was ten his father split, full of it, debt-ridden. Two years later, see Alex and his mother bed-ridden. Half-dead sittin\' in their own sick, the scent thick',
options: [{name: 'Aaron Burr', correct: false}, {name: 'James Madison', correct: false}, {name: 'John Laurens', correct: false}, {name: 'Eliza Hamilton', correct: true}],
answer: 'Eliza Hamilton'
},
{
lyric: 'I am sailing off to London. I’m accompanied by someone who always pays. I have found a wealthy husband. Who will keep me in comfort for all my days. He is not a lot of fun, but there’s no one',
options: [{name: 'Eliza', correct: false}, {name: 'Peggy', correct: false}, {name: 'Angelica', correct: true}, {name: 'Maria', correct: false}],
answer: 'Angelica'