-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
129 lines (119 loc) · 4.87 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
<title>Group Explorer 3.0</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="style/w3.css">
<link rel="stylesheet" href="style/w3-theme-blue.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<script type="module">
import {check} from './js/Migration.js'
window.addEventListener('load', check)
</script>
<body>
<!-- Side Navigation -->
<!--
<nav class="w3-sidebar w3-bar-block w3-card w3-animate-left w3-center" style="display:none" id="mySidebar">
<h1 class="w3-xxxlarge w3-text-theme">Side Navigation</h1>
<button class="w3-bar-item w3-button" onclick="w3_close()">Close <i class="fa fa-remove"></i></button>
<a href="#" class="w3-bar-item w3-button">Link 1</a>
<a href="#" class="w3-bar-item w3-button">Link 2</a>
<a href="#" class="w3-bar-item w3-button">Link 3</a>
<a href="#" class="w3-bar-item w3-button">Link 4</a>
</nav>
-->
<!-- Header -->
<header class="w3-container w3-theme w3-padding" id="myHeader">
<!--<i onclick="w3_open()" class="fa fa-bars w3-xlarge w3-button w3-theme"></i>-->
<div class="w3-center">
<!-- <h1 class="w3-xxxlarge">Group Explorer 3.0</h1> -->
<img src='images/logo.png'/>
<h4>Visualization software for the abstract algebra classroom</h4>
<div class="w3-padding-32">
<a href='GroupExplorer.html'><button class="w3-btn w3-xlarge w3-white w3-hover-blue"
style="font-weight:900;">Launch web app</button></a>
<!-- <div class="w3-yellow" style="margin: 0 auto; width: 400px;"> -->
<p style="padding: 0.5em;">Release 3.6.1 fixes bug in normalizer calculation</p>
<!-- </div> -->
</div>
</div>
</header>
<div class="w3-row-padding w3-center w3-margin-top">
<div class="w3-third">
<div class="w3-card w3-container">
<h2>Group Library</h2>
<img height=200 src='images/screenshot-library.png'/>
<p>All groups up to order 20
plus noteworthy groups of higher order</p>
</div>
</div>
<div class="w3-third">
<div class="w3-card w3-container">
<h2>Visualization Options</h2>
<img height=200 src='images/screenshot-all-visualizers-small.png'/>
<p>Cayley diagrams, multiplication tables, cycle graphs,
and other visualizations available</p>
</div>
</div>
<div class="w3-third">
<div class="w3-card w3-container">
<h2>Homomorphisms</h2>
<img height=200 src='images/screenshot-sheet2.png'/>
<p>Create sheets to see relationships among groups,
or have Group Explorer create them for you</p>
</div>
</div>
</div>
<hr>
<div class="w3-row w3-border">
<div class="w3-quarter w3-container">
<h3 align=center>Credits</h3>
<p>Developed by Nathan Carter and Ray Ellis</p>
<blockquote>
<p><i class="fa fa-github"></i> <a href='https://github.com/nathancarter/group-explorer'>Source code repository</a></p>
<p><i class="fa fa-bug"></i> <a href='https://github.com/nathancarter/group-explorer/issues'>Bug reports/feature requests</a></p>
<p><i class="fa fa-book"></i> <a href='citing.html'>Citing Group Explorer 3.0</a></p>
</blockquote>
</div>
<div class="w3-quarter w3-container">
<h3 align=center>Features</h3>
<p>All those listed above, plus:</p>
<ul>
<li>Web-based application - no need to install anything</li>
<li>Group-theoretic computations done visually</li>
<li>Integrated help system</li>
</ul>
<!-- In the future, we may decide to create a page introducing the software.
<p><i class="fa fa-arrow-circle-right"></i> <a href='intro.html'>Read more...</a></p>
-->
</div>
<div class="w3-quarter w3-container">
<h3 align=center>Book</h3>
<div class="w3-half">
<p>The textbook <a href='http://web.bentley.edu/empl/c/ncarter/vgt/'>Visual Group Theory</a>
introduces the subject using almost exclusively visual means, and is a great companion
to this software.</p>
</div>
<div class="w3-half">
<p><a href='http://web.bentley.edu/empl/c/ncarter/vgt/'><img width=100 src='images/vgt-cover.jpg' style='border: 1px solid black;'/></a></p>
</div>
</div>
<div class="w3-quarter w3-container">
<h3 align=center>Article</h3>
<div class="w3-half">
<p>There is <a href='http://mathdl.maa.org/mathDL/4/?pa=content&sa=viewDocument&nodeId=684'>a 2005 article</a>
on the use of Group Explorer 1.5.8 in the classroom, but it has not been updated for the new version.</p>
</div>
<div class="w3-half">
<p><a href='http://mathdl.maa.org/mathDL/4/?pa=content&sa=viewDocument&nodeId=684'><img width=100 src='images/joma-quotient.jpg' style='border: 1px solid black;'/></a></p>
</div>
</div>
</div>
<hr>
<!-- Footer -->
<footer class="w3-container w3-blue w3-padding-16">
<p>Based on a <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a> template.
Thanks to them for sharing!</p>
</footer>
</body>
</html>