Haroon Abbasi haroonabbasi

🗺️ OSM - self host the entire planet 🌎 in ~30 minutes 🚀

TL;DR

mkdir osm
wget -O osm/planet.mbtiles https://hidrive.ionos.com/api/sharelink/download?id=SYEgScrRe
podman run -ti --rm -p 9000:9000 --name sms -v $(pwd)/osm/:/data/ registry.gitlab.com/markuman/sms:latest
firefox http://localhost:9000

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

Electron apps

Slide deck frameworks supporting Markdown source

	// Some configrable constants we need to do our work:

	/**
	* Past this number of days we'll no longer display the
	* day of the week and instead we'll display the date
	* with the month
	*/
	const DATE_WITH_MONTH_THRESHOLD_IN_DAYS: number = 6;

	/**

	import { Injectable, Inject } from '@angular/core';
	import { ReplaySubject, Observable, forkJoin } from 'rxjs';
	import { DOCUMENT } from '@angular/common';

	@Injectable({
	providedIn: 'root'
	})
	export class QuillEditorService {
	private _loadedLibraries: { [url: string]: ReplaySubject<any> } = {};

	/* global chrome, MediaRecorder, FileReader */

	chrome.runtime.onConnect.addListener(port => {
	let recorder = null
	port.onMessage.addListener(msg => {
	console.log(msg);
	switch (msg.type) {
	case 'REC_STOP':
	console.log('Stopping recording')
	if (!port.recorderPlaying \|\| !recorder) {

	@Directive({
	selector: '[requiredIf]',
	providers: [
	{provide: NG_VALIDATORS,useExisting:RequiredIfDirective, multi: true}
	]
	})
	export class RequiredIfDirective implements Validator {
	@Input("requiredIf")
	requiredIf: boolean;

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!--[if !mso]><!-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<!--<![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title></title>
	<style type="text/css">

	// Forked from https://codepen.io/gapcode/pen/vEJNZN

	// Get IE or Edge browser version
	var version = detectIE();

	if (version === false) {
	document.getElementById('result').innerHTML = '<s>IE/Edge</s>';
	} else if (version >= 12) {
	document.getElementById('result').innerHTML = 'Edge ' + version;
	} else {