Skip to content

Instantly share code, notes, and snippets.

View angusgrant's full-sized avatar

angusgrant

2 followers · 5 following
View GitHub Profile
@angusgrant
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
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
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
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
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
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
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
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
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
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;