189 lines
12 KiB
PHP
189 lines
12 KiB
PHP
<?php
|
|
/**
|
|
* Matery theme for Typecho
|
|
*
|
|
* @package Matery Theme
|
|
* @author rainerosion
|
|
* @version 1.0
|
|
* @link https://rainss.cn
|
|
*/
|
|
|
|
$this->need('base/header.php');
|
|
?>
|
|
<div class="carousel carousel-slider center index-cover" data-indicators="true" style="margin-top:-64px">
|
|
<div id="prev-cover" class="left waves-effect carousel-control"><i class="icon fa fa-angle-left"></i></div>
|
|
<div id="next-cover" class="right waves-effect carousel-control"><i class="icon fa fa-angle-right"></i></div>
|
|
<div class="carousel-item gray white-text bg-cover about-cover">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
|
|
<div class="brand">
|
|
<div class="title center-align">墨白</div>
|
|
<div class="description center-align"><span id="subtitle"></span>
|
|
<script src="<?php $this->options->themeUrl('static/dplayer/DPlayer.min.js'); ?>"></script>
|
|
<script>var typed = new Typed("#subtitle", {
|
|
strings: ["实现自己既定的目标，必须能耐得住寂寞单干", "To achieve the goal, we must be able to stand the loneliness and do it alone"],
|
|
startDelay: 100,
|
|
typeSpeed: 120,
|
|
loop: !0,
|
|
backSpeed: 150,
|
|
showCursor: !1
|
|
})</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>$(".bg-cover").css("background-image", "url(<?php $this->options->themeUrl('static'); ?>/medias/banner/" + (new Date).getDay() + ".jpg)")</script>
|
|
<div class="cover-btns"><a href="#indexCard" class="waves-effect waves-light btn"><i
|
|
class="fa fa-angle-double-down"></i>开始阅读 </a><a
|
|
href="https://codeload.github.com/mobaijun8/hexo_blog_matery/zip/master"
|
|
class="waves-effect waves-light btn" target="_blank"><i
|
|
class="fas fa-cloud-download-alt"></i>下载主题</a></div>
|
|
<div class="cover-social-link"><a href="https://github.com/mobaijun/hexo_blog_matery" class="tooltipped"
|
|
target="_blank"
|
|
data-tooltip="github: https://github.com/mobaijun/hexo_blog_matery"
|
|
data-position="top" data-delay="50"><i class="fab fa-github-alt"></i>
|
|
</a><a
|
|
href="https://gitee.com/wang_lianjie/mobai_hexoBlog" class="tooltipped" target="_blank"
|
|
data-tooltip="码云" data-position="top" data-delay="50"><i class="fab fa-gofore"></i> </a><a
|
|
href="https://wang_lianjie.gitee.io/mobai_images.gitee.io/ziliaoxiazai.html"
|
|
class="tooltipped"
|
|
target="_blank"
|
|
data-tooltip="java: https://wang_lianjie.gitee.io/mobai_images.gitee.io/ziliaoxiazai.html"
|
|
data-position="top" data-delay="50"><i class="fab fa-studiovinari"></i> </a><a
|
|
href="mailto:mobaijun8@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我"
|
|
data-position="top" data-delay="50"><i class="fas fa-at"></i> </a><a
|
|
href="https://wang_lianjie.gitee.io/mobai_images.gitee.io/img/about.jpg" class="tooltipped"
|
|
target="_blank"
|
|
data-tooltip="wechat: https://wang_lianjie.gitee.io/mobai_images.gitee.io/img/about.jpg"
|
|
data-position="top" data-delay="50"><i class="fab fa-weixin"></i> </a><a href="/atom.xml"
|
|
class="tooltipped"
|
|
target="_blank"
|
|
data-tooltip="RSS 订阅"
|
|
data-position="top"
|
|
data-delay="50"><i
|
|
class="fas fa-rss"></i></a></div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item amber white-text carousel-post bg-cover"
|
|
style="background-image:url(/medias/featureimages/7.jpg)">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col s10 offset-s1">
|
|
<div class="title center-align">Hello World</div>
|
|
<div class="description center-align">
|
|
生活就是，只有勇于攀登才能创造辉煌；生活就是创新，只有与时俱进才能跟上时代；生活就是付出，只有吃苦流汗才能实现理想；生活就是享受，只有品尝人生才能感知生活的快乐。
|
|
</div>
|
|
<div class="cover-btns"><a href="/posts/hello-world.html" class="waves-effect waves-light btn"
|
|
target="_blank"><i class="icon fa fa-eye fa-fw"></i>阅读更多</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>$(function () {
|
|
let coverSlider = $('.carousel');
|
|
coverSlider.carousel({
|
|
duration: Number('120'),
|
|
fullWidth: true,
|
|
indicators: 'true' === 'true'
|
|
});
|
|
|
|
let carouselIntervalId;
|
|
|
|
|
|
let restartPlay = function () {
|
|
|
|
};
|
|
|
|
|
|
// prev and next cover post.
|
|
$('#prev-cover').click(function () {
|
|
coverSlider.carousel('prev');
|
|
restartPlay();
|
|
});
|
|
$('#next-cover').click(function () {
|
|
coverSlider.carousel('next');
|
|
restartPlay();
|
|
});
|
|
|
|
});</script>
|
|
<!-- start main -->
|
|
<main class="content">
|
|
<div id="indexCard" class="index-card">
|
|
<div class="container">
|
|
<div class="card">
|
|
<div class="card-content">
|
|
<div id="recommend-sections" class="recommend">
|
|
<div class="title"><i class="far fa-thumbs-up"></i> 推荐文章</div>
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<div class="post-card" style="background-image:url(/medias/featureimages/5.jpg)">
|
|
<div class="post-body">
|
|
<div class="post-categories"><a href="/categories/%E5%8D%9A%E5%AE%A2/"
|
|
class="category">博客</a></div>
|
|
<a href="/posts/3274106043.html">
|
|
<h3 class="post-title">博客地址更换为https://www.mobaijun.com</h3>
|
|
</a>
|
|
<p class="post-description">博客地址已经更换,请大家奔走相告新地址为:https://www.mobaijun.com
|
|
document.querySelectorAll('.gi</p><a href="/posts/3274106043.html"
|
|
class="read-more btn waves-effect waves-light"
|
|
style="background:linear-gradient(to right,#ff5e3a 0,#ff2a68 100%)"
|
|
target="_blank"><i
|
|
class="icon far fa-eye fa-fw"></i>阅读更多</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<article id="articles" class="container articles">
|
|
<div class="row article-row">
|
|
<?php while ($this->next()): ?>
|
|
<div class="article col s12 m6 l4" data-aos="zoom-in">
|
|
<div class="card"><a href="<?php $this->permalink() ?>" target="_blank">
|
|
<div class="card-image"><img src="<?php _e(get_postthumb($this)); ?>"
|
|
class="responsive-img"
|
|
alt="<?php $this->title() ?>"> <span
|
|
class="card-title"><?php $this->title() ?></span></div>
|
|
</a>
|
|
<div class="card-content article-content">
|
|
<div class="summary block-with-text">
|
|
<?php $this->excerpt(140, '...'); ?>
|
|
</div>
|
|
<div class="publish-info"><span class="publish-date"><i
|
|
class="fa fa-clock fa-fw icon-date"></i><?php $this->date(); ?> </span><span
|
|
class="publish-author"><i
|
|
class="fa fa-bookmark fa-fw icon-category"></i> <?php $this->category(','); ?></span>
|
|
</div>
|
|
</div>
|
|
<div class="card-action article-tags">
|
|
<?php $this->tags(' ', true, '<a href="#">暂无标签</a>'); ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endwhile; ?>
|
|
</div>
|
|
</article>
|
|
</main>
|
|
<!-- end main -->
|
|
<div class="container paging">
|
|
<div class="row">
|
|
<div class="col s6 m4 l4"><a href="<?php _e(getPrevPageLink($this)); ?>"
|
|
class="left btn-floating btn-large <?php if (getPrevPageLink($this) == "#"): _e("disabled"); else: _e("waves-effect waves-light bg-color"); endif; ?>"><i
|
|
class="fas fa-angle-left"></i></a>
|
|
</div>
|
|
<div class="page-info col m4 l4 hide-on-small-only">
|
|
<div class="center-align b-text-gray"><?php _e($this->getCurrentPage()); ?>
|
|
/ <?php _e($this->getTotalPage()); ?></div>
|
|
</div>
|
|
<div class="col s6 m4 l4"><a href="<?php _e(getNextPageLink($this)); ?>"
|
|
class="right btn-floating btn-large <?php if (getNextPageLink($this) == "#"): _e("disabled"); else: _e("waves-effect waves-light bg-color"); endif; ?>"><i
|
|
class="fas fa-angle-right"></i></a></div>
|
|
</div>
|
|
</div>
|
|
<?php //$this->need('/base/sidebar.php'); ?>
|
|
<?php $this->need('/base/footer.php'); ?>
|