Skip to content

Instantly share code, notes, and snippets.

View samfader's full-sized avatar

Sam Fader samfader

18 followers · 18 following
  • Watershed
  • Portland, OR
View GitHub Profile
@samfader
samfader / 🎵 My last week in music
Last active October 29, 2022 21:22
Musicbox
The Beths █████▊░░░░░░░░░░░ 45 plays
Skullcrusher ██▍░░░░░░░░░░░░░░ 19 plays
Alex G █▋░░░░░░░░░░░░░░░ 13 plays
Arctic Monkeys █▌░░░░░░░░░░░░░░░ 12 plays
Fiona Apple █▌░░░░░░░░░░░░░░░ 12 plays
Madison Cunningham █▌░░░░░░░░░░░░░░░ 12 plays
Jessie Baylin █▎░░░░░░░░░░░░░░░ 10 plays
Jon Hopkins ▍░░░░░░░░░░░░░░░░ 3 plays
Taylor Swift ▍░░░░░░░░░░░░░░░░ 3 plays
Belle and Sebastian ▎░░░░░░░░░░░░░░░░ 2 plays
@samfader
samfader / ⌨️ TypeRacer | Statistics of sf424
Last active August 31, 2022 19:31
⌨️ TypeRacer | Statistics of sf424
9 Games played | 9 Games won | 👑 154 WPM | ø 131 WPM
―― Recent races (Average ø 131 WPM)
███████████████████████████████████ 154 WPM
████████████████████████████████▌░░ 144 WPM
███████████████████████████████▏░░░ 137 WPM
██████████████████████████░░░░░░░░░ 115 WPM
███████████████████████████████▏░░░ 137 WPM
████████████████████████████████▌░░ 143 WPM
███████████████████████▏░░░░░░░░░░░ 102 WPM
██████████████████████▉░░░░░░░░░░░░ 101 WPM
@samfader
samfader / index.html
Last active September 14, 2021 17:10
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Portland Clean Air</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta
name="description"
content="Portland Clean Air is a registered Oregon Political Committee opposed to Coal Train Dust and Industrial Pollution"
/>
<meta
name="keywords"
@samfader
samfader / route.js
Created March 22, 2021 21:35
const routes = {
target:
[
[-118.674572,42.2641],
[-118.675232,42.264006],
[-121.525438,43.64906],
[-121.525459,43.648492],],
[-121.525501,43.64656],],
[-121.525501,43.645782],
[-121.52552,43.645731],
@samfader
samfader / index.html
Created January 22, 2021 17:06
Mapbox Satellite Explorer
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Display a satellite map</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://api.mapbox.com/mapbox-gl-js/v2.0.1/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.0.1/mapbox-gl.css" rel="stylesheet" />
<style>
body { margin: 0; padding: 0; }
@samfader
samfader / index.html
Last active January 22, 2021 17:05
Mapbox Satellite
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Display a satellite map</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://api.mapbox.com/mapbox-gl-js/v2.0.1/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.0.1/mapbox-gl.css" rel="stylesheet" />
<style>
body { margin: 0; padding: 0; }
@samfader
samfader / index.html
Last active August 5, 2020 19:39
Change symbol icon on hover
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Display a popup on hover</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.11.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.11.0/mapbox-gl.css' rel='stylesheet' />
<style>
@samfader
samfader / fakeapartments.geojson
Created May 20, 2020 21:47
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@samfader
samfader / fakegyms.geojson
Created May 20, 2020 21:39
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@samfader
samfader / index.html
Created April 15, 2020 16:43
Satellite layer with opacity slider
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Adjust a layer's opacity</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://api.mapbox.com/mapbox-gl-js/v1.9.1/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.9.1/mapbox-gl.css" rel="stylesheet" />
<style>
body { margin: 0; padding: 0; }