Skip to content

Instantly share code, notes, and snippets.

@htfy96
Created May 14, 2016 13:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save htfy96/e1f3f358a14aff6412b7e18f5c6a6702 to your computer and use it in GitHub Desktop.
Save htfy96/e1f3f358a14aff6412b7e18f5c6a6702 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>lz</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.3/iframeResizer.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.min.js"></script>
<style type="text/css">
.sync-finished
{
min-width:3rem;
padding:0 6px;
text-align:center;
font-size:1rem;
line-height:inherit;
color:#757575;
position:relative;
right:15px;
box-sizing:border-box;
}
.sync-working
{
color:#fff;
background-color:#26a69a;
border-radius:5px;
position: relative;
padding: 5px;
}
.tab a
{
color: #039be5 !important;
}
.body-container
{
margin-top: 2em;
}
i.fa-question-circle
{
margin-left: 1em;
}
</style>
</head>
<body>
<nav>
<div class="light-blue nav-wrapper">
<div class="container">
<a href="#" class="brand-logo center" style="height: 100%"><img src="https://raw.githubusercontent.com/sjtug/sjtug.github.io/master/img/Rocket120.png" alt="logo" style="vertical-align: middle; max-height: 90%; margin: auto"></img> SJTUG Mirror</a>
</div>
</div>
</nav>
<div class="body-container container">
<div class="row">
<div class="col s12">
<ul class="tabs blue-text">
<li class="tab col s6"><a href="#list">镜像列表</a></li>
<li class="tab col s6"><a href="#status">服务器状态</a></li>
</ul>
</div>
<div id="list" class="col s12">
<table class="highlight centered">
<thead>
<tr>
<th data-field="name">镜像名称</th>
<th data-field="status">状态</th>
</tr>
</thead>
<tbody>
<tr>
<td><a class="tooltip" href="https://mirrors.sjtug.org/archlinux">ArchLinux </a></td>
<td><span class="sync-finished">最近更新:2016-05-14 12:00</span></td>
</tr>
<tr>
<td><a class="tooltip" href="https://mirrors.sjtug.org/vim">Vim</a></td>
<td><span class="sync-working">Syncing</span></td>
</tr>
</tbody>
</table>
</div>
<div id="status" class="col s12">
<iframe frameborder="0" scrolling="yes" seamless="true" id="status-iframe" src="https://mirrors.sjtug.org/status.html" style="width:100%; min-height: 2000px"></iframe>
</div>
</div>
</div>
<footer class="page-footer light-blue darken-4">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">SJTUG软件源镜像</h5>
<p class="grey-text text-lighten-4">Supported by SJTU Net&Infomation Center</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">链接</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="http://sjtug.org">SJTUG主页</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
iFrameResize({log: true});
var tooltips = {
"ArchLinux": 'Arch Linux源使用方法:<br /> 编辑/etc/pacman.d/mirrorlist,先注释掉里面的所有行,然后在文件的最顶端添加<br /> <code> Server = http://mirrors.sjtug.org/archlinux/$repo/os/$arch </code> '
};
$(function() {
$(".tooltip").each(function() {
for (var name in tooltips) {
var text = $(this).text();
if (text.indexOf(name) == 0) {
$(this).tooltipster({ content: tooltips[name], contentAsHTML: true, interactive: true});
$(this).append('<i class="fa fa-question-circle" aria-hidden="true"></i>');
}
}
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment