Skip to content

Instantly share code, notes, and snippets.

View VinSpee's full-sized avatar
🏠
Working from home

Vince Speelman VinSpee

🏠
Working from home
View GitHub Profile
~/Projects
❯ npx gatsby new blahblah
info Creating new site from git: git://github.com/gatsbyjs/gatsby-starter-default.git
Cloning into 'blahblah'...
remote: Enumerating objects: 14, done.
remote: Counting objects: 100% (14/14), done.
remote: Compressing objects: 100% (8/8), done.
remote: Total 1321 (delta 6), reused 14 (delta 6), pack-reused 1307
Receiving objects: 100% (1321/1321), 3.68 MiB | 2.72 MiB/s, done.
@VinSpee
VinSpee / README.md
Last active January 29, 2019 04:28
SCRIPT-8
@VinSpee
VinSpee / README.md
Created January 28, 2019 21:39
SCRIPT-8
@VinSpee
VinSpee / open-in-bj.js
Created June 8, 2018 14:40
open in bluejeans app
// ==UserScript==
// @name BlueJeans Open In App
// @namespace https://vinspee.me
// @version 0.1
// @license MIT
// @description Open BlueJeans meetings in the app
// @author Vince Speelman <v@vinspee.me>
// @match *://bluejeans.com/*
// @grant window.close
// @require https://cdn.rawgit.com/agnoster/base32-js/91f43b82f19f467ade1270aa4b0e579b201d7efd/dist/base32.min.js
export class MyComponent extends React.Component {
componentWillMount() {
const styleid = 'MyComponentStyles'
if (document.head.querySelector(`#${styleid}`) !== null) {
const styles = document.createElement('style');
styles.id = styleid;
styles.append('[foo]{ color: blue; }');
document.head.appendChild(styles);
}
}
const Home = {
template: `
<div>
<div v-if="loading">
Loading…
</div>
<ol>
<li v-for="product in products">
<router-link style="display: block;" v-bind:to="getProductURL(product.id)">
<div>
const getColor = require('./utils/colors');
const sizes = {
's-6': '8px',
's-5': '9px',
's-4': '11px',
's-3': '12px',
's-2': '13px',
's-1': '15px',
s0: '16px',
@VinSpee
VinSpee / example.js
Created October 9, 2017 16:22
Flywheel: A react carousel.
export default MyCarousel = ({ myItems }) => (
<Flywheel>
{
({
activeItemIndex,
getNextButtonProps,
getPrevButtonProps,
}) => (
<div>
<button
.c\:blue {
color: blue;
}
@media (--mq-xxs) {
.c\:blue\@xxs {
color: blue;
}
}
hero_load = "data:image/jpeg;base64,#{Base64.encode64(img_response.body)}"