-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
168 lines (149 loc) · 5.84 KB
/
index.html
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!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" />
<script src="jquery.js"></script>
<script src="raphael.js"></script>
<script src="jquery.usmap.js"></script>
<title>Coronacation: Travel Advisor</title>
<link rel="icon" href="https://image.flaticon.com/icons/svg/3152/3152766.svg">
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Pacifico&display=swap"
rel="stylesheet"
/>
<!-- import the webpage's javascript file -->
<script src="script.js" defer></script>
</head>
<body>
<section id="home">
<div id="navigation_div">
<p id="logo_text">
Coronacation: Travel Advisor
</p>
</div>
</section>
<div id="sublogo_div">
<p id="sublogo_text" class="navText">
This was created for a hackathon and information may be outdated!
</p>
</div>
<div class="navbar" id="nav_bar1">
<a href="#home" class="navLink">Home</a>
<a href="#news" class="navLink">COVID-19 News</a>
<a href="#info" class="navLink">CDC Guidelines</a>
<a href="#about" class="navLink">About Us</a>
</div>
<div id="container">
Downloading map...
</div>
<div>
<center>
<p id="where_text">
<h2>Find your safest travel site!</h2>
</p>
</center>
</div>
<div id="break_div">
<center>
<a id="learn_more_link" href="#news">
Learn More
</a>
</center>
</div>
<section id="news">
<div id="rss_div">
<rssapp-wall id="Xl82XjZOOkuDE3IU"></rssapp-wall><script src="https://widget.rss.app/v1/wall.js" type="text/javascript" async></script>
</div>
</section>
<section id="info">
<center>
<h2 class="cdc_text" id="cdc_head_text">CDC Guidelines</h2>
</center>
<ul class="cdc_text">
<li>
In general, the more closely you interact with others and the longer
that interaction, the higher the risk of COVID-19 spread.
</li>
<li>
If you decide to engage in public activities, continue to protect
yourself by practicing everyday preventive actions.
</li>
<ol>
<li>Wash your hands often</li>
<li>Avoid close contact</li>
<li>
Cover your mouth and nose with a cloth face cover when around others
</li>
<li>Cover coughs and sneezes</li>
<li>Clean and disinfect</li>
<li>Monitor Your Health Daily</li>
</ol>
<li>
Keep these items on hand when venturing out: a cloth face covering,
tissues, and a hand sanitizer with at least 60% alcohol, if possible.
</li>
</ul>
</section>
<div id="news_container">
<center>
<div id="news1" class="news_div">
<a href="https://www.aarp.org/politics-society/government-elections/info-2020/coronavirus-state-restrictions.html">
<img src="https://cdn.glitch.com/ce500d0e-ec6b-4613-911f-e98c79ec1bf5%2Froadblock.png?v=1593864364036" id="news1_image" class="newsImage">
</a>
<p>
<a class="newsLink" href="https://www.aarp.org/politics-society/government-elections/info-2020/coronavirus-state-restrictions.html">Restrictions</a>
</p>
</div>
<div id="news2" class="news_div">
<a href="https://www.worldometers.info/coronavirus/country/us/">
<img src="https://cdn.glitch.com/ce500d0e-ec6b-4613-911f-e98c79ec1bf5%2Fmarketing.png?v=1593865050394" id="news2_image" class="newsImage">
</a>
<p>
<a class="newsLink" href="https://www.worldometers.info/coronavirus/country/us/">Statistics</a>
</p>
</div>
<div id="news3" class="news_div">
<a href="https://www.bbc.com/news/coronavirus">
<img src="https://cdn.glitch.com/ce500d0e-ec6b-4613-911f-e98c79ec1bf5%2Fnewspaper.png?v=1593865045169" id="news3_image" class="newsImage">
</a>
<p>
<a class="newsLink" href="https://www.bbc.com/news/coronavirus">Updates</a>
</p>
</div>
<div id="news4" class="news_div">
<a href="https://www.bbc.com/news/uk-53249747">
<img src="https://cdn.glitch.com/ce500d0e-ec6b-4613-911f-e98c79ec1bf5%2Fheart.png?v=1593865055092" id="news4_image" class="newsImage">
</a>
<p>
<a class="newsLink" href="https://www.bbc.com/news/uk-53249747">Places</a>
</p></div>
</center>
</div>
<section id="about">
<center>
<h2 id="about_head_text">About Us</h2>
</center>
<p class="about_text">
We are a team of motivated designers and developers who have seen the
impact that COVID-19 has had on the globe. People are stuck in their
homes and don't know where they can travel to safely. We're here to help
fix that! With an easy to understand graphic and risk adivsories, we
hope we can help everyone can leave their homes safely and confidently
in this pandemic.
</p>
</section>
<div id="footer">
© 2020 Coronacation
</div>
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>
<script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="https://code.highcharts.com/maps/modules/offline-exporting.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/us/us-all-all.js"></script>
</body>
</html>