ItsDrike/itsdrike.com
1
0
Fork 0
mirror of https://github.com/ItsDrike/itsdrike.com.git synced 2024-11-09 21:49:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add 403 page (it has gandalf!)

Browse source
This commit is contained in:
ItsDrike 2022-02-09 21:23:10 +01:00
parent 2052ca892f
commit 32ef4d2084
No known key found for this signature in database
GPG key ID: B014E761034AF742
3 changed files with 392 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
content/error/403.md Normal file
View file

@ -0,0 +1,5 @@
---
title: 403 Forbidden
layout: gandalf_forbid
hidden_from_navbar: true
---

238
layouts/_default/gandalf_forbid.html Normal file
View file

@ -0,0 +1,238 @@
{{ define "head_extra" }}
{{ partial "style.html" "scss/forbid_style.scss" }}
{{ end }}
{{ define "main" }}
<div id="main" class="wrapper_forbid">
<h1>{{ .Title }}</h1>
<p>You shall not pass!</p>
<svg
viewbox="0 0 100 150"
preserveAspectRatio="xMidYMid slice"
height="720" width="480"
>
<path class="grid-lines__line grid-lines__line--hor" d="m0,39 l100,0" />
<path class="grid-lines__line grid-lines__line--hor" d="m0,75 l100,0" />
<path class="grid-lines__line grid-lines__line--hor" d="m0,111 l100,0" />
<path class="grid-lines__line grid-lines__line--ver" d="m14,0 l0,150" />
<path class="grid-lines__line grid-lines__line--ver" d="m32,0 l0,150" />
<path class="grid-lines__line grid-lines__line--ver" d="m50,0 l0,150" />
<path class="grid-lines__line grid-lines__line--ver" d="m68,0 l0,150" />
<path class="grid-lines__line grid-lines__line--ver" d="m86,0 l0,150" />
<path class="grid-lines__line grid-lines__line--diag" d="m14,0 l72,150" />
<path class="grid-lines__line grid-lines__line--diag" d="m0,25 l100,100" />
<path class="grid-lines__line grid-lines__line--diag" d="m100,25 l-100,100" />
<path class="grid-lines__line grid-lines__line--diag" d="m86,0 l-72,150" />
<path class="grid-lines__line grid-lines__line--cir"
d="m50,57 c18,0 18,18 18,18
c0,18 -18,18 -18,18
c-18,0 -18,-18 -18,-18
c0,-18 18,-18 18,-18" />
<path class="grid-lines__line grid-lines__line--cir"
d="m50,39 c36,0 36,36 36,36
c0,36 -36,36 -36,36
c-36,0 -36,-36 -36,-36
c0,-36 36,-36 36,-36" />
<path class="grid-lines__line grid-lines__line--cir"
d="m50,21 c54,0 54,54 54,54
c0,54 -54,54 -54,54
c-54,0 -54,-54 -54,-54
c0,-54 54,-54 54,-54" />
<path class="wiz wiz--hair-bg"
d="m50,48
c0,0 6,0 6,2
c0,0 0,3 2,3
c0,0 2,0 2,4
c0,0 2,0 2,4
c0,0 3,0 3,6
c0,0 2,4 -2,6
c0,0 -2,4 -2,6
c0,0 0,6 -3,6
c0,0 0,0 -8,0
c0,0 0,0, -8,0
c0,0 -3,0 -3,-6
c0,0 -2,-4 -2,-6
c0,0 -4,-2 -2,-6
c0,0 0,-6 3,-6
c0,0 0,-4 2,-4
c0,0 0,-4 2,-4
c0,0 2,0 2,-3
c0,0 6,0 6,-2" />
<path class="wiz wiz--head"
d="m50,50
c0,0 8,0 8,10
c0,0 0,10 -8,10
c0,0 -8,0 -8,-10
c0,0 0,-10 8,-10" />
<path class="wiz wiz--hair"
d="m50,48
c0,0 6,0 6,2
c0,0 0,3 2,3
c0,0 2,0 2,4
c0,0 2,0 2,4
c0,0 3,0 3,6
c0,0 2,4 -2,6
c0,0 -2,4 -2,6
c0,0 0,6 -3,6
c0,0 0,0 -8,0
c0,0 6,0 6,-2
c0,0 4,0 2,-4
c0,0 4,0 2,-4
c0,0 -2,-2 2,-6
c0,0 2,-4 -2,-6
c0,0 -4,0 -4,-4
c0,0 0,-4 -2,-4
c0,0 0,-6 -4,-3" />
<path class="wiz wiz--hair"
d="m50,52
c0,0 -6,-4 -6,4
c0,0 0,4 -2,4
c0,0 0,4 -2,4
c0,0 -2,0 0,4
c0,0 0,2 0,4
c0,0 2,2 0,4
c0,0 -2,4 4,3
c0,0 -2,4 2,4
c0,0 0,2 4,2
c0,0 0,0, -8,0
c0,0 -3,0 -3,-6
c0,0 -2,-4 -2,-6
c0,0 -4,-2 -2,-6
c0,0 0,-6 3,-6
c0,0 0,-4 2,-4
c0,0 0,-4 2,-4
c0,0 -1,0 0,-4
c0,0 2,1 8,-1" />
<path class="wiz wiz--beard"
d="m50,69
c0,0 5,0 5,-1
c0,0 4,0 4,2
c0,0 2,0 1,4
c0,0 2,0 1,6
c0,0 2,0 1,6
c0,0 -2,4 -2,4
c0,0 -2,4 0,6
c0,0 -4,0 -4,-4
c0,0 0,4 -2,4
c0,0 0,2 -2,2
c0,0 -4,0 -4,4
c0,0 -4,0 -2,-6
c0,0 -2,4 -6,4
c0,0 4,-2 2,-6
c0,0 -4,0 -4,-4
c0,0 -4,0 -4,-4
c0,0 4,4 4,-4
c0,0 0,-6 2,-6
c0,0 0,-4 2,-4
c0,0 0,-4 2,-4
c0,0 0,1 6,1" />
<path class="wiz wiz--mouth"
d="m50,65
c0,0 5,0 5,3
c0,0 0,2 -5,2
c0,0 -5,0 -5,-2
c0,0 0,-4 5,-3" />
<path class="wiz wiz--mustache"
d="m50,64
c0,0 4,0 4,1
c0,0 2,0 2,2
c0,0 2,0 1,3
c0,0 2,0 0,3
c0,0 0,0 0,0
c0,0 0,-2 -2,-2
c0,0 1,-3 -1,-3
c0,0 0,-1 -4,-2
c0,0 -4,-2 -4,2
c0,0 -1,0 -1,2
c0,0 -2,0 -1,3
c0,0 -4,-2 -1,-4
c0,0 -2,-3 1,-3
c0,0 -1,-5 6,-2" />
<path class="wiz wiz--eye wiz--left"
d="m45,60
c0,0 2,0 2,1
c0,0 0,1 -2,0
c0,0 -1,0 0,-1" />
<path class="wiz wiz--eye wiz--right"
d="m52,60
c0,0 1,-1 2,0
c0,0 0,1 -2,1
c0,0 -1,0 0,-1" />
<path class="wiz wiz--eye-brow wiz--left"
d="m42,61
c0,0 0,-3 1,-3
c0,0 3,0 4,2
c0,0 -1,-1 -4,-1
c0,0 -1,0 -1,2" />
<path class="wiz wiz--eye-brow wiz--right"
d="m51,60
c0,0 2,-3 4,-3
c0,0 2,0 2,3
c0,0 -1,-2 -2,-2
c0,0 -2,0 -4,2" />
<path class="wiz wiz--sword"
d="m50,30
c0,0 2,2 2,6
l0,50
l6,0
c0,0 2,0 2,-2
l1,0
c0,0 0,4 -4,4
l-6,0
l0,14
c0,0 2,0 2,2
c0,0 0,2 -4,2
c0,0 -3,0 -4,-2
c0,0 0,-2 2,-2
l0,-14
l-6,0
c0,0 -4,0 -4,-4
l1,0
c0,0 0,2 2,2
l6,0
l0,-50
c0,0 0,-3 2,-6
z" />
<path class="wiz wiz--staff"
d="m46,30
l2,0
c0,0 1,0 1,1
l0,2
c0,0 2,0 2,-2
l1,0
c0,0 1,0 1,2
c0,0 2,0 2,-2
l2,0
c0,0 0,4 -2,4
c0,0 0,4 -2,4
c0,0 0,2 -1,2
l0,40
c0,0 0,4 -1,4
l0,40
c0,0 0,4 -1,4
c0,0 -1,0 -1,-4
c0,0 -2,0 -2,-4
l0,-60
c0,0 -1,0 -1,-4
l0,-20
c0,0 -1,0 -1,-4
c0,0 0,-3 1,-3" />
</svg>
</div>
{{ end }}

