<!DOCTYPE html>
<html>
<head>
<title>Countervisual</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/static/styles.css">
<link rel="stylesheet" type="text/css" href="/countervisual/static/styles.css?a=1">
<link rel="shortcut icon" type="image/x-icon" href="/countervisual/static/favicon.ico">
</head>
<body>
<div class="container">
<div>
<div class="home">
<a href="/countervisual" class="home-title">Countervisual</a>
<span> at </span><a class="site" href="/">cyfraeviolae.org</a>
<a class="source" href="/git/countervisual">[src]</a>
</div>
</div>
<p>
The phantasmagoric sorcerer Roseacrucis has bewitched
the Library’s revered fine arts collection: each
painting’s colors have been randomized. Recover the originals.
</p>
<noscript>Sorry, JavaScript is required to play Countervisual.</noscript>
<br>
<button id="random-novice">Novice</button>
<button id="random-intermediate">Intermediate</button>
<button id="random-expert">Expert</button>
<button id="reset">Reset</button>
<button id="copy">Copy link</button>
<div id="gameboard">
<div class="wrapper">
<figure id="question"></figure>
<figure id="answer"></figure>
</div>
<div id="sliders"></div>
<br>
<button id="score-game" href="#">Score</button>
<div id="scoring"></div>
</div>
</div>
<script src="/countervisual/static/works.js?a=1"></script>
<script src="/countervisual/static/artists.js?a=1"></script>
<script src="/countervisual/static/manifest.js?a=1"></script>
<script src="/countervisual/static/script.js?a=2"></script>
</body>
</html>