-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathweatherFinder.html
73 lines (64 loc) · 2.44 KB
/
weatherFinder.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
<!DOCTYPE html>
<html>
<head>
<title> PV - Home</title>
<link rel="stylesheet" href="style.css" >
</head>
<body>
<div id = "particles-js"></div>
<script type = "text/javascript" src = "particles.js"></script>
<script type = "text/javascript" src = "app.js"></script>
<div class="navbar">
<a href = "index.html"><img class = "logo"></a>
<a href = "portfolio.html">PORTFOLIO</a>
<a href = "about.html">ABOUT</a>
</div>
<script>
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
window.onclick = function(e) {
if (!e.target.matches('.dropbtn')) {
var myDropdown = document.getElementById("myDropdown");
if (myDropdown.classList.contains('show')) {
myDropdown.classList.remove('show');
}
}
}
</script>
<div class="icon-bar">
<a href="Phillip%20Vanderlaat%20Resume.pdf"><img src="Resume.png"></a>
</div>
<script data-cfasync="false" type="text/javascript" src="form-submission-handler.js"></script>
<div class="projectDisplay">
<div class="title">
<h1>Weatherfinder</h1>
</div>
<img width="30%" src="weatherfinder.png">
<div class = "links">
<h10>React.js</h10>
</div>
<div class = "main">
<div class="main-title">
<h4>
My team and I created this project during the 2020 FIU Shell Hacks hackathon, and it was my first introduction to coding.
Weatherfinder reads information from a weather API, created using python, and displays it on a website that I created using React.js.
</h4>
</div>
<br>
</div>
<br>
<div class="title">
<h1>Links for this project</h1>
</div>
<br>
<div class = "links">
<a class="anchor" href = https://devpost.com/software/hurricane-prep target="_blank">
<h1>
Checkout the project on devpost
</h1>
</a>
</div>
</div>
</body>
</html>