149
static/src/scss/forbid_style.scss Normal file
View file

@ -0,0 +1,149 @@
$color__black: #121111;
$color__white: #fcffff;
$color__brown: #8b4513;
$color__gray--lighter: #efeeee;
$color__gray--light: #dcdddd;
$color__gray: #c3c4c4;
$color__gray--dark: #969999;
$color__gray--darker: #323333;
$color__gray--darkest: #121111;
$color__red--lightest: #f8979c;
$color__red--lighter: #FF888D;
$color__red--light: #F14950;
$color__red: #FF190D;
$color__red--dark: #c51104;
$color__red--darker: #A00309;
$color__red--darkest: #800007;
$color__orange--lightest: #ffcf9a;
$color__orange--lighter: #feac68;
$color__orange--light: #fc9a46;
$color__orange: #fa6824;
$color__orange--dark: #bb4a19;
$color__orange--darker: #992807;
$color__orange--darkest: #770505;
$color__blue--lightest: #afedff;
$color__blue--lighter: #6edbff;
$color__blue--light: #3ca9ff;
$color__blue: #2196f3;
$color__blue--dark: #0b62a6;
$color__blue--darker: #044475;
$color__blue--darkest: #142633;
$stroke__width: 0.5;
path {
fill: transparent;
stroke: rgba($color__blue, 0.2);
stroke-width: $stroke__width;
}
.wrapper_forbid {
display: flex;
justify-content: center;
align-items: center;
h1, p {
color: $color__gray--light;
font-family: monospace;
font-size: 16px;
position: absolute;
z-index: 999;
}
h1 {
font-size: 2em;
top: 80%;
}
p {
font-weight: 600;
top: calc(80% + 2.5em);
}
}
.grid-lines__line {
stroke-width: $stroke__width / 3;
}
.grid-lines__line--cir {
stroke: rgba($color__gray--light, 0.25);
}
.grid-lines__line--diag {
stroke: rgba($color__gray--light, 0.15);
}
.grid-lines__line--hor {
stroke: rgba($color__gray--light, 0.15);
}
.grid-lines__line--ver {
stroke: rgba($color__gray--light, 0.2);
}
.wiz {
fill: transparent;
stroke: rgba($color__red, 0.5);
}
.wiz--beard,
.wiz--eye,
.wiz--eye-brow,
.wiz--hair,
.wiz--hair-bg,
.wiz--head,
.wiz--mouth,
.wiz--mustache,
.wiz--staff,
.wiz--sword {
stroke: transparent;
}
.wiz--beard {
fill: $color__gray--lighter;
stroke: rgba($color__gray--dark, 0.5);
}
.wiz--eye {
fill: $color__blue--dark;
stroke: $color__blue--darker;
}
.wiz--eye-brow {
fill: $color__gray--light;
stroke: rgba($color__gray--darker, 0.5);
}
.wiz--hair {
fill: $color__gray--lighter;
stroke: rgba($color__gray--dark, 0.5);
}
.wiz--hair-bg {
fill: $color__gray--darker;
}
.wiz--head {
fill: $color__orange--lightest;
}
.wiz--mouth {
fill: $color__black;
}
.wiz--mustache {
fill: $color__gray--light;
stroke: rgba($color__gray--darker, 0.5);
}
.wiz--staff {
fill: $color__brown;
transform: rotate(-45deg) translateX(30%) translateY(-10%);
transform-origin: 50% 50%;
}
.wiz--sword {
fill: $color__gray--dark;
transform: rotate(45deg) translateX(-35%) translateY(-5%);
transform-origin: 50% 50%;
}