easierbycode’s gists

easierbycode / bangers.css

Created July 7, 2020 23:15

'Bangers' Google font in base64

	@font-face {
	font-family: 'Bangers';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	/* src: local('Bangers Regular'), local('Bangers-Regular'), url(https://fonts.gstatic.com/s/bangers/v12/FeVQS0BTqb0h60ACH55Q2A.woff2) format('woff2');
	src: url('data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAFNQABIAAAAAv1gAAFLmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGiobtyochDAGYACDYghqCZoWEQgKgocYgeN6C4NcAAE2AiQDhxgEIAWFbgeGJQyBGBugqjV4k1MrtwNzv6B+5lEIbBxAiLAnPQrJJme77P8/J7kYw4AanGpWbf8b2ZyKNFqooxB0V1GGOZi90Fts1IFChexgyXND0UV3WVrasH6E0eR1LHg+qLKy1Z0Ie4fbYtDzrmvQZ/vy9pNONvd91t9CRAxz2Gwd5b3/2XwI0xRGs/q2vMbv+97BL9Iw/GOjl3EhGGIGwTTNd6vjYWPKhaFvXgS400PK0NOHp1Pf/3e5XFgqc6F0Urp0lZTUM9IOdgcrg5gBWpv/fNVdfzT8Q//zDxL1kcTzPpECT0qURDpAaBUJAxvdsNjEWlgb5qJklTIX6XS6ds76V/f+zM7ulYAXJeEUk2Q54IbDTxgnPu5y6YMTZfFKE1Vj9Z/VPQvx1GeQJDwhKcDwpL4isghCoyInrofWLGcWQktDy5BN+JPNHc8DgXoFlRWmFa5K3rGXbf9/8P7+vzr77n2SHAYnGXIcUGgA0PMJtMQV0OmBu4r7X9WLRbXHbOXQDi278MfHz+uk71Mnre2pwpn4T3OvRtXVVchJZE3giOT8/CQqRsX0

easierbycode / index.html

Last active December 13, 2019 22:19

calculate_distance_between_latlongs.html

	<!doctype html>
	<html lang="en">
	<head>
	<title>Using the scripts in web pages</title>
	<meta charset="utf-8">
	<script type="module">
	import LatLon from 'https://cdn.jsdelivr.net/npm/geodesy@2/latlon-spherical.min.js';
	document.addEventListener('DOMContentLoaded', function() {
	document.querySelector('#calc-dist').onclick = function() {
	calculateDistance();

easierbycode / streetview.component.css

Created December 2, 2019 20:23 — forked from cmddavid/streetview.component.css

Example street view component utilizing MapsAPILoader from @agm/core package

easierbycode / gmap.html

Last active November 9, 2019 10:46

Gmap replay

	<html>
	<head>
	<title>
	</title>
	<link rel="stylesheet" href="style.css">

	<script>
	var data = [{"start":"2012-10-05T20:46:53Z","end":"2012-10-05T21:38:35Z","distance":58.7368,"name_tag":0,"path":[{"lat":35.5329271,"lng":-108.7586143,"event_type":"ignition_on","time":"2012-10-05T20:46:53Z"},{"lat":35.5328553,"lng":-108.7585511,"event_type":"heartbeat","time":"2012-10-05T20:48:52Z"},{"lat":35.532846,"lng":-108.7587513,"event_type":"heartbeat","time":"2012-10-05T20:50:20Z"},{"lat":35.532846,"lng":-108.7587513,"event_type":"heartbeat","time":"2012-10-05T20:50:20Z"},{"lat":35.5322871,"lng":-108.758573,"event_type":"heartbeat","time":"2012-10-05T20:50:51Z"},{"lat":35.5322871,"lng":-108.758573,"event_type":"heartbeat","time":"2012-10-05T20:50:51Z"},{"lat":35.5325606,"lng":-108.7591033,"event_type":"heartbeat","time":"2012-10-05T20:51:22Z"},{"lat":35.5325606,"lng":-108.7591033,"event_type":"heartbeat","time":"2012-10-05T20:51:22Z"},{"lat":35.5327385,"lng":-108.7592921,"event_type":"heartbeat","time":"2012-10-05T20:5

easierbycode / index.html

Created July 26, 2019 11:35

Ionic 4 + Vue.js + IonPhaser

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<script type="module" src="https://unpkg.com/@ion-phaser/[email protected]/dist/ionphaser/ionphaser.esm.js"></script>
	<script nomodule="" src="https://unpkg.com/@ion-phaser/[email protected]/dist/ionphaser/ionphaser.js"></script>
	</head>

easierbycode / index.html

Created July 24, 2019 23:36 — forked from ebidel/index.html

<responsive-element> custom element for enabling container/element queries

	<!-- based on https://twitter.com/ebidel/status/933496242272747520 -->
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title><responsive-element></title>
	<link rel="stylesheet" href="styles.css">
	</head>

easierbycode / jqueyless.js

Created July 11, 2019 14:01 — forked from vnegrisolo/jqueyless.js

Because sometimes we don't need jquey, but still like query style

	function $(selector) {
	return document.querySelectorAll(selector);
	}

easierbycode / The Godfather: Part III, 1990

Last active July 3, 2019 15:53

URLSearchParams

Just when I thought I was out, they pull me back in.

easierbycode / music-index.vue

Last active March 29, 2019 03:35

	<template>
	<table class='table is-fullwidth is-striped is-hoverable is-narrow'>
	<sorted :songs="songs" @sortedSongs='sort_songs' />

	<paginated :items='sortedSongs' />
	</table>
	</template>

	<script>
	import MusicData from '@/assets/list.json'

easierbycode / music-list.json

Created March 29, 2019 02:37

	[{
	"url": "/public/music/az_is_the_new_a_town/Track_01.mp3",
	"modified": "2013-02-23T04:07:40Z",
	"title": "Track_01.mp3",
	"created": "2013-02-23T04:07:40Z",
	"artist": "AZLegend Golden",
	"genre": "Hip-Hop",
	"album": "AZ is the New A Town"
	}, {
	"url": "/public/music/az_is_the_new_a_town/Track_02.mp3",

▓▒░ ♔ Daniel ♔ ░▒▓ easierbycode