🎨 页面优化、新增统计代码
All checks were successful
BuildImage / build-image (push) Successful in 1m23s

This commit is contained in:
李寻欢 2024-08-21 08:38:09 +08:00
parent 91d5e8ac5c
commit cea1ae4180
6 changed files with 303 additions and 67 deletions

View File

@ -15,20 +15,20 @@ func Redirect(ctx *gin.Context) {
// 取出base64之后的目的地字段
s := ctx.Query("s")
if s == "" {
ctx.Redirect(http.StatusNotFound, "/404.html")
ctx.HTML(http.StatusSeeOther, "error.html", nil)
return
}
// base64解码
decodeBytes, err := base64.StdEncoding.DecodeString(s)
if err != nil {
log.Printf("base64解码失败: %s", err.Error())
ctx.Redirect(http.StatusNotFound, "/404.html")
ctx.HTML(http.StatusSeeOther, "error.html", nil)
return
}
log.Printf("重定向到: %s", string(decodeBytes))
if _, err = url.Parse(string(decodeBytes)); err != nil {
log.Printf("url解析失败: %s", err.Error())
ctx.Redirect(http.StatusNotFound, "/404.html")
ctx.HTML(http.StatusSeeOther, "error.html", nil)
return
}
ctx.HTML(http.StatusOK, "redirect.html", gin.H{

BIN
assets/ico/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 827 B

View File

@ -2,6 +2,7 @@ package main
import (
"github.com/gin-gonic/gin"
"net/http"
"redirect/api"
)
@ -12,11 +13,17 @@ func main() {
// 加载静态页面
eng.LoadHTMLGlob("views/*.html")
eng.StaticFile("/favicon.ico", "./assets/ico/favicon.ico")
// 404返回数据
eng.NoRoute(func(ctx *gin.Context) {
// 404直接跳转到首页
ctx.Redirect(302, "/404.html")
ctx.Redirect(http.StatusFound, "/404.html")
})
// 错误页面
eng.GET("/error.html", func(ctx *gin.Context) {
ctx.HTML(http.StatusOK, "error.html", nil)
})
eng.GET("", api.Redirect)

View File

@ -2,71 +2,73 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>看起来你好像迷路了~</title>
<link href="https://fonts.googleapis.com/css?family=Concert+One" rel="stylesheet">
<link rel="stylesheet" href="assets/css/404.css">
<meta charset="UTF-8">
<title>看起来你好像迷路了~</title>
<link href="https://fonts.googleapis.com/css?family=Concert+One" rel="stylesheet">
<link rel="stylesheet" href="assets/css/404.css">
<script defer src="https://tj.gitee.ltd/script.js" data-website-id="a9ba77e4-d5ee-4440-90c3-d53cf22d0ff0"></script>
</head>
<body>
<!-- partial:index.partial.html -->
<div class="text">
<p>404</p>
<p>404</p>
</div>
<div class="container">
<!-- caveman left -->
<div class="caveman">
<div class="leg">
<div class="foot">
<div class="fingers"></div>
</div>
</div>
<div class="leg">
<div class="foot">
<div class="fingers"></div>
</div>
</div>
<div class="shape">
<div class="circle"></div>
<div class="circle"></div>
</div>
<div class="head">
<div class="eye">
<div class="nose"></div>
</div>
<div class="mouth"></div>
</div>
<div class="arm-right">
<div class="club"></div>
</div>
<!-- caveman left -->
<div class="caveman">
<div class="leg">
<div class="foot">
<div class="fingers"></div>
</div>
</div>
<!-- caveman right -->
<div class="caveman">
<div class="leg">
<div class="foot">
<div class="fingers"></div>
</div>
</div>
<div class="leg">
<div class="foot">
<div class="fingers"></div>
</div>
</div>
<div class="shape">
<div class="circle"></div>
<div class="circle"></div>
</div>
<div class="head">
<div class="eye">
<div class="nose"></div>
</div>
<div class="mouth"></div>
</div>
<div class="arm-right">
<div class="club"></div>
</div>
<div class="leg">
<div class="foot">
<div class="fingers"></div>
</div>
</div>
<div class="shape">
<div class="circle"></div>
<div class="circle"></div>
</div>
<div class="head">
<div class="eye">
<div class="nose"></div>
</div>
<div class="mouth"></div>
</div>
<div class="arm-right">
<div class="club"></div>
</div>
</div>
<!-- caveman right -->
<div class="caveman">
<div class="leg">
<div class="foot">
<div class="fingers"></div>
</div>
</div>
<div class="leg">
<div class="foot">
<div class="fingers"></div>
</div>
</div>
<div class="shape">
<div class="circle"></div>
<div class="circle"></div>
</div>
<div class="head">
<div class="eye">
<div class="nose"></div>
</div>
<div class="mouth"></div>
</div>
<div class="arm-right">
<div class="club"></div>
</div>
</div>
</div>
<!-- //////////////// CREDIT //////////////// -->
<!-- partial -->

25
views/error.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>嗯?</title>
<script defer src="https://tj.gitee.ltd/script.js" data-website-id="a9ba77e4-d5ee-4440-90c3-d53cf22d0ff0"></script>
<style>
div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: red;
font-size: xxx-large;
}
</style>
</head>
<body>
<div>
<span>阁下意欲何为?</span>
</div>
</body>
</html>

View File

@ -1,16 +1,218 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>呀呼</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>呀呼</title>
<script defer src="https://tj.gitee.ltd/script.js" data-website-id="a9ba77e4-d5ee-4440-90c3-d53cf22d0ff0"></script>
<style>
.main {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: x-large;
}
svg {
display: block;
margin: 0 auto;
}
/* From Uiverse.io by Juanes200122 */
@keyframes bounce {
0%,
100% {
translate: 0px 36px;
}
50% {
translate: 0px 46px;
}
}
@keyframes bounce2 {
0%,
100% {
translate: 0px 46px;
}
50% {
translate: 0px 56px;
}
}
@keyframes umbral {
0% {
stop-color: #d3a5102e;
}
50% {
stop-color: rgba(211, 165, 16, 0.519);
}
100% {
stop-color: #d3a5102e;
}
}
@keyframes partciles {
0%,
100% {
translate: 0px 16px;
}
50% {
translate: 0px 6px;
}
}
#particles {
animation: partciles 4s ease-in-out infinite;
}
#animatedStop {
animation: umbral 4s infinite;
}
#bounce {
animation: bounce 4s ease-in-out infinite;
translate: 0px 36px;
}
#bounce2 {
animation: bounce2 4s ease-in-out infinite;
translate: 0px 46px;
animation-delay: 0.5s;
}
</style>
</head>
<body>
<h1>即将打开,如果提示非微信官方网页,点击继续访问或者复制页面地址到浏览器打开</h1>
<div class="main">
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200">
<g style="order: -1;">
<polygon
transform="rotate(45 100 100)"
stroke-width="1"
stroke="#d3a410"
fill="none"
points="70,70 148,50 130,130 50,150"
id="bounce"
></polygon>
<polygon
transform="rotate(45 100 100)"
stroke-width="1"
stroke="#d3a410"
fill="none"
points="70,70 148,50 130,130 50,150"
id="bounce2"
></polygon>
<polygon
transform="rotate(45 100 100)"
stroke-width="2"
stroke=""
fill="#414750"
points="70,70 150,50 130,130 50,150"
></polygon>
<polygon
stroke-width="2"
stroke=""
fill="url(#gradiente)"
points="100,70 150,100 100,130 50,100"
></polygon>
<defs>
<linearGradient y2="100%" x2="10%" y1="0%" x1="0%" id="gradiente">
<stop style="stop-color: #1e2026;stop-opacity:1" offset="20%"></stop>
<stop style="stop-color:#414750;stop-opacity:1" offset="60%"></stop>
</linearGradient>
</defs>
<polygon
transform="translate(20, 31)"
stroke-width="2"
stroke=""
fill="#b7870f"
points="80,50 80,75 80,99 40,75"
></polygon>
<polygon
transform="translate(20, 31)"
stroke-width="2"
stroke=""
fill="url(#gradiente2)"
points="40,-40 80,-40 80,99 40,75"
></polygon>
<defs>
<linearGradient y2="100%" x2="0%" y1="-17%" x1="10%" id="gradiente2">
<stop style="stop-color: #d3a51000;stop-opacity:1" offset="20%"></stop>
<stop
style="stop-color:#d3a51054;stop-opacity:1"
offset="100%"
id="animatedStop"
></stop>
</linearGradient>
</defs>
<polygon
transform="rotate(180 100 100) translate(20, 20)"
stroke-width="2"
stroke=""
fill="#d3a410"
points="80,50 80,75 80,99 40,75"
></polygon>
<polygon
transform="rotate(0 100 100) translate(60, 20)"
stroke-width="2"
stroke=""
fill="url(#gradiente3)"
points="40,-40 80,-40 80,85 40,110.2"
></polygon>
<defs>
<linearGradient y2="100%" x2="10%" y1="0%" x1="0%" id="gradiente3">
<stop style="stop-color: #d3a51000;stop-opacity:1" offset="20%"></stop>
<stop
style="stop-color:#d3a51054;stop-opacity:1"
offset="100%"
id="animatedStop"
></stop>
</linearGradient>
</defs>
<polygon
transform="rotate(45 100 100) translate(80, 95)"
stroke-width="2"
stroke=""
fill="#ffe4a1"
points="5,0 5,5 0,5 0,0"
id="particles"
></polygon>
<polygon
transform="rotate(45 100 100) translate(80, 55)"
stroke-width="2"
stroke=""
fill="#ccb069"
points="6,0 6,6 0,6 0,0"
id="particles"
></polygon>
<polygon
transform="rotate(45 100 100) translate(70, 80)"
stroke-width="2"
stroke=""
fill="#fff"
points="2,0 2,2 0,2 0,0"
id="particles"
></polygon>
<polygon
stroke-width="2"
stroke=""
fill="#292d34"
points="29.5,99.8 100,142 100,172 29.5,130"
></polygon>
<polygon
transform="translate(50, 92)"
stroke-width="2"
stroke=""
fill="#1f2127"
points="50,50 120.5,8 120.5,35 50,80"
></polygon>
</g>
</svg>
<script>
setTimeout(function () {
window.location.href = "{{ .url }}";
}, 2000);
</script>
<span>即将打开,如果提示非微信官方网页,点击继续访问或者复制页面地址到浏览器打开</span>
</div>
<script>
setTimeout(function () {
window.location.href = "{{ .url }}";
}, 2000);
</script>
</body>
</html>