Skip to content

Instantly share code, notes, and snippets.

View modster's full-sized avatar
🧠

EM Greeff modster

🧠
View GitHub Profile
@modster
modster / index.html
Created June 12, 2023 13:45 — forked from prof3ssorSt3v3/index.html
Code from Video on building Custom Response Objects
<!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" />
<link rel="stylesheet" href="style.css" />
<script src="response.js" async defer></script>
<title>Custom Response</title>
</head>
@modster
modster / index.html
Created June 11, 2023 07:05 — forked from prof3ssorSt3v3/index.html
Code from video about generating UUIDs with JavaScript
<!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>Document</title>
<style>
html {
font-size: large;
@modster
modster / hello.js
Last active April 25, 2023 21:26
hello
export default hi = "hello"
<!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
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
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
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);
<!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