mysticmode/website
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update 404 page

Browse Source
This commit is contained in:
Nirmal Kumar R
2024-07-26 16:21:38 +05:30
parent 0d89e3c159
commit be3915f95d
3 changed files with 86 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+5 -73
View File
@@ -4,77 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nirmal Kumar R</title> <title>Nirmal Kumar R</title>
<style> <link rel="stylesheet" href="style.css">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: verdana;
font-size: 13px;
max-width: 46em;
}
header {
margin: 1em 1em 1em 9em;
}
nav {
display: flex;
flex-direction: column;
align-items: start;
margin-left: 1em;
float: left;
}
nav a {
background-color: #BF1717;
font-family: verdana;
color: white;
font-size: 0.8rem;
text-shadow: 0px 0px 1px #cccccc;
min-width: 70px;
padding: 0.3em 0.5em;
text-decoration: none;
box-shadow: 1px 2px 2px #dfb7b7 inset;
border-bottom: 4px solid #992727;
border-right: 3px solid #f29595;
border-left: 2px solid #b77272;
border-top: 1px solid #ac3e3e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
p {
margin: 2em 0;
}
.home,
.content-wrapper {
margin-left: 9em;
}
.content-wrapper {
margin-top: 1em;
}
.contact {
background-color: #ffcc33;
padding: 0.6em;
}
footer {
color: #cccccc;
margin: 3em 0 3em 9em;
}
footer hr {
margin-bottom: 1em;
}
</style>
</head> </head>
<body> <body>
<header> <header>
@@ -84,7 +14,9 @@
</header> </header>
<section class="content-wrapper"> <section class="content-wrapper">
<div class="content-title"><img src="https://ik.imagekit.io/mysticmode/home/404-not-found.png" alt="404 Not Found"></div> <div class="content-title">
<h2>404 Not Found</h2>
</div>
<div class="content"> <div class="content">
<p>Rumi said - "What you seek is seeking you"</p> <p>Rumi said - "What you seek is seeking you"</p>
<p>This page has no content, but don't worry - All was good, All is well and All's gonna be fine.</p> <p>This page has no content, but don't worry - All was good, All is well and All's gonna be fine.</p>
@@ -94,7 +26,7 @@
<footer> <footer>
<hr> <hr>
© Nirmal Kumar R © Nirmal Kumar R. All original text, is licensed under a <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>. Source code of this website can be found <a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer> </footer>
</body> </body>
</html> </html>
index.html
+1 -83
View File
@@ -5,89 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="https://ik.imagekit.io/mysticmode/home/favicon.png"> <link rel="icon" type="image/png" href="https://ik.imagekit.io/mysticmode/home/favicon.png">
<title>Nirmal Kumar R</title> <title>Nirmal Kumar R</title>
<style> <link rel="stylesheet" href="style.css">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: sans-serif;
font-size: 14px;
line-height: 1.4;
max-width: 30em;
}
header {
margin: 1em;
}
nav {
display: flex;
align-items: start;
justify-content: center;
}
nav a {
background-color: #BF1717;
font-family: sans-serif;
color: white;
font-size: 0.8rem;
text-align: center;
text-shadow: 0px 0px 1px #cccccc;
min-width: 70px;
padding: 0.3em 0.5em 0.2em;
text-decoration: none;
box-shadow: 1px 2px 2px #eba2a2 inset;
border-bottom: 4px solid #992727;
border-right: 2px solid #992727;
border-left: 1px solid #992727;
border-top: 1px solid #ac3e3e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
p {
margin: 1em 0;
}
.home {
margin-top: 1em;
}
.home,
.content-wrapper {
margin-left: 1em;
}
.home img {
display: block;
}
.content-title {
color: #663333;
font-weight: bold;
margin-left: 1em;
}
.contact {
background-color: #ffcc33;
padding: 0.6em;
font-size: 0.8rem;
}
footer {
color: #cccccc;
margin: 3em 0 3em 1em;
font-size: 0.8rem;
}
footer hr {
margin-bottom: 1em;
}
</style>
</head> </head>
<body> <body>
<header> <header>
style.css
+80
View File
@@ -0,0 +1,80 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: sans-serif;
font-size: 14px;
line-height: 1.4;
max-width: 30em;
}
header {
margin: 1em;
}
nav {
display: flex;
align-items: start;
justify-content: center;
}
nav a {
background-color: #BF1717;
font-family: sans-serif;
color: white;
font-size: 0.8rem;
text-align: center;
text-shadow: 0px 0px 1px #cccccc;
min-width: 70px;
padding: 0.3em 0.5em 0.2em;
text-decoration: none;
box-shadow: 1px 2px 2px #eba2a2 inset;
border-bottom: 4px solid #992727;
border-right: 2px solid #992727;
border-left: 1px solid #992727;
border-top: 1px solid #ac3e3e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
p {
margin: 1em 0;
}
.home {
margin-top: 1em;
}
.home,
.content-wrapper {
margin-left: 1em;
}
.home img {
display: block;
}
.content-title {
color: #663333;
font-weight: bold;
}
.contact {
background-color: #ffcc33;
padding: 0.6em;
font-size: 0.8rem;
}
footer {
color: #cccccc;
margin: 3em 0 3em 1em;
font-size: 0.8rem;
}
footer hr {
margin-bottom: 1em;
}