ASEAN 2017 Summit

Rappler.com
ASEAN turns 50. Full coverage of the 31st ASEAN Summit and Related Summits from November 11-14, 2017, Manila, Philippines.

{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;
}

.spec-exec-headline {
color: #e76229 !Important;
font-family: ‘Oswald’, Helvetica, Arial, sans-serif !important;
letter-spacing: 0px !important;
text-transform: uppercase;
}

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

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

.full-text text-container {
position: absolute !important;
width: 80%;
left: 5%;
text-align: left !important;
}
</style>
<div style=”position:relative;”>

 

<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>
<bg-image style=”background: url(https://assets.rappler.com/5F8DEEB9501D4E698D3957200656412A/img/5EE7A15DBB0E4DB5BF31121F85384A64/ASEAN-640-FB20.jpg);”></bg-image>
<text-container class=”bottom left light half” style=”bottom: 5% !important; cursor: pointer;z-index: 2;”>
<h4 class=”no-margin” style=”font-weight:300; padding-top: 8px; cursor: pointer;”><a href=”https://www.rappler.com/world/updates-november-2017-asean-summit-philippines” target=”_blank” class=”white link” style=”cursor: pointer;”>LIVE UPDATES: November ASEAN Summit 2017 – Manila, Philippines</a></h4>
<p class=”text-left” style=”font-size: 12px; cursor: pointer;”><a href=”https://www.rappler.com/world/updates-november-2017-asean-summit-philippines” target=”_blank” class=”white link” style=”cursor: pointer;”>Get real-time updates from the 31st Association of Southeast Asian Nations (ASEAN) Leaders’ Summit and Related Meetings, November 11-14, 2017 in the Philippines</a></p>
</text-container>
</div>

 


<h2 class=”spec-exec-headline text-center”>VIDEOS</h2>

 

<wide-image>
<div style=”padding: 0 16px;”>
<div class=”row” id=”videos-container”></div>
<div class=”row”>
<div class=”col-xs-12 col-sm-4″ style=”margin-bottom: 30px;”>
<div style=”position:relative;”>
<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>
<bg-image style=”background: url(https://assets.rappler.com/612F469A6EA84F6BAE882D2B94A4B421/img/4EEFEC163A844176B6F3010A03F7B87B/day-1_4EEFEC163A844176B6F3010A03F7B87B.jpg);”></bg-image>
<text-container class=”bottom left light half” style=”bottom: 5% !important; cursor: pointer;z-index: 2;”>
<h4 class=”no-margin” style=”font-weight:300; padding-top: 8px; cursor: pointer;”>
<a href=”https://www.rappler.com/world/regions/asia-pacific/188151-watch-31st-asean-summit-2017-philippines-day-2″ target=”_blank” class=”white link” style=”cursor: pointer;”>
HIGHLIGHTS: 31st ASEAN Summit, November 12
</a>
</h4>
<p class=”text-left” style=”font-size: 12px; cursor: pointer;”>
<a href=”https://www.rappler.com/world/regions/asia-pacific/188151-watch-31st-asean-summit-2017-philippines-day-2″ target=”_blank” class=”white link” style=”cursor: pointer;”>Watch the 31st ASEAN Summit live on Rappler
</a>
</p>
</text-container>
</div>
</div>

 

<div class=”col-xs-12 col-sm-4″ style=”margin-bottom: 30px;”>
<div style=”position:relative;”>
<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>
<bg-image style=”background: url(https://assets.rappler.com/612F469A6EA84F6BAE882D2B94A4B421/img/376CF27804944E67A27E7673952B9E8F/day-2_376CF27804944E67A27E7673952B9E8F.jpg);”></bg-image>
<text-container class=”bottom left light half” style=”bottom: 5% !important; cursor: pointer;z-index: 2;”>
<h4 class=”no-margin” style=”font-weight:300; padding-top: 8px; cursor: pointer;”>
<a href=”https://www.rappler.com/world/specials/southeast-asia/188222-watch-31st-asean-summit-2017-philippines-day-3″ target=”_blank” class=”white link” style=”cursor: pointer;”>
HIGHLIGHTS: 31st ASEAN Summit, November 13
</a>
</h4>
<p class=”text-left” style=”font-size: 12px; cursor: pointer;”>
<a href=”https://www.rappler.com/world/specials/southeast-asia/188222-watch-31st-asean-summit-2017-philippines-day-3″ target=”_blank” class=”white link” style=”cursor: pointer;”>Watch the 31st ASEAN Summit live on Rappler
</a>
</p>
</text-container>
</div>
</div>

 

<div class=”col-xs-12 col-sm-4″ style=”margin-bottom: 30px;”>
<div style=”position:relative;”>
<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>
<bg-image style=”background: url(https://assets.rappler.com/612F469A6EA84F6BAE882D2B94A4B421/img/C02A88E4ACE64583BD9A266624F7C441/tc-03-1_C02A88E4ACE64583BD9A266624F7C441.jpg);”></bg-image>
<text-container class=”bottom left light half” style=”bottom: 5% !important; cursor: pointer;z-index: 2;”>
<h4 class=”no-margin” style=”font-weight:300; padding-top: 8px; cursor: pointer;”>
<a href=”https://www.rappler.com/world/specials/southeast-asia/188361-watch-31st-asean-summit-2017-philippines-day-4″ target=”_blank” class=”white link” style=”cursor: pointer;”>HIGHLIGHTS: 31st ASEAN Summit, November 14
</a>
</h4>
<p class=”text-left” style=”font-size: 12px; cursor: pointer;”>
<a href=”https://www.rappler.com/world/specials/southeast-asia/188361-watch-31st-asean-summit-2017-philippines-day-4″ target=”_blank” class=”white link” style=”cursor: pointer;”>Watch the 31st ASEAN Summit live on Rappler
</a>
</p>
</text-container>
</div>
</div>

 

</div>
</div>
</wide-image>

 

<h2 class=”spec-exec-headline text-center”>LATEST STORIES</h2>

 

<wide-image>
<div style=”padding: 0 16px;”>
<div class=”row” id=”content-container”>
<div class=”text-center” id=”loading” style=”padding-top:20px;”>Loading stories…</div>
</div>
</div>
</wide-image>

 

<h3 class=”spec-exec-headline text-center”><a href=”https://www.rappler.com/previous-articles?filterMeta=ASEAN%202017&start=19″>CLICK FOR MORE STORIES</a></h3>

 

<hr style=”width: 20%; margin: 20px auto;” />

 

<h2 class=”spec-exec-headline text-center”>SPECIAL REPORTS</h2>

 

<wide-image>
<div style=”padding: 0 16px;”>
<div class=”row” id=”special-container”>
<div class=”text-center” id=”special-loading” style=”padding-top:20px;”>Loading stories…</div>
</div>
</div>
</wide-image>

 

<h2 class=”spec-exec-headline text-center”>PUBLIC ADVISORIES</h2>

 

<wide-image>

 

<div style=”padding: 0 16px;”>

 

<div class=”row”>
<div class=”col-xs-12 col-sm-3″ style=”margin-bottom: 30px;”>
<div style=”position:relative;”>
<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>
<bg-image style=”background: url(https://assets.rappler.com/CC880C03955C49D09FBCD5C60733E269/img/21502583D6FE45B28E431CC8E8539AD3/30th_ASEAN_Summit_Plenary_Session_0018_21502583D6FE45B28E431CC8E8539AD3.jpg);”></bg-image>
<text-container class=”bottom left light half” style=”bottom: 5% !important; cursor: pointer;z-index: 2;”>
<h4 class=”no-margin” style=”font-weight:300; padding-top: 8px; cursor: pointer;”><a href=”https://www.rappler.com/world/regions/asia-pacific/187750-asean-2017-summit-schedule” target=”_blank” class=”white link” style=”cursor: pointer;”>Schedule of Activities: ASEAN Summit, November 12-14, 2017</a></h4>
<p class=”text-left” style=”font-size: 12px; cursor: pointer;”><a href=”https://www.rappler.com/world/regions/asia-pacific/187750-asean-2017-summit-schedule” target=”_blank” class=”white link” style=”cursor: pointer;”>Schedule of events for the 31st ASEAN Summit and Related Summits, November 12-14, 2017</a></p>
</text-container>
</div>
</div>

 


<div class=”col-xs-12 col-sm-3″ style=”margin-bottom: 30px;”>
<div style=”position:relative;”>
<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>
<bg-image style=”background: url(https://assets.rappler.com/8FDBD9D2DE3E4DC1987942A811CF7B4D/img/08F19F91BB7A4B758D4B0F808C6028E0/asean-grand-parade-august-8-2017-010_08F19F91BB7A4B758D4B0F808C6028E0.jpg);”></bg-image>
<text-container class=”bottom left light half” style=”bottom: 5% !important; cursor: pointer;z-index: 2;”>
<h4 class=”no-margin” style=”font-weight:300; padding-top: 8px; cursor: pointer;”><a href=”https://www.rappler.com/nation/187086-walang-pasok-guide-31st-asean-summit” target=”_blank” class=”white link” style=”cursor: pointer;”>#WalangPasok Guide: 31st ASEAN Summit</a></h4>
<p class=”text-left” style=”font-size: 12px; cursor: pointer;”><a href=”https://www.rappler.com/nation/187086-walang-pasok-guide-31st-asean-summit” target=”_blank” class=”white link” style=”cursor: pointer;”>A guide on work and class suspensions due to the 31st ASEAN Summit in Manila</a></p>
</text-container>
</div>
</div>

 

<div class=”col-xs-12 col-sm-3″ style=”margin-bottom: 30px;”>
<div style=”position:relative;”>
<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>
<bg-image style=”background: url(https://assets.rappler.com/5ECA977FC2D14D568B455168B7631477/img/5BDCD0031AFD471EA382E515CE43DBA3/20171109-bank-schedules_5BDCD0031AFD471EA382E515CE43DBA3.jpg);”></bg-image>
<text-container class=”bottom left light half” style=”bottom: 5% !important; cursor: pointer;z-index: 2;”>
<h4 class=”no-margin” style=”font-weight:300; padding-top: 8px; cursor: pointer;”><a href=”https://www.rappler.com/business/187865-bank-schedules-31st-asean-summit-philippines” target=”_blank” class=”white link” style=”cursor: pointer;”>Bank schedules during 2017 ASEAN Summit</a></h4>
<p class=”text-left” style=”font-size: 12px; cursor: pointer;”><a href=”https://www.rappler.com/business/187865-bank-schedules-31st-asean-summit-philippines” target=”_blank” class=”white link” style=”cursor: pointer;”>Banks in Metro Manila release advisories on their operating hours for the duration of the Association of Southeast Asian Nations (ASEAN) Summit</a></p>
</text-container>
</div>
</div>

 

<div class=”col-xs-12 col-sm-3″ style=”margin-bottom: 30px;”>
<div style=”position:relative;”>
<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>
<bg-image style=”background: url(https://assets.rappler.com/3963FB2623BC414A842830AC40B76934/img/6EF500E63A47422CA8E2ACCEF2A39BF0/drones-cheaters_DDDB3FD81A174E008D8274CA90F4B68B_6EF500E63A47422CA8E2ACCEF2A39BF0.jpg);”></bg-image>
<text-container class=”bottom left light half” style=”bottom: 5% !important; cursor: pointer;z-index: 2;”>
<h4 class=”no-margin” style=”font-weight:300; padding-top: 8px; cursor: pointer;”><a href=”https://www.rappler.com/nation/186668-restricted-area-drone-manila-clark-asean” target=”_blank” class=”white link” style=”cursor: pointer;”>No-fly zones for drones in Manila, Clark during ASEAN Summit – CAAP</a></h4>
<p class=”text-left” style=”font-size: 12px; cursor: pointer;”><a href=”https://www.rappler.com/nation/186668-restricted-area-drone-manila-clark-asean” target=”_blank” class=”white link” style=”cursor: pointer;”>The Civil Aviation Authority of the Philippines also reminds drone operators of a 2014 memoranda declaring no-fly zones in certain areas such as military training camps and Malacañang</a></p>
</text-container>
</div>
</div>

 

</div>

 

</div>

 

</wide-image> 

<script>
var limit = 32;

 

function getStories() {
$.ajax({
type: ‘GET’,
dataType: ‘json’,
url: ‘https://svc.rappler.com/p/article/tag/ASEAN%202017?limit=18&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;

 

$(‘#content-container’).append(
‘<div class=”col-xs-12 col-sm-4″ class=”story-tile” style=”margin-bottom: 30px;”>’ +
‘<div style=”position:relative;”>’ +
`<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>` +
`<bg-image style=”background: url(https://assets.rappler.com${img});”></bg-image>` +

 

‘<text-container class=”bottom left light half” style=”bottom: 5% !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 link” style=”cursor: pointer;”>’ + headline + ‘</a>’ +
‘</h4>’ +

 

‘<p class=”text-left” style=”font-size: 12px; cursor: pointer;”>’ +
‘<a href=’ + slug + ‘ target=”_blank” class=”white link” style=”cursor: pointer;”>’ + meta + ‘</a>’ +
‘</p>’ +
‘</text-container>’ +
‘</div>’ +
‘</div>’
);
}

 

}
});
}

 

function printVideos() {
var vidArray = [‘https://www.youtube.com/embed/JxcgJWvOY4g’,
‘https://www.youtube.com/embed/WBdPTbGMlu4’,
‘https://www.youtube.com/embed/mmQWnLHN2BM’,
‘https://www.youtube.com/embed/krdL2geH-Gs’,
‘https://www.youtube.com/embed/nt4Vwalq350’,
‘https://www.youtube.com/embed/CiAkzmEYzjI’,
‘https://www.youtube.com/embed/NKtKMsF5KMQ’,
‘https://www.youtube.com/embed/qK8AcryiniI’,
‘https://www.youtube.com/embed/pS8YSkLt0LE’,
‘https://www.youtube.com/embed/2sx90ISNMrs’,
‘https://www.youtube.com/embed/lFR5MOrrZ18’,
‘https://www.youtube.com/embed/FR7HCyr6Znw’
];
for (var x = 0; x < vidArray.length; x++) {
$(‘#videos-container’).append(
‘<div class=”col-xs-12 col-sm-4″ class=”story-tile” style=”margin-bottom: 30px;”>’ +
‘<div class=”flex-video”>’ +
‘<iframe width=”560″ height=”315″ src=”‘ + vidArray[x] + ‘” frameborder=”0″ allowfullscreen></iframe>’ +
‘</div>’ +
‘</div>’
);
}
}

 

function getSpecialStories() {
$.ajax({
type: ‘GET’,
dataType: ‘json’,
url: ‘https://svc.rappler.com/p/article/tag/ASEAN%20SPECIAL%20REPORT?limit=6&state=1’,
}).done(function(json) {

 

$(‘#special-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;

 

$(‘#special-container’).append(
‘<div class=”col-xs-12 col-sm-4″ class=”story-tile” style=”margin-bottom: 30px;”>’ +
‘<div style=”position:relative;”>’ +
`<div style=”background: rgba(0,0,0,.35); position: absolute; top: 0; bottom: 0; width: 100%;z-index:1;”></div>` +
`<bg-image style=”background: url(https://assets.rappler.com${img});”></bg-image>` +

 

‘<text-container class=”bottom left light half” style=”bottom: 5% !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 link” style=”cursor: pointer;”>’ + headline + ‘</a>’ +
‘</h4>’ +

 

‘<p class=”text-left” style=”font-size: 12px; cursor: pointer;”>’ +
‘<a href=’ + slug + ‘ target=”_blank” class=”white link” style=”cursor: pointer;”>’ + meta + ‘</a>’ +
‘</p>’ +
‘</text-container>’ +
‘</div>’ +
‘</div>’
);
}

 

}
});
}
$(document).ready(function() {
getStories();
printVideos();
getSpecialStories();
$(‘.spec-exec-subhead’).html(‘<span>ASEAN turns 50.<br /> Full coverage of the 31st ASEAN Summit and Related Summits <br />from November 11-14, 2017, Manila, Philippines.</span>’);

 

})
</script>

 

{/source}