application-site/challenges.html at main · KesterJJ/application-site · 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body onload="fadeInStart()">
<header>
<h1 id="heading">Kester<br>Jones</h1>
<div id="menuButton" onmouseover="lighten()" onmouseout="darken()" onclick="openMenu()">
<div id="one"><pre> </pre>
</div>
<div id="two"><pre> </pre>
</div>
<div id="three"><pre> </pre>
</div>
</div>
</header>
<br>
<h2 id="title">CHALLENGES</h2>
<p id="writing">Here are the prompts which are just functions so I have left them as images</p>
<div id="container">
    <figure id="add-and-multiply">
        <figcaption>Add and Multiply</figcaption>
        <img src="img/add-and-multiply.jpg" alt="Add and Multiply" onclick="runChallenge(addAndMultiply)">
       </figure>

    <figure id="capitalise-keys">
        <figcaption>Capitalise Keys</figcaption>
    <img src="img/capitalise-keys.jpg" alt="Capitalise Keys" onclick="runChallenge(capitaliseKeys)">
    </figure>

    <figure id="check-length">
        <figcaption>Check Length</figcaption>
        <img src="img/check-length.jpg" alt="Check Length" onclick="runChallenge(checkLength)">
    </figure>

    <figure id="check-type">
        <figcaption>Check Type</figcaption>
    <img src="img/check-type.jpg" alt="Check Type" onclick="runChallenge(checkType)">
    </figure>

    <figure id="going-shopping">
            <figcaption>Going Shopping</figcaption>
            <img src="img/going-shopping.jpg" alt="Going Shopping" onclick="runChallenge(goingShopping)">
    </figure>
    <figure id="greet-user">
        <figcaption>Greet User</figcaption>
        <img src="img/greet-user.jpg" alt="Greet User" onclick="runChallenge(greetUser)">
       </figure>

    <figure id="map-object">
        <figcaption>Map Object</figcaption>
    <img src="img/map-object.jpg" alt="Map Object" onclick="runChallenge(mapObject)">
    </figure>

    <figure id="odd-or-even">
        <figcaption>Check if Divisible by 2</figcaption>
        <img src="img/odd-or-even.jpg" alt="Check if Divisible by 2" onclick="runChallenge(oddOrEven)">
    </figure>

    <figure id="return-larger">
        <figcaption>Return Larger</figcaption>
    <img src="img/return-larger.jpg" alt="Return Larger" onclick="runChallenge(returnLarger)">
    </figure>

    <figure id="squaring-a-number">
            <figcaption>Squaring a Number</figcaption>
            <img src="img/squaring-a-number.jpg" alt="Squaring a Number" onclick="runChallenge(squaringANumber)">
    </figure>
    <figure id="string-to-object">
        <figcaption>String to Object</figcaption>
        <img src="img/string-to-object.jpg" alt="String to Object" onclick="runChallenge(stringToObject)">
       </figure>

    <figure id="sum-of-elements">
        <figcaption>Sum of Elements</figcaption>
    <img src="img/sum-of-elements.jpg" alt="Sum of Elements" onclick="runChallenge(sumOfElements)">
    </figure>

    <figure id="sum-of-positive">
        <figcaption>Sum of Positive</figcaption>
        <img src="img/sum-of-positive.jpg" alt="Sum of Positive" onclick="runChallenge(sumOfPositive)">
    </figure>

    <figure id="sum-of-two-numbers">
        <figcaption>Sum of Two Numbers</figcaption>
    <img src="img/sum-of-two-numbers.jpg" alt="Sum of Two Numbers" onclick="runChallenge(sumOfTwoNumbers)">
    </figure>
</div>


<div id="right"></div>
<div id="left"></div>


<div id="menu">
<a class="buttons" href="javascript:delay('project-gallery.html')" onclick="linkClick()" onmouseover="brighten(gallery)" onmouseout="unbrighten(gallery)" id="gallery">GALLERY</a>
<br>
<a class="buttons" href="javascript:delay('challenges.html')" onclick="linkClick()" onmouseover="brighten(challenges)" onmouseout="unbrighten(challenges)" id="challenges">CHALLENGES</a>
<br>
<a class="buttons" href="javascript:delay('feature.html')" onclick="linkClick()" onmouseover="brighten(feature)" onmouseout="unbrighten(feature)" id="feature">FEATURE</a>
<br>
<a class="buttons" href="javascript:delay('index.html')" onclick="linkClick()" onmouseover="brighten(about)" onmouseout="unbrighten(about)" id="about">ABOUT</a>
<br>
</div>
<script src="script.js"></script>
</body>
</html>