diff options
| author | s1n <[email protected]> | 2019-10-23 20:49:24 -0700 |
|---|---|---|
| committer | s1n <[email protected]> | 2019-10-23 20:49:24 -0700 |
| commit | 186c562564f40b33ef9c57fe382a6b63e0cbc48d (patch) | |
| tree | a3702ff8e56a4e73e764206f9560a9bd7021dc8a /404 | |
| parent | accurate mobile detec (diff) | |
| download | s1n.pw-admin-186c562564f40b33ef9c57fe382a6b63e0cbc48d.tar.xz s1n.pw-admin-186c562564f40b33ef9c57fe382a6b63e0cbc48d.zip | |
make all mobile sites into media queries :)))
Diffstat (limited to '404')
| -rw-r--r-- | 404/css/main.css | 18 | ||||
| -rw-r--r-- | 404/js/redirect-to-desktop.js | 4 | ||||
| -rw-r--r-- | 404/js/redirect-to-mobile.js | 4 | ||||
| -rw-r--r-- | 404/m/css/main.css | 9 | ||||
| -rw-r--r-- | 404/m/index.html | 66 |
5 files changed, 18 insertions, 83 deletions
diff --git a/404/css/main.css b/404/css/main.css index 5891d12..ad791a3 100644 --- a/404/css/main.css +++ b/404/css/main.css @@ -15,3 +15,21 @@ margin-bottom: 6px; opacity: 0.9; } + +@media(max-width: 768px) { + .navigation-bar { + display: none; + } + + .bio { + margin: auto; + width: 100%; + padding: 0; + } +} + +@media(min-width: 768px) { + .mobile { + display: none; + } +}
\ No newline at end of file diff --git a/404/js/redirect-to-desktop.js b/404/js/redirect-to-desktop.js deleted file mode 100644 index 566a0c0..0000000 --- a/404/js/redirect-to-desktop.js +++ /dev/null @@ -1,4 +0,0 @@ -// 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 deleted file mode 100644 index 234e420..0000000 --- a/404/js/redirect-to-mobile.js +++ /dev/null @@ -1,4 +0,0 @@ -// 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 deleted file mode 100644 index 9c19a07..0000000 --- a/404/m/css/main.css +++ /dev/null @@ -1,9 +0,0 @@ -.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 deleted file mode 100644 index da86f29..0000000 --- a/404/m/index.html +++ /dev/null @@ -1,66 +0,0 @@ -<!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 |