feat(404): update 404.html style
This commit is contained in:
@@ -22,9 +22,3 @@
|
|||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
padding-top: 2rem;
|
padding-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notfound {
|
|
||||||
font-size: 2rem;
|
|
||||||
transform: translateY(35vh);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|||||||
6
assets/css/_page/_404.scss
Normal file
6
assets/css/_page/_404.scss
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
.notfound {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
line-height: 3rem;
|
||||||
|
transform: translateY(30vh);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
@@ -1,4 +1,5 @@
|
|||||||
@import "_home";
|
@import "_home";
|
||||||
|
@import "_404";
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -6,12 +6,8 @@
|
|||||||
<div class="notfound">
|
<div class="notfound">
|
||||||
<h1 class="error-emoji"></h1>
|
<h1 class="error-emoji"></h1>
|
||||||
<p class="error-text">
|
<p class="error-text">
|
||||||
{{- T "pageNotFoundText" -}}
|
{{- T "pageNotFoundText" -}}
|
||||||
</p>
|
<a href="{{ .Site.BaseURL }}" title="{{ T "backToHome" }}">↩︎</a>
|
||||||
<p class="error-link">
|
|
||||||
<a href="{{ .Site.BaseURL }}">
|
|
||||||
{{- T "backToHome" | printf "← %s" -}}
|
|
||||||
</a>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
{{- if $avatar -}}
|
{{- if $avatar -}}
|
||||||
<div class="home-avatar">
|
<div class="home-avatar">
|
||||||
<a href="/posts">
|
<a href="/posts">
|
||||||
<img src={{ $avatar | relURL }} alt="avatar">
|
<img src={{ $avatar | relURL }} alt="avatar" title="{{ T "home" }}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
|
|||||||
Reference in New Issue
Block a user