Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Treasure Chest</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Treasure Chest</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Treasure Chest</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Treasure Chest</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
@angusgrant
angusgrant / treasure-chest-template.html
Created February 23, 2023 09:21
Go Make Things. Structure and Scale. Week 2 Task 2.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Treasure Chest</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Treasure Chest - Private Class Features</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Treasure Chest - Private Class Features</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
<!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;
<!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 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;