-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
155 lines (138 loc) · 7.98 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
<!--<script>
alert('Hello there! This website is still in progress and not yet responsive for most devices!');
</script>-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-176945690-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-176945690-1');
</script>
<!--SEO-->
<title>The COVID-19 Info Bot | Home</title>
<meta property="og:title" content="The COVID-19 Info Bot | Home">
<meta name="application-name" content="The COVID-19 Info Bot">
<meta name="title" property="og:title" content="The COVID-19 Info Bot | Home"> <!--Linkedin-->
<meta name="description" content="Want to stay updated on COVID-19 and receive daily COVID-19 updates from Discord? Introducing the COVID-19 info bot! A Discord bot for COVID-19!"/>
<meta property="og:description" content="Want to stay updated on COVID-19 and receive daily COVID-19 updates from Discord? Introducing the COVID-19 info bot! A Discord bot for COVID-19!">
<meta name="keywords" content="Discord,Discord Bot,COVID-19,Coronavirus,Bot,Discord aid,COVID,COVID bot,COVID news,COVID info,COVID-19 bot for Discord,Prevention,Symptoms,COVID-19 resources,COVID-19 Symptoms ,COVID-19 updates,COVID-19 daily updates,The COVID-19 Info Bot,Convenient,COVID-19 cases,COVID-19 cases on Discord">
<meta name="author" content="The COVID-19 Info Bot Team">
<meta property="og:type" content="Website">
<meta name="image" property="og:image" content="images/Image_on_links.png"> <!--Linkedin-->
<!--Icon of the website-->
<link rel="icon" href="logos/covidbotmthnobg.png" type="image/png"/>
<link rel="apple-touch-icon" href="logos/covidbotmthnobg.png" type="image/png"/>
<!--^^^-->
<!--^^^-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="icon" href="logos/covidbotmthnobg.png" type="image/png"/>
<link rel="stylesheet" type="text/css" href="navbar.css">
<link rel="stylesheet" type="text/css" href="home_css.css">
<script src="https://kit.fontawesome.com/ba7447c34f.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="TheResponsiveNavBarbackground" onclick="closebar()"></div>
<nav>
<ul class="navbar">
<li class="nav_logo"><a href="index.html"><img class="nav_logo" src="logos/covidbotmthnobg.png"></a></li>
<li class="nav_title"><a href="index.html">The COVID-19 Info Bot</a></li>
<li class="navbar_li"><a class='navbar_li' href="faq.html">FAQ</a></li>
<li class="navbar_li"><a class='navbar_li' href="sources.html">Sources</a></li>
<li class="navbar_li"><a class='navbar_li' href="tos.html">Terms of Service</a></li>
<li class="navbar_li"><a class='navbar_li' href="team.html">Our Team</a></li>
<li class="navbar_li"><a class='active_page navbar_li' href="index.html">Home</a></li>
</ul>
<div class='mobile_responsive_navbar_close' id='responsive_mobile_navbar'>
<div class='r_navbar_button_plus'>
<div class="off"><i class="fas fa-bars" id="plusbtn" onclick='navbarfunction()'></i></div>
<div class="on"><i class="fas fa-bars on" id="plusbtnon" onclick='navbarfunctionclose()'></i></div>
</div>
<ul class="responsive_navbar">
<li class="active_page responsive_navbar_li"><a class="r_a_text" href="index.html">Home</a></li>
<li class="responsive_navbar_li"><a class="r_a_text" href="team.html">Our Team</a></li>
<li class="responsive_navbar_li"><a class="r_a_text" href="tos.html">Terms of Service</a></li>
<li class="responsive_navbar_li"><a class="r_a_text" href="sources.html">Sources</a></li>
<li class="responsive_navbar_li"><a class='r_a_text' href="faq.html">FAQ</a></li>
</ul>
</div>
</nav>
<section class='top_page'>
<img class='home_gradient' src='images/home_gradient.png'>
<div class="home_left">
<img class='logo_left' src='logos/covid_bot_logo_outline.png'>
<!--If this changes, change the mobile one too-->
<a href="https://discord.com/oauth2/authorize?client_id=744391461113561228&permissions=18432&scope=bot" target="_blank"><div class='Add_to_Discord_btn'>Add to Discord</div></a>
<a href="https://discord.gg/r4M4dbr" target="_blank"><div class='Join_server_btn'>Join our server!</div></a>
</div>
<div class="home_text_right">
<h3 class="want_to">Want to stay updated on COVID-19 and receive daily COVID-19 updates from Discord?</h3>
<p>Introducing, The COVID-19 Info Bot!</p>
<p>A bot that provides daily updates and fast and reliable answers to your questions regarding COVID-19!</p>
<p>This bot gives you a convenient way to stay updated about COVID-19 as you no longer need to switch apps as much for COVID-19 info while communicating on Discord!</p>
</div>
<a href="https://discord.com/oauth2/authorize?client_id=744391461113561228&permissions=18432&scope=bot" target="_blank"><div class='Add_to_Discord_btn_mobile'>Add to Discord</div></a>
<a href="https://discord.gg/r4M4dbr" target="_blank"><div class='Join_server_btn_mobile'>Join our server!</div></a>
</section>
<section class='bottom_page'>
<h1 class="commands_text">Commands</h1>
<div class="command_showcase_container">
<div class="command_container">
<p class="command_name">/help</p>
<p class="about_command">To view our list of commands and to find out more about this bot!</p>
<img class="image_of_command" src="images/commands/help.PNG">
</div>
<div class="command_container right_move_up">
<p class="command_name">/world</p>
<p class="about_command">Shows you the COVID-19 situation globally!</p>
<img class="image_of_command" src="images/commands/world.PNG">
</div>
<div class="command_container">
<p class="command_name">/cases <continent></p>
<p class="about_command">Shows you the number of cases, deaths and recovery in your continent!</p>
<img class="image_of_command" src="images/commands/continent.PNG">
</div>
<div class="command_container right_move_up">
<p class="command_name">/cases <country></p>
<p class="about_command">Shows you the number of cases, deaths and recovery in your country!</p>
<img class="image_of_command" src="images/commands/country.PNG">
</div>
<div class="command_container">
<p class="command_name">/symptoms</p>
<p class="about_command">To view a list of COVID-19 symptoms ranging from common, uncommon and rare!</p>
<img class="image_of_command" src="images/commands/symptoms.PNG">
</div>
<div class="command_container right_move_up">
<p class="command_name">/news</p>
<p class="about_command">To receive links to several useful news outlets regarding COVID-19!</p>
<img class="image_of_command" src="images/commands/news.PNG">
</div>
<div class="command_container">
<p class="command_name">/resources</p>
<p class="about_command">To receive links to several informative COVID-19 resources! Ex) Travel restrictions</p>
<img class="image_of_command" src="images/commands/resources.PNG">
</div>
<div class="command_container right_move_up">
<p class="command_name">/preventions</p>
<p class="about_command">To learn how to protect yourself and others from COVID-19!</p>
<img class="image_of_command" src="images/commands/preventions.PNG">
</div>
<div class="command_container">
<p class="command_name">/vote</p>
<p class="about_command">To vote or review The COVID-19 Info Bot!</p>
<img class="image_of_command" src="images/commands/vote.PNG">
</div>
<!--<div></div>--> <!--This is so the video goes to the right-->
<div class="right_move_up">
<iframe class="video" src="https://www.youtube.com/embed/AYMbxRRWwDA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</section>
<img class="bottom_page_gradient" src="images/tos_gradient.png">
</body>
<script src="r_nav_bar.js"></script>
</html>