-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (164 loc) · 9.73 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
<!DOCTYPE html>
<html lang="pl">
<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>World of Darts</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
<link
href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,600;0,700;1,400;1,600&family=Fira+Sans:ital,wght@0,200;0,300;0,400;1,100;1,200;1,300&family=Mulish:ital,wght@0,300;0,400;1,200;1,300;1,400&display=swap"
rel="stylesheet">
</head>
<body>
<div class="container" id="home">
<div class="hamburger-menu">
<div class="line line-1"></div>
<div class="line line-2"></div>
<div class="line line-3"></div>
</div>
<header class="header">
<div class="img-wrapper">
<img src="images/bg.jpg">
</div>
<div class="mainTitle">
<h1>World of Darts</h1>
<p>The numbers are not random on the dartboard.</p>
<a href="#num-not-random">
<button>Learn more</button>
</a>
</div>
</header>
<section class="sidebar">
<ul class="menu">
<li class="menu-item">
<a href="#home" class="menu-link"
data-content="Home">Home</a>
</li>
<li class="menu-item">
<a href="#history" class="menu-link"
data-content="History">History</a>
</li>
<li class="menu-item">
<a href="#rules" class="menu-link"
data-content="Rules">Rules</a>
</li>
<li class="menu-item">
<a href="#fun-facts" class="menu-link"
data-content="Fun Facts">Fun Facts</a>
</li>
</ul>
</section>
<section class="history" id="history">
<div class="section-header">
<h1 class="section-heading">History</h1>
<div class="underline"></div>
</div>
<div class="section-body">
<p class="intro">
Darts or dart-throwing is a competitive sport in which two or more players bare-handedly throw small sharp-pointed missiles known as darts at a round target known as a dartboard. Darts players are sometimes termed <b><i>dartists</i></b>.<br><br>
Points can be scored by hitting specific marked areas of the board, though unlike in sports such as archery, these areas are distributed all across the board and do not follow a principle of points increasing towards the centre of the board.
Though a number of similar games using various boards and rules exist, the term <b><i>darts</i></b> usually now refers to a standardised game involving a specific board design and set of rules.<br><br>
While being a professional shooting sport, darts is also a traditional pub game. Darts is commonly played in the United Kingdom and the Republic of Ireland, and recreationally enjoyed across the world.
</p>
<div class="galery">
<div class="galery-image">
<img src="images/dart.jpg" alt="Dart">
</div>
</div>
<h2 class="section-part-title">The Origins</h2>
<p>
Much is speculated but if rumor holds true, the game of darts had its origin during the reign of King Henry VIII of England. It is believed that he told his archers to practice their arching skills all year round so they would be sharp and ready for battle at any time.<br><br>
While practicing outside some archers, instead of shooting, started throwing their arrows as a means of fun. Maybe the thinking was: “Anyone can shoot accurately lets see who can throw accurately.”
Needless to say, everyone knows England’s unfavorable weather, and it wasn’t long before this outdoor past-time or game was taken indoors to the comfort of the local pub. To handle the arrows better and make the game easier to play while indoors, the arrows were shortened. <br><br>
The bottom of an overturned wine or ale (beer) barrel was used as a <b><i>target</i></b>. An interesting fact about the word <b><i>target</i></b>. The bottom of a wine / beer barrel was called a <b><i>butt</i></b>, which originated via archery from the French word <i>“butte”</i>, meaning <b><i>target</i></b>.<br><br>
</p>
<div class="galery2">
<div class="galery-image">
<img src="images/wooden-barrel.jpg" alt="Wooden barrel">
</div>
<div class="galery-image">
<img src="images/paper-dartboard.jpg" alt="Paper dartboard">
</div>
</div>
</div>
</section>
<section class="rules" id="rules">
<div class="section-header">
<h1 class="section-heading">Rules</h1>
<div class="underline"></div>
</div>
<div class="section-body">
<div class="rules-list">
<ul class="rules-column">
<li>
For deciding who takes the first turn in the game, the players throw a single dart each, who throws it near to the Bull takes the first chance.
</li>
<li>
Fee darts are thrown unless the game is won.
</li>
<li>
At the end of only the darts stuck in, the board are counted and the one that bounces or fall out cannot be thrown again.
</li>
</ul>
<ul class="rules-column">
<li>
If more than total remaining points are scored by a player that there throw ends and scored zero.
</li>
<li>
The dashboards centre or the centre of the Bull should be exactly 5 feet 8 inch high.
</li>
<li>
Darts are to be thrown from a toeline marked clearly which is generally called the oche which must be at least 7 feet 9 inches from the board when measured horizontally.
</li>
</ul>
<div class="rules-image">
<img src="images/Darts-Rules.jpg" alt="Dartboard with points explained">
</div>
</div>
<h2 class="section-part-title">501</h2>
<p>
<b><i>501</i></b> up is considered as the most professional match and is the simplest of game. <br><br>
The players start with a score of <b><i>501</i></b> and take his turn to throw three darts. The score for each turn is calculated and deducted from the players total.
Bullseye brings the player 50 scores, the outer ring 25 and a dart in the double or trebles the segment score.<br><br>
While playing, the objective is to be the first player to reduce the score to exactly zero, the only way this can happen bring that the last dart thrown must land in a double or the bullseye.
</p>
</div>
</section>
<section class="fun-facts" id="fun-facts">
<div class="section-header">
<h1 class="section-heading">Fun Facts</h1>
<div class="underline"></div>
</div>
<div class="section-body">
<h2 class="section-part-title">The first boards were made out of elm</h2>
<p>
Back in the day, bar owners would use solid, circular blocks of elm tree as the dartboard.
The segments would be painted on for consistency. However, elm dartboards developed holes much faster than today’s dartboards.<br>
Pub owners would need to lug the cross sections of tree off the wall and soak the wood overnight to close the holes.<br><br>
If you thought cleaning beer lines was a pain in the arse, imagine doing this every day for a local dart hall with 20 boards! No thanks!
</p>
<h2 class="section-part-title" id="num-not-random">The numbers are not random</h2>
<p>
The number sequence is strategically placed to encourage accuracy and punish inaccuracy.
Basically, if you go for glory and hit it, you will be rewarded. But if you only just miss, by a millimeter, the board will hand out some fearse punishment.<br><br>
The placement of low scoring numbers either side of large numbers, for example 1 and 5 either side of the 20, 3 and 2 either side of the 17, or 4 and 1 either side of the 18, will punish poor throwing.
</p>
</div>
</section>
<footer class="footer">
<div class="footer-content">
<p class="copyright">
Copyright © 2021, Maciej Fuhrmann
</p>
</div>
</footer>
<a href="#" class="scroll-btn">
<i class="fas fa-arrow-up"></i>
</a>
</div>
</div>
<script src="script.js"></script>
</body>
</html>