This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Sassy Components</title> | |
<link rel="stylesheet" href="compiled/css/style.css"> | |
</head> | |
<body> | |
<p><a href="#">My color palette</a></p> | |
<h1>Heading One</h1> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var startButton = document.getElementById('start-button') | |
var bestResult = document.getElementById('best-result') | |
var timeResult = document.getElementById('time-result') | |
var TICK_INTERVAL = 1 | |
var NUM_CLICKIES = 10 | |
var CLICKY_SIZE = 50 | |
var timer, time, best |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>🐾 Woofer</title> | |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> | |
<link rel="stylesheet" href="styles.css"> | |
</head> | |
<body> | |
<main class="container"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
h1 { | |
text-align: center; | |
} | |
#joke-box { | |
padding: 20px; | |
background-color: #f9f7f5; | |
} | |
#joke-box p:last-child { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Web components as ES Modules</title> | |
<link rel="preload" href="page-title.mjs" as="script" crossorigin="anonymous"> | |
</head> | |
<body> | |
<page-title></page-title> | |
<script src="page-title.mjs" type="module"></script> |