doctype html
html(lang="en")
	head
		title Select instance - Invidious
		meta(charset="utf-8")
		meta(name="viewport" content="width=device-width, initial-scale=1")
		link(rel="stylesheet" type="text/css" href=static.get("/main.sass"))
		script(src=static.get("/main.js") text="text/javascript" defer)
	body
		noscript
			style.
				.requires-scripts {
					display: none;
				}

		include header.pug

		noscript
			.script-warning
				p.
					You are seeing the fallback version of this page.#[br]
					Some features are missing.
				p.
					JavaScript is required to use the regular page.

		.story
			p.
				As of September 1st 2020, #[mark invidio.us] has closed down.
			.requires-scripts
				p.
					To see this content, please select another instance,
					or #[a#watch-on-youtube visit directly on YouTube.]
			noscript
				p.
					To see this content, please select another instance,
					or #[a(href="https://www.youtube.com") go to YouTube] and find it yourself.

		.instances-table.requires-scripts
			table
				thead
					tr
						th(scope="col") Domain
						th(scope="col") Health
						th(scope="col") Action
				tbody#instances-tbody
					tr.loading
						td(colspan="3" data-loading-message="Loading instances...").loading-td Trying to run scripts...

		noscript
			.instances-list
				h2 Available instances
				ul.list
					-
						const instances = [
							"invidious.snopyta.org",
							"yewtu.be",
							"invidious.kavin.rocks",
							"invidious-us.kavin.rocks",
							"invidious-jp.kavin.rocks",
							"vid.puffyan.us",
							"invidious.namazso.eu",
							"inv.riverside.rocks",
							"vid.mint.lgbt",
							"invidious.hub.ne.kr",
							"invidio.xamh.de",
							"yt.artemislena.eu",
						]
					for instance in instances
						li: a(href=`https://${instance}`)= instance

		include footer.pug