shorturl_fe/index.html
2020-11-24 22:38:16 +08:00

211 lines
10 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--
=========================================================
* PT短网址- v1.0.0
=========================================================
* Product Page: https://www.zhai78.com
* Copyright 2020 Xuhuai (https://www.zhai78.com)
* Coded by Xuhuai
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no,user-scalable=no">
<title>Lacus · 短网址</title>
<meta name="keywords" content="短链接生成,lacus,lacus短网址,短网址">
<meta name="description" content="Lacus · 短网址 - 免费的短网址生成">
<meta property="og:description" content="Lacus · 短网址 - 免费的短网址生成">
<meta property="og:type" content="acticle">
<meta property="og:locale" content="zh-CN" />
<meta property="og:site_name" content="Lacus · 短网址">
<meta property="og:title" content="Lacus · 短网址">
<link rel="shortcut icon" href="./assets/img/favicon.ico" />
<!-- 标题 -->
<meta itemprop="name" content="Lacus · 短网址" />
<!-- 描述 -->
<meta itemprop="description" content="简单、好用的短网址生成" />
<!-- 图片 -->
<meta itemprop="image" content="./assets/img/favicon.ico" />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet" />
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.13.1/css/all.min.css" rel="stylesheet">
<!-- Nucleo Icons -->
<link href="./assets/css/nucleo-icons.css" rel="stylesheet" />
<!-- CSS Files -->
<link href="./assets/css/blk-design-system.css?v=1.0.0" rel="stylesheet" />
</head>
<body class="index-page">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg fixed-top navbar-transparent " color-on-scroll="100">
<div class="container">
<div class="navbar-translate">
<a class="navbar-brand" href="#">
<span>Lacus •</span> 短网址
</a>
<button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<div class="collapse navbar-collapse justify-content-end" id="navigation">
<div class="navbar-collapse-header">
<div class="row">
<div class="col-6 collapse-brand">
<a>
Lacus • 短网址
</a>
</div>
<div class="col-6 collapse-close text-right">
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<i class="tim-icons icon-simple-remove"></i>
</button>
</div>
</div>
</div>
<ul class="navbar-nav">
<li class="nav-item p-0">
<a class="nav-link" rel="tooltip" title="Join us on QQ" data-placement="bottom" href="https://jq.qq.com/?_wv=1027&k=j1yE6Nbv" target="_blank">
<i class="fab fa-qq"></i>
<p class="d-lg-none d-xl-none">QQ</p>
</a>
</li>
<!-- <li class="nav-item p-0">
<a class="nav-link" rel="tooltip" title="Like us on Github" data-placement="bottom" href="https://github.com/xuhuai66" target="_blank">
<i class="fab fa-github" aria-hidden="true"></i>
<p class="d-lg-none d-xl-none">github</p>
</a>
</li> -->
<li class="nav-item p-0">
<a class="nav-link" rel="tooltip" title="Follow us on Blog" data-placement="bottom" href="https://lacus.site" target="_blank">
<i class="fa fa-heart" aria-hidden="true"></i>
<p class="d-lg-none d-xl-none">Blog</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-default d-none d-lg-block" href="https://github.com/xuhuai66/pt-dwz" target="_blank">
<i class="tim-icons icon-cloud-download-93"></i> Download
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- BODY -->
<div class="wrapper">
<div class="page-header header-filter">
<div class="squares square1"></div>
<div class="squares square2"></div>
<div class="squares square3"></div>
<div class="squares square4"></div>
<div class="squares square5"></div>
<div class="squares square6"></div>
<div class="squares square7"></div>
<div class="container">
<div class="content-center brand">
<div class="loading_box" id="loadingBox" style="display:none">
<div class="loadingio-spinner-bean-eater-ogu3728vrsb">
<div class="ldio-0phfhqfdnuhi">
<div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
</div>
<div class="card card-profile shadow mb-0">
<div class="h1 text-neutral my-3">Lacus · 短网址</div>
<div class="col-12">
<div class="input-group ">
<div class="input-group-prepend ">
<span class="input-group-text "><i class="fa fa-link"></i></span>
</div>
<input type="text" id="inputContent" class="form-control " placeholder="请输入需要转换的连接">
</div>
</div>
<div class="justify-content-between row mx-0 px-3 mb-2">
<button class="btn btn-primary col-12" type="button" onclick="checkUrl(document.getElementById('inputContent').value,'toShort')" data-container="body" data-animation="true" title="将长链接还原成短链接">马 上 缩 短</button>
</div>
<div class="row justify-content-center mx-0 px-2 col-12" id='resultBox' style="display:none">
<div class="text-center col-12">
<div class="h4 text-success my-3">转换结果</div>
<h4 class="description" id="resultLink"></h4>
</div>
<div class="text-center mb-3 col-12">
<div class="btn btn-primary btn-round" id="copyLink" data-clipboard-target="#resultLink" data-clipboard-action="copy"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="col-12 h4 text-neutral text-center">
短网址由用户生成,所跳转的内容与本站无关。本站严禁钓鱼,诈骗等一切违法犯罪网站使用,如有发现立刻拉黑封停
</div>
<div class="col-12 text-center">
<p>Copyright &copy; 2020 <a href="https://lacus.site/">Rain Sun</a></p>
<p><a href="http://beian.miit.gov.cn" target='_blank'> 吉ICP备18005655号</a> • Email<a href="mailto:zhaoyingbo@live.cn">zhaoyingbo@live.cn</a></p>
</div>
</div>
</footer>
</div>
<!--错误提示框-->
<div class="modal fade" id="errPop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header justify-content-center">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<i class="tim-icons icon-simple-remove"></i>
</button>
<h4 class="title title-up">温馨提示</h4>
</div>
<div class="modal-body text-center">
<p id="errTip"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary col-12" data-dismiss="modal">确 定</button>
</div>
</div>
</div>
</div>
<!-- Core JS Files -->
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/popper.min.js" type="text/javascript"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/blk-design-system.min.js?v=1.0.0" type="text/javascript"></script>
<script src="./assets/js/clipboard.min.js"></script>
<script type="text/javascript" src="./assets/js/main.js"></script>
<script>
$(document).ready(function() {
blackKit.initDatePicker();
blackKit.initSliders();
});
function scrollToDownload() {
if ($('.section-download').length != 0) {
$("html, body").animate({
scrollTop: $('.section-download').offset().top
}, 1000);
}
}
</script>
</body>
</html>