Created
May 14, 2016 13:29
-
-
Save htfy96/e1f3f358a14aff6412b7e18f5c6a6702 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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