EM Greeff modster

## index.html
<!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" />

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

## 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

## 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

## 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"
    />

## 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
    -->

## square-brackets.js
/***
 * Dynamic Object properties using square brackets
 */
let beverage = 'Beer';

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

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

## 2019-https-localhost.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                modster
                / 2019-https-localhost.md
            
            
              Created
              April 17, 2023 03:57
                — forked from cecilemuller/2019-https-localhost.md
            
              
                How to create an HTTPS certificate for localhost domains
              
          
    How to create an HTTPS certificate for localhost domains

This focuses on generating the certificates for loading local virtual hosts hosted on your computer, for development only.
Do not use self-signed certificates in production !
For online certificates, use Let's Encrypt instead (tutorial).

  
## web-work.js
self.addEventListener('message', (ev)=>{
    //console.log('Web worker started with data: ', ev.data);

    let data = ev.data.do;
    switch(data){
//        case 'Get Started':
//            self.postMessage('Web Worker Started');
//            break;
//        case 'Other':
//            self.postMessage('Other task...');
	<!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" />
	const APP = {
	SW: null,
	init() {
	//called after DOMContentLoaded
	//register our service worker
	APP.registerSW();
	document
	.getElementById('colorForm')
	.addEventListener('submit', APP.saveColor);
	/***
	* Dynamic Object properties using square brackets
	*/
	let beverage = 'Beer';

	const myObj = {
	a: 1,
	b: 2,
	c: 3,
	food: 'cheese',
	self.addEventListener('message', (ev)=>{
	//console.log('Web worker started with data: ', ev.data);

	let data = ev.data.do;
	switch(data){
	// case 'Get Started':
	// self.postMessage('Web Worker Started');
	// break;
	// case 'Other':
	// self.postMessage('Other task...');