Skull_King_Game_Analysis/index.html at main · DikshaAcharya/Skull_King_Game_Analysis · 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
<!DOCTYPE html>
<!--background image :https://www.bing.com/images/create/generate-an-ai-image-of-aged2c-faded-brown-parchmen/1-665ef92a2f3b4f978db1a72644842672?id=rHV9R4EcNggmESC9CNYSdQ%3d%3d&view=detailv2&idpp=genimg&thId=OIG1.2p1eaFnjXqY78aAXZGuf&FORM=GCRIDP&ajaxhist=0&ajaxserp=0-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Skull King project</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <!-- Skull king head -->
    <div class="image">
        <!--image source: ludikerborg.free.fr/Jeux/skull_king/SKULL%20KING.pdf-->
    </div>

    <!-- Titles-->
    <div class = "titre">
        <!--image source : https://www.grandpabecksgames.com/pages/rule-sheets and filtered from https://www.photoroom.com/fr/outils/detourer-une-image -->
    </div>
    <div class="titre_2"> <h2> - Analysis of one game of 10 rounds with 6 players</h2></div>
    <div class="titre_3"> <h3> Please select a round or  <br> a player and navigate <br> through various plots</h3></div>

    <!-- Audio button for info: https://www.youtube.com/watch?v=0R6rZngcHGg -->
    <button id="game_info" class="game_info" onclick="audio.play();"> Ahoy, mateys! <br> Climb aboard </button>

    <!-- Sound icon -->
    <div class = "icon">
        <!--image source : https://www.flaticon.com/free-icon/sound_2058599 -->
    </div>

    <!-- Game Rules button -->
    <div id="game_rules" class="game_rules">
        <button id="Rules_div"> Game rules </button>
        <div id="rules_text" class="rules_text">
    </div>

    <!-- Network and plots -->
    <div class="container">
        <div id="network" class="network"></div>
            <div class = "Tours">
                <button id="T1" >Round 1 </button>
                <button id="T2">Round 2 </button>
                <button id="T3">Round 3 </button>
                <button id="T4">Round 4 </button>
                <button id="T5">Round 5 </button>
                <button id="T6">Round 6 </button>
                <button id="T7">Round 7 </button>
                <button id="T8">Round 8 </button>
                <button id="T9">Round 9 </button>
                <button id="T10">Round 10 </button>
            </div>
        <div id="plot1" class="round"></div>
        <div id="plot2" class="player"></div>

        <div class="copyright">

            <i>Title image :</i> cropped from - Rulebooks. (2024). Grandpa Beck’s Games. <br>
            Retrieved 19 June 2024, from <a href="https://www.grandpabecksgames.com/pages/rule-sheets">https://www.grandpabecksgames.com/pages/rule-sheets</a><br>
            <br><i>Skeleton image :</i> cropped from - LUDIKERBORG <a href="http://ludikerborg.free.fr/">http://ludikerborg.free.fr/</a> <br>
            <br><i>Sound :</i> content from - Grandpa Beck's Skull King, The Game of Scheming <br>
            and Skulking | #1873928786. (2024). Worthpoint Corporation. Retrieved 19 June 2024, from  <br>
            <a href="https://www.worthpoint.com/worthopedia/grandpa-becks-skull-king-game-1873928786">https://www.worthpoint.com/worthopedia/grandpa-becks-skull-king-game-1873928786</a>
            <br>and converted to mp3 from <a href="https://voicemaker.in/">https://voicemaker.in/</a>

        </div>
        <div class="author">
            2024 © Diksha Acharya UNIL
        </div>
    </div>


<!-- Link scripts -->
    <script src="https://d3js.org/d3.v7.min.js"></script>
    <script src="Data/data_t.js"></script>
    <script src="Data/data.js"></script>
    <script src="script.js"></script>

</body>
</html>