ARTIC-API-MARS-Project/index.html at main · graey-code/ARTIC-API-MARS-Project · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ARTIC API Project</title>
    <link rel="stylesheet" href="CSS/index.css">
</head>
<body>
    <header class="site-header">
        <nav>
            <ul class="navLinks">
                <li><a href="#About">About</a></li>
                <li><a id="catNav" href="#artWorks">Cat Artworks</a></li>
                <li><a id="dogNav" href="#artWorks">Dog Artworks</a></li>
            </ul>
        </nav>
    </header>

    <h1>ARTIC API Project</h1>
    <section id="About">
        <h2>About</h2>
        <p>This is a coding project that pulls datapoints from the Art Institute of Chicago's open API about cats and dogs in art and returns the title and image of the first ten entries on random pages upon clicking the navigation links.</p>
        <p> The sampling has been limited to the first five pages. Click on the navigation links at the top to "get" the API artwork data!</p>
    </section>


    <section id="artWorks">
        <h2>Artworks</h2>
        <ul id="artWorkList">

        </ul>
    </section>


    <script src="JS/index.js">

    </script>
</body>
</html>