refactor(template): update

This commit is contained in:
SukkaW 2018-08-04 15:29:34 +08:00
parent e83a1e4873
commit 5f8e97f431

View file

@ -12,32 +12,154 @@
<meta name="description" itemprop="description" content="又一个 Chrome 离线包下载">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sukkaw/suka.css@0.1.0/dist/suka.min.css">
<style>
.sk-shadow-1 {
border: 1px solid #eee;
}
.sha-256 {
overflow: hidden;
user-select: all
}
body {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
.lead,
a,
.a,
label,
option,
input,
span,
select,
button,
textarea,
div {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif
}
.bs-callout {
padding: 16px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
word-break: break-all;
}
.bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.bs-callout blockquote {
font-size: 14px;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code {
border-radius: 3px;
}
.bs-callout+.bs-callout {
margin-top: -5px;
}
.bs-callout-success {
border-left-color: #339933;
}
.bs-callout-success h4 {
color: #339933;
}
.bs-callout-danger {
border-left-color: #ce4844;
}
.bs-callout-danger h4 {
color: #ce4844;
}
.bs-callout-warning {
border-left-color: #aa6708;
}
.bs-callout-warning h4 {
color: #aa6708;
}
.bs-callout-info {
border-left-color: #1b809e;
}
.bs-callout-info h4 {
color: #1b809e;
}
</style>
<!--[if lt IE 9]><script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3"></script><script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script><![endif]-->
<meta property="og:title" content="Chrome 离线包 - SukkaLab">
<meta property="og:type" content="Website">
<meta property="og:url" content="https://lab.suka.moe/chrome">
<meta property="og:description" content="又一个 Chrome 离线包下载">
<meta name="twitter:card" content="summary">
<style>
.sha-256 {
overflow: hidden;
user-select: all
}
</style>
<script type="text/javascript">if (parent.frames.length > 0) top.location.replace('https://lab.suka.moe/chrome/'); if (self != top) top.location = 'https://lab.suka.moe/chrome/';
var a = window.location.host,
b = "lab.suka.moe",
c = "localhost:8080",
d = "https://lab.suka.moe/chrome";
b != a && c != a && (window.location.href = d);
</script>
</head>
<body>
<div class="container sk-pb-8">
<div class="sk-pt-8">
<h1 class="text-center">Chrome 离线包下载</h1>
<p class="h2 text-center">
<small>For Windows Only</small>
</p>
<h1 class="h2 text-center">Chrome 离线包下载&nbsp;<small>For Windows Only</small></h1>
<p class="h3 sk-mt-0 text-center">
<small>查询时间 {{CheckTime}}</small>
</p>
</div>
<div class="row">
<div class="bs-callout bs-callout-danger sk-shadow-1">
<h4 class="sk-mb-4">使用提示</h4>
<p>这里提供的是 Google 官方的离线包下载地址,<b>离线包并未内置在线更新</b></p>
<h5 class="sk-text-bold">Chrome 官网</h5>
<p><a href="https://www.google.com/chrome/" target="_blank" rel="noopener noreferrer">https://www.google.com/chrome/</a>(中国大陆地区不可访问)<br><a href="https://www.google.cn/chrome/" target="_blank" rel="noopener noreferrer">https://www.google.cn/chrome/</a>(中国大陆地区可访问)</p>
<h5 class="sk-text-bold">站内快速跳转</h5>
<p>
<a href="#stable">Stable 稳定版</a>&nbsp;|&nbsp;<!--
--><a href="#beta">Beta 测试版</a>&nbsp;|&nbsp;<!--
--><a href="#dev">Dev 开发版</a>&nbsp;|&nbsp;<!--
--><a href="#canary">Canary 金丝雀</a>
</p>
<h5 class="sk-text-bold">项目开源地址</h5>
<p>
<a href="https://github.com/SukkaW/ChromeChecker" target="_blank" rel="noopener noreferrer">https://github.com/SukkaW/ChromeChecker</a>
</p>
<h5 class="sk-text-bold">APIXML 格式)</h5>
<p>
<a href="https://lab.suka.moe/chrome/chrome.xml" target="_blank" rel="noopener noreferrer">https://lab.suka.moe/chrome/chrome.xml</a>(未压缩)<br>
<a href="https://lab.suka.moe/chrome/chrome.min.xml" target="_blank" rel="noopener noreferrer">https://lab.suka.moe/chrome/chrome.min.xml</a>(已压缩)
</p>
<blockquote class="sk-mb-0">你完全可以用本站开放的 API 来完成你想要做的任何事情,所以 <b>完全没有必要</b> 用 iframe 嵌套或反代本站,或者用爬虫爬取本站 HTML 来获取数据。</blockquote>
</div>
<div id="stable" class="row">
<div class="col-sm-6 sk-pt-5">
<div class="sk-shadow-1 sk-p-5">
<h4 class="sk-mt-0 sk-mb-3 sk-text-bold">Stable 稳定版 32 位&nbsp;&nbsp;
@ -87,7 +209,7 @@
</div>
</div>
</div>
<div class="row">
<div class="row" id="beta">
<div class="col-sm-6 sk-pt-5">
<div class="sk-shadow-1 sk-p-5">
<h4 class="sk-mt-0 sk-mb-3 sk-text-bold">Beta 测试版 32 位&nbsp;&nbsp;
@ -137,7 +259,7 @@
</div>
</div>
</div>
<div class="row">
<div class="row" id="dev">
<div class="col-sm-6 sk-pt-5">
<div class="sk-shadow-1 sk-p-5">
<h4 class="sk-mt-0 sk-mb-3 sk-text-bold">Dev 开发版 32 位&nbsp;&nbsp;
@ -187,7 +309,7 @@
</div>
</div>
</div>
<div class="row">
<div class="row" id="canary">
<div class="col-sm-6 sk-pt-5">
<div class="sk-shadow-1 sk-p-5">
<h4 class="sk-mt-0 sk-mb-3 sk-text-bold">Canary 金丝雀 32 位&nbsp;&nbsp;