Sean Loyless sloyless

Allow insecure HTTPS

chrome://flags/#allow-insecure-localhost

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

sudo chmod -R 777 - do not use this on the root of the drive or system folders!

	import mockAsyncStorage from '@react-native-async-storage/async-storage/jest/async-storage-mock';
	import fetch from 'isomorphic-fetch';
	import { Animated, NativeModules } from 'react-native';

	// General React Mocks
	global.fetch = jest.fn(() => Promise.resolve({
	ok: true,
	json: () => Promise.resolve({})
	}));
	global.navigator = { geolocation: () => {} };

	<!DOCTYPE html>
	<html lang="en" class="no-js">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">

	<title>Unique page title - My Site</title>

	<script type="module">
	document.documentElement.classList.remove('no-js');

	// Based on https://css-tricks.com/browser-compatibility-css-grid-layouts-simple-sass-mixins/
	// This CSS Grid mixin and styles allow modern browsers to use the newer display: grid functionality,
	// but allow a fallback to Flexbox to support older browsers like IE 11.

	@mixin basic-styles {
	display: flex;
	align-items: center; // Vertically center all content
	}

	@mixin grid-child ($col-start, $col-end, $row-start, $row-end) {

	@keyframes blink {
	/**
	* At the start of the animation the dot
	* has an opacity of .2
	*/
	0% {
	opacity: .2;
	}
	/**
	* At 20% the dot is fully visible and

	// This is to accommodate weird spacing issues in Firefox only.
	@-moz-document url-prefix() {
	margin-top: 10px;
	}

	img {
	animation-name: rotate;
	animation-duration: 0.75s;
	animation-fill-mode: none;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}

	@keyframes rotate {
	0% {