summaryrefslogtreecommitdiff
path: root/404
diff options
context:
space:
mode:
authors1n <[email protected]>2019-10-12 00:22:46 -0700
committers1n <[email protected]>2019-10-12 00:22:46 -0700
commit78c43c975166476f8e52e3ee521d917c269f6844 (patch)
tree22c36c1d43c86f4489becfaabec1cdb15bcd4027 /404
parentdel ghouly (diff)
downloads1n.pw-admin-78c43c975166476f8e52e3ee521d917c269f6844.tar.xz
s1n.pw-admin-78c43c975166476f8e52e3ee521d917c269f6844.zip
new 404 + many optimzations
Diffstat (limited to '404')
-rw-r--r--404/alternate/css/main.css34
-rw-r--r--404/alternate/index.html23
-rw-r--r--404/css/main.css82
-rw-r--r--404/js/main.js11
-rw-r--r--404/js/redirect-to-desktop.js4
-rw-r--r--404/js/redirect-to-mobile.js4
-rw-r--r--404/m/css/main.css9
-rw-r--r--404/m/index.html66
8 files changed, 94 insertions, 139 deletions
diff --git a/404/alternate/css/main.css b/404/alternate/css/main.css
deleted file mode 100644
index 8ed83fa..0000000
--- a/404/alternate/css/main.css
+++ /dev/null
@@ -1,34 +0,0 @@
-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
deleted file mode 100644
index a1435ed..0000000
--- a/404/alternate/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<!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="/404/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 b/404/css/main.css
index e8e3200..5891d12 100644
--- a/404/css/main.css
+++ b/404/css/main.css
@@ -1,77 +1,17 @@
-html {
- height: 100%;
-}
-
-body {
- height: 100%;
- background: url("https://wallpapercave.com/wp/6SLzBEY.jpg") no-repeat left top;
- background-size: cover;
- overflow: hidden;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-flow: column wrap;
- flex-flow: column wrap;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.text h1 {
- color: #011718;
- margin-top: -200px;
- font-size: 15em;
+.content {
text-align: center;
- text-shadow: -5px 5px 0px rgba(0, 0, 0, 0.7), -10px 10px 0px rgba(0, 0, 0, 0.4), -15px 15px 0px rgba(0, 0, 0, 0.2);
- font-family: monospace;
- font-weight: bold;
-}
-
-.text h2 {
- color: black;
- font-size: 5em;
- text-shadow: -5px 5px 0px rgba(0, 0, 0, 0.7);
- text-align: center;
- margin-top: -150px;
- font-family: monospace;
- font-weight: bold;
-}
-
-.text h3 {
- color: white;
- margin-left: 30px;
- font-size: 2em;
- text-shadow: -5px 5px 0px rgba(0, 0, 0, 0.7);
- margin-top: -40px;
- font-family: monospace;
- font-weight: bold;
+ color: #000000;
}
-.torch {
- margin: -150px 0 0 -150px;
- width: 200px;
- height: 200px;
- -webkit-box-shadow: 0 0 0 9999em #000000f7;
- box-shadow: 0 0 0 9999em #000000f7;
- opacity: 1;
- border-radius: 50%;
- position: fixed;
- background: rgba(0, 0, 0, 0.1);
+.content h1 {
+ font-weight: 900;
+ line-height: 1;
+ margin-bottom: -10px;
+ opacity: 0.6;
}
-.torch:after {
- content: '';
- display: block;
- border-radius: 50%;
- width: 100%;
- height: 100%;
- top: 0px;
- left: 0px;
- -webkit-box-shadow: inset 0 0 40px 2px #000, 0 0 20px 4px rgba(13, 13, 10, 0.8);
- box-shadow: inset 0 0 40px 2px #000, 0 0 20px 4px rgba(13, 13, 10, 0.8);
+.content h2 {
+ font-weight: 700;
+ margin-bottom: 6px;
+ opacity: 0.9;
}
diff --git a/404/js/main.js b/404/js/main.js
deleted file mode 100644
index 2f18f0d..0000000
--- a/404/js/main.js
+++ /dev/null
@@ -1,11 +0,0 @@
-$(document).mousemove(function (event) {
- $('.torch').css({
- 'top': event.pageY,
- 'left': event.pageX
- });
- });
-
-// CHECKS IF USER IS ON MOBILE
-if (screen.width <= 480) {
- location.href = '/404/alternate';
-} \ No newline at end of file
diff --git a/404/js/redirect-to-desktop.js b/404/js/redirect-to-desktop.js
new file mode 100644
index 0000000..566a0c0
--- /dev/null
+++ b/404/js/redirect-to-desktop.js
@@ -0,0 +1,4 @@
+// CHECKS IF USER IS ON DESKTOP
+if (screen.width > 699) {
+ location.href = '/404.html/';
+}
diff --git a/404/js/redirect-to-mobile.js b/404/js/redirect-to-mobile.js
new file mode 100644
index 0000000..234e420
--- /dev/null
+++ b/404/js/redirect-to-mobile.js
@@ -0,0 +1,4 @@
+// CHECKS IF USER IS ON MOBILE
+if (screen.width <= 699) {
+ location.href = '/404/m/';
+} \ No newline at end of file
diff --git a/404/m/css/main.css b/404/m/css/main.css
new file mode 100644
index 0000000..9c19a07
--- /dev/null
+++ b/404/m/css/main.css
@@ -0,0 +1,9 @@
+.bio {
+ font-size: 22px;
+ /* Always use this for center haha, was searching how to center and this helped lol, was about 15 minutes in searching.
+ https: //stackoverflow.com/a/36298070/11774102
+ - 10/12/2019 0:18 */
+ display: flex;
+ align-items: center;
+}
+
diff --git a/404/m/index.html b/404/m/index.html
new file mode 100644
index 0000000..da86f29
--- /dev/null
+++ b/404/m/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<body 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 - 404</title>
+ <!-- External Links -->
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script>
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+ <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
+ <!-- CSS Links -->
+ <!-- Why am I so dumb, I just found out why the css wasn't working on the 404 with a trailing slash on Stack Overflow, lol, then I
+ went through ALL of the files checking if I had any more "./" instead of absolute path and turns out this is the only file I didn't go through...-->
+ <link rel="stylesheet" href="/404/m/css/main.css">
+ <link rel="stylesheet" href="/about/css/navigation-bar.css">
+ <link rel="stylesheet" href="/about/css/loader-animation.css">
+ <link rel="stylesheet" href="/about/css/blog-slider.css">
+ <link rel="stylesheet" href="/404/css/main.css">
+ <!-- Invisible Links -->
+ <script src="/js/loader-animation.js"></script>
+ <script src="/404/js/redirect-to-desktop.js"></script>
+ </head>
+
+ <body>
+ <!-- Visable Links -->
+ <script src="/js/background-sparkles.js"></script>
+
+ <div class="bio">
+ <div class="links">
+ <div class="blog-slider">
+ <div class="content" style="text-align: center;">
+ <h1>404</h1>
+ <h2>Page not found</h2>
+ <h1><!-- Filler --></h1>
+ <a href="/">Back home</a>
+ <h1><!-- Filler --></h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Loading Animation -->
+ <div class="loader-wrapper">
+ <div class="loader">
+ <row>
+ <span></span>
+ <span></span>
+ <span></span>
+ </row>
+ <row>
+ <span></span>
+ <span></span>
+ <span></span>
+ </row>
+ <row>
+ <span></span>
+ <span></span>
+ <span></span>
+ </row>
+ </div>
+ </div>
+ </body>
+
+</body> \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2026-04-27 00:51:22 +0000