Skip to content

Commit 3838492

Browse files
eallioneallion
committed
style: redirect page
1 parent 0fe7f19 commit 3838492

File tree

4 files changed

+144
-43
lines changed

4 files changed

+144
-43
lines changed

‎assets/css/compiled/main.css

Lines changed: 130 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1958,6 +1958,10 @@ select {
19581958
height:100vh
19591959
}
19601960

1961+
.h-32 {
1962+
height:8rem
1963+
}
1964+
19611965
.max-h-3 {
19621966
max-height:0.75rem
19631967
}
@@ -2088,6 +2092,10 @@ select {
20882092
width:100vw
20892093
}
20902094

2095+
.w-32 {
2096+
width:8rem
2097+
}
2098+
20912099
.min-w-0 {
20922100
min-width:0px
20932101
}
@@ -2120,6 +2128,10 @@ select {
21202128
min-width:100%
21212129
}
21222130

2131+
.min-w-32 {
2132+
min-width:8rem
2133+
}
2134+
21232135
.max-w-3xl {
21242136
max-width:48rem
21252137
}
@@ -2497,6 +2509,14 @@ select {
24972509
border-bottom-left-radius:0.5rem
24982510
}
24992511

2512+
.rounded-tl-xl {
2513+
border-top-left-radius:0.75rem
2514+
}
2515+
2516+
.rounded-tr-xl {
2517+
border-top-right-radius:0.75rem
2518+
}
2519+
25002520
.\!border-0 {
25012521
border-width:0px !important
25022522
}
@@ -2588,6 +2608,11 @@ select {
25882608
background-color:rgb(64 196 99 / var(--tw-bg-opacity))
25892609
}
25902610

