Atom blog

atomjoy · Oct 2, 2024 · 86e0042 · 86e0042
1 parent aa5f4d5
commit 86e0042
Show file tree

Hide file tree

Showing 5 changed files with 49 additions and 4 deletions.
diff --git a/atom.zip b/atom.zip
diff --git a/atom/404.php b/atom/404.php
@@ -1 +1,10 @@
-404 Error Page
+<?php
+get_header();
+
+get_template_part('include/body', 'header');
+
+get_template_part('include/body', 'error-404');
+
+get_template_part('include/body', 'footer');
+
+get_footer();
diff --git a/atom/css/main.css b/atom/css/main.css
@@ -141,7 +141,7 @@ a {
 	float: right;
 	width: auto;
 	height: auto;
-	padding: 10px;
+	padding: 15px;
 }
 
 .top-nav {
@@ -184,7 +184,7 @@ a {
 	text-transform: uppercase;
 	font-weight: 600;
 	text-wrap: nowrap;
-	padding: 13px 25px;
+	padding: 13px 5px;
 	margin: 5px;
 	color: var(--color-text-primary);
 	border-radius: 50px;
@@ -1763,6 +1763,38 @@ footer {
 	border-radius: var(--wp-radius-btn);
 }
 
+.error404-title {
+	float: left;
+	width: 100%;
+	margin-top: 100px;
+	text-align: center;
+	font-weight: 700;
+}
+
+.error404-nr {
+	float: left;
+	width: 100%;
+	font-size: 100px;
+	text-align: center;
+	font-weight: 900;
+	color: #f20;
+}
+
+.error404-text {
+	float: left;
+	width: 100%;
+	margin-bottom: 200px;
+	text-align: center;
+	font-weight: 500;
+}
+
+@supports (-webkit-text-stroke: 3px #f20) {
+	.error404-nr {
+		-webkit-text-fill-color: white;
+		-webkit-text-stroke: 3px #f20;
+	}
+}
+
 @media all and (max-width: 1100px) {
 	.flex-container .atom-rightbar,
 	.flex-container .atom-rightbar {
@@ -1788,6 +1820,7 @@ footer {
 	}
 	.top-logo {
 		text-align: start;
+		margin-left: 20px;
 	}
 	.top-menu {
 		padding: 10px 10px;

diff --git a/atom/functions/change-title.php b/atom/functions/change-title.php
@@ -32,7 +32,7 @@ function change_title($title) {
 		echo ' | ';
 		bloginfo('name');
 	} else if (is_tag()) {
-		echo '#';
+		echo 'Tag #';
 		single_tag_title();
 		echo ' | ';
 		bloginfo('name');

diff --git a/atom/include/body-error-404.php b/atom/include/body-error-404.php
@@ -0,0 +1,3 @@
+<h1 class="error404-title"><?php echo __('Error Page'); ?></h1>
+<div class="error404-nr animate__animated animate__bounce"><?php echo __('404'); ?></div>
+<p class="error404-text"><?php echo __('Oops! The page you are looking for does not exist.'); ?></p>