This commit is contained in:
rainerosion 2022-02-05 18:43:21 +08:00
parent 6c99c1142f
commit 8319c804ad
2 changed files with 84 additions and 0 deletions

View File

@ -10,6 +10,89 @@
$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="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></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">

View File

@ -1,5 +1,6 @@
<?php
$this->need('base/header.php');
$this->need('base/style.php');
$this->need('base/article.style.php');
?>
<div class="bg-cover pd-header post-cover" style="background-image:url(<?php echo get_postthumb($this); ?>)">