Cryptograms/index.html at master · ahosgood/Cryptograms · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Cryptograms</title>
	<link href="./favicon.ico" rel="icon" type="image/x-icon">
	<link href="./resources/base.css" rel="stylesheet">

	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="theme-color" content="#009688">
	<meta name="msapplication-navbutton-color" content="#009688">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
</head>
<body>
<div id="cryptogram">LOADING...</div>
<ul id="characters"></ul>
<script id="cryptogram-template" type="text/x-handlebars-template">
	{{#each words}}
	<span class="word">
		{{#each this}}
		{{#if letter}}
	<span class="letter{{#if uppercase}} uppercase{{/if}}"{{#if cypher}} data-cypher="{{cypher}}"{{/if}}>{{lookup ../../answers cypher}}</span>
		{{else}}
		<span class="letter">{{original}}</span>
	{{/if}}
	{{/each}}
	</span>
	{{/each}}
</script>
<script id="character-template" type="text/x-handlebars-template">
	{{#each this}}
	<!--<li data-letter="{{letter}}" draggable="{{#if used}}false{{else}}true{{/if}}" class="{{#if used}}used{{/if}}"><span>{{letter}}</span></li>-->
	<li data-letter="{{letter}}" draggable="true" class="{{#if used}}used{{/if}}"><span>{{letter}}</span></li>
	{{/each}}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.6/handlebars.min.js" integrity="sha256-1O3BtOwnPyyRzOszK6P+gqaRoXHV6JXj8HkjZmPYhCI=" crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" integrity="sha256-0rguYS0qgS6L4qVzANq4kjxPLtvnp5nn2nB5G1lWRv4=" crossorigin="anonymous"></script>-->
<script src="./resources/app.js"></script>
</body>
</html>