首页
This commit is contained in:
parent
6c99c1142f
commit
8319c804ad
83
index.php
83
index.php
@ -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">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user