Remove useless stuff

This commit is contained in:
2024-11-12 21:57:29 +08:00
parent d9b31d03da
commit b0977d5e9a
3 changed files with 6 additions and 94 deletions

View File

@ -2,26 +2,6 @@ body {
background: url(../image/background.jpg) fixed;
background-size: cover;
}
#urlBox {
padding: 10px 0 0 5px;
border: 1px solid rgba(0,0,0,.125);
border-radius: 5px;
}
#urlBox .url {
padding: 5px;
}
#urlBox .url input {
width: 100%;
font-size: 16px;
line-height: 32px;
color: #000;
border: none;
border-bottom: 1px solid rgba(0,0,0,.125);
}
#content {
background-color: white;
opacity: 0.75;

View File

@ -28,30 +28,8 @@
<hr>
<h2 class="text-center"><code>縮網址服務</code></h2>
<div id="urlBox" class="container">
<div class="urls"></div>
<div class="url row">
<p class="col-md-4 col-6">
<input class="text-center short-code" name="short-code" type="text" placeholder="別名,可留空">
</p>
<p class="col-md-8 col-6">
<input class="text-center target-url" name="target-url" type="text"
placeholder="網址例如https://www.ntut.edu.tw/">
</p>
<p class="col-12"></p>
<p class="col-md-4 col-sm-2"></p>
<p class="col-md-4 col-sm-8 col-12">
<a class="btn btn-primary" style="width: 100%;" href="javascript:" onclick="shortenUrl()">縮起來!</a>
</p>
<p class="col-md-4 col-sm-2"></p>
</div>
</div>
<div class="row">
<div class="websites col-lg-6">
<!--<div class="websites col-lg-6">
<h2 class="text-center"><code>好玩ㄉ網站</code></h2>
<ul class="list-group">
<li class="list-group-item list-group-item-action">
@ -75,14 +53,14 @@
<span>網頁大字報 by @YuRen-tw</span>
</li>
</ul>
</div>
</div>-->
<div class="gist col-lg-6">
<h2 class="text-center"><code>好用 Script</code></h2>
<div class="gist col-lg-12">
<!--<h2 class="text-center"><code>好用 Script</code></h2>-->
<script src="https://gist.github.com/PinLin/3f6c1885d3c22d9fbf6a726788778112.js"></script>
</div>
<div class="video col-lg-12">
<!--<div class="video col-lg-12">
<div class="embed-responsive embed-responsive-16by9">
<video src="https://myweb.ntut.edu.tw/TaipeiTech.mp4" controls preload="none"
class="embed-responsive-item" type="video/mp4">
@ -91,7 +69,7 @@
&emsp;&emsp;國立臺北科技大學 Taipei Tech
創立於大正元年,為臺灣技職教育之濫觴,校史輝煌悠久。本校定位為「實務研究型大學」,設機電、電資、工程、管理、設計及人文與社會科學六學院。素有「企業家搖籃」之美名,校友遍佈產業各界,於產業界極有影響力,深厚的學術基礎、地利之便、多元課程、豐富資源與國際能見度,使本校發展成為以科技為強項的國際知名大學。
</p>
</div>
</div>-->
</div>
<hr>

View File

@ -1,46 +0,0 @@
var backend = 'https://pinlin.me';
function shortenUrl() {
var shortCode = $('#urlBox .short-code').val() || null;
var url = $('#urlBox .target-url').val();
if (!url) {
alert("網址不能是空白的!");
return;
}
request(shortCode, url)
.done(function (res) {
console.log(res);
addNewRow(res);
})
.fail(function (err) {
console.log(err);
if (err.status == 409) {
alert("這個別名已經被使用了");
}
else {
alert("無法建立連線,請稍後再試")
}
})
}
function addNewRow(data) {
var rowHtml = '<div class="url row">';
rowHtml += '<p class="text-center col-md-4 col-6">pinlin.me/' + data.shortCode + '</p>';
rowHtml += '<p class="text-center col-md-8 col-6">' + data.url + '</p>';
rowHtml += '</div>';
$('#urlBox .urls').append($(rowHtml));
}
function request(shortCode, url) {
return $.ajax({
type: 'POST',
dataType: 'json',
url: backend + '/api/shortUrl',
data: JSON.stringify({ shortCode: shortCode, url: url }),
processData: false,
contentType: 'application/json; charset=UTF-8'
})
}