Blackjack50/rules.html at main · Tapiocaba/Blackjack50 · 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!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>Rules</title>

    <!-- Bootstrap -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <link href="style.css" rel="stylesheet" type="text/css" />

</head>
<body>

    <!-- Nav bar -->
    <nav class="navMenu">
        <div class="navLeft">
            <a href="index.html" class="navbar-brand">Blackjack50</a>
        </div>
        <div class="navRight">
            <a href="rules.html" class="navbar-option">Rules </a>
            <a href="basics.html" class="navbar-option">Basics </a>
            <a href="advanced.html" class="navbar-option">Advanced </a>
            <div class="dot"></div>
        </div>
    </nav>
    <!-- Nav bar end -->

    <!-- main article section -->
    <main>
        <div class="article">
            <br>
            <h2 class="learnHeading"> Introduction to Blackjack Rules </h2>
            <img src="learn-images/bj-table.jpg" class="banner">
            <br>
            <section id="intro">
                <h2 class="learnHeading">History of Blackjack</h2>
                <p class="learnPara">
                    Blackjack's history lies within an English version of twenty-one called "Vingt-Un," a game of
                    likely Spanish origin. The objective of the game is similar to modern-day Blackjack: to reach 21 points
                    and that the Ace was worth either 1 or 11. Eventually, around 1899, it developed into an American version which
                    offered bonus payouts if players' hands consisted of the Ace of spades and a blackjack (jack of clubs or jack of spades).
                    Eventually, the rule was withdrawn, but the name stuck.
                </p>
            </section>
            <section id="objective">
                <h2 class="learnHeading">Objective</h2>
                <p class="learnPara">
                    The objective of the game for each player is to either beat the dealer by getting a hand count closer than the
                    dealer to 21 without going over 21 or “busting”.
                </p>

                <p class="learnHeading">
                    Number cards count as their face value, and the jack, quee, and king, or the "face cards"
                    count as 10. Aces can count as either 1 or 11, according to the player's choice. If at any point the player exceeds
                    21, they automatically lose.
                </p>

            </section>
            <section id="dealing">
                <h2 class="learnHeading">Dealing</h2>
                <p class="learnPara">
                    The game is played with a standard 52-card pack. The dealer deals one card face
                    up to each player, then one face up themselves. They then deal another round
                    face up, but keep their card face down. In the end, each player will have two
                    face-up cards, and the dealer will have one face-up card and one face-down. The dealer
                    will deal from the left to the right, and the dealer's hand gets the first face-up card.
                </p>
                <p class="learnPara">
                    At a casino, the players will start the round by placing their bets into the "betting box," and players
                    can typically bet in as many boxes as they'd like.
                </p>
            </section>
            <section id="playing">
                <h2 class="learnHeading">Playing the Game</h2>
                <p class="learnPara">
                    The player to the left goes first, and the players proceed in clockwise direction.
                    Each player must decide whether to “stand”, or not ask for another card, or “hit”,
                    and request another card to get closer to 21. If a player decides to hit, they can
                    continue hitting one card at a time until they either decide to stand or they bust.
                </p>
                 <p class="learnPara">
                    After the dealer has served all players, they turn their face-down card up. If the hand count is
                    17 or higher, the dealer must stand, otherwise they must draw cards one by one until the hand count
                    is 17 or more. If the dealer has an ace and counting it as an 11 would make the hand count 17 or more,
                    the dealer must count it as an 11.
                 </p>
                 <p class="learnPara">
                    Players with a total of 21 on their first two cards get a "natural blackjack," and the player wins immedietly
                    unless the dealer also has one. A blackjack will beat any hand that isn't one, even if it has a value of 21.
                 </p>
            </section>
            <section id="decisions">
                <h2 class="learnHeading">Player Decisions</h2>
                <p class="learnPara">
                    After recieving the two intiial cards, the player has a couple of options. Depending on the rules of the game,
                    some options may be unavaliable to the player. However, generally you'll always be able to Hit and Stand. At casinos,
                    you'll be able to double down, split, and surrender. All of these actions also have hand signals.
                </p>
                <ul class="bullets">
                    <li class="bullets-list"> <b>Hit:</b> Take another card.</li>
                    <li class="bullets-list"> <b>Stand:</b> Take no more cards.</li>
                    <li class="bullets-list"> <b>Double Down:</b> Double your initial bet and take one more card. The additional bet is put next to the original bet.</li>
                    <li class="bullets-list"> <b>Split:</b> Create two hands when both cards are the same value. Each new hand gets another card, so essentially, the player now haas two hands. They are played out independently.</li>
                    <li class="bullets-list"><b>Surrender:</b> Forfeit half of the bet and end the hand immediately. This is always the first option, and this option is only avaliable at some casinos</li>
                </ul>
                <br>
                <img src="learn-images/hand-signals.png" class="advanced-img">
                <br>
                <p class="learnPara">
                    These options also have hand signals, as shown above. For surrendering, it is usually a verbal cue. Hand signals help because of the
                    table recording, so it can protect casinos against cheating.
                </p>
                <br>
            </section>
        </div>
        <!-- side nav bar -->
        <nav class="sidenav">
            <ol>
                <li><a href="#intro">Introduction</a></li>
                <li><a href="#objective">Objective</a></li>
                <li><a href="#dealing">Dealing</a></li>
                <li><a href="#playing">The Game</a></li>
                <li><a href="#decisions">Player Decisions</a></li>
            </ol>
        </nav>

    </main>

</body>
</html>