csxy_dgut202235010623
/
Spinning_Bird
mirror of https://github.com/PJ-568/Spinning_Bird.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

自动 Release

Browse Source
min
PJ569-bot 2 years ago
parent 8931bd95f7
commit 39ee753b35
14 changed files with 52 additions and 684 deletions
Show Stats Download Patch File Download Diff File

32
404.html
Unescape View File

@ -1,31 +1 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/js/include.js"></script>
<script src="./js/loading.js"></script>
<title>转转雀|出错了</title>
<link rel="icon" type="image/svg+xml" href="./img/icon.svg">
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div id="loading">
<div id="loading_bg">
<div class="loader">正在加载</div>
</div>
</div>
<a href="https://GitHub.com/PJ-568/Spinning_Bird" class="github-corner" target="_blank" aria-label="在 Github 上查看转转雀"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#c5464a; color:#24272e; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<h1>404</h1>
<div class="nav">
<a onclick="javascript:history.back(-1);" class="link">返回</a>
</div>
<include src="./lib/404_msg.html"></include>
<div class="nav">
<a onclick="javascript:history.back(-1);" class="link">返回</a>
</div>
<include src="./lib/footer.html"></include>
</body>
</html>
<!doctype html><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><script src=/js/include.js></script><script src=./js/loading.js></script><title>转转雀|出错了</title><link rel=icon type=image/svg+xml href=./img/icon.svg><link rel=stylesheet href=./css/main.css><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><a href=https://GitHub.com/PJ-568/Spinning_Bird class=github-corner target=_blank aria-label="在 Github 上查看转转雀"><svg width=80 height=80 viewBox="0 0 250 250" style=fill:#c5464a;color:#24272e;position:absolute;top:0;border:0;left:0;transform:scale(-1,1) aria-hidden=true><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill=currentColor style="transform-origin:130px 106px" class=octo-arm></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill=currentColor class=octo-body></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><h1>404</h1><div class=nav><a onclick=history.back(-1) class=link>返回</a></div><include src=./lib/404_msg.html></include><div class=nav><a onclick=history.back(-1) class=link>返回</a></div><include src=./lib/footer.html></include>

237
css/main.css
Unescape View File

