Mike Hoskins deadlysyn

☁️

yelling at clouds

Think, do, learn, repeat.

deadlysyn / gist:db081d91c753da526bb86d70ede75ba9

Created January 22, 2018 04:35

deadlysyn / gist:e7b41f15bb17d302615753b3497ece5b

Last active January 22, 2018 04:36

	<% include partials/header %>
	<body id="home">
	<script defer src="/js/home.js"></script>
	<form action="/random" method="post" id="form">
	<input type="hidden" name="price" value="$$">
	<input type="hidden" name="drive" value="true">
	<input type="hidden" name="latitude" value="0" min="0" step="Any" id="latitude" required>
	<input type="hidden" name="longitude" value="0" min="0" step="Any" id="longitude" required>
	</form>
	<div class="button" id="find">

deadlysyn / gist:a28b60b12595840b6d660bec69257aa3

Created January 22, 2018 04:37

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0">
	<title>chowchow</title>
	<link rel="icon" type="image/png" href="/media/chowchow.png">
	<link rel="stylesheet" href="/css/main.css">
	<script src="/js/bowser-191.min.js"></script>
	<script defer src="/js/fontawesome-all-5.js"></script>

deadlysyn / gist:902ca0aad7477c6d3312386a8b0dd087

Created January 22, 2018 04:37

	@media screen and (min-width: 600px) and (min-height: 800px) {
	html {
	padding-top: 5vh;
	}
	body > div {
	border-radius: 10px 40px;
	margin-top: 1vh;
	}
	}

deadlysyn / gist:e36da0b9148c1fa9813efc0ce5d3872c

Created January 22, 2018 04:38

	/*
	* random view styling
	*/

	#random {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(4, auto) 5vh;
	grid-template-areas:
	"content content"

deadlysyn / gist:69f69b9abf03bb5fd74d7b00471441fb

Created January 22, 2018 04:39

	<% include partials/header %>
	<body id="random">
	<script defer src="/js/random.js"></script>
	<% if (biz.image_url) { %>
	<div id="random-content" style="background-image: url('<%= biz.image_url %>'); background-position: center; background-size: cover">
	<% } else { %>
	<div id="random-content" style="border: 1px solid #000">
	<% } %>
	<div id="random-biz" class="text-shadow">
	<p><%= shorten(biz.name) %></p>

deadlysyn / gist:0aff0ab0082fc4c65ca52df1026b4d53

Created January 22, 2018 04:41

	/*
	* list view styling
	*/

	#list {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto auto 5vh;
	grid-template-areas: "content" "home" "footer";
	}

deadlysyn / gist:aa37a0a49c5412620857b7baede6efb8

Created January 22, 2018 04:42

	<% include partials/header %>
	<body id="list">
	<script defer src="/js/list.js"></script>
	<div id="list-content">
	<% results.forEach(function(biz) { %>
	<% if (biz.image_url) { %>
	<div class="list-item" style="background-image: url('<%= biz.image_url %>'); background-position: center; background-size: cover">
	<% } else { %>
	<div class="list-item" style="background-color: rgba(0, 0, 0, 0.5);">
	<% } %>

deadlysyn / gist:22157105d32b72d5889dc284bb71890a

Created January 22, 2018 04:42

	if (!navigator.geolocation \|\| !navigator.cookieEnabled) {
	location.href = '/nolocation'
	} else {
	navigator.geolocation.getCurrentPosition(geoSuccess, geoError, geoOpts)
	}
	function geoSuccess(position) {
	latitude.value = position.coords.latitude
	longitude.value = position.coords.longitude
	loading.innerHTML = 'FIND <i class="fas fa-utensils fa-lg" aria-hidden="true"></i> FOOD'
	}

deadlysyn / gist:e108c0142088a078d2996c896b1e810f

Created January 22, 2018 04:43