🧠

EM Greeff modster

🧠

“If you wait by the river long enough, the bodies of your enemies will float by.” – Sun Tzu

modster / string-html.html

Created April 25, 2023 21:17 — forked from prof3ssorSt3v3/string-html.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Injecting Strings into DOM as HTML</title>
	<style>
	p {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,

modster / index.html

Created April 24, 2023 05:18 — forked from prof3ssorSt3v3/index.html

Code from video on color-scheme and prefers-color-scheme

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>color-scheme and prefers-color-scheme</title>

	<meta name="color-scheme" content="light dark" />

modster / index.html

Created April 24, 2023 05:18 — forked from prof3ssorSt3v3/index.html

Code from video on color-scheme and prefers-color-scheme

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>color-scheme and prefers-color-scheme</title>

	<meta name="color-scheme" content="light dark" />

modster / app.js

Last active April 24, 2023 01:57 — forked from prof3ssorSt3v3/app.js

Code for Service Workers 8 - Messaging between Clients and Workers

	const APP = {
	SW: null,
	init() {
	//called after DOMContentLoaded
	//register our service worker
	APP.registerSW();
	document
	.getElementById('colorForm')
	.addEventListener('submit', APP.saveColor);

modster / css-backgrounds.html

Created April 23, 2023 12:11 — forked from prof3ssorSt3v3/css-backgrounds.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CSS Backgrounds</title>
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="main.css" />
	<!--
	MDN background reference
	https://developer.mozilla.org/en-US/docs/Web/CSS/background

modster / css-backgrounds.html

Created April 23, 2023 12:11 — forked from prof3ssorSt3v3/css-backgrounds.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CSS Backgrounds</title>
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="main.css" />
	<!--
	MDN background reference
	https://developer.mozilla.org/en-US/docs/Web/CSS/background

modster / formdata.html

Created April 23, 2023 09:38 — forked from prof3ssorSt3v3/formdata.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Using FormData to ParseForms</title>
	<link
	href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;600&display=swap"
	rel="stylesheet"
	/>

modster / async-await-fetch.html

Created April 23, 2023 08:09 — forked from prof3ssorSt3v3/async-await-fetch.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<!--
	Combining async await with fetch
	-->

modster / square-brackets.js

Created April 22, 2023 16:03 — forked from prof3ssorSt3v3/square-brackets.js

	/***
	* Dynamic Object properties using square brackets
	*/
	let beverage = 'Beer';

	const myObj = {
	a: 1,
	b: 2,
	c: 3,
	food: 'cheese',

modster / grid-auto-flow.html

Created April 19, 2023 20:56 — forked from prof3ssorSt3v3/grid-auto-flow.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CSS Grid & grid-auto-flow</title>
	<style>
	*{
	box-sizing: border-box;
	}
	.box{