@ -1,236 +1 @@
body {
font: normal 15px Verdana, Arial, sans-serif;
box-sizing: border-box;
width: 1000px;
max-width: 75%;
min-width: 200px;
margin: 0 auto;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color:#24272e
}
h1 {
font-size: 3rem;
margin-bottom: 45px;
color:#ccc
}
h2 {
font-size: 1.8rem;
margin-bottom: 20px;
color:#ccc
}
form {
position: relative;
max-width: 800px;
width: 75%;
display: flex;
justify-content: center;
align-items: center
}
input, button {
border: none;
outline: none
}
img {
max-width: 800px;
min-width: 72px;
padding-bottom: 12px
}
footer {
background-color: #24272e;
height: auto;
width: none;
padding: 10px;
text-align: center
}
iframe {
transform: scale(0.8);
transform-origin: center 0
}
p {
color:#ccc
}
.search input {
width: 100%;
height: 42px;
padding-left: 13px;
padding-right: 46px;
max-width:100%;
background-color:#333;
color:#f5f5f5;
font-size:.90rem;
box-shadow:none;
border: 2px solid #c5464a
}
.search button {
position:absolute;
top:0;
right:0;
bottom:0;
width:auto;
background-color:#c5464a;
color:#fff;
border: 2px solid #c5464a;
font-size:.90rem;
padding:.6em .9em
}
.nav{
display:flex;
border: none;
max-width:1000px;
justify-content:center;
align-items:center;
flex-wrap : wrap
}
.link{
background-color:#c5464a;
margin-top :20px;
border: 2px solid #c5464a;
margin-right :30px;
color :#fff;
text-decoration:none;
font-size :18px
}
.nested{
display:flex;
height: 700px;
width: 120%;
border: none;
justify-content:center;
align-items:center;
flex-wrap: wrap
}
.page{
background-color:#8a2023;
margin-top :35px;
border: 2px solid #c5464a;
max-width: 100%;
width: 100%;
min-width: 45%;
height:100%
}
button {
cursor: pointer
}
button:hover {
color:#ccc;
background-color:#8a2023
}
a {
cursor: pointer
}
a:hover {
color:#ccc;
background-color:#8a2023
}
.oooc{
border: 2px solid #c5464a;
content:center;
align-items:center;
flex-wrap:wrap
}
/*********LoadingPage*************/
#loading {
position: fixed;
background-color: #24272e;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1000000
}
#loading_bg{
background-color: rgba(0,0,0,0.7)
}
.loader {
width: 250px;
height: 50px;
line-height: 50px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: helvetica, arial, sans-serif;
text-transform: uppercase;
font-weight: 900;
color: #c5464a;
letter-spacing: 0.2em
}
.loader::before, .loader::after {
content: "";
display: block;
width: 15px;
height: 15px;
background: #c5464a;
position: absolute;
-webkit-animation: load .7s infinite alternate ease-in-out;
animation: load .7s infinite alternate ease-in-out
}
.loader::before {
top: 0
}
.loader::after {
bottom: 0
}
@-webkit-keyframes load {
0% {
left: 0;
height: 30px;
width: 15px;
}
50% {
height: 8px;
width: 40px;
}
100% {
left: 235px;
height: 30px;
width: 15px;
}
}
@keyframes load {
0% {
left: 0;
height: 30px;
width: 15px;
}
50% {
height: 8px;
width: 40px;
}
100% {
left: 235px;
height: 30px;
width: 15px;
}
}
/********************************/
body{font:normal 15px Verdana,Arial,sans-serif;box-sizing:border-box;width:1000px;max-width:75%;min-width:200px;margin:0 auto;padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#24272e}h1{font-size:3rem;margin-bottom:45px;color:#ccc}h2{font-size:1.8rem;margin-bottom:20px;color:#ccc}form{position:relative;max-width:800px;width:75%;display:flex;justify-content:center;align-items:center}button,input{border:none;outline:0}img{max-width:800px;min-width:72px;padding-bottom:12px}footer{background-color:#24272e;height:auto;width:none;padding:10px;text-align:center}iframe{transform:scale(.8);transform-origin:center 0}p{color:#ccc}.search input{width:100%;height:42px;padding-left:13px;padding-right:46px;max-width:100%;background-color:#333;color:#f5f5f5;font-size:.9rem;box-shadow:none;border:2px solid #c5464a}.search button{position:absolute;top:0;right:0;bottom:0;width:auto;background-color:#c5464a;color:#fff;border:2px solid #c5464a;font-size:.9rem;padding:.6em .9em}.nav{display:flex;border:none;max-width:1000px;justify-content:center;align-items:center;flex-wrap:wrap}.link{background-color:#c5464a;margin-top:20px;border:2px solid #c5464a;margin-right:30px;color:#fff;text-decoration:none;font-size:18px}.nested{display:flex;height:700px;width:120%;border:none;justify-content:center;align-items:center;flex-wrap:wrap}.page{background-color:#8a2023;margin-top:35px;border:2px solid #c5464a;max-width:100%;width:100%;min-width:45%;height:100%}button{cursor:pointer}button:hover{color:#ccc;background-color:#8a2023}a{cursor:pointer}a:hover{color:#ccc;background-color:#8a2023}.oooc{border:2px solid #c5464a;content:center;align-items:center;flex-wrap:wrap}#loading{position:fixed;background-color:#24272e;top:0;left:0;width:100%;height:100%;z-index:1000000}#loading_bg{background-color:rgba(0,0,0,.7)}.loader{width:250px;height:50px;line-height:50px;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:helvetica,arial,sans-serif;text-transform:uppercase;font-weight:900;color:#c5464a;letter-spacing:.2em}.loader::after,.loader::before{content:"";display:block;width:15px;height:15px;background:#c5464a;position:absolute;-webkit-animation:load .7s infinite alternate ease-in-out;animation:load .7s infinite alternate ease-in-out}.loader::before{top:0}.loader::after{bottom:0}@-webkit-keyframes load{0%{left:0;height:30px;width:15px}50%{height:8px;width:40px}100%{left:235px;height:30px;width:15px}}@keyframes load{0%{left:0;height:30px;width:15px}50%{height:8px;width:40px}100%{left:235px;height:30px;width:15px}}

33
default.html
Unescape View File

@ -1,32 +1 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./js/include.js"></script>
<script src="./js/loading.js"></script>
<title>转转雀|默认</title>
<link rel="icon" type="image/svg+xml" href="./img/icon.svg">
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div id="loading">
<div id="loading_bg">
<div class="loader">正在加载</div>
</div>
</div>
<a href="https://GitHub.com/PJ-568/Spinning_Bird" class="github-corner" target="_blank" aria-label="在 Github 上查看转转雀"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#c5464a; color:#24272e; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<h1>:-） 您好！</h1>
<h2>欢迎使用转转雀前端项目</h2>
<div class="nav">
<a href="https://github.com/PJ-568/Spinning_Bird" class="link" target="_blank">项目地址</a>
<a href="./manual/" class="link">项目说明</a>
<a href="https://proxy.pj568.eu.org/" class="link" target="_blank">实例地址</a>
</div>
<p>在同名实例中，该网页作为文件下载优化服务的前端页面。</p>
<h2>使用详解</h2><p>默认情况下，在地址栏输入文字后，按下回车或搜索按钮，即跳转到必应搜索引擎。</p><p>当地址栏为空时，按下回车或搜索按钮，即跳转内嵌默认网页。</p>
<include src="./lib/footer.html"></include>
</body>
</html>
<!doctype html><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><script src=./js/include.js></script><script src=./js/loading.js></script><title>转转雀|默认</title><link rel=icon type=image/svg+xml href=./img/icon.svg><link rel=stylesheet href=./css/main.css><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><a href=https://GitHub.com/PJ-568/Spinning_Bird class=github-corner target=_blank aria-label="在 Github 上查看转转雀"><svg width=80 height=80 viewBox="0 0 250 250" style=fill:#c5464a;color:#24272e;position:absolute;top:0;border:0;left:0;transform:scale(-1,1) aria-hidden=true><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill=currentColor style="transform-origin:130px 106px" class=octo-arm></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill=currentColor class=octo-body></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><h1>:-） 您好！</h1><h2>欢迎使用转转雀前端项目</h2><div class=nav><a href=https://github.com/PJ-568/Spinning_Bird class=link target=_blank>项目地址</a> <a href=./manual/ class=link>项目说明</a> <a href=https://proxy.pj568.eu.org/ class=link target=_blank>实例地址</a></div><p>在同名实例中，该网页作为文件下载优化服务的前端页面。<h2>使用详解</h2><p>默认情况下，在地址栏输入文字后，按下回车或搜索按钮，即跳转到必应搜索引擎。<p>当地址栏为空时，按下回车或搜索按钮，即跳转内嵌默认网页。</p><include src=./lib/footer.html></include>

41
index.html
Unescape View File

@ -1,40 +1 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name='description' content='转转雀演示网页'>
<meta http-equiv='content-language' content='zh-CN'>
<script src="./js/include.js"></script>
<script src="./js/loading.js"></script>
<title>转转雀</title>
<link rel="icon" type="image/svg+xml" href="./img/icon.svg">
<script src="./js/main.js"></script>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div id="loading">
<div id="loading_bg">
<div class="loader">正在加载</div>
</div>
</div>
<a href="https://GitHub.com/PJ-568/Spinning_Bird" class="github-corner" aria-label="在 Github 上查看转转雀"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#c5464a; color:#24272e; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<!-- <h1>转转雀</h1> -->
<img alt="转转雀" src="./img/icon.svg" width="20%">
<form class="search" onsubmit="return submitSearch();">
<input type="text" placeholder="请键入地址">
<button type="submit">跳转</button>
</form>
<include class="nav" src="./lib/main.html"></include>
<h2>地址导航</h2>
<include class="nav" src="./lib/nav.html"></include>
<div id="page" class="nested">
<iframe src="./default.html" class="page"></iframe>
</div>
<include src="./lib/footer.html"></include>
</body>
</html>
<!doctype html><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content=转转雀演示网页><meta http-equiv=content-language content=zh-CN><script src=./js/include.js></script><script src=./js/loading.js></script><title>转转雀</title><link rel=icon type=image/svg+xml href=./img/icon.svg><script src=./js/main.js></script><link rel=stylesheet href=./css/main.css><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><a href=https://GitHub.com/PJ-568/Spinning_Bird class=github-corner aria-label="在 Github 上查看转转雀"><svg width=80 height=80 viewBox="0 0 250 250" style=fill:#c5464a;color:#24272e;position:absolute;top:0;border:0;left:0;transform:scale(-1,1) aria-hidden=true><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill=currentColor style="transform-origin:130px 106px" class=octo-arm></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill=currentColor class=octo-body></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><img alt=转转雀 src=./img/icon.svg width=20%><form class=search onsubmit="return submitSearch()"><input placeholder=请键入地址> <button type=submit>跳转</button></form><include class=nav src=./lib/main.html></include><h2>地址导航</h2><include class=nav src=./lib/nav.html></include><div id=page class=nested><iframe src=./default.html class=page></iframe></div><include src=./lib/footer.html></include>

22
js/include.js
Unescape View File

@ -1,21 +1 @@
function includeHTML() {
var elements = document.getElementsByTagName("include");
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
var file = element.getAttribute("src");
if (file) {
(function(element) { // 创建一个函数作用域，以便保存每个元素的引用
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
element.innerHTML = this.responseText;
}
};
xhttp.open("GET", file, true);
xhttp.send();
})(element);
}
}
}
document.addEventListener("DOMContentLoaded", includeHTML);
function includeHTML(){for(var e=document.getElementsByTagName("include"),t=0;t<e.length;t++){var n=e[t],a=n.getAttribute("src");a&&function(e){var t=new XMLHttpRequest;t.onreadystatechange=function(){4===this.readyState&&200===this.status&&(e.innerHTML=this.responseText)},t.open("GET",a,!0),t.send()}(n)}}document.addEventListener("DOMContentLoaded",includeHTML);