2611+
.bg-\[\#4285F4\] {
2612+
--tw-bg-opacity:1;
2613+
background-color:rgb(66 133 244 / var(--tw-bg-opacity))
2614+
}
2615+
25912616
.bg-\[\#9be9a8\] {
25922617
--tw-bg-opacity:1;
25932618
background-color:rgb(155 233 168 / var(--tw-bg-opacity))
@@ -2679,17 +2704,23 @@ select {
26792704
background-color:transparent
26802705
}
26812706

2682-
.bg-\[\#4285F4\] {
2707+
.bg-neutral-50 {
26832708
--tw-bg-opacity:1;
2684-
background-color:rgb(66 133 244 / var(--tw-bg-opacity))
2709+
background-color:rgba(var(--color-neutral-50), var(--tw-bg-opacity))
26852710
}
26862711

2687-
.bg-gradient-to-b {
2688-
background-image:linear-gradient(to bottom, var(--tw-gradient-stops))
2712+
.bg-primary-50 {
2713+
--tw-bg-opacity:1;
2714+
background-color:rgba(var(--color-primary-50), var(--tw-bg-opacity))
2715+
}
2716+
2717+
.bg-primary-900 {
2718+
--tw-bg-opacity:1;
2719+
background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
26892720
}
26902721

2691-
.bg-gradient-to-br {
2692-
background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))
2722+
.bg-gradient-to-b {
2723+
background-image:linear-gradient(to bottom, var(--tw-gradient-stops))
26932724
}
26942725

26952726
.bg-gradient-to-r {
@@ -2716,6 +2747,24 @@ select {
27162747
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
27172748
}
27182749

2750+
.from-primary-700 {
2751+
--tw-gradient-from:rgba(var(--color-primary-700), 1) var(--tw-gradient-from-position);
2752+
--tw-gradient-to:rgba(var(--color-primary-700), 0) var(--tw-gradient-to-position);
2753+
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
2754+
}
2755+
2756+
.from-primary-800 {
2757+
--tw-gradient-from:rgba(var(--color-primary-800), 1) var(--tw-gradient-from-position);
2758+
--tw-gradient-to:rgba(var(--color-primary-800), 0) var(--tw-gradient-to-position);
2759+
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
2760+
}
2761+
2762+
.from-primary-400 {
2763+
--tw-gradient-from:rgba(var(--color-primary-400), 1) var(--tw-gradient-from-position);
2764+
--tw-gradient-to:rgba(var(--color-primary-400), 0) var(--tw-gradient-to-position);
2765+
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
2766+
}
2767+
27192768
.from-60\% {
27202769
--tw-gradient-from-position:60%
27212770
}
@@ -2736,6 +2785,26 @@ select {
27362785
--tw-gradient-to:transparent var(--tw-gradient-to-position)
27372786
}
27382787

2788+
.to-primary-600 {
2789+
--tw-gradient-to:rgba(var(--color-primary-600), 1) var(--tw-gradient-to-position)
2790+
}
2791+
2792+
.to-primary-300 {
2793+
--tw-gradient-to:rgba(var(--color-primary-300), 1) var(--tw-gradient-to-position)
2794+
}
2795+
2796+
.to-primary-800 {
2797+
--tw-gradient-to:rgba(var(--color-primary-800), 1) var(--tw-gradient-to-position)
2798+
}
2799+
2800+
.to-primary-700 {
2801+
--tw-gradient-to:rgba(var(--color-primary-700), 1) var(--tw-gradient-to-position)
2802+
}
2803+
2804+
.to-primary-200 {
2805+
--tw-gradient-to:rgba(var(--color-primary-200), 1) var(--tw-gradient-to-position)
2806+
}
2807+
27392808
.bg-clip-padding {
27402809
background-clip:padding-box
27412810
}
@@ -2903,6 +2972,10 @@ select {
29032972
padding-bottom:1rem
29042973
}
29052974

2975+
.pb-8 {
2976+
padding-bottom:2rem
2977+
}
2978+
29062979
.pl-0 {
29072980
padding-left:0px
29082981
}
@@ -2923,6 +2996,10 @@ select {
29232996
padding-right:24px
29242997
}
29252998

2999+
.pt-0 {
3000+
padding-top:0px
3001+
}
3002+
29263003
.pt-16 {
29273004
padding-top:4rem
29283005
}
@@ -5310,6 +5387,10 @@ pre {
53105387
background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important
53115388
}
53125389

5390+
.hover\:bg-\[\#4285F4\]\/90:hover {
5391+
background-color:rgb(66 133 244 / 0.9)
5392+
}
5393+
53135394
.hover\:bg-neutral-700:hover {
53145395
--tw-bg-opacity:1;
53155396
background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity))
@@ -5330,14 +5411,6 @@ pre {
53305411
background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
53315412
}
53325413

5333-
.hover\:bg-\[\#4285F4\]\/90:hover {
5334-
background-color:rgb(66 133 244 / 0.9)
5335-
}
5336-
5337-
.hover\:bg-gradient-to-bl:hover {
5338-
background-image:linear-gradient(to bottom left, var(--tw-gradient-stops))
5339-
}
5340-
53415414
.hover\:text-\[\#ff9800\]:hover {
53425415
--tw-text-opacity:1;
53435416
color:rgb(255 152 0 / var(--tw-text-opacity))
@@ -5373,6 +5446,16 @@ pre {
53735446
color:rgba(var(--color-primary-700), var(--tw-text-opacity))
53745447
}
53755448

5449+
.hover\:text-neutral-200:hover {
5450+
--tw-text-opacity:1;
5451+
color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
5452+
}
5453+
5454+
.hover\:text-neutral-300:hover {
5455+
--tw-text-opacity:1;
5456+
color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
5457+
}
5458+
53765459
.hover\:underline:hover {
53775460
text-decoration-line:underline
53785461
}
@@ -5620,6 +5703,11 @@ pre {
56205703
background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
56215704
}
56225705

5706+
.dark\:bg-neutral-900:is(.dark *) {
5707+
--tw-bg-opacity:1;
5708+
background-color:rgba(var(--color-neutral-900), var(--tw-bg-opacity))
5709+
}
5710+
56235711
.dark\:from-neutral-800:is(.dark *) {
56245712
--tw-gradient-from:rgba(var(--color-neutral-800), 1) var(--tw-gradient-from-position);
56255713
--tw-gradient-to:rgba(var(--color-neutral-800), 0) var(--tw-gradient-to-position);
@@ -5632,6 +5720,18 @@ pre {
56325720
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
56335721
}
56345722

5723+
.dark\:from-primary-400:is(.dark *) {
5724+
--tw-gradient-from:rgba(var(--color-primary-400), 1) var(--tw-gradient-from-position);
5725+
--tw-gradient-to:rgba(var(--color-primary-400), 0) var(--tw-gradient-to-position);
5726+
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
5727+
}
5728+
5729+
.dark\:from-primary-500:is(.dark *) {
5730+
--tw-gradient-from:rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position);
5731+
--tw-gradient-to:rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position);
5732+
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
5733+
}
5734+
56355735
.dark\:to-neutral-800:is(.dark *) {
56365736
--tw-gradient-to:rgba(var(--color-neutral-800), 1) var(--tw-gradient-to-position)
56375737
}
@@ -5640,6 +5740,22 @@ pre {
56405740
--tw-gradient-to:rgba(var(--color-secondary-800), 1) var(--tw-gradient-to-position)
56415741
}
56425742

5743+
.dark\:to-primary-600:is(.dark *) {
5744+
--tw-gradient-to:rgba(var(--color-primary-600), 1) var(--tw-gradient-to-position)
5745+
}
5746+
5747+
.dark\:to-primary-300:is(.dark *) {
5748+
--tw-gradient-to:rgba(var(--color-primary-300), 1) var(--tw-gradient-to-position)
5749+
}
5750+
5751+
.dark\:to-primary-700:is(.dark *) {
5752+
--tw-gradient-to:rgba(var(--color-primary-700), 1) var(--tw-gradient-to-position)
5753+
}
5754+
5755+
.dark\:to-primary-800:is(.dark *) {
5756+
--tw-gradient-to:rgba(var(--color-primary-800), 1) var(--tw-gradient-to-position)
5757+
}
5758+
56435759
.dark\:text-neutral:is(.dark *) {
56445760
--tw-text-opacity:1;
56455761
color:rgba(var(--color-neutral), var(--tw-text-opacity))

‎assets/images/mascot_sir_roderick_warning.png

5.16 KB
Loading

‎layouts/_default/go.html

Lines changed: 12 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
{{ define "main" }}
22
{{ .Scratch.Set "scope" "single" }}
33

4-
{{ $redirectLight := "images/redirect/redirect-light.webp"}}
5-
{{ $redirectDark := "images/redirect/redirect-dark.webp"}}
6-
{{ $disableImageOptimization := .Site.Params.disableImageOptimization | default false }}
4+
{{ $warningImage := resources.Get "images/mascot_sir_roderick_warning.png" }}
75

86
<article>
97

@@ -13,36 +11,23 @@
1311

1412
<div class="article-content max-w-full">
1513

16-
<div class="relative flex flex-col items-center break-all w-full h-full max-w-[800px] text-center text-sm mx-auto py-8 shadow-xl rounded-xl">
17-
18-
<div class="relative px-1 py-1 flex flex-col items-center justify-center text-center">
19-
{{ with .Site.Params.Author.image }}
20-
{{ $authorImage := "" }}
21-
{{ if or (strings.HasPrefix . "http:") (strings.HasPrefix . "https:") }}
22-
{{ $authorImage = resources.GetRemote . }}
23-
{{ else }}
24-
{{ $authorImage = resources.Get . }}
25-
{{ end }}
26-
{{ if $authorImage }}
27-
{{ if not $disableImageOptimization }}
28-
{{ $authorImage = $authorImage.Fill (print "288x288 q" ( $.Site.Params.Author.imagequality | default "96" ))
29-
}}
30-
{{ end }}
14+
<div class="relative flex flex-col items-center break-all w-full h-full max-w-[800px] text-center text-sm mx-auto pb-8 pt-0 shadow-xl rounded-xl bg-neutral-100 dark:bg-neutral-800">
15+
16+
<div class="relative px-1 py-1 flex flex-col items-center justify-center text-center w-full rounded-tl-xl rounded-tr-xl bg-gradient-to-b from-primary-500 to-primary-200 dark:from-primary-600 dark:to-primary-800">
17+
3118
<div class="tailwind-ticker w-auto relative group flex items-end transition-all duration-300">
32-
<div class="rounded-full overflow-hidden min-w-24 ">
33-
<img class="mb-2 rounded-full h-24 w-24 nozoom" width="96" height="96"
34-
alt="{{ $.Site.Params.Author.name | default " Author" }}" src="{{ $authorImage.RelPermalink }}" />
19+
<div class="overflow-hidden min-w-32">
20+
<img class="mb-2 h-32 w-32 nozoom" width="96" height="96"
21+
alt="" src="{{ $warningImage.RelPermalink }}" />
3522
</div>
3623
</div>
3724

38-
{{ end }}
39-
{{ end }}
40-
<h2 class="mt-0 mb-8 text-2xl text-neutral-900 dark:text-neutral-200">
25+
<h2 class="mt-0 mb-8 text-2xl text-neutral-800 text-shadow-white">
4126
<div>跳转提示</div>
4227
</h2>
4328
</div>
4429

45-
<div class="text-xl font-bold my-2 px-2 text-neutral-800 dark:text-neutral-300">即将离开大大的小蜗牛的博客，前住</div>
30+
<div class="text-xl font-bold my-4 px-2 text-neutral-800 dark:text-neutral-300">即将离开大大的小蜗牛的博客，前住</div>
4631
<a href="" target="_self" rel="noopener noreferrer" aria-label="redirect-link" id="target-link">
4732
<span id="redirect-link"
4833
class="block w-fit rounded-lg text-center px-5 py-3 border border-solid border-neutral-400 bg-neutral-200 dark:border-neutral-600 dark:bg-neutral-700">未指定重定向目标。</span>
@@ -51,8 +36,8 @@ <h2 class="mt-0 mb-8 text-2xl text-neutral-900 dark:text-neutral-200">
5136
<div class="flex items-center justify-center mt-4 mb-8 flex-wrap">
5237
<div
5338
class="flex items-center rounded-lg h-8 cursor-pointer outline-none p-4 bg-primary-700 dark:bg-primary-600">
54-
<a href='' target="_self" id='direct-link' class="text-neutral dark:text-neutral-400"
55-
rel="noopener noreferrer">立即前往</a></div>
39+
<a href='' target="_self" id='direct-link' class="text-neutral hover:text-neutral-300 dark:text-neutral-300"
40+
rel="noopener noreferrer">继续访问外部网站</a></div>
5641
</div>
5742
</div>
5843

‎wrangler.toml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ name = "eallion-com-cf-pages-origin"
22
pages_build_output_dir = "./public"
33

44
[vars]
5-
HUGO_VERSION = "v0.136.1"
5+
HUGO_VERSION = "v0.136.2"
66

77
[env.production.vars]
8-
HUGO_VERSION = "v0.136.1"
8+
HUGO_VERSION = "v0.136.2"

0 commit comments

Comments
 (0)