-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlearn-color-and-shape.html
114 lines (111 loc) · 9.42 KB
/
learn-color-and-shape.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
<!DOCTYPE html>
<html>
<head>
<title>LEARN Imagian- Color and shape</title>
<meta charset="utf-8"/>
<link rel="icon" href="favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jockey+One&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<a href="learn.html">LEARN</a>
<a href="read.html">READ</a>
<a href="write.html">WRITE</a>
<a href="https://github.com/aninovo/imagian">Git</a>
</nav>
<div style="width:100%; height: 16px; background-image: url(rainbow.svg); background-repeat: repeat-x; background-size: contain;">
</header>
<main>
<article>
<div>
MATERIALS<br>
While materials are usually visible, they can't be depicted directly, as they are literally physical objects without their shape, matter on its own.<br>
So they will be represented by some similar ideograms.<br>
<br>
<img src="https://aninovo.github.io/imagian/Img/materials/gold.svg" title="gold" class="glyph"><img src="https://aninovo.github.io/imagian/Img/materials/silver.svg" title="silver" class="glyph"><img src="https://aninovo.github.io/imagian/Img/materials/iron.svg" title="iron" class="glyph"><img src="https://aninovo.github.io/imagian/Img/materials/steel.svg" title="steel" class="glyph"><img src="https://aninovo.github.io/imagian/Img/materials/soil, dirt.svg" title="soil" class="glyph"><img src="https://aninovo.github.io/imagian/Img/materials/coal.svg" title="coal" class="glyph"><img src="https://aninovo.github.io/imagian/Img/materials/clay.svg" title="clay" class="glyph"><img src="https://aninovo.github.io/imagian/Img/materials/ice.svg" title="ice" class="glyph"><img src="https://aninovo.github.io/imagian/Img/materials/sand.svg" title="sand" class="glyph">
<br>
GOLD (aurum), SILVER (argentum) and IRON (ferrum) are captioned with their standard chemical element names.<br>
STEEL is marked with a sword, as "steel" is a common metaphor for "arms".<br>
SOIL (dirt) is marked with a shovel, the tool for digging soil.<br>
COAL is marked with a flame, as it is a fuel.<br>
CLAY is marked with a brick, as traditionally they're made of clay.<br>
ICE is marked by a snowflake.<br>
SAND is marked with an hourglass, which contains sand.<br>
<br>
<img src="https://aninovo.github.io/imagian/Img/adjectives/solid, hard.svg" title="solid, hard
(+thing) solidity, hardness
(+causative) to solidify" class="glyph">
<br>
They all share the same basic shape of a rock, which itself means "hard" or "solid", "such that retains its shape".<br>
<br>
<img src="https://aninovo.github.io/imagian/Img/place/home, house.svg" title="home, house
(frequently used as a suffix for a specialized place)" class="glyph"><img src="https://aninovo.github.io/imagian/Img/punct/space.svg" title="" class="half-glyph"><img src="https://aninovo.github.io/imagian/Img/arrows/of.svg" title="of
(+thing) property" class="glyph"><img src="https://aninovo.github.io/imagian/Img/punct/space.svg" title="" class="half-glyph"><img src="https://aninovo.github.io/imagian/Img/materials/clay.svg" title="clay" class="glyph"><img src="https://aninovo.github.io/imagian/Img/punct/comma.svg" title="" class="half-glyph"><img src="https://aninovo.github.io/imagian/Img/punct/space.svg" title="" class="half-glyph"><img src="https://aninovo.github.io/imagian/Img/materials/clay.svg" title="clay" class="glyph"><img src="https://aninovo.github.io/imagian/Img/faces/derivate, adjective.svg" title="adjective (frequently used derivative suffix)" class="glyph"><img src="https://aninovo.github.io/imagian/Img/punct/space.svg" title="" class="half-glyph"><img src="https://aninovo.github.io/imagian/Img/place/home, house.svg" title="home, house
(frequently used as a suffix for a specialized place)" class="glyph">
<br>
Attribution of a material: a house of clay, a clay house.
</div>
</article>
<article>
<div>
COLORS<br>
Colors... are not welcome in Imagian. Instead, several circle-based ideograms represent colors. <br>
<br>
<img src="https://aninovo.github.io/imagian/Img/color/blue.svg" title="blue" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/brown.svg" title="brown" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/green.svg" title="green" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/pink.svg" title="pink" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/red.svg" title="red" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/yellow.svg" title="yellow" class="glyph">
<br>
Eggplant for "blue".<br>
Coconut for "brown".<br>
Leaf for "green".<br>
Flamingo for "pink".<br>
Tomato for "red".<br>
Banana for "yellow".<br>
<br>
<img src="https://aninovo.github.io/imagian/Img/color/black.svg" title="black" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/grey.svg" title="grey" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/white.svg" title="white" class="glyph">
<br>
Raven for "black".<br>
Wolf for "grey".<br>
Snowman for "white".<br>
<br>
<img src="https://aninovo.github.io/imagian/Img/color/striped.svg" title="striped" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/spotted, dotted.svg" title="spotted" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/dirty, tainted.svg" title="dirty" class="glyph"><img src="https://aninovo.github.io/imagian/Img/color/clear, transparent.svg" title="clear" class="glyph">
<br>
Stripes for "striped".<br>
Dots for "dotted" or "spotted".<br>
Stain for "stained" or "dirty".<br>
Water drop for "clean" or "transparent".<br>
<br>
<img src="https://aninovo.github.io/imagian/Img/color/color.svg" title="color" class="glyph">
<br>
A palette in a square stands for "color" as such.<br>
</div>
</article>
<article>
<div>
SHAPES<br>
Flat 2D shapes:<br>
<br>
<img src="https://aninovo.github.io/imagian/Img/shapes/plane, flat.svg" title="plane" class="glyph"><img src="https://aninovo.github.io/imagian/Img/faces/derivate, adjective.svg" title="adjective (frequently used derivative suffix)" class="glyph"><img src="https://aninovo.github.io/imagian/Img/punct/space.svg" title="" class="half-glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/shape.svg" title="shape
(+causativ) to shape" class="glyph"><img src="https://aninovo.github.io/imagian/Img/misc/PLURAL.svg" title="Plural suffix" class="half-glyph"><img src="https://aninovo.github.io/imagian/Img/punct/colon.svg" title="" class="half-glyph">
<br>
<img src="https://aninovo.github.io/imagian/Img/shapes/circle.svg" title="circle" class="glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/oval.svg" title="oval" class="glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/square.svg" title="square" class="glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/line.svg" title="line" class="glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/grid.svg" title="grid" class="glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/angle, corner.svg" title="angle" class="glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/rhombus.svg" title="rhombus" class="glyph">
<br>
Flat/2D shapes: circle, elipse (oval), square, line, grid, corner (angle), diamond (rhombus).<br><br>
<br>
<img src="https://aninovo.github.io/imagian/Img/shapes/space.svg" title="space" class="glyph"><img src="https://aninovo.github.io/imagian/Img/faces/derivate, adjective.svg" title="adjective (frequently used derivative suffix)" class="glyph"><img src="https://aninovo.github.io/imagian/Img/punct/space.svg" title="" class="half-glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/shape.svg" title="shape
(+causativ) to shape" class="glyph"><img src="https://aninovo.github.io/imagian/Img/misc/PLURAL.svg" title="Plural suffix" class="half-glyph"><img src="https://aninovo.github.io/imagian/Img/punct/colon.svg" title="" class="half-glyph">
<br>
<img src="https://aninovo.github.io/imagian/Img/shapes/sphere, ball.svg" title="sphere" class="glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/cyllinder.svg" title="cyllinder" class="glyph"><img src="https://aninovo.github.io/imagian/Img/shapes/cube.svg" title="cube" class="glyph"><img src="https://aninovo.github.io/imagian/Img/materials/drop.svg" title="drop" class="glyph"><img src="https://aninovo.github.io/imagian/Img/items/brick.svg" title="brick" class="glyph">
<br>
Volumous/3D shapes: sphere, cyllinder, cube, drop, brick.<br><br>
</div>
</article>
<article><a href="learn.html">BACK</a></article>
</main>
<footer>
</footer>
</body>
</html>