24
js/loading.js
Unescape View File

@ -1,23 +1 @@
//Loading页面
document.onreadystatechange=function () {
if (document.readyState=="complete"){
loadingFade();
}
}
function loadingFade() {
var opacity=1;
const position = document.querySelector('#loading');
// var loadingPage=document.getElementById('loading');
var loadingBackground=document.getElementById('loading_bg');
var time=setInterval(function () {
if (opacity<=0){
clearInterval(time);
// loadingPage.remove();
// $('#loading').remove();
position.style.display = 'none';
}
loadingBackground.style.opacity=opacity;
opacity-=0.4;
},100);
}
function loadingFade(){var e=1;const n=document.querySelector("#loading");var t=document.getElementById("loading_bg"),a=setInterval((function(){e<=0&&(clearInterval(a),n.style.display="none"),t.style.opacity=e,e-=.4}),100)}document.onreadystatechange=function(){"complete"==document.readyState&&loadingFade()};

31
js/main.js
Unescape View File

@ -1,30 +1 @@
function submitSearch() {
var input = document.querySelector('.search input');
var url = input.value.trim();
// 进行校验
if (url != "") {
url = 'https://www.bing.com/search?q=' + encodeURIComponent(url);
// 在新标签页打开
window.open(url);
}else{
url = './default.html';
// 滚动到窗口
document.querySelector('#page').scrollIntoView({ behavior: 'smooth' });
// 更换嵌入的页面的网址为script中的url
document.querySelector('.page').src = url;
}
// 阻止表单默认提交行为
return false;
}
function manual() {
document.querySelector('.page').src = './manual/';
document.querySelector('#page').scrollIntoView({ behavior: 'smooth' });
}
function license() {
document.querySelector('.page').src = './license_page/';
document.querySelector('#page').scrollIntoView({ behavior: 'smooth' });
}
function submitSearch(){var e=document.querySelector(".search input").value.trim();return""!=e?(e="https://www.bing.com/search?q="+encodeURIComponent(e),window.open(e)):(e="./default.html",document.querySelector("#page").scrollIntoView({behavior:"smooth"}),document.querySelector(".page").src=e),!1}function manual(){document.querySelector(".page").src="./manual/",document.querySelector("#page").scrollIntoView({behavior:"smooth"})}function license(){document.querySelector(".page").src="./license_page/",document.querySelector("#page").scrollIntoView({behavior:"smooth"})}

