149 lines
7.0 KiB
HTML
149 lines
7.0 KiB
HTML
<!doctype html>
|
||
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>首页-Quinn</title>
|
||
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
|
||
<link rel="stylesheet" th:href="@{/css/backgroud.css}">
|
||
<link rel="stylesheet" th:href="@{/css/vno.css}">
|
||
<link rel="stylesheet" th:href="@{/css/iconfont.css}">
|
||
</head>
|
||
<body>
|
||
<main>
|
||
<span class="mobile btn-mobile-menu">
|
||
<i class="social iconfont icon-list btn-mobile-menu__icon"></i>
|
||
<i class="social iconfont icon-angleup btn-mobile-close__icon hidden"></i>
|
||
</span>
|
||
<header id="panel" class="panel-cover">
|
||
<div class="panel-main">
|
||
<div class="panel-main__inner panel-inverted">
|
||
<div class="panel-main__content">
|
||
<div class="ih-item effect">
|
||
<h2 style="margin: 0;padding: 0;text-align: center;color: #ffffff;font-size: 30px;">
|
||
<b style="width: 20px;height: 20px;background: #00C6FF;display: inline-block;position: relative;left: 10px;top: 5px;">
|
||
</b>
|
||
<em style="width: 20px;height: 20px;background: #FFB900;display: inline-block;position: relative;left: -30px;top: 10px;">
|
||
</em>
|
||
<strong style="position: relative;">QUINN</strong>
|
||
<b style="width: 20px;height: 20px;background: #00C6FF;display: inline-block;position: relative;left: 40px;top: 5px;">
|
||
</b>
|
||
<em style="width: 20px;height: 20px;background: #FFB900;display: inline-block;position: relative;left: 0px;top: 10px;">
|
||
</em>
|
||
</h2>
|
||
<p style="margin: 0;padding: 0;text-align: center;color: #969696; font-size: 14px;">
|
||
分享&交流
|
||
</p>
|
||
</div>
|
||
<div class="panel-cover__title panel-title iUp">
|
||
<br/>
|
||
</div>
|
||
<p class="panel-cover__subtitle panel-subtitle iUp">免费资源分享、开源技术交流</p>
|
||
<hr class="panel-cover__divider iUp" />
|
||
<p id="description" class="panel-cover__description iUp">
|
||
拒绝内卷，拒绝内耗！
|
||
<br/>
|
||
<strong id="showTime"></strong>
|
||
</p>
|
||
<div class="navigation-wrapper iUp">
|
||
<div>
|
||
<nav class="cover-navigation cover-navigation--primary">
|
||
<ul class="navigation">
|
||
<li class="navigation__item">
|
||
<a href="/blog" class="blog-button">博客</a>
|
||
</li>
|
||
<li class="navigation__item">
|
||
<a href="/favor" class="blog-button">斗图</a>
|
||
</li>
|
||
<li class="navigation__item">
|
||
<a href="/guess" class="blog-button">词谜</a>
|
||
</li>
|
||
<li class="navigation__item">
|
||
<a href="/firework" class="blog-button">看烟花</a>
|
||
</li>
|
||
<li class="navigation__item">
|
||
<a href="/about" class="blog-button">关于</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="iUp">
|
||
<nav class="cover-navigation navigation--social">
|
||
<ul class="navigation">
|
||
<!-- <li class="navigation__item">-->
|
||
<!-- <a href="https://github.com/dmego/" title="github" target="_blank">-->
|
||
<!-- <i class='social iconfont icon-github'></i>-->
|
||
<!-- <span class="label">github</span>-->
|
||
<!-- </a>-->
|
||
<!-- </li>-->
|
||
<li class="navigation__item">
|
||
<a href="https://blog.csdn.net/qq_25391375" title="cnblogs" target="_blank">
|
||
<i class='social iconfont icon-cnblogs'></i>
|
||
<span class="label">cnblogs</span>
|
||
</a>
|
||
</li>
|
||
<li class="navigation__item">
|
||
<a href="https://www.zhihu.com/people/quinn-admin" title="zhihu" target="_blank">
|
||
<i class='social iconfont icon-zhihu'></i>
|
||
<span class="label">zhihu</span>
|
||
</a>
|
||
</li>
|
||
<li class="navigation__item">
|
||
<a href="mailto:quinn.admin@88.com" title="email">
|
||
<i class='social iconfont icon-email'></i>
|
||
<span class="label">email</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="panel-cover--overlay cover-slate"></div>
|
||
</div>
|
||
<div class="remark power">
|
||
<a class="text-light text-decoration-none" target="_blank" href='https://beian.miit.gov.cn'>©QUINN 浙ICP备2020031991号</a>
|
||
</div>
|
||
</header>
|
||
</main>
|
||
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
|
||
<script th:src="@{/js/main.js}"></script>
|
||
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
|
||
<script th:src="@{/js/jquery-ui.min.js}"></script>
|
||
<script>
|
||
// var typed = new Typed('.element', {
|
||
// strings: ["Quinn注册流程，技术博客，交流反馈。可点击下方了解详情↓"], //输入内容, 支持html标签
|
||
// typeSpeed: 120, //打字速度
|
||
// backSpeed: 50 //回退速度
|
||
// });
|
||
var t = null;
|
||
t = setTimeout(time, 1000);
|
||
function time() {
|
||
clearTimeout(t); //清除定时器
|
||
dt = new Date();
|
||
var y = dt.getFullYear();
|
||
var mt = dt.getMonth() + 1;
|
||
var day = dt.getDate();
|
||
var h = dt.getHours(); //获取时
|
||
var m = dt.getMinutes(); //获取分
|
||
var s = dt.getSeconds(); //获取秒
|
||
document.querySelector("#showTime").innerHTML =
|
||
y +
|
||
"年" +
|
||
mt +
|
||
"月" +
|
||
day +
|
||
"日-" +
|
||
h +
|
||
"时" +
|
||
m +
|
||
"分" +
|
||
s +
|
||
"秒";
|
||
t = setTimeout(time, 1000); //设定定时器，循环运行
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|