index.jade

doctype html
html(lang="en")
	head
		meta(charset="utf-8")
		meta(http-equiv="X-UA-Compatible" content="IE=edge")
		meta(name="viewport" content="width=device-width, initial-scale=1")
		title Sudoku
		link(rel='stylesheet',href='static/css/style.css', type='text/css')
		script(src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js')
		script(type='text/javascript', src='static/js/sudoku_checker.js')
		link(rel='shortcut icon', href='static/assets/favicon.png')

body

	h1 Sudoku 
	p
	- var SIZE = 9
	table(id="grid", border="1", style="border-collapse: collapse;")
		- for (var row = 0; row < SIZE; row++)
			tr(class="row")
				- for (var col = 0; col < SIZE; col++)
					td(class="cell")
						input(id="#{row}-#{col}", type="number", min="1", max="9", maxlength="1", size="1")

	button(type="submit" id="check-submission") Check My Solution