diff options
| author | s1nical <[email protected]> | 2019-08-09 23:47:00 -0700 |
|---|---|---|
| committer | s1nical <[email protected]> | 2019-08-09 23:47:00 -0700 |
| commit | f7ada46007e0a23fe0d7665d07f48532070f2f21 (patch) | |
| tree | f5084721854a795ace2fe0f369abc6ca48371a72 /404 | |
| parent | Merge branch 'master' of https://github.com/s1nical/about-me (diff) | |
| download | s1n.pw-admin-f7ada46007e0a23fe0d7665d07f48532070f2f21.tar.xz s1n.pw-admin-f7ada46007e0a23fe0d7665d07f48532070f2f21.zip | |
alternate 404 for mobile, desktop pages redirect to mobile
Diffstat (limited to '404')
| -rw-r--r-- | 404/alternate/css/main.css | 34 | ||||
| -rw-r--r-- | 404/alternate/index.html | 23 | ||||
| -rw-r--r-- | 404/css/main.css.map | 9 | ||||
| -rw-r--r-- | 404/js/main.js | 7 |
4 files changed, 63 insertions, 10 deletions
diff --git a/404/alternate/css/main.css b/404/alternate/css/main.css new file mode 100644 index 0000000..8ed83fa --- /dev/null +++ b/404/alternate/css/main.css @@ -0,0 +1,34 @@ +body{font-family:sans-serif;font-weight:600} + +a{color:#000} +a:hover{color:#d3d3d3} + +.flexbox { + width:95vw; + height:95vh; + display:flex; + align-items:center; + justify-content:center; +} + +.content { + width:auto; + height:auto; + max-width:968px; + transition:0.33s ease +} + +.flexbox:after{ + content:"404"; + position:absolute; + opacity:.1; + z-index:-1; + font-size:24rem; + transition:0.33s ease +} + +@media(max-width:648px){ + .flexbox:after{ + font-size:12em + } +}
\ No newline at end of file diff --git a/404/alternate/index.html b/404/alternate/index.html new file mode 100644 index 0000000..24325d7 --- /dev/null +++ b/404/alternate/index.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>s1nical - Hidden 404</title> + <link rel="stylesheet" href="./css/main.css"> +</head> + <body> + <div class="flexbox"> + <div class="content"> + <p>The page you are looking for cannot be found, <a title="Go back to the archive index" class="linkUnder" href="https://s1n.pw/">follow this link to go back to the archive index</a>, or press "back" in your browser to return to a previously known page.</p> + <p>La página que estás buscando no puede ser encontrada, <a title="Vuelve al índice del archivo" class="linkUnder" href="https://s1n.pw/">sigue éste enlace para volver al índice del archivo</a>, o usa el botón de "volver" en tu navegador para regresar a la última página conocida.</p> + <p>La page que vous recherchez ne peut être trouvée, <a title="Go back to the archive index" class="linkUnder" href="https://s1n.pw/">suivez ce lien pour revenir à l'index de l'archive</a>, ou appuyez sur "retour" dans votre navigateur pour revenir à une page précédemment connu.</p> + <p>Die Seite, die Sie suchen, kann nicht gefunden werden, <a title="Zurück zum Archiv-Index" class="linkUnder" href="https://s1n.pw/">folgen Sie diesem Link zum Archiv Index zurück zu gehen</a>, oder drücken Sie "wieder" in Ihren Browser auf eine bereits bekannte Seite zurückzukehren.</p> + <p>La pagina che stai cercando non può essere trovato, <a title ="Torna all'indice dell'archivio" class="linkUnder" href="https://s1n.pw/">segui questo link per tornare all'indice archivio</a>, oppure "premere" di nuovo nel tuo browser per tornare alla pagina precedentemente conosciuto.</p> + <p>あなたは見つけることができません探しているページは、<a title="アーカイブインデックスに戻ります" class="linkUnder" href="https://s1n.pw/">以前から知られているページに戻るに戻ってブラウザでこのアーカイブインデックスに戻るためのリンク</a>、またはプレスに従ってください。</p> + <p>您正在寻找无法找到该网页，<a title="回到存档的索引" class="linkUnder" href="https://s1n.pw/">请点击此链接返回到存档的索引</a>，或者按回到你的浏览器“返回”到先前已知网页。</p> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/404/css/main.css.map b/404/css/main.css.map deleted file mode 100644 index 4d05cf9..0000000 --- a/404/css/main.css.map +++ /dev/null @@ -1,9 +0,0 @@ -{ - "version": 3, - "mappings": "AACA,AAAA,IAAI,CAAC;EACH,MAAM,EAAE,IAAI;CACb;;AAED,AAAA,IAAI,CAAC;EACH,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,+CAA+C,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG;EAC9E,eAAe,EAAE,KAAK;EACtB,QAAQ,EAAE,MAAM;EAEhB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,WAAW;EACtB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;CACpB;;AAED,AAAA,KAAK,CAAC,EAAE,CAAA;EACN,KAAK,EAAE,OAAO;EACf,UAAU,EAAE,MAAM;EACjB,SAAS,EAAE,IAAI;EAChB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAG,IAAG,CAAC,GAAG,CAAC,GAAG,CAAC,kBAAe,EAAG,KAAI,CAAC,IAAI,CAAC,GAAG,CAAC,kBAAe,EAAG,KAAI,CAAC,IAAI,CAAC,GAAG,CAAC,kBAAe;EACzG,WAAW,EAAE,SAAS;EACrB,WAAW,EAAE,IAAI;CAClB;;AAED,AAAA,KAAK,CAAC,EAAE,CAAA;EACN,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,GAAG;EACf,WAAW,EAAG,IAAG,CAAC,GAAG,CAAC,GAAG,CAAC,kBAAe;EACzC,UAAU,EAAE,MAAM;EAClB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,SAAS;EACrB,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,KAAK,CAAC,EAAE,CAAA;EACN,KAAK,EAAE,KAAK;EACb,WAAW,EAAE,IAAI;EAChB,SAAS,EAAE,GAAG;EACf,WAAW,EAAG,IAAG,CAAC,GAAG,CAAC,GAAG,CAAC,kBAAe;EACzC,UAAU,EAAE,KAAK;EACjB,WAAW,EAAE,SAAS;EACrB,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,MAAM,CAAC;EACL,MAAM,EAAE,iBAAiB;EACzB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,UAAU,EAAE,sBAAsB;EACnC,OAAO,EAAE,CAAC;EACT,aAAa,EAAE,GAAG;EAClB,QAAQ,EAAE,KAAK;EAChB,UAAU,EAAE,kBAAe;CAa3B;;AArBD,AAUE,MAVI,AAUH,MAAM,CAAC;EACN,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,aAAa,EAAE,GAAG;EAClB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;EACT,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EACpC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,qBAAkB;CAC/B", - "sources": [ - "main.scss" - ], - "names": [], - "file": "main.css" -}
\ No newline at end of file diff --git a/404/js/main.js b/404/js/main.js index 8b45c65..417011a 100644 --- a/404/js/main.js +++ b/404/js/main.js @@ -3,4 +3,9 @@ $(document).mousemove(function (event) { 'top': event.pageY,
'left': event.pageX
});
- });
\ No newline at end of file + });
+
+// CHECKS IF USER IS ON MOBILE
+if (screen.width <= 480) {
+ location.href = './404/alternate';
+}
\ No newline at end of file |