angusgrant’s gists

angusgrant / dice.html

Created March 10, 2023 19:30

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dice Games \| Seven Seas</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>

angusgrant / dice.html

Created March 9, 2023 09:26

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dice Games \| Seven Seas</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>

angusgrant / dice.html

Created March 9, 2023 09:24

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dice Games \| Seven Seas</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>

angusgrant / RollDice.js

Created March 7, 2023 09:51

Go Make Things. Structure and Scale. Week 5 Task 1. ES Modules

	class RollDice extends HTMLElement {

	#dice;

	/**
	* The constructor object
	*/
	constructor () {

	// Run this first

angusgrant / index.html

Created March 4, 2023 17:11

Go Make Things. Structure and Scales. Week 4 Task 3. ES Modules

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dice - ES Modules</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style type="text/css">
	body {
	margin: 0 auto;

angusgrant / index.html

Created March 4, 2023 17:08

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dice - ES Modules</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style type="text/css">
	body {
	margin: 0 auto;

angusgrant / dice-component-template.html

Last active March 3, 2023 22:46

Go Make Things. Structure and Scale. Week 4 Task 2. Investigation into applying styles to the shadow DOM

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dice - Shadow DOM</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style type="text/css">
	body {
	margin: 0 auto;

angusgrant / dice-component-template.html

Created March 3, 2023 21:50

Shaddow Root in components

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dice - Shadow DOM</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style type="text/css">
	body {
	margin: 0 auto;

angusgrant / dice-component-template.html

Created March 3, 2023 19:30

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dice - Web Component</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style type="text/css">
	body {
	margin: 0 auto;

angusgrant / dice-component-template.html

Created February 28, 2023 22:04

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dice - Web Component</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style type="text/css">
	body {
	margin: 0 auto;