| Server IP : 127.0.0.1 / Your IP : 216.73.216.109 Web Server : Apache/2.4.54 (Win64) OpenSSL/1.1.1q PHP/8.1.10 System : Windows NT DESKTOP-E5T4RUN 10.0 build 19045 (Windows 10) AMD64 User : SERVERWEB ( 0) PHP Version : 8.1.10 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/laragon/backup/www/ |
Upload File : |
<?php
include('php/prensa.php');
$catList = getList("categories");
$userList =getListC("users");
$apiUrl = "https://prensa.quillacollo.gob.bo/wp-json/wp/v2/posts?per_page=6&page=1";
$noticias = decode_api($apiUrl);
?>
<div class="column one column_fancy_heading">
<div class="fancy_heading fancy_heading_line">
<h2 class="title">Alcaldía <span id="thematic-websites" class="themecolor">informa</span></h2>
<div class="inside"><span class="big">Las noticias más relevantes de nuestro municipio.</span></div>
</div>
</div>
<div class="column one column_blog">
<div class="blog_wrapper isotope_wrapper clearfix">
<div class="posts_group lm_wrapper masonry isotope">
<?php
foreach($noticias as $post):
$content = $post['content']['rendered'];
if (preg_match('/<img[^>]+src="([^"]+)"/', $content, $matches)) {
$firstImageURL = $matches[1];
}
if (preg_match('/<a href="([^"]+)">/', $content, $matches)) {
$firstDocURL = $matches[1];
}
foreach ($userList as $authorData) {
if ($authorData['id'] == $post['author']) {
$author = $authorData;
break;
}
}
$categories = [];
foreach ($catList as $category) {
if(!empty($post['categories'])){
foreach ($post['categories'] as $catPost) {
if ($category['id'] == $catPost) {
$categories[] = $category;
}
}
}
}
?>
<?php $dimensions=[];
if(!empty($firstImageURL) || !empty($firstDocURL)){
$dimensions = getimagesize($firstImageURL);
if ($dimensions[0] >= $dimensions[1]) {
?>
<div class=" post format-standard has-post-thumbnail category-motion category-photography post-item isotope-item clearfix">
<div class="image_frame post-photo-wrapper scale-with-grid">
<div class="image_wrapper">
<a href="<?= $post['link'] ?>">
<div class="mask"></div>
<img width="576" height="450" src="<?php echo $firstImageURL?>" class="scale-with-grid wp-post-image" />
</a>
<div class="image_links double">
<a href="<?php echo $firstImageURL?>" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a>
<a href="<?= $post['link'] ?>" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-meta clearfix">
<div class="author-date">
<span class="author"><span>Publicado por </span>
<i class="icon-user"></i> <a href="#"><?= $author['name'] ?></a>
</span>
<span class="date"><span> Fecha </span><i class="icon-clock"></i>
<?php echo date("d-m-Y", strtotime($post['date_gmt']));?>
</span>
</div>
<div class="category">
<span class="cat-btn">Categoría <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<?php foreach($categories as $cat):?>
<li>
<a href="<?= $cat['link']?>" rel="category tag"><?= $cat['name']?></a>
</li>
<?php endforeach?>
</ul>
</div>
</div>
</div>
<div class="post-title">
<h2 class="entry-title">
<a href="<?= $post['link'] ?>"><?= $post['title']['rendered'] ?></a></h2>
</div>
<div class="post-excerpt">
<span class="big">
<?= strstr($post['excerpt']['rendered'], '</p>', true) ?>
</span>
</div>
<div class="post-footer">
<div class="button-love">
<!-- <span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="175"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">343</span></a> -->
</div>
<div class="post-links">
<!-- <i class="icon-comment-empty-fa"></i>
<a href="blog-single-content-builder.html#comments" class="post-comments">4</a><i class="icon-doc-text"></i> -->
<a class="post-more" href="<?= $post['link'] ?>">
Leer mas..<span class="icon linearicons-arrow-right"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<?php }else{ ?>
<div class="post format-image has-post-thumbnail category-mobile category-photography post-item isotope-item clearfix">
<div class="image_frame post-photo-wrapper scale-with-grid">
<div class="image_wrapper">
<a href="<?= $post['link'] ?>">
<div class="mask"></div>
<?php if(!empty($firstImageURL)){?>
<img width="500" height="649" src="<?php echo $firstImageURL?>" class="scale-with-grid wp-post-image"
style="max-height: 500px; width: auto; "/>
<?php }else if(!empty($firstDocURL)){?>
<object class="wp-block-file__embed" data="<?=$firstDocURL?>" style="width:100%;height:600px" aria-label="Incrustado de Carta-de-Inscripcion."></object>
<?php }?>
</a>
<div class="image_links double">
<a href="<?php echo $firstImageURL?>" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a>
<a href="<?= $post['link'] ?>" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-meta clearfix">
<div class="author-date">
<span class="author"><span>Publicado por </span>
<i class="icon-user"></i> <a href="#"><?= $author['name'] ?></a>
</span>
<span class="date"><span> Fecha </span><i class="icon-clock"></i>
<?php echo date("d-m-Y", strtotime($post['date_gmt']));?>
</span>
</div>
<div class="category">
<span class="cat-btn">Categoría <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<?php foreach($categories as $cat):?>
<li>
<a href="<?= $cat['link']?>" rel="category tag"><?= $cat['name']?></a>
</li>
<?php endforeach?>
</ul>
</div>
</div>
</div>
<div class="post-title">
<h2 class="entry-title">
<a href="<?= $post['link'] ?>"><?= $post['title']['rendered'] ?></a>
</h2>
</div>
<div class="post-excerpt">
<span class="big">
<?= strstr($post['excerpt']['rendered'], '</p>', true) ?>
</span>
</div>
<div class="post-footer">
<div class="button-love">
<!-- <span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="175"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">343</span></a> -->
</div>
<div class="post-links">
<!-- <i class="icon-comment-empty-fa"></i>
<a href="blog-single-content-builder.html#comments" class="post-comments">4</a><i class="icon-doc-text"></i> -->
<a class="post-more" href="<?= $post['link'] ?>">
Leer mas..<span class="icon linearicons-arrow-right"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<?php }?>
<?php }else if(!empty($firstVideoURL)){?>
<div class="post format-video has-post-thumbnail category-mobile category-photography post-item isotope-item clearfix">
<div class="date_label">
<?php echo date("d-m-Y", strtotime($post['date_gmt']));?>
</div>
<div class="image_frame post-photo-wrapper scale-with-grid">
<div class="image_wrapper">
<div id="jp_container_655" class="jp-video mfn-jcontainer">
<div class="jp-type-single">
<div id="jquery_jplayer_655" class="jp-jplayer mfn-jplayer" data-m4v="<?= $firstVideoURL ?>" data-img="images/blog_html5-576x399.jpg"></div>
<div class="jp-gui">
<div class="jp-video-play">
<a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a>
</div>
<div class="jp-interface">
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-current-time"></div>
<div class="jp-duration"></div>
<div class="jp-controls-holder">
<ul class="jp-controls">
<li>
<a href="javascript:;" class="jp-play" tabindex="1">play</a>
</li>
<li>
<a href="javascript:;" class="jp-pause" tabindex="1">pause</a>
</li>
<li>
<a href="javascript:;" class="jp-stop" tabindex="1">stop</a>
</li>
<li>
<a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a>
</li>
<li>
<a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a>
</li>
<li>
<a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a>
</li>
</ul>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
<ul class="jp-toggles">
<li>
<a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a>
</li>
<li>
<a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a>
</li>
<li>
<a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a>
</li>
<li>
<a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a>
</li>
</ul>
</div>
<div class="jp-title">
<ul>
<li>
<a href="<?= $post['link'] ?>"><?= $post['title']['rendered'] ?></a>
</li>
</ul>
</div>
</div>
</div>
<div class="jp-no-solution">
<span>Update Required</span>To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>
</div>
</div>
</div>
</div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-meta clearfix">
<div class="author-date">
<span class="author"><span>Publicado por </span>
<i class="icon-user"></i> <a href="#"><?= $author['name'] ?></a>
</span>
<span class="date"><span> Fecha </span><i class="icon-clock"></i>
<?php echo date("d-m-Y", strtotime($post['date_gmt']));?>
</span>
</div>
<div class="category">
<span class="cat-btn">Categoría <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<?php foreach($categories as $cat):?>
<li>
<a href="<?= $cat['link']?>" rel="category tag"><?= $cat['name']?></a>
</li>
<?php endforeach?>
</ul>
</div>
</div>
</div>
<div class="post-title">
<h2 class="entry-title">
<a href="<?= $post['link'] ?>"><?= $post['title']['rendered'] ?></a></h2>
</div>
<div class="post-excerpt">
<span class="big">
<?= strstr($post['excerpt']['rendered'], '</p>', true) ?>
</span>
</div>
<div class="post-footer">
<div class="button-love">
<!-- <span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="175"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">343</span></a> -->
</div>
<div class="post-links">
<!-- <i class="icon-comment-empty-fa"></i>
<a href="blog-single-content-builder.html#comments" class="post-comments">4</a><i class="icon-doc-text"></i> -->
<a class="post-more" href="<?= $post['link'] ?>">
Leer mas..<span class="icon linearicons-arrow-right"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<?php }else{?>
<div class="post format-quote post-item isotope-item clearfix no-img">
<div class="image_frame post-photo-wrapper scale-with-grid">
<div class="image_wrapper"></div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-meta clearfix">
<div class="author-date">
<span class="author"><span>Publicado por </span>
<i class="icon-user"></i> <a href="#"><?= $author['name'] ?></a>
</span>
<span class="date"><span> Fecha </span><i class="icon-clock"></i>
<?php echo date("d-m-Y", strtotime($post['date_gmt']));?>
</span>
</div>
<div class="category">
<span class="cat-btn">Categoría <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<?php foreach($categories as $cat):?>
<li>
<a href="<?= $cat['link']?>" rel="category tag"><?= $cat['name']?></a>
</li>
<?php endforeach?>
</ul>
</div>
</div>
</div>
<div class="post-title">
<h2 class="entry-title">
<a href="<?= $post['link'] ?>"><?= $post['title']['rendered'] ?></a></h2>
</div>
<div class="post-excerpt">
<span class="big">
<?= strstr($post['excerpt']['rendered'], '</p>', true) ?>
</span>
</div>
<div class="post-footer">
<div class="button-love">
<!-- <span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="175"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">343</span></a> -->
</div>
<div class="post-links">
<!-- <i class="icon-comment-empty-fa"></i>
<a href="blog-single-content-builder.html#comments" class="post-comments">4</a><i class="icon-doc-text"></i> -->
<a class="post-more" href="<?= $post['link'] ?>">
Leer mas..<span class="icon linearicons-arrow-right"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
<?php endforeach;?>
</div>
</div>
</div>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/jquery-migrate-3.4.0.min.js"></script>
<script src="js/mfn.menu.js"></script>
<script src="js/jquery.plugins.js"></script>
<script src="js/jquery.jplayer.min.js"></script>
<script src="js/animations/animations.js"></script>
<script src="js/email.js"></script>
<script src="js/scripts.js"></script>
<script src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
<script src="plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
<script src="plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
<script src="plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
<script>
var tpj = jQuery;
tpj.noConflict();
var revapi34;
tpj(document).ready(function() {
if (tpj("#rev_slider_34_2").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_34_2");
} else {
revapi34 = tpj("#rev_slider_34_2").show().revolution({
sliderType:"standard",
sliderLayout:"auto",
dottedOverlay:"none",
delay: 7000,
navigation: {
keyboardNavigation:"off",
keyboard_direction:"horizontal",
mouseScrollNavigation:"off",
onHoverStop:"on",
touch: {
touchenabled:"on",
swipe_threshold: 0.7,
swipe_min_touches: 1,
swipe_direction:"horizontal",
drag_block_vertical: false
},
arrows: {
style:"uranus",
enable: true,
hide_onmobile: false,
hide_onleave: false,
tmp: '',
left: {
h_align:"right",
v_align:"bottom",
h_offset: 90,
v_offset: 40
},
right: {
h_align:"right",
v_align:"bottom",
h_offset: 40,
v_offset: 40
}
},
thumbnails: {
style:"hesperiden",
enable: true,
width: 200,
height: 80,
min_width: 100,
wrapper_padding: 5,
wrapper_color:"transparent",
wrapper_opacity:"1",
tmp: '<span class="tp-thumb-image"></span><span class="tp-thumb-title">Slide</span>',
visibleAmount: 3,
hide_onmobile: true,
hide_under: 0,
hide_onleave: false,
direction:"horizontal",
span: false,
position:"inner",
space: 5,
h_align:"left",
v_align:"bottom",
h_offset: 40,
v_offset: 40
}
},
gridwidth: 1180,
gridheight: 750,
lazyType:"none",
shadow: 0,
spinner:"spinner3",
stopLoop:"off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle:"off",
autoHeight:"off",
disableProgressBar:"on",
hideThumbsOnMobile:"on",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
startWithSlide: 0,
debugMode: false,
fallbacks: {
simplifyAll:"on",
nextSlideOnWindowFocus:"off",
disableFocusListener:"off",
}
});
}
});
</script>
<script>
jQuery(window).on('load', function () {
var retina = window.devicePixelRatio> 1 ? true : false;
if (retina) {
var retinaEl = jQuery("#logo img");
var retinaLogoW = retinaEl.width();
var retinaLogoH = retinaEl.height();
retinaEl.attr("src","images/logo1.png").width(retinaLogoW).height(retinaLogoH)
}
});
</script>