-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
411 lines (402 loc) · 31.4 KB
/
index.html
File metadata and controls
411 lines (402 loc) · 31.4 KB
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
<html>
<head>
<title>The LaSallian | In the trenches</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="assets/Logo/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.5.5/dist/css/uikit.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.5.5/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.5.5/dist/js/uikit-icons.min.js"></script>
<link rel="stylesheet" href="ebrice.css">
</head>
<body>
<!-- Cover -->
<section id="top">
<img data-src="assets/Cover/cover-desktop.png" alt="cover" class="cover uk-animation-slide-bottom uk-visible@s" uk-img>
<img data-src="assets/Cover/cover-iphone.png" alt="cover"class="cover uk-animation-slide-bottom uk-hidden@s" uk-img>
</section>
<!-- iPad and Desktop NavBar -->
<div uk-sticky>
<nav class="uk-navbar-container uk-margin uk-visible@s" id="shadow" uk-navbar>
<div class="uk-navbar-center">
<div class="uk-navbar-center-left"><div>
<ul class="uk-navbar-nav">
<li class="uk-active"><a href="#about" uk-scroll>About the issue</a></li>
<li class="uk-active"><a href="#timeline" uk-scroll>Media struggles in the PH</a></li>
</ul>
</div></div>
<a class="uk-navbar-item uk-logo" a href="#top" uk-scroll><img data-src="assets/Logo/LOGO.png" alt="star" class="star" uk-img></a>
<div class="uk-navbar-center-right"><div>
<ul class="uk-navbar-nav">
<li class="uk-active"><a href="#articles" uk-scroll>Articles</a></li>
<li class="uk-active"><a href="#voxpopuli" uk-scroll>Vox Populi</a></li>
<li class="uk-active"><a target="_blank" href="https://thelasallian.com/2020/09/20/in-the-trenches-the-lasallian-special-issue-2020/">The Issue</a></li>
</ul>
</div>
</div>
</nav>
</div>
<!-- iPhone NavBar -->
<div uk-sticky>
<nav class="uk-navbar-container uk-margin uk-hidden@s" id="shadow" uk-navbar>
<div class="uk-navbar-left">
<a class="uk-navbar-item uk-logo" a href="#top" uk-scroll><img data-src="assets/Logo/LOGO.png" alt="star" class="star" uk-img></a>
</div>
<div class="uk-navbar-right">
<a id="nav" href="#offcanvas-nav-primary" uk-icon="icon: menu" uk-toggle></a>
</div>
</nav>
</div>
<div id="offcanvas-nav-primary" uk-offcanvas="overlay: true">
<div class="uk-offcanvas-bar uk-flex uk-flex-column">
<ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical">
<li class="uk-active"><a href="#about">About the issue</a></li>
<li class="uk-active"><a href="#timeline">Media struggles in the PH</a></li>
<li class="uk-active"><a href="#articles">Articles</a></li>
<li class="uk-active"><a href="#voxpopuli">Vox Populi</a></li>
<li class="uk-active"><a target="_blank" href="https://thelasallian.com/2020/09/20/in-the-trenches-the-lasallian-special-issue-2020/">The issue</a></li>
</ul>
</div>
</div>
<!-- About the Cover and Editor's Note -->
<section id="about">
<div class="uk-section uk-section-default">
<div class="uk-container">
<!-- Desktop -->
<div class="uk-grid-column-large uk-visible@s"uk-grid>
<div class="uk-width-1-2">
<h2><b>Editor's Note</b></h2>
<p id="note">A deep ditch dug underground—like a bottomless pit, a trench, taken figuratively, is perhaps the last place we would ever want to be in.
Yet many of us find ourselves trapped in trenches today, with the overwhelming sense of disruption the COVID-19 pandemic has brought upon our lives.
Perhaps now more than ever, in our seclusion, information holds immense value; it is information, reported through words or visuals, that connects us to the realities beyond what is immediately seen outside our own windows.
The world is so large, but our vantage point is often so narrow.<br><br>
Enter the media: an unwavering force, evolving with the times to continuously serve the larger community, capturing history and everyday happenings.
Its influence is far- reaching, powerfully adept at shaping public perception.
However, it too is in the trenches, hounded by perils of censorship, job insecurity, even physical and psychological harm.
To hold one’s ground, to stand firm, to stay committed to ideals—these are big asks when pressure points threaten to pull the ground from beneath one’s feet.
As the media takes on the difficult task of facing up against other machinations of propaganda, valiant and responsible journalism is no longer a fancy principle, but an obligation—to the truth, and to the people who rightfully deserve it.<br><br>
Here, <b>The LaSallian</b> explores what makes a journalist in the present landscape of Philippine society, challenging media practitioners and consumers to scrutinize how information—and those who control it—shapes our world.
<br><br><b>Erinne Ong</b><br>Editor in Chief</p>
</div>
<div class="uk-width-1-2">
<img data-src="assets/Cover/IMG_5598.PNG" alt="cover" class="cover uk-animation-slide-bottom uk-visible@s" uk-img>
<h2><b>About the cover</b></h2>
<p id="note">The cover paints an ominous mosaic of a society in fragments, simulating a reality perhaps not far from our own in these unprecedented times.
Caught in the crossfire between a rapidly spreading disease and lackluster government response is a nation shrouded in darkness.<br><br>
To guide out of the dark, courage is most vital—in everyday individuals who voice dissent and challenge power structures;
and in journalists who uncover veiled narratives and defend the truth.</p>
</div>
</div>
<!-- iPhone -->
<div class="uk-hidden@s">
<h2><b>Editor's Note</b></h2>
<p id="note">A deep ditch dug underground—like a bottomless pit, a trench, taken figuratively, is perhaps the last place we would ever want to be in.
Yet many of us find ourselves trapped in trenches today, with the overwhelming sense of disruption the COVID-19 pandemic has brought upon our lives.
Perhaps now more than ever, in our seclusion, information holds immense value; it is information, reported through words or visuals, that connects us to the realities beyond what is immediately seen outside our own windows.
The world is so large, but our vantage point is often so narrow.<br><br>
Enter the media: an unwavering force, evolving with the times to continuously serve the larger community, capturing history and everyday happenings.
Its influence is far- reaching, powerfully adept at shaping public perception.
However, it too is in the trenches, hounded by perils of censorship, job insecurity, even physical and psychological harm.
To hold one’s ground, to stand firm, to stay committed to ideals—these are big asks when pressure points threaten to pull the ground from beneath one’s feet.
As the media takes on the difficult task of facing up against other machinations of propaganda, valiant and responsible journalism is no longer a fancy principle, but an obligation—to the truth, and to the people who rightfully deserve it.<br><br>
Here, <b>The LaSallian</b> explores what makes a journalist in the present landscape of Philippine society, challenging media practitioners and consumers to scrutinize how information—and those who control it—shapes our world.
<br><br><b>Erinne Ong</b><br>Editor in Chief<br><br></p>
</div>
<div class="uk-hidden@s">
<h2><b>About the cover</b></h2>
<p id="note">The cover paints an ominous mosaic of a society in fragments, simulating a reality perhaps not far from our own in these unprecedented times.
Caught in the crossfire between a rapidly spreading disease and lackluster government response is a nation shrouded in darkness.<br><br>
To guide out of the dark, courage is most vital—in everyday individuals who voice dissent and challenge power structures;
and in journalists who uncover veiled narratives and defend the truth.</p>
<div uk-lightbox>
<a class="uk-button uk-button-secondary uk-width-1-1 uk-hidden@s" href="assets/Cover/IMG_5598.PNG">View Cover</a>
</div>
</div>
</div>
</div>
</section>
<!-- The Media Struggles -->
<section id="timeline">
<div class="uk-section uk-section-secondary">
<div class="uk-container">
<h3 id="kicker"><b>TIMELINE</b></h3>
<h1 id="title"><b>Media struggles in the Philippines</b></h1>
<p id="byline">by <b>Jan Emmanuel Alonzo, Rafael Gabriel Arceo, John Robert Lee,</b> & <b>Glenielle Geraldo Nanglihan</b><br>Infographic by <b>Jacob Dy</b> & <b>Ruaina Moreno</b></p>
<hr class="uk-divider-icon">
<p id="description" class="uk-visible@s">After the "golden age" of the Philippine press ended in 1972,
journalism in the country has continually been embattled by challenges. <br><b>The LaSallian</b> looks back at the decade's worth of struggle—from
closures to lawsuits—journalists<br> have had to face from the Marcos era until now.
</p>
<p id="description" class="uk-hidden@s">After the "golden age" of the Philippine press ended in 1972,
journalism in the country has continually been embattled by challenges. <b>The LaSallian</b> looks back at the decade's worth of struggle—
from closures to lawsuits—journalists have had to face from the Marcos era until now.</p><br>
<!-- Infographic for iPad, laptop and desktop -->
<img class="uk-visible@s" data-src="assets/Infographic/infographic.png" alt="Infographic" uk-img>
<!-- Infographic button for iPhone -->
<div uk-lightbox>
<a class="uk-button uk-button-default uk-width-1-1 uk-hidden@s" href="assets/Infographic/infographic.png">View Infographic</a>
</div>
</div>
</div>
</section>
<!-- Articles -->
<section id="articles">
<div class="uk-section uk-section-muted">
<div class="uk-container">
<h1 id="title"><b>Articles</b></h1><br>
<div uk-grid>
<div class="uk-grid-small-large uk-grid-row-large uk-child-width-1-2@s uk-text-center" uk-grid="masonry: true">
<div>
<div class="uk-card uk-card-default uk-card-hover">
<a class="uk-link-toggle" target="_blank" href="https://thelasallian.com/2020/09/20/mike-navallo-principles-over-fear/">
<div class="uk-card-media-top">
<img data-src="assets/Articles/10Qs Mike Navallo_Ruaina Moreno (w_ byline).JPG" style="max-height: 100%;" uk-img>
</div>
<div class="uk-card-body">
<h3 class="uk-card-title"><b><span class="uk-link-heading">Mike Navallo: Principles over fear</span></b></h3>
<p id="byline">by <b>Ian Kevin Castro</b>, <b>Magz Chin</b>, <b>John Robert Lee</b>, & <b>Sabrina Joyce Go</b></p>
<p>Now that ABS-CBN’s fate hangs in the balance, Mike Navallo shares his uncertainties about the future and his unwavering commitment to uphold the truth.</p>
</div>
</a>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-hover">
<a class="uk-link-toggle" target="_blank" href="https://thelasallian.com/2020/09/20/out-of-the-shadows-campus-journalism-in-times-of-silencing-and-dissent/">
<div class="uk-card-media-top">
<img data-src="assets/Articles/Campus Journalism In The Time Of Dissent (w_ byline).JPG" style="max-height: 100%;" uk-img>
</div>
<div class="uk-card-body">
<h3 class="uk-card-title"><b><span class="uk-link-heading">Out of the shadows: Campus journalism in the times of silencing and dissent</span></b></h3>
<p id="byline">by <b>Ian Kevin Castro</b>, <b>Diego Vergel de Dios</b>, <b>Anakin Loewes Garcia</b>, & <b>Glenielle Geraldo Nanglihan</b></p>
<p>In the past, campus journalists have stood for freedom and dissent.
Today, they are being called upon again as attacks against the press intensify. </p>
</div>
</a>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-hover">
<a class="uk-link-toggle" target="_blank" href="https://thelasallian.com/2020/09/20/giving-voices-to-alternative-views/">
<div class="uk-card-media-top">
<img data-src="assets/Articles/Alternative Media, Lauren Sason (watermarked).jpg" style="max-height: 100%;" uk-img>
</div>
<div class="uk-card-body">
<h3 class="uk-card-title"><b><span class="uk-link-heading">To the outskirts: Giving voices to alternative views</span></b></h3>
<p id="byline">by <b>Rafael Gabriel Arceo</b> & <b>Jasper Buan</b></p>
<p>In Philippine society today, there are pockets of resistance where the stories of those unheard and unknown are brought forth to be told—through alternative media.</p>
</div>
</a>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-hover">
<a class="uk-link-toggle" target="_blank" href="https://thelasallian.com/2020/09/20/another-voice-clement-corominas-citizen-journalist/">
<div class="uk-card-media-top">
<img data-src="assets/Articles/CITIJOURN VER 1.PNG" style="max-height: 100%;" uk-img>
</div>
<div class="uk-card-body">
<h3 class="uk-card-title"><b><span class="uk-link-heading">Another voice: Clement Corominas, citizen journalist</span></b></h3>
<p id="byline">by <b>Jacob Dy</b> & <b>Glenielle Geraldo Nanglihan</b></p>
<p>At a protest against the Anti-Terrorism Bill, Corominas still remembers the police officer he approached, who, instead of answering his questions, arrested him.</p>
</div>
</a>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-hover">
<a class="uk-link-toggle" target="_blank" href="https://thelasallian.com/2020/09/20/born-and-bred-lasallians-in-media/">
<div class="uk-card-media-top">
<img data-src="assets/Articles/IMG_5591.PNG" style="max-height: 100%;" uk-img>
</div>
<div class="uk-card-body">
<h3 class="uk-card-title"><b><span class="uk-link-heading">Born and bred: Lasallians in media</span></b></h3>
<p id="byline">by <b>John Robert Lee</b> & <b>Lauren Sason</b></p>
<p>Over the years, DLSU has continued to produce graduates who have gone on to have successful careers in media,
taking on positions and roles that play no small part in the information discourse in the country.</p>
</div>
</a>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-hover">
<a class="uk-link-toggle" target="_blank" href="https://thelasallian.com/2020/09/20/trials-and-tribulations-journalists-morale-in-times-of-turmoil/">
<div class="uk-card-media-top">
<img data-src="assets/Articles/Morale.PNG" style="max-height: 100%;" uk-img>
</div>
<div class="uk-card-body">
<h3 class="uk-card-title"><b><span class="uk-link-heading">Trials and tribulations: Journalists' morale in times of turmoil</span></b></h3>
<p id="byline">by <b>Jan Emmanuel Alonzo</b> & <b>Ramon Enrico Martinez</b></p>
<p>For many, being in the field of journalism is more than just an occupation—it is a duty. Hence, even in the face of challenges, members of the media are bound by their commitment to it.</p>
</div>
</a>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-hover">
<a class="uk-link-toggle" target="_blank" href="https://thelasallian.com/2020/09/20/news-and-bias-must-journalism-be-neutral/">
<div class="uk-card-media-top">
<img data-src="assets/Articles/Both Side Journalism (w_ byline).jpg" style="max-height: 100%;" uk-img>
</div>
<div class="uk-card-body">
<h3 class="uk-card-title"><b><span class="uk-link-heading">News and 'bias': Must journalism be neutral?</span></b></h3>
<p id="byline">by <b>Jan Emmanuel Alonzo</b>, <b>Kim Balasabas</b>, & <b>Rain Leoncio</b></p>
<p>In the midst of several social and political issues, journalists are not meant to be neutral
fence-sitters but critical voices for truth and justice.</p>
</div>
</a>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-hover">
<a class="uk-link-toggle" target="_blank" href="https://thelasallian.com/2020/09/20/rights-and-limits-in-policing-social-media/">
<div class="uk-card-media-top">
<img data-src="assets/Articles/Socmed.png" style="max-height: 100%;" uk-img>
</div>
<div class="uk-card-body">
<h3 class="uk-card-title"><b><span class="uk-link-heading">Rights and limits in policing social media</span></b></h3>
<p id="byline">by <b>Jasper Buan</b> & <b>Diego Vergel de Dios</b></p>
<p>Filtering of content can also be weaponized by creators to silence dissent by falsely copyright striking those who portray them in a negative light.</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Vox Populi -->
<section id="voxpopuli">
<div class="uk-section uk-section-secondary">
<div class="uk-container">
<h3 id="kicker"><b>VOX POPULI</b></h3>
<h2 id="title"><b>"What is the role of the media today?"</b></h2>
<p id="byline">by <b>John Oliver Dysanco</b> & <b>Yvan Martinez</b><br>Graphics by <b>Yvan Martinez</b></p>
<hr class="uk-divider-icon">
<p id="description" class="uk-visible@s">Whether we read the papers, watch television broadcasts, or catch tidbits on our social media feeds, we rely on media content to stay
informed about the on-goings around the country. In a changing landscape marked by uncertainty and volatility, <b>The LaSallian</b> gathered insights from individuals from diverse
sectors and organizations regarding the significance of the press in contemporary society.</p>
<p id="description" class="uk-hidden@s">Whether we read the papers, watch television broadcasts, or catch tidbits on our social media feeds, we rely on media content to stay
informed about the on-goings around the country. In a changing landscape marked by uncertainty and volatility, <b>The LaSallian</b> gathered insights from individuals from diverse
sectors and organizations regarding the significance of the press in contemporary society.</p><br>
<div uk-slider="center: true; autoplay: true;">
<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
<ul class="uk-slider-items uk-child-width-1-2@s uk-grid">
<li>
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="assets/Vox Populi/danielle.jpg" style="max-height: 100%;">
</div>
<div class="uk-card-body">
<h3 class="uk-card-title" id="person">Danielle Garcia</h3>
<p>Editor in Chief, The GUIDON</p>
</div>
</div>
</li>
<li>
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="assets/Vox Populi/shen.jpg" style="max-height: 100%;">
</div>
<div class="uk-card-body">
<h3 class="uk-card-title" id="person">Shenellyn Pineda</h3>
<p>Vice Chairperson, Anakbayan Vito Cruz</p>
</div>
</div>
</li>
<li>
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="assets/Vox Populi/glenda.jpg" style="max-height: 100%;">
</div>
<div class="uk-card-body">
<h3 class="uk-card-title" id="person">Glenda Gloria</h3>
<p>Managing Editor, Rappler</p>
</div>
</div>
</li>
<li>
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="assets/Vox Populi/Ronin.jpg" style="max-height: 100%;">
</div>
<div class="uk-card-body">
<h3 class="uk-card-title" id="person">Ronin Leviste</h3>
<p>Vice President for External Affairs, DLSU USG</p>
</div>
</div>
</li>
<li>
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="assets/Vox Populi/jacque.jpg" style="max-height: 100%;">
</div>
<div class="uk-card-body">
<h3 class="uk-card-title" id="person">Jacque Manabat</h3>
<p>Journalist, ABS-CBN News</p>
</div>
</div>
</li>
<li>
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="assets/Vox Populi/carwyn.jpg" style="max-height: 100%;">
</div>
<div class="uk-card-body">
<h3 class="uk-card-title" id="person">Carwyn Candila</h3>
<p>National Spokesperson, League of Filipino Students</p>
</div>
</li>
<li>
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="assets/Vox Populi/raffy.jpg" style="max-height: 100%;">
</div>
<div class="uk-card-body">
<h3 class="uk-card-title" id="person">Raphael Bosano</h3>
<p>Reporter, ABS-CBN News</p>
</div>
</li>
<li>
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="assets/Vox Populi/father vic.jpg" style="max-height: 100%;">
</div>
<div class="uk-card-body">
<h3 class="uk-card-title" id="person">Fr. Vicente Cervania</h3>
<p>Catholic Priest</p>
</div>
</li>
</ul>
</div>
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
</div>
</div>
</div>
</section>
<!-- Copyright -->
<div class="uk-section uk-section-muted">
<div class="uk-container">
<p style="text-align: center;"><a target="_blank" href="https://thelasallian.com/"><img src="assets/Logo/LOGO.png" id="tlslogo"></a><br>————</p>
<div class="uk-grid-match uk-child-width-1-2@m" uk-grid>
<div>
<p id="note"><b>The LaSallian</b> is the official student publication of De La Salle University.
It is of the students, by the students, and for the students.
Our student writers, photographers, and artists are committed to the 59-year tradition of journalistic excellence and issue-oriented critical thinking.</p>
</div>
<div id="copyright">
Copyright © The LaSallian 2020
<br>Website by Ramon Enrico Martinez<br><br>
<ul class="uk-iconnav">
<li><a href="https://www.facebook.com/TheLaSallian/" target="_blank" uk-icon="facebook"></a></li>
<li><a href="http://twitter.com/thelasallian" target="_blank" uk-icon="twitter"></a></li>
<li><a href="https://www.instagram.com/thelasallian/" target="_blank" uk-icon="instagram"></a></li>
<li><a href="https://thelasallian.com" target="_blank" uk-icon="world"></a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>