-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (102 loc) · 3.52 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
<!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" />
<link rel="stylesheet"
href="/bootstrap-5.2.2-dist/bootstrap-5.2.2-dist/css/" type="text/css"
media="all"">
<title>AMANI AKAN NAMES</title>
<!-- CSS only -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="CSS/main.css" />
</head>
<body>
<h1>AMANI AKAN NAME CALCULATOR</h1>
<br />
<p class="container">
Most people do know when their birthdays are, but some might not know what
day of the week they were born. Luckily for us, there are ways to
calculate the day of the week from a specific date
</p>
<br />
<img
width="250
height="
250
src="Images/image1.jpg"
alt=""
/>
<br />
<br />
<h2 class="container">USER EXPECTATIONS</h2>
<p>As a user on this page, you shall be able to</p>
<ol class="container">
<li>
See a small description of what the application does on the landing page
</li>
<li>Enter your birthday through a prompt</li>
<li>Choose what gender you are</li>
<li>Click the submit button to see what your Akan name would be</li>
</ol>
<br />
<h3 class="container">EXPECTED RESULTS</h3>
<ul class="container">
<li>
This application shall check whether the date and month entered is
valid. if either of them is invalid, you shall be alerted and asked to
enter a valid one
</li>
<li>
This application shall output your Akan name depending on your gender.
For example, if you are male and the result of the calculation is 0,
then this application shall match that with Kwasi since Kwasi
corresponds to Sunday which has an index 0. Hence the output you will
see shall be something like “Your Akan name is Kwasi”
</li>
</ul>
<br />
<div class="col-sm-6 align-items-center">
<div class="row text-center g-2 mb-5">
<h2 class="text-center dispaly-1">Akan names description</h1>
<p class="text-center paragraphYetu">
Akan names are derived from Ghanian culture. Frequently in Ghana,
children are given their first name as a 'day name' which corresponds
to the day in the week they were born.
</p>
<div class="card mt-3">
<div class="card-body" id="nameDisplay"></div>
</div>
<h3 class="container">Click below to check your akan name</h3>
<button type="button" class="btn btn-secondary" onclick="akanNames()">
Check your Akan name here
</button>
</div>
</div>
<br />
<h3 class="container">For more information on Akan names see below links</h3>
<a href="https://en.wikipedia.org/wiki/Akan_names" target="_blank"
>wikipedia Akan Names</a
>
<br />
<a href="https://www.behindthename.com/names/usage/akan" target="_blank"
>Behind names Akan Names</a
>
<br />
<a href="https://www.wikiwand.com/en/Akan_names" target="_blank"
>Wikiwand Akan Names</a
>
<br />
<br />
<h4>Copyright (c) Amani Kai (Akan name Kofi) 2022</h4>
<br />
<br />
<script src="JS/IP.js"></script>
</body>
</html>