-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
199 lines (174 loc) · 9.19 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Akan Names Generator | By Atieno</title>
<!--Custom Styles-->
<link rel="stylesheet" href="./css/styles.css">
<!--Bootstrap Styles-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="./js/index.js"></script>
<!-- Google Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
<!-- Bootstrap core CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="bodyImg">
<
</div>
<div class="nav">
<img src="./images/images.jpeg" alt="Ghana's Flag">
</div>
<div class="container">
<div class="header">
<br>
<h3>Akan Name Generator</h3>
<div class="origin">
<p> Akan names come from a traditional naming system for people from countries such as Togo, Ivory Coast and Ghana. </p>
<p>A child’s name is determined by factors surrounding his or her birth. For example, the day of their birth or the manner in which they were born may determine which
name they get irrespective of their gender. </p>
<p>These Akan names signify the day one is born. According to Akan tradition, each child is born with a name associated to their soul. The day the child is born is therefore
determined by the soul. </p>
<p>The well thought and organized naming system of the Akan’s was initiated by the ancestors. As a matter of fact, it is possible to tell what led to someone’s birth, the day they
were born and their rank among the siblings just by their names.</p>
<br>
</div>
</div>
<div class="randorm1">
<img src="./images/images2.jpeg" alt="Ghana's Flag">
</div>
<!--MAIN-->
<div class="main">
<!-- <div class="row"> -->
<div class="col-md-12">
<h5> Enter your birth details to generate your Akan name:</h5>
<br>
<div class="col-md-9 mb-md-0 mb-5">
<form id="form" name="form" onsubmit="findDay()">
<div class="row">
<div class="col-md-8">
<div class="md-form mb-0">
<label for="year">Year of birth</label>
<input type="number" id="year" name="year" min="1900" max="2020" required placeholder="Something like 2003" class="form-control">
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="md-form mb-0">
<label for="month">Month</label>
<input type="number" id="month" name="month" min="1" max="12" required placeholder="Eg. October=10" class="form-control"> <!--implements: (month > 12 || month < 1 ) &&-->
</div>
</div>
<div class="col-md-8">
<div class="md-form mb-0">
<label for="date">Date</label>
<input type="number" id="date" name="date" min="1" max="31" required placeholder="Eg. 13" class="form-control">
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="md-form mb-0">
<p>Select your gender: </p>
<div class="radio">
<label>
<input type="radio" name="gender" value="Female" checked>
Female
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="gender" value="Male">
Male
</label>
</div>
</div>
</div>
</div>
<div class="text-center text md-left">
<input type="submit" value="Submit">
</div>
</form>
</div>
</div>
<div class="col-md-12">
<br>
<div class="meaning">
<h4>What does yours mean?</h4>
<p>
Akan names are not just names given to children to give them identity. There is a specific traditional system that is followed when the naming is being done.
The names also have different meanings and appellation.
</p> <br>
</div>
<!--
<div class="randorm">
<img src="./images/images3.jpeg" alt="Ghana's Flag">
</div> -->
<table class="table">
<thead class="thead">
<tr>
<th scope="col">DAY </th>
<th scope="col">FEMALE</th>
<th scope="col">MALE</th>
<th scope="col">MEANING</th>
</tr>
</thead>
<tbody class="tbody">
<tr>
<td>MONDAY</td>
<td>Adwoa</td>
<td>Kudwo</td>
<td colspan="3">These are names for children born on Monday. They like peace and will avoid trouble at all cost. Their appellation means “Peaceful”.</td>
</tr>
<tr>
<td>TUESDAY</td>
<td>Abenna</td>
<td colspan>Kwabena</td>
<td colspan="3">They were born on Tuesday. They are always friendly hence their appellation means “Friendliness”.</td>
</tr>
<tr>
<td>WEDNESDAY</td>
<td>Akua</td>
<td colspan>Kwaku</td>
<td colspan="3">They were born on Wednesday. Their appellations means “Evil”. They are mostly associated with stubbornness.</td>
</tr>
<tr>
<td>THURSDAY</td>
<td>Yaa</td>
<td colspan>Yaw</td>
<td colspan="3">They were born on Thursday. Their appellation is bravery. They never care about what will result from a certain situation.</td>
</tr>
<tr>
<td>FRIDAY</td>
<td>Afua</td>
<td colspan>KOFI</td>
<td colspan="3">They were born on Friday. They are known to be wanderers and are unable to stay in one place for long. They can travel to far places, start their own families there and never bother to check on those family members they left behind.</td>
</tr>
<tr>
<td>SATURDAY</td>
<td>Ama</td>
<td colspan>Kwame</td>
<td colspan="3">Born on Saturday. The males are believed to be always set for combat hence “Ready for combat” becomes his first appellation while “Snakebite herbalist” becomes his second appellation. Females are creators hence one of their appellation is “creation” while the other is “Grace”.</td>
</tr>
<tr>
<td>SUNDAY</td>
<td>Akosua</td>
<td colspan>Kwasi</td>
<td colspan="3">These names are given to children that are born on a Sunday. They are believed to be naturally agile and therefore their appellation is “Agility”. They are quick, fast and are highly skilled in performing tasks especially crafts.</td>
</tr>
</tbody>
</table>
</div>
<!-- </div> -->
</div>
</div>
<div class="footer">
<h1>Copyright ©2022 | Atieno Obwanda </h1>
</div>
</body>
</html>