lxbfYeaa/LiveCartaWP
1
0
Fork 0
forked from LiveCarta/LiveCartaWP
Code Issues 238 Pull Requests Actions Packages Projects Releases Wiki Activity

wp small fixes

Browse Source
This commit is contained in:
Jerry
2022-11-09 10:30:11 +01:00
parent 36951740a5
commit c2929347cb
4 changed files with 145 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
htdocs/wp-content/themes/lawcarta/page-blog.php
View File

@@ -2,66 +2,79 @@
get_header();
$posts = get_posts(['nopaging' => true]);
?>
<div class="content no-pb">
<div class="blog-page">
<div class="bp-list-header">
<div class="cont">
<h1>Blog</h1>
<p>Read our latest news & articles!<br>Find blogs on publishing, teaching, and learning.</p>
</div>
</div>
<div class="bp-list-tabs">
<div class="cont">
<ul>
<li><a href="#" data-cat="cat-all" class="category-select selected">All Categories</a></li>
<li><a href="#" data-cat="cat-publishing" class="category-select">Publishing</a></li>
<li><a href="#" data-cat="cat-teaching" class="category-select">Teaching</a></li>
<li><a href="#" data-cat="cat-learning" class="category-select">Learning</a></li>
</ul>
<div class="content">
<div class="breadcrumbs">
<div class="cont">
<div class="inner-cont">
<ol class="breadcrumb">
<li><a href="/">Home</a></li>
<li class="active">Blog</li>
</ol>
</div>
</div>
<div class="bp-list cat-all">
<div class="cont">
<?php foreach ($posts as $post): ?>
<a href="<?=get_permalink(); ?>" class="bp-block <?php $categories = get_the_category(); foreach($categories as $category):?><?= $category->slug; ?> <?php endforeach;?>">
<span class="bp-img" style="background-image: url(<?=get_the_post_thumbnail_url(); ?>);"></span>
<span class="bp-title"><span class="cont-overflow"><?=get_the_title($post); ?></span></span>
<span class="bp-description"><span class="cont-overflow"><?=get_the_excerpt(); ?></span></span>
</a>
<?php endforeach; ?>
</div>
</div>
<script>
document.body.addEventListener('click', function(event){
var catClass = '';
if (event.target.classList.contains('category-select')) {
event.preventDefault();
document.querySelector('.category-select.selected').classList.remove('selected');
event.target.classList.add('selected');
document.querySelector('.bp-list').classList.remove('cat-publishing');
document.querySelector('.bp-list').classList.remove('cat-teaching');
document.querySelector('.bp-list').classList.remove('cat-learning');
document.querySelector('.bp-list').classList.remove('cat-all');
catClass = event.target.dataset.cat;
document.querySelector('.bp-list').classList.add(catClass);
return false;
}
});
</script>
</div>
<div class="main-page">
<div class="mp-small-block">
<div class="cont">
<div class="sb-head">Interested? Get to know more</div>
<div class="buttons">
<a href="/contact-us" class="button xxl mp-top-right">Request a demo</a>
<a href="<?= get_lawcarta_url()?>/user/registration" class="button xxl mp-top-left">Sign Up For Free</a>
<div class="page-head">
<div class="cont">
<div class="inner-cont">
<h1>Blog</h1>
<p>Welcome to LiveCarta blog!<br>Learn how to publish, teach and study efficiently.</p>
</div>
</div>
</div>
<div class="mp-tabs with-bg">
<div class="cont">
<div class="inner-cont">
<div class="links-cont">
<div class="links">
<a data-cat="cat-all" class="category-select link selected" href="#"><span>All Categories</span></a>
<a data-cat="cat-publishing" class="category-select link" href="#"><span>Publishing</span></a>
<a data-cat="cat-teaching" class="category-select link" href="#"><span>Teaching</span></a>
<a data-cat="cat-learning" class="category-select link" href="#"><span>Learning</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="mp-blog">
<div class="cont">
<div class="inner-cont">
<div class="bp-list cat-all">
<?php foreach ($posts as $post): ?>
<a class="bp-block <?php $categories = get_the_category(); foreach($categories as $category):?><?= $category->slug; ?> <?php endforeach;?>" href="<?=get_permalink(); ?>">
<span class="bp-img">
<img src="<?=get_the_post_thumbnail_url(); ?>" alt="Blog img">
</span>
<span class="bp-title"><?=get_the_title($post); ?></span>
<span class="bp-description"><?=get_the_excerpt(); ?></span>
</a>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
<div class="mp-feature with-bg bot-form">
<div class="cont">
<div class="inner-cont">
<div class="flex">
<div class="col">
<div class="mp-interested centered">
<h4>Interested? Get to know more</h4>
<div class="buttons">
<a href="/contact-us" class="button action big">Request a demo</a>
<a href="<?= get_lawcarta_url()?>/user/registration" class="button secondary big">Sign Up For Free</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
if (typeof ga === 'function' &&