5
lib/404_msg.html
Unescape View File

@ -1,4 +1 @@
<div class="oooc">
<p>对不起，未查询到您所要求的信息</p>
<p>请返回。</p>
</div>
<div class=oooc><p>对不起，未查询到您所要求的信息<p>请返回。</div>

4
lib/footer.html
Unescape View File

@ -1,3 +1 @@
<footer>
<p>版权所有&nbsp;©&nbsp;2023&nbsp;PJ568</p>
</footer>
<footer><p>版权所有&nbsp;©&nbsp;2023&nbsp;PJ568</footer>

3
lib/main.html
Unescape View File

@ -1,2 +1 @@
<a class="link" onclick="manual();">项目说明</a>
<a class="link" onclick="license();">许可证</a>
<a class=link onclick=manual()>项目说明</a> <a class=link onclick=license()>许可证</a>

6
lib/nav.html
Unescape View File

@ -1,5 +1 @@
<a href="https://PJ568.eu.org" class="link" target="_blank">PJ568的博客</a>
<a href="https://Tools.PJ568.eu.org/" class="link" target="_blank">568Tools - 工具站</a>
<a href="https://www.baidu.com/" class="link" target="_blank">百度搜索</a>
<a href="https://limestart.cn/" class="link" target="_blank">青柠起始页</a>
<a href="https://moeyy.cn/open-gpt/app/clid830h30000kv08uc3kcjx2" class="link" target="_blank">木叶处理助手</a>
<a href=https://PJ568.eu.org class=link target=_blank>PJ568的博客</a> <a href=https://Tools.PJ568.eu.org/ class=link target=_blank>568Tools - 工具站</a> <a href=https://www.baidu.com/ class=link target=_blank>百度搜索</a> <a href=https://limestart.cn/ class=link target=_blank>青柠起始页</a> <a href=https://moeyy.cn/open-gpt/app/clid830h30000kv08uc3kcjx2 class=link target=_blank>木叶处理助手</a>

