Duterte Year 3: The Halfway Mark

Rappler.com
Assessing Rodrigo Duterte and the country at the midway point of his presidency

{source}

<style>
bg-image {
position: relative;
padding-bottom: 56.2%;
height: 0;
overflow: hidden;
display: block !important;
-webkit-background-size: 100% auto !important;
-moz-background-size: 100% auto !important;
-o-background-size: 100% auto !important;
background-color: #fff;
background-size: 100% auto !important;
background-repeat: no-repeat !important;
background-position: top center !important;
background-attachment: scroll !important;
}

wide-image bg-image {
background-attachment: scroll !important;
}

#cxense-final-yml {
display: none;
}

.story-tile h1,
h2,
h3,
h4,
h5,
h6 {
font-family: “Oswald”, Helvetica, Arial, sans-serif !important;
letter-spacing: 0px !important;
text-transform: uppercase;
}

.special-execution-wrapper h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0px !important;
}

h1.spec-exec-headline {
font-size: 30.24px;

color: #333;
}

h3.load-more {
margin-top: -30px !important;
}

.spec-exec-headline {
color: #333;
font-family: “Oswald”, Helvetica, Arial, sans-serif !important;
letter-spacing: 0px !important;
text-transform: uppercase;
font-size: 17px;
}

p.spec-exec-subhead {
letter-spacing: 0px !important;
font-size: 18px;
}

div.bg-shade{

width: 0;

z-index: 0;

}

p.spec-exec-byline {
color: #333;
font-family: “Oswald”, Helvetica, Arial, sans-serif !important;
letter-spacing: 0px !important;
text-transform: uppercase;
font-size: 13px;
}

.spec-exec-byline {
color: #333;
}

.white.link {
color: #ffff;
}
.white.link2 {
color: #7a7a7a;
}

#cover-area text-container.full {
z-index: 1;
}

@media only screen and (min-width: 768px) {
h1.spec-exec-headline {
color: #333;
width: auto !important;
}
p.spec-exec-byline {
color: #333;
width: auto !important;
}
p.spec-exec-subhead {
color: #333;
letter-spacing: 0px !important;
width: auto !important;
}

.white.link2 {
color: #7a7a7a;
}

.full-text hr {
margin: 60px 0;
}
}

@media only screen and (min-width: 992px) {

div.bg-shade{

z-index: 1;

}

#cover-area text-container.full {
width: auto;
}
#cover-area text-container.full {
margin-right: -120px;
display: block;
margin-left: 469px;
margin-bottom: 200px;
width: 26em;
z-index: 1;
}
h1.spec-exec-headline {
font-size: 50px;
color: #333333 !important;
width: auto !important;
}

hr {
border-top: 1px solid #333333 !important;
}

p.spec-exec-subhead {
color: #333333 !important;
width: auto !important;
}
p.spec-exec-byline {
color: #333333 !important;
width: auto !important;
}
.white.link2 {
color: #ffff;

font-size: 13px;
}
}
@media only screen and (max-width: 768px) {
div.bg-shade {
background: unset !important;
}
}

@media only screen and (min-width: 1280px) {

div.bg-shade{

z-index: 1;

}

#cover-area text-container.full {
margin-right: -200px;
display: block;
margin-left: 550px;
margin-bottom: 350px;
width: 30em;
z-index: 1;
}
#cover-area text-container {
width: auto;
}
h1.spec-exec-headline {
color: #333 !important;
font-size: 64px;
width: 100%;
}

p.spec-exec-subhead {
color: #333 !important;
width: auto !important;
}

p.spec-exec-byline {
color: #333 !important;
width: auto !important;
}

hr {
border-top: 1px solid #333;
}
.white.link2 {
color: #ffff;

font-size: 16.5px;
}

}

bg-img:before {
content: ”;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
opacity: .6;
z-index: 1;
}
.special-execution-wrapper {
z-index: 1;
}

</style>

