Javascript-Project/index.html at master · celestialskyz/Javascript-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
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
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <!-- <script src = "d3-transform.js"></script> -->
    <script src="https://kit.fontawesome.com/38b1521e89.js" crossorigin="anonymous"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="./dist/main.css" />
    <script src="https://d3js.org/topojson.v0.min.js"></script>
    <script src="https://d3js.org/d3-transition.v1.min.js"></script>
    <script src="https://d3js.org/d3-geo-projection.v2.min.js"></script>
    <script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
    <script src="https://unpkg.com/topojson@3"></script>
    <link rel="stylesheet"
       href="https://fonts.googleapis.com/css?family=Fontdiner+Swanky">
    <link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Stylish">

      <link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Comfortaa">
      <link rel="icon" href="./src/images/favicon.png" type="image/x-icon">
        <title>Is It Over Yet?</title>
  </head>
  <body>
    <div class = "tiptop">
      <div class = content>
        <h1>Is It Over Yet?</h1>
        <div>
            With Corona Virus(Covid-19) taking over the news and causing a global pandemic. The given statistics can help you track cases, get quarantine activity suggestions and decide when we can come out of hiding.
        </div>
      </div>
      <!-- <img class = "firstimg" src = "./dist//images/ICON583.jpg" alt="header"> -->
    </div>
    <div class = "border">
    <h1 class = "new">Graph of Log(x) Cases by Country</h1>
  </div>
    <div id="histogram">
      <!-- <svg id = "newcases" width="1000" height="600"> </svg> -->
          <!--  <script src = "src/lib/countries_tally.js" charset="utf-8"> </script> -->
    </div>


<div class = "Facts">
   <label> Fun Things to do in Quarantine </label>
  <img src = "./src/images/bearscovid.jpg">
  <p>
    <ul>
      <li>Make a Fort & have a movie night</li>
      <li>Do Some Splatter Painting</li>
      <li>Experiment with Your Style & Make Crazy Outfit Combos </li>
      <li>Tie Dye Something</li>
      <li>Teach Your Pet a New Trick</li>
    </ul>
  </p>

</div>

    <div id="2ndhistogram">

      <form id = "compareform">  <img class = "bun" src = "./src/images/covidBunny.jpg">
        <label>
          <h3>Create a Graph</h3>
          <h2>Select Categories for comparison:</h2>
          <div class = "pick">
            <h4>dark blue:</h4>
            <select id = "cat1" name="category" class="cat-drop" }>
            </select>
            <h4>light blue:</h4>
            <select id = "cat2" name="category2" class="cat-drop" }>
            </select>
          </div>
          </label>
          <!-- <script src = "src/lib/options-dropdwn.js" charset="utf-8"> </script> -->
          <button id = "buttt" type="submit">Enter</button>
      </form>
      <div class = "border">
        <h1 class = "new">My Graph: Log(x) Cases by Country</h1>
      </div>
     <div class = "outsite"></div>
      <!-- <script src = "src/lib/testing.js" charset="utf-8"> </script> -->
      <!-- <script src = "src/lib/multibar_map.js" charset="utf-8"> </script> -->
       <!-- <svg id = "comparecases" width="1500" height="600"> </svg></div> -->
    </div>
<!--
    <div id="mapgraph"></div>   -->
    <!-- <script src = "src/lib/geomap.js" charset="utf-8"> </script> -->
    <script src="./dist/main.js"></script>
    <footer>
        <div class = "about">
          <h3>Lianne Bisch</h3>
          <ul class="home-social-list">
            <li>
                <a href="https://github.com/celestialskyz" target="_blank"> Github <i class="fa fa-github"></i></a>
            </li>
            <li>
                <a href="https://www.linkedin.com/in/lianne-bisch/" target="_blank">Linkedin <i class="fa fa-linkedin"></i></a>
            </li>
            <li>
                <a href="https://angel.co/u/lianne-bisch" target="_blank">Angellist <i class="fa fa-angellist"></i></a>
            </li>
            <li>
                <a href="mailto:lannybys@gmail.com" target="_blank">Email<i class="fa fa-envelope"></i></a>
            </li>

          </ul>
        </div>
    </footer>
  </body>


</html>