art/numerals.html at main · atorresen/art · 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
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
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
	<meta charset="utf-8">
	<title>AnneMarie Torresen -- Prime-ary colors</title>

	<!-- bootstrap -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


	<link rel="stylesheet" href="styles.css">
	<link rel="icon" href="images/icon.ico">
</head>

<body style="background: white">

	<div class="banner"><a href="index.html">◁ Back</a></div>

	<h1 style="margin-top: 20px">What do numbers look like?</h1>

	<img src="images/numerals_sample.png">

	<a href="https://resources.wolframcloud.com/FunctionRepository/resources/NumeralRepresentation/">
		<p style="margin-left: 0">Wolfram Function Repository documentation</p>
	</a>

	<p style="margin-left: 0">This project was contributed to and reviewed by
		<a href="https://mathworld.wolfram.com/about/author.html">Eric Weisstein</a> and the
		<a href="https://wolframalpha.com">WolframAlpha</a> math team.</p>
	<br><br>

	<div class="accordion-toggle collapsed" data-toggle="collapse" href="#Aegean">
		<h3 id="aegean" onclick="toggleArrow('aegean')">Aegean ▽</h3>
	</div>
	<div class="row collapse in p-3" id="Aegean">
		<figure>
			<img class="numeralimg" src="images/numeral_aegean_40323.png">
			<figcaption>(40323)</figcaption>
		</figure>
		<p>used by pre-ancient-Greece Mediterranean civilizations; a non-positional base-ten system with symbols for powers of ten up to 10,000</p>
	</div>

	<div class="accordion-toggle collapsed" data-toggle="collapse" href="#Aztec">
		<h3 id="aztec" onclick="toggleArrow('aztec')">Aztec ▽</h3>
	</div>
	<div class="row collapse in p-3" id="Aztec">
		<figure>
			<img class="numeralimg" src="images/numeral_aztec_8212.png">
			<figcaption>(8212)</figcaption>
		</figure>
		<p>used in Aztec maps/pictograms from Mesoamerica; a non-positional base-twenty system with symbols for powers of 20 up to 8000
			and additional symbols for 10 and small multiples of 100</p>
	</div>

	<div class="accordion-toggle collapsed" data-toggle="collapse" href="#Cistercian">
		<h3 id="cistercian" onclick="toggleArrow('cistercian')">Cistercian ▽</h3>
	</div>
	<div class="row collapse in p-3" id="Cistercian">
		<figure>
			<img class="numeralimg" src="images/numeral_cistercian_5678.png">
			<figcaption>(5678)</figcaption>
		</figure>
		<p>used by Cistercian monks; a base-ten system in which each number up to 9999 has its own symbol;
			place values are indicated by the position along the central numeral line</p>
	</div>

	<div class="accordion-toggle collapsed" data-toggle="collapse" href="#Egyptian">
		<h3 id="egyptian" onclick="toggleArrow('egyptian')">Egyptian ▽</h3>
	</div>
	<div class="row collapse in p-3" id="Egyptian">
		<figure>
			<img class="numeralimg" src="images/numeral_egyptian_113253.png">
			<figcaption>(113253)</figcaption>
		</figure>
		<p>hieroglyphs used in Egyptian civilzations; a non-positional base-ten system with symbols for powers of ten up to 1,000,000</p>
	</div>

	<div class="accordion-toggle collapsed" data-toggle="collapse" href="#Kaktovik">
		<h3 id="kaktovik" onclick="toggleArrow('kaktovik')">Kaktovik ▽</h3>
	</div>
	<div class="row collapse in p-3" id="Kaktovik">
		<figure>
			<img class="numeralimg" src="images/numeral_kaktovik_8991.png">
			<figcaption>(8991)</figcaption>
		</figure>
		<p>developed by Kaktovik civilizations of Alaska; a positional base-twenty system with iconic numerals</p>
	</div>

	<div class="accordion-toggle collapsed" data-toggle="collapse" href="#Mayan">
		<h3 id="mayan" onclick="toggleArrow('mayan')">Mayan ▽</h3>
	</div>
	<div class="row collapse in p-3" id="Mayan">
		<figure>
			<img class="numeralimg" style="width: 100px; height: auto"; src="images/numeral_mayan_4013.png">
			<figcaption>(4013)</figcaption>
		</figure>
		<p>used by the Mayans in Mesoamerica; a positional base-twenty system with symbols for 1, 5, and 0 arranged vertically</p>
	</div>

	<div class="accordion-toggle collapsed" data-toggle="collapse" href="#Suzhou">
		<h3 id="suzhou" onclick="toggleArrow('suzhou')">Suzhou ▽</h3>
	</div>
	<div class="row collapse in p-3" id="Suzhou">
		<figure>
			<img class="numeralimg" src="images/numeral_suzhou_12395.png">
			<figcaption>(12395)</figcaption>
		</figure>
		<p>used in Chinese civilizations; a positional base-ten system with symbols for 0-9, 10, 20, and 30</p>
	</div>

	<script src="collapse.js" type="text/javascript"></script>

</body>

</html>