<h2 class=”spec-exec-headline2 text-center”>NEWS</h2>
<wide-image>
<div style=”padding: 0 16px;”>
<div class=”row” id=”news”>
<div class=”text-center loading” style=”padding-top:20px;”>
Loading stories…
</div>
</div>
</div>
</wide-image>
<h3 class=”spec-exec-headline text-center load-more”>
<a
href=”https://www.rappler.com/previous-articles?filterMeta=Duterte%20Year%203%20news”
>CLICK FOR MORE STORIES</a
>
</h3>

<hr />

<h2 class=”spec-exec-headline2 text-center”>IN-DEPTH & VIEWS</h2>
<wide-image>
<div style=”padding: 0 16px;”>
<div class=”row” id=”in-depthandviews”>
<div class=”text-center loading” style=”padding-top:20px;”>
Loading stories…
</div>
</div>
</div>
</wide-image>
<h3 class=”spec-exec-headline text-center load-more”>
<a
href=”https://www.rappler.com/previous-articles?filterMeta=Duterte%20Year%203%20in-depth%20and%20views”
>CLICK FOR MORE STORIES</a
>
</h3>

<hr />

<h2 class=”spec-exec-headline2 text-center”>VIDEOS & PODCASTS</h2>
<wide-image>
<div style=”padding: 0 16px;”>
<div class=”row” id=”videosandpodcasts”>
<div class=”text-center loading” style=”padding-top:20px;”>
Loading stories…
</div>
</div>
</div>
</wide-image>
<h3 class=”spec-exec-headline text-center load-more”>
<a
href=”https://www.rappler.com/previous-articles?filterMeta=Duterte%20Year%203%20videos%20and%20podcasts”
>CLICK FOR MORE STORIES</a
>
</h3>

<script>
function getStories(keyword, selector, limit) {
$.ajax({
type: ‘GET’,
dataType: ‘json’,
url: ‘https://svc.rappler.com/p/article/tag/’ + keyword + ‘?limit=’ + limit + ‘&state=1’,
}).done(function (json) {
$(‘.loading’).css(‘display’, ‘none’);
if (limit > json.length) {
limit = json.length;
}
for (var x = 0; (x < limit); x++) {
var data = json.data[x];
if (typeof (data) != ‘undefined’ && data.id !== 188180 && typeof (data.images) !== ‘undefined’) {
var headline = data.title;
var meta = data.metadesc;
var author = data.created_by_name;
var slug = data.url;
var imgPath = data.images[0].tn;
var img = new URL(imgPath).pathname;
$(selector).append(
‘<div class=”col-xs-12 col-sm-3″ class=”story-tile” style=”margin-bottom: 30px;”>’ +
‘<div style=”position:relative;”>’ +
`<div class =”bg-shade” style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;”></div>` +
`<bg-image style=”background: url(https://assets.rappler.com${img});”></bg-image>` +
‘<text-container class=”bottom right light half” style=”bottom: 8% !important; cursor: pointer;z-index: 2;”>’ +
‘<h4 class=”no-margin” style=”font-weight:300; padding-top: 8px; cursor: pointer;”>’ +
‘<a href=’ + slug + ‘ target=”_blank” class=”white link2″ style=”cursor: pointer;”>’ + headline + ‘</a>’ +
‘</h4>’ +
‘<p class=”text-left” style=”font-size: 12px; cursor: pointer; display: none;”>’ +
‘<a href=’ + slug + ‘ target=”_blank” class=”white link2″ style=”cursor: pointer;”>’ + meta + ‘</a>’ +
‘</p>’ +
‘</text-container>’ +
‘</div>’ +
‘</div>’
);
}
}
});
}

$(document).ready(function() {
getStories(“Duterte Year 3 news”, “#news”, 8);
getStories(“Duterte Year 3 in-depth and views “, “#in-depthandviews”, 8);
getStories(“Duterte Year 3 videos and podcasts”, “#videosandpodcasts”, 8);
})

</script>

{/source}