-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (45 loc) · 2.33 KB
/
index.html
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
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="description" content="VisualizingNqueens : ">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="javascripts/iframeResizer.contentWindow.min.js"></script>
<script src="javascripts/main.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
<title>Visualizing N-Queens</title>
</head>
<body>
<!-- HEADER -->
<div id="header_wrap" class="outer">
<header class="inner">
<h1 id="project_title">Visualizing N-Queens</h1>
</header>
</div>
<!-- MAIN CONTENT -->
<div id="main_content_wrap" class="outer">
<section id="main_content" class="inner">
<div style="width:600px; margin-left:auto; margin-right:auto;">
<p>Once all solutions are found, the display below will tell you how many solutions were found, how long it took to find them, and will show all of the solution boards.</p><hr>
<h6>
<label for="nSet">Enter 'N'</label>
<input id="nSet" value="7" style="width:50px; padding:4px 10px; margin:auto 10px; font-size:90%">
<button onclick="nQueens()" style="border:1px solid grey; border-radius:5px; margin-left:4px; padding:4px 8px; font-size:100%; background-color:WhiteSmoke;">Find Solutions</button>
<span style="margin:auto 10px; font-size:80%; font-style:italic">(Max N is 15)</span>
</h6>
<p id="displayHeader">Press 'Find Solutions' above to run the algorithm.</p>
<table id="display" style="margin-left:auto; margin-right:auto; font-size:150%; font-weight:bold"></table>
<p style="font-style:italic; font-size:90%">Note: The higher the N value, the longer it will take (N=15 can take up to a full minute to run).</p>
</div>
</section>
</div>
<!-- FOOTER -->
<div id="footer_wrap" class="outer">
<footer class="inner">
<p class="copyright">VisualizingNqueens maintained by <a href="https://github.com/tmartin1" target="_blank">tmartin1</a></p>
<p>Published with <a href="http://pages.github.com" target="_blank">GitHub Pages</a></p>
</footer>
</div>
</body>
</html>