-
Notifications
You must be signed in to change notification settings - Fork 0
/
educ.html
112 lines (108 loc) · 6.53 KB
/
educ.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
<!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/educ.jpg">
</div>
<div class = "content">
<div class = "block">
<div class = "text-container"><h1>Compromised education</h1></div>
<div class = "text-container">
Apart from the 24% decline of the Department of Education’s 2023 budget, the public education system still lacks 159,000 classrooms to accommodate a safe and comfortable learning environment for all students (Rappler).
</div>
<div class = "text-container">
When I interviewed the teachers in our local public school, they told me that some students of ages 10-12 are still not able to read, write, and perform basic mathematical operations. Out of curiosity, I asked to join their supplemental
class during the summer for the kids who are behind on their learning journey.
</div>
<video controls>
<source src="Media/education.mp4" type="video/mp4">
</video>
<div class = "text-container">
I took the time to talk to these kids, and it brought me joy to know these well-spoken kids who have these big dreams for themselves. As someone who was once in their foot, I could tell that they have the potential to succeed in their academic
journey.
</div>
<img src="Media/student.jpg">
<div class = "text-container">
Outside of the public school, in a simple nipa hut, I found out that my aunt is offering cheap afterschool tutorial services for the students in our local communty for only 3 USD an hour. She told me the same thing when I asked how her students were doing.
</div>
<img src="Media/aunt.jpg">
<div class = "text-container">
Some of her students were already too old to learn the basics easily. It turns out that some of them just don't go to high school and start working. However, most jobs in the community require them to be able to read, write and do some basic calculations.
As a result, they end up not doing well on their job.
</div>
<img src="Media/school.jpg">
<div class = "text-container">
From my multiple long conversations with the teachers in my community, a pattern that I recognize is the lack of resources. Because the public education system cannot accommodate all children, they force students who failed to advance to the next grade level.
Although it saves the family some money to make their kids go to school, it hurts them in the long run as the kids still have not fully grasped the basics.
</div>
<div class="text-container">
This marks the entrance of the vicious cycle. Education is important in the Philippines because it is deemed to be one of the major things that could enable someone to break their family’s cycle of poverty. Without a college degree and
a well-paying job, what’s to come for these children? A child born in this planet does not deserve to receive the burden that will keep them from dreaming. We’re not only endangering the lives of the people in this century but also the people in the next century,
that is if there will still be a home for us by then.
</div>
<img src="Media/quote.jpg">
<div class = "text-container">
My aunt said, "We have to make sure that these kids know how to read, write, and do basic mathematical operations as young as 6-7 years old." I'm glad that I am a witness to her several success stories of kids who learned how to read and write in just a summer of going
to her nipa hut. Nonetheless, she still wishes to have enough educational resources to facilitate a fun learning journey for the children.
</div>
<img src="Media/success.jpg">
<div class = "text-container">
Continue: <a href="future.html">What now?</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>