Nasa-Image-Src/index.html at main · Remi-Neal/Nasa-Image-Src · 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
<!DOCTYPE html>
<html>

<head>
    <title>NASA Image Search</title>
    <!-- Links -->
    <link rel="stylesheet" href="styles.css"/>
    <link rel="shortcut icon" href="#">
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital@0;1&display=swap" rel="stylesheet">
    <!-- Meta -->
    <meta charset="UTF-8"/>
</head>
<body>
    <div id="title-block">
        <h1 id="page-name">NASA Image Search</h1>
        <h2 id="subtitle">Creative Project 2 for BYU CS 260</h2>
    </div>
    <div id="content">
        <form id="input-form">
            <input id="search-bar" type="text" placeholder="Search"/>
            <button id="search-button">Go</button>
        </form>

        <!-- Keywords found from search-->
        <div id="keywords"></div>
         <!-- images found from the api search w/ extra info -->
        <div id="imgs"></div>
    </div>

    <a  id="github-link" href="https://github.com/Remi-Neal/Nasa-Image-Src/tree/74b2cdcdf56e8341e7c6c55cad1490ea64458bcf" target="_blank" rel="noreferrer noopener">
        GitHub Repository for this Project
    </a>

    <!-- JavaScript -->
    <script text="type/javascript" src="api-src.js">
    </script>
</body>

</html>