EDUJINGLEMAIN/howtoplay.html at main · nomirgithub/EDUJINGLEMAIN · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vertical Carousel</title>
    <link rel="stylesheet" href="howtoplay.css">
</head>
<body>
    <div class="mode-switch">
        <button id="sun-btn">🌙</button>
        <button id="moon-btn">☀️</button>
    </div>


    <div class="carousel-container">
        <div class="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="images/0.png" alt="">
                </div>
                <div class="carousel-item">
                    <img src="images/2.jpg" alt="">
                </div>
                <div class="carousel-item">
                    <img src="images/3.png" alt="">
                </div>
                <div class="carousel-item">
                    <img src="images/1.jpg" alt="">
                </div>
                <div class="carousel-item">
                    <img src="images/4.jpg" alt="">
                </div>
                <div class="carousel-item">
                    <img src="images/7.jpg" alt="">
                </div>

            </div>
            <div class="carousel-indicators">
                <span class="indicator active" onclick="showSlide(0)"></span>
                <span class="indicator" onclick="showSlide(1)"></span>
                <span class="indicator" onclick="showSlide(2)"></span>
                <span class="indicator" onclick="showSlide(3)"></span>
                <span class="indicator" onclick="showSlide(4)"></span>


            </div>
        </div>
        <div id="centerDiv">
            <div id="imag"><h1>How to play chess </h1>
                <img src="images/Untitled design (11).png" alt=""></div>

        <p> <h3>
            <ul id="ul">
            <li>الشطرنج لعبة استراتيجية بين اتنين، بتتلعب على لوح مقسم لـ8x8. كل لاعب عنده جيش مكون من 16 قطعة: 1 ملك، 1 ملكة، 2 رخ، 2 حصان، 2 فيل، و 8 جنود. الهدف إنك تحط الملك بتاع الخصم في موقف "كش ملك" </li>
            <br>
            <li id="r">  حركة القطع</li>


            <li><br>
                - الملك: بيتحرك مربع واحد في أي اتجاه.
                <br>
                - الملكة: بتتحرك أي عدد من المربعات في أي اتجاه.
                <br>
                - الرخ: بيتحرك أي عدد من المربعات أفقيًا أو رأسيًا.
                <br>
                - الفيل: بيتحرك أي عدد من المربعات بشكل قطري.
                <br>
                - الحصان: بيتحرك على شكل حرف "L": مربعين في اتجاه وبعدين مربع في اتجاه عمودي. الحصان بيقدر ينط فوق القطع التانية.
                <br>
                - الجندي: بيتحرك للأمام مربع واحد، بس بيقتل بشكل قطري. في أول حركة، الجندي ممكن يتقدم مربعين.</li>
                <div id="play"></div><h2>الهدف</h2>  <img src="images/Untitled design (12).png" alt="">
                <br>
                <li>    - كش: الملك في كش لو مهدد من قطعة الخصم.
                    <br>
                    - كش ملك: الملك في كش ملك لو في كش ومفيش حركة قانونية تنقذه.
                    <br>
                    - تعادل: اللعبة تبقى تعادل لو اللاعب معندوش حركات قانونية والملك بتاعه مش في كش.
                    <br>
                    - تعادلات: في حالات تانية للتعادل زي التكرار 3 مرات، قاعدة الـ 50 حركة، وعدم كفاية القطع.</li>
                    <h2>اللعب</h2>
                    <li>  - اللاعبين بيتبدلوا الأدوار، وبيبدأوا بالأبيض.
                        <br>
                        - كل دور، اللاعب يحرك واحدة من قطعه على حسب القوانين.
                        <br>
                        - اللعبة تستمر لحد ما يحصل كش ملك، تعادل، أو أي حالة تانية من حالات التعادل.</li>
            <h3>


           </p></ul>

    </div></div>
    <script src="howto.js"></script>
</body>
</html>