225
license_page/index.html
View File

File diff suppressed because one or more lines are too long

34
manual/index.html
Unescape View File

@ -1,33 +1 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="../js/include.js"></script>
<script src="../js/loading.js"></script>
<title>转转雀|项目说明</title>
<link rel="icon" type="image/svg+xml" href="../img/icon.svg">
<link rel="stylesheet" href="../css/main.css">
</head>
<body>
<div id="loading">
<div id="loading_bg">
<div class="loader">正在加载</div>
</div>
</div>
<a href="https://GitHub.com/PJ-568/Spinning_Bird" class="github-corner" target="_blank" aria-label="在 Github 上查看转转雀"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#c5464a; color:#24272e; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<h1>项目说明</h1>
<h2>本质</h2><p>转转雀是一组网页前端页面模板。</p><p>具有搜索，地址导航等功能。</p>
<h2>实例</h2>
<div class="nav">
<a href="https://proxy.pj568.eu.org/" class="link" target="_blank">查看实例</a>
</div>
<p>在这个同名实例中，该网页作为文件下载优化服务的前端页面。</p>
<div class="nav">
<a onclick="javascript:history.back(-1);" class="link">返回</a>
</div>
<include src="../lib/footer.html"></include>
</body>
</html>
<!doctype html><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><script src=../js/include.js></script><script src=../js/loading.js></script><title>转转雀|项目说明</title><link rel=icon type=image/svg+xml href=../img/icon.svg><link rel=stylesheet href=../css/main.css><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><a href=https://GitHub.com/PJ-568/Spinning_Bird class=github-corner target=_blank aria-label="在 Github 上查看转转雀"><svg width=80 height=80 viewBox="0 0 250 250" style=fill:#c5464a;color:#24272e;position:absolute;top:0;border:0;left:0;transform:scale(-1,1) aria-hidden=true><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill=currentColor style="transform-origin:130px 106px" class=octo-arm></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill=currentColor class=octo-body></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><h1>项目说明</h1><h2>本质</h2><p>转转雀是一组网页前端页面模板。<p>具有搜索，地址导航等功能。<h2>实例</h2><div class=nav><a href=https://proxy.pj568.eu.org/ class=link target=_blank>查看实例</a></div><p>在这个同名实例中，该网页作为文件下载优化服务的前端页面。<div class=nav><a onclick=history.back(-1) class=link>返回</a></div><include src=../lib/footer.html></include>

39
sitemap.xml
Unescape View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://pj568.eu.org/Spinning_Bird/</loc>
<lastmod>2023-07-07T09:04:52+08:00</lastmod>
</url>
<url>
<loc>https://pj568.eu.org/Spinning_Bird/404.html</loc>
<lastmod>2023-07-07T09:04:52+08:00</lastmod>
</url>
<url>
<loc>https://pj568.eu.org/Spinning_Bird/default.html</loc>
<lastmod>2023-07-07T09:04:52+08:00</lastmod>
</url>
<url>
<loc>https://pj568.eu.org/Spinning_Bird/lib/404_msg.html</loc>
<lastmod>2023-07-07T09:04:52+08:00</lastmod>
</url>
<url>
<loc>https://pj568.eu.org/Spinning_Bird/lib/footer.html</loc>
<lastmod>2023-07-07T09:04:52+08:00</lastmod>
</url>
<url>
<loc>https://pj568.eu.org/Spinning_Bird/lib/main.html</loc>
<lastmod>2023-07-07T09:04:52+08:00</lastmod>
</url>
<url>
<loc>https://pj568.eu.org/Spinning_Bird/lib/nav.html</loc>
<lastmod>2023-07-07T09:04:52+08:00</lastmod>
</url>
<url>
<loc>https://pj568.eu.org/Spinning_Bird/license_page/</loc>
<lastmod>2023-07-07T09:04:52+08:00</lastmod>
</url>
<url>
<loc>https://pj568.eu.org/Spinning_Bird/manual/</loc>
<lastmod>2023-07-07T09:04:52+08:00</lastmod>
</url>
</urlset>
Write Preview
Loading…
Cancel
Save