-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathagri.html
121 lines (117 loc) · 6.84 KB
/
agri.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Planet.Tales</title>
<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=Abril+Fatface&family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link href = "style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class = "header">
<h1 class="split-color-heading">
Planet. <span class="second-color">Tales</span>
</h1>
<!-- Hamburger icon button for small screens -->
<div class="hamburger" id="hamburgerIcon">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<!-- Navigation panel -->
<nav id="navPanel">
<ul>
<li><a href="https://www.edliao.com/">About</a></li>
<li><a href="index.html">Motivation</a></li>
<li><a href="typhoons.html">Typhoons</a></li>
<li><a href="agri.html">Agriculture</a></li>
<li><a href="educ.html">Education</a></li>
<li><a href="future.html">What now?</a></li>
</ul>
</nav>
<div class = "categories">
<h3><a href="https://www.edliao.com/">About</a></h3>
<h3><a href="index.html">Motivation</a></h3>
<h3><a href="typhoons.html">Typhoons</a></h3>
<h3><a href="agri.html">Agriculture</a></h3>
<h3><a href="educ.html">Education</a></h3>
<h3><a href="future.html">What now?</a></h3>
</div>
</div>
<div class="poster">
<img src="Media/farmer1.jpg" alt="Beautiful landscape">
</div>
<div class = "content">
<div class = "block">
<div class = "text-container"><h1>Agricultural damages</h1></div>
<div class = "text-container">
<strong>42.51%</strong> of the Philippines’ lands is used for agriculture (World Bank). In Cauayan and the rest of the country, the income source of most families including mine is agriculture. It helps that the Cagayan River, the longest river in the Philippines,
provides free water resources to all farmers.
</div>
<video controls>
<source src="Media/men-in-action.mp4" type="video/mp4">
</video>
<div class = "text-container">
Every morning at 6 am, these farmers begin their work for two primary reasons. First, it allows them to avoid the scorching midday sun, which can be harmful. Second, it provides an opportunity to address lingering crop pests from the previous night.
This morning when I interviewed the farmers, they just learned that some of their crops had fallen and are now cleaning them up.
</div>
<img src="Media/farmer2.jpg">
<div class = "text-container">
Some of the roads leading up to their respective fields are narrow and bumpy, so as a means of transportation, farmers in our local community use either a makeshift vehicle we call <strong>kuliglig</strong>.
</div>
<img src="Media/kuliglig.jpg">
<div class="text-container">
or a carabao, a water buffalo specie mostly found in the Philippines.
</div>
<img src="Media/carabao.jpg">
<div class = "text-container">
Because of the weather’s extremity and unpredictability, all the farmers I interviewed have had reduced profits from crops (mostly rice and corn) being completely submerged in water and fallen due to floods and strong winds, respectively.
This is showed using Sentinel-2 satellite images: the rise of water in Cagayan River was observed from a typhoon last Nov. 13, 2020 which I witnessed firsthand.
</div>
<img src="Media/sentinel.png">
<span class="caption">Source: Sentinel Asia</span>
<div class = "text-container">
On the same day that I interviewed these farmers, I was flying my drone to capture videos of the Cagayan River when suddenly a farmer approached me. Seeing me with the drone, he asked if I could get a picture of his corn fields across the river.
We then saw these:
</div>
<img src="Media/fallen_corn1.jpg">
<div class = "text-container">
Some patches left bald by the gusty winds of Super Typhoon Egay.
</div>
<img src="Media/fallen_corn2.jpg">
<div class = "text-container">
Then, the farmer asked me out of nowhere if I could relay this to the local government for some help. He was worried because his profits might not be enough to sustain his family until the next cropping season. Not knowing what to say, I assured that the photos
will be sent to the local authorities.
</div>
<img src="Media/boat.jpg">
<div class = "text-container">
What happened that day is one of the thousands of days farmers in my local community experience. I wished that our resilience as Filipinos can be transmitted to the crops they plant to sustain a living for them and their family.
</div>
<div class="text-container">
I then learned that
Super Typhoon Egay caused 123.6 M USD worth of damages to the northern part of the Philippines. In just a matter of days, that's how much we've lost. This is not shocking news especially to our authorities. Last 2020, there were a total of 280M USD worth of
agricultural damages in the entirety of the Philippines. These losses have greatly affected the national budget causing reallocation of funds, but this solution made one sector in the Philippines suffer.
</div>
<div class = "text-container">
Continue: <a href="educ.html">Education</a>
</div>
</div>
</div>
<footer>
<p>© 2023 Planet Tales. All rights reserved.</p>
<div class="social-links">
<a href="https://www.instagram.com/limit.dnex/" target="_blank" rel="noopener noreferrer">
<i class="fab fa-instagram"></i>
</a>
<a href="https://github.com/edrian-liao/PlanetTales" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i>
</a>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>