1- <!doctype html> < html lang =en > < head > < meta charset =UTF-8 > < meta name =viewport content ="width=device-width,initial-scale=1 "> < meta name =description content > < meta name =theme-color media ="(prefers-color-scheme: light) " content ="#ffffff "> < meta name =theme-color media ="(prefers-color-scheme: dark) " content ="#2e3440 "> < meta name =color-scheme content ="light dark "> < meta property ="og:url " content ="/404.html "> < meta property ="og:site_name " content ="Sleep as Android Docs "> < meta property ="og:title " content ="404 Page not found "> < meta property ="og:locale " content ="en "> < meta property ="og:type " content ="website "> < meta itemprop =name content ="404 Page not found "> < title > 404 Page not found • Sleep as Android Docs</ title > < link rel =icon href =./favicon.png > < link rel =manifest href =./manifest.json > < link rel =canonical href =./404.html > < link rel =stylesheet href =./book.min.48f33d5a3eb3d0043703a18061032a2d9ba8b975a98e31188faf67aac93a8b44.css > < script defer type =module src =./en.search.min.67c6bf5f3c7764aa0d9f0adff70d54ce40666f5e1d3075fced8780416c8cf680.js > </ script > < style > .not-found {height : 100vh ;width : 100vw }.not-found h1 {font-size : 10vmin ;font-weight : lighter;cursor : default}.not-found h1 span {display : inline-block;transition : transform .2s ease-out, opacity .2s ease-out}.not-found h1 : hover span {transition-duration : 1s ;transform : translate (var (--drift-x ), var (--drift-y ))rotate (var (--rotate-end ));opacity : 0 }.not-found h1 : hover span : nth-child (1 ){--drift-x : -1em ;--drift-y : 1em ;--rotate-end : -90deg }.not-found h1 : hover span : nth-child (2 ){--drift-x : -1em ;--drift-y : -2em ;--rotate-end : 45deg }.not-found h1 : hover span : nth-child (3 ){--drift-x : 3em ;--drift-y : 1em ;--rotate-end : 120deg }</ style > </ head > < body class ="not-found flex justify-center align-center "> < main class =text-center > < h1 > < span > Page</ span >
2- < span > Not</ span >
3- < span > Found</ span > </ h1 > < h3 > < a href =./ > Sleep as Android Docs</ a > </ h3 > </ main > </ body > </ html >
1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head > < script src ="/livereload.js?mindelay=10&v=2&port=1313&path=livereload " data-no-instant defer > </ script >
4+ <!--
5+ Made with Book Theme
6+ https://github.com/alex-shpak/hugo-book
7+ -->
8+
9+ < meta charset ="UTF-8 ">
10+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
11+ < meta name ="description " content ="">
12+ < meta name ="theme-color " media ="(prefers-color-scheme: light) " content ="#ffffff ">
13+ < meta name ="theme-color " media ="(prefers-color-scheme: dark) " content ="#2e3440 ">
14+ < meta name ="color-scheme " content ="light dark "> < meta property ="og:url " content ="//localhost:1313/404.html ">
15+ < meta property ="og:site_name " content ="Sleep as Android Docs ">
16+ < meta property ="og:title " content ="404 Page not found ">
17+ < meta property ="og:locale " content ="en ">
18+ < meta property ="og:type " content ="website ">
19+
20+
21+ < meta itemprop ="name " content ="404 Page not found ">
22+
23+ < title > 404 Page not found • Sleep as Android Docs</ title >
24+ < link rel ="icon " href ="./favicon.png " >
25+ < link rel ="manifest " href ="./manifest.json ">
26+ < link rel ="canonical " href ="//localhost:1313/404.html ">
27+ < link rel ="stylesheet " href ="./book.min.48f33d5a3eb3d0043703a18061032a2d9ba8b975a98e31188faf67aac93a8b44.css " integrity ="sha256-SPM9Wj6z0AQ3A6GAYQMqLZuouXWpjjEYj69nqsk6i0Q= " crossorigin ="anonymous ">
28+
29+
30+ < script defer type ="module " src ="./en.search.min.67c6bf5f3c7764aa0d9f0adff70d54ce40666f5e1d3075fced8780416c8cf680.js " integrity ="sha256-Z8a/Xzx3ZKoNnwrf9w1UzkBmb14dMHX87YeAQWyM9oA= " crossorigin ="anonymous "> </ script >
31+
32+
33+
34+ < style >
35+ .not-found {
36+ height : 100vh ;
37+ width : 100vw ;
38+ }
39+
40+ .not-found h1 {
41+ font-size : 10vmin ;
42+ font-weight : lighter;
43+ cursor : default;
44+ }
45+
46+ .not-found h1 span {
47+ display : inline-block;
48+ transition : transform .2s ease-out, opacity .2s ease-out;
49+ }
50+
51+ .not-found h1 : hover span {
52+ transition-duration : 1s ;
53+ transform : translate (var (--drift-x ), var (--drift-y )) rotate (var (--rotate-end ));
54+ opacity : 0 ;
55+ }
56+
57+ .not-found h1 : hover span : nth-child (1 ) {
58+ --drift-x : -1em ;
59+ --drift-y : 1em ;
60+ --rotate-end : -90deg ;
61+ }
62+
63+ .not-found h1 : hover span : nth-child (2 ) {
64+ --drift-x : -1em ;
65+ --drift-y : -2em ;
66+ --rotate-end : 45deg ;
67+ }
68+
69+ .not-found h1 : hover span : nth-child (3 ) {
70+ --drift-x : 3em ;
71+ --drift-y : 1em ;
72+ --rotate-end : 120deg ;
73+ }
74+ </ style >
75+ </ head >
76+
77+ < body class ="not-found flex justify-center align-center ">
78+ < main class ="text-center ">
79+ < h1 >
80+ < span > Page</ span >
81+ < span > Not</ span >
82+ < span > Found</ span >
83+ </ h1 >
84+ < h3 >
85+ < a href ="./ "> Sleep as Android Docs</ a >
86+ </ h3 >
87+ </ main >
88+
89+
90+ </ body >
91+
92+ </ html >
0 commit comments