source ⟩ hypertext ⟩ public ⟩ toaster ⟩ shader ⟩ en.pug

//- meta
	slug: "toaster/shader"
	translates: "toaster/shader"
	lang: en
	title: Toaster shade generator

extends ../../../views/layout.pug

append presets
	- hasComments = false;

append cosmetics
	link(href="/toaster/toast.css", rel="stylesheet")
	script(src="/toaster/shader/shader.js")

block header
	h1 Toaster shade generator

block content
	#toastinput
		input#hexform(type="text" maxlength="7" placeholder="Hex code goes here")
		div.button-container
			button(type="button" onclick="addColour()") Add to table
			button(type="button" onclick="toggleForbidden()") Toggle forbidden colours
			button(type="button" onclick="toggleChipStyle()") Toggle #[+sc("RGB")]/Hex
	table#toasttable
	#toastlist