votedamm/finalresult.html at main · damm-party/votedamm · 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
<!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>Build Your Beaver</title>
    <link rel="stylesheet" href="finalresult.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="finalresult.js"></script>
    <link rel="icon" href="assets/dammlogo.png" type="image/x-icon">
    <!-- Add any additional CSS stylesheets or scripts you may need here -->
    <!-- For example, if you want to include a custom font, you can add a link to the font file here -->
    <link href="https://fonts.cdnfonts.com/css/super-bad-font" rel="stylesheet">
    <link href="https://fonts.cdnfonts.com/css/comics" rel="stylesheet">
</head>

<body>
    <div class="backgroundimage">
    </div>
    <div class="rectangle">
        <div class="avatar-wrapper">
            <div class="avatar-display placed">
                <!--<img src="assets/yellowbg.png">-->
                <img src="assets/shadow.png">
                <!--<img src="assets/body.png">-->
                <img src="assets/self/body/body1.png" alt="body" class="avatar-image" id="body-image">
                <img src="assets/self/eyes/eyes1.png" alt="eyes" class="avatar-image" id="eyes-image">
                <img src="assets/self/mouth/mouth1.png" alt="mouth" class="avatar-image" id="mouth-image">
                <img src="assets/gear/balls/balls1.png" alt="balls" class="avatar-image" id="balls-image">
                <!--<img src="assets/gear/glasses/glasses1.png" alt="glasses" class="avatar-image" id="glasses-image">-->
                <img src="assets/gear/hat/hat1.png" alt="hat" class="avatar-image" id="hat-image">
                <img src="assets/gear/hold/hold1.png" alt="hold" class="avatar-image" id="hold-image">
                <img src="assets/gear/hp/hp1.png" alt="hp" class="avatar-image" id="hp-image">

            </div>
        </div>

        <div class="text-section">
            <h2 id="dominantCharacteristicName">UR character</h2>
            <p class="description" id="characteristicDescription" style="font-family:'Comics', san-serif;">Description
                text will appear
                here.</p>
        </div>
        <!--<div class="button-section">
            <button class="pink-button" onclick="redirectToQuizzPage()">My Superpowers?</button>
        </div>-->
    </div>
    <footer class="footer">
        <button class="oval-button" onclick="redirectToQuiz()">Back</button>
        <p styles="font-color: solid black;">Wait, I want to edit my character</p>
    </footer>
</body>


</html>