Skip to content

Instantly share code, notes, and snippets.

View samanpwbb's full-sized avatar

Saman Bemel-Benrud samanpwbb

279 followers · 45 following
View GitHub Profile
@samanpwbb
samanpwbb / map.html
Created January 7, 2016 00:37
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css">
<script src='http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js'></script>
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
@samanpwbb
samanpwbb / index.html
Last active December 16, 2016 16:57 — forked from tristen/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style>
body {
font: 16px sans-serif;
margin: 0;
@samanpwbb
samanpwbb / blah.html
Created December 16, 2016 16:57
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style>
body {
font: 16px sans-serif;
margin: 0;
@samanpwbb
samanpwbb / Good-mapbox.md
Last active January 24, 2017 18:32
@samanpwbb
samanpwbb / high-res-with-gl-native.md
Created February 17, 2017 15:24

Did you know that mapbox-gl-native supports high resolution exports? It's true. Follow these steps to enable.

  1. Open the console.
  2. Check out mapbox gl native with git clone [email protected]:mapbox/mapbox-gl-native.git
  3. Run make render which kicks off the build process for a CLI tool for making images. After make render succeeds, the CLI tool will be located at ./build/macos/Debug/mbgl-render.
  4. Type ./build/macos/Debug/mbgl-render in the console. If you press return without any arguments, you'll see help output:
Allowed options:
  -s [ --style ] json                 Map stylesheet
@samanpwbb
samanpwbb / high-res-print.md
Last active January 22, 2018 22:45

Did you know that mapbox-gl-native supports high resolution exports? It's true. Follow these steps to enable.

  1. Open the console.
  2. Check out mapbox gl native with git clone [email protected]:mapbox/mapbox-gl-native.git
  3. Run make render which kicks off the build process for a CLI tool for making images. After make render succeeds, the CLI tool will be located at ./build/macos/Debug/mbgl-render.
  4. Type ./build/macos/Debug/mbgl-render in the console. If you press return without any arguments, you'll see help output:
Allowed options:
  -s [ --style ] json                 Map stylesheet
@samanpwbb
samanpwbb / squiggle-bookmarklet.js
Created September 6, 2022 05:00
javascript:(function p(){
const s = Math.min(window.innerWidth, window.innerHeight) / 2;
const img = [
"iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAC8VBMVEXk4QBq2QBWpQDkWgCONQA7NQDGXAC7pgBK2gC65ADH3QA64wCS0gDciQBbSwCBNADjQQBkcQBbugCO4wBV5ADY5ACkvQAubgC+RgDJPwAzTACWiQDaywBd5ACF4wDcXwCvpABO4wC80gDOsQBasACf0gB3ogCPYgDjSQCBeQBnwwDk5QCmyQBprQDYtwCx4wBM0AC8jQDTVQBiVgCvkwDZ1ACIuQDjqAB4yABl4wDjxACneQBqSACaYQDkUgBubQB6rgDkzwCWyQDQcQC8VADKaADJUwBZVwCwhQDcwABtzgDkmQBzYQB0UwDjYgCkmwBYxQDI0wDGvABXhQClUgDcVQDXwgCzeQBGRwCxMQDMLgCOewBs4wDk2wBYZwDYPQCaMgBdPAA/0ADR4gBW0wBNNADjOADe3ACg4wA8hwDL5AA8ugB9hADjfwDjyQCKiQBNbADYoQCX2wAw2gC+fwAxkgCt0QAxsADidwBwlwBBeQC8mwDCcQCzUwDRjAAtzgBiiwBUQgAvoQC93AA92gCwvQDKegBvewDkvwBF4wDY2gCXowAxYgBizQCnXwDioACI2gBxjABpVACYVADZSQBJrwBPVACKVACjsgCBlABilwBpuAC7vgCyyQDZewCkaQDjsQCG0ACHpgB60QCTsgBmowBMugDC4wCo4wCaQwCX5ADe5ACn2wBUmwDTlwBX3ABnPADkaQCuagBClwDEyQCafgBWcwCHxwBMyACYcADHhwDjhwDOyQCwsQA9bQCNRwBEpQBg2gB5vACyRAB7bQDZMADk1QB52gB84wClLgBZLgDkkAB1MQDIlQDclQCMbwDTYQBkZABSXwDErgC02QCQmADP2QC8yQ
@samanpwbb
samanpwbb / package.json
Created February 20, 2023 18:37
{
"name": "wilderplace",
"productName": "wilderplace",
"version": "1.1.0",
"description": "A divine garden adventure",
"main": "src/index.js",
"scripts": {
"start": "electron-forge start",
@samanpwbb
samanpwbb / grid-system.tsx
Last active March 6, 2025 03:57
// ThemeContext.tsx
/**
* Calculates layout metrics based on screen dimensions and aspect ratio.
* Establishes a grid system with columns and gutters for responsive design.
*/
const wideBreakpoint = 1200;
const narrowBreakpoint = 800;
const tallBreakpoint = 1000;
export function getMetrics(