Site Cosmetics Changes

* Removed Google Fonts
* Adds BUBBCB font credit: https://cinni.net/?z=/font.html
* Removed Stray files

11 files changed, 69 insertions, 119 deletions

diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk
index 94d561d..3e57aeb 100644
--- a/src/_includes/partials/footer.njk
+++ b/src/_includes/partials/footer.njk
@@ -1,18 +1,9 @@
 <footer>
     <hr>
-    <img src="/images/indrajith_dev_gif_banner.gif" alt="">
     <ul>
         <li>
             <p>&copy; 2022 Indrajith K L </p>
         </li>
     </ul>
-    <div id="wcb" class="carbonbadge wcb-d"></div>
-</footer>
-
-<script>
-    const carbonBadge = document.getElementById("wcb");
-    if(location.host.includes("neocities")) {
-        carbonBadge.remove();
-    }
-</script>
-<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
\ No newline at end of file
+    <img src="/images/indrajith_dev_gif_banner.gif" class="etyone" alt="">
+</footer>
\ No newline at end of file
diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk
index a00d960..49f8885 100644
--- a/src/_includes/partials/header.njk
+++ b/src/_includes/partials/header.njk
@@ -2,14 +2,14 @@
     <div class="logo-container">
         <a class="logo" href="/">indrajith.dev</a>
     </div>
-    <h4>(Software is Art)</h4>
+    <h4 class="slogan">(Software is Art)</h4>
     <nav>
         <ul>
-            <li><a href="/about" class="hvr-wobble-bottom" id="about" class="links">About</a></li>
-            <li><a href="/posts" class="hvr-wobble-bottom" id="posts" class="links">Posts</a></li>
-            <li><a href="/timeline" class="hvr-wobble-bottom" id="cv" class="links">Timeline</a></li>
-            <li><a href="https://git.indrajith.dev" class="hvr-wobble-bottom" id="cv" class="links">git</a></li>
-            <li><a href="/contact" id="cv" class="links hvr-wobble-bottom">Contact</a></li>
+            <li><a href="/about" class="hvr-underline-reveal" id="about" class="links">about</a></li>
+            <li><a href="/posts" class="hvr-underline-reveal" id="posts" class="links">posts</a></li>
+            <li><a href="/timeline" class="hvr-underline-reveal" id="cv" class="links">timeline</a></li>
+            <li><a href="https://git.indrajith.dev" class="hvr-underline-reveal" id="cv" class="links">git</a></li>
+            <li><a href="/contact" id="cv" class="links hvr-underline-reveal">contact</a></li>
         </ul>
 
     </nav>
diff --git a/src/css/fonts/BUBBCB.TTF b/src/css/fonts/BUBBCB.TTF
new file mode 100644
index 0000000..054e9b3
--- /dev/null
+++ b/src/css/fonts/BUBBCB.TTF
diff --git a/src/css/fonts/PPSupplyMono-Regular.otf b/src/css/fonts/PPSupplyMono-Regular.otf
deleted file mode 100644
index dc66065..0000000
--- a/src/css/fonts/PPSupplyMono-Regular.otf
+++ /dev/null
diff --git a/src/css/fonts/PPSupplyMono-Ultralight.otf b/src/css/fonts/PPSupplyMono-Ultralight.otf
deleted file mode 100644
index 0c55672..0000000
--- a/src/css/fonts/PPSupplyMono-Ultralight.otf
+++ /dev/null
diff --git a/src/css/fonts/PPSupplySans-Regular.otf b/src/css/fonts/PPSupplySans-Regular.otf
deleted file mode 100644
index 192962e..0000000
--- a/src/css/fonts/PPSupplySans-Regular.otf
+++ /dev/null
diff --git a/src/css/fonts/PPSupplySans-Ultralight.otf b/src/css/fonts/PPSupplySans-Ultralight.otf
deleted file mode 100644
index d7e9aea..0000000
--- a/src/css/fonts/PPSupplySans-Ultralight.otf
+++ /dev/null
diff --git a/src/css/fonts/Reflex.ttf b/src/css/fonts/Reflex.ttf
deleted file mode 100644
index 0f46797..0000000
--- a/src/css/fonts/Reflex.ttf
+++ /dev/null
diff --git a/src/css/fonts/VCR_OSD_MONO_1.001.ttf b/src/css/fonts/VCR_OSD_MONO_1.001.ttf
deleted file mode 100644
index dcca687..0000000
--- a/src/css/fonts/VCR_OSD_MONO_1.001.ttf
+++ /dev/null
diff --git a/src/css/styles.css b/src/css/styles.css
index b59a4e1..66c28be 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -1,13 +1,15 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
-
 @font-face {
-	font-family: 'Reflex';
-	src: url("./fonts/Reflex.ttf");
+	font-family: "BUBBCB";
+	src: url("./fonts/BUBBCB.TTF");
 }
 
 :root {
-	--body-bg-image: url('/images/aqua.gif');
+	--body-bg-image: url("/images/aqua.gif");
+}
+
+* {
+	image-rendering: pixelated;
+	box-sizing: border-box;
 }
 
 
@@ -18,13 +20,18 @@ body {
 }
 
 body {
-	font-family: 'IBM Plex Mono', monospace;
+	font-family: Verdana;
+	font-size: 15px;
 	max-width: 900px;
 	margin: auto;
 	background: #ffffd6;
 	background-image: var(--body-bg-image);
 }
 
+p {
+	text-align: justify;
+}
+
 footer {
 	bottom: 0px;
 	left: 0;
@@ -32,10 +39,6 @@ footer {
 	width: 100%;
 }
 
-* {
-	box-sizing: border-box;
-}
-
 .header {
 	text-align: center;
 }
@@ -84,11 +87,15 @@ footer ul>li>p {
 
 .logo {
 	text-decoration: none;
-	font-family: 'Reflex', sans-serif;
+	font-family: "BUBBCB", sans-serif;
 	font-size: 220%;
 	color: #000000;
 }
 
+h4.slogan {
+	margin: 0px;
+}
+
 .mt-10 {
 	margin-top: 10px;
 }
@@ -129,11 +136,11 @@ table td {
 }
 
 .post-lists li {
-	list-style-type: '◆  ';
+	list-style-type: "◆  ";
 	margin-bottom: 5px;
 }
 
-@media (max-width:1000px) {
+@media (max-width: 1000px) {
 	body {
 		font-size: 80%;
 		padding: 3%;
@@ -144,108 +151,56 @@ table td {
 	}
 }
 
-
-/* Wobble Bottom */
-@-webkit-keyframes hvr-wobble-bottom {
-	16.65% {
-		-webkit-transform: skew(-12deg);
-		transform: skew(-12deg);
-	}
-
-	33.3% {
-		-webkit-transform: skew(10deg);
-		transform: skew(10deg);
-	}
-
-	49.95% {
-		-webkit-transform: skew(-6deg);
-		transform: skew(-6deg);
-	}
-
-	66.6% {
-		-webkit-transform: skew(4deg);
-		transform: skew(4deg);
-	}
-
-	83.25% {
-		-webkit-transform: skew(-2deg);
-		transform: skew(-2deg);
-	}
-
-	100% {
-		-webkit-transform: skew(0);
-		transform: skew(0);
-	}
-}
-
-@keyframes hvr-wobble-bottom {
-	16.65% {
-		-webkit-transform: skew(-12deg);
-		transform: skew(-12deg);
-	}
-
-	33.3% {
-		-webkit-transform: skew(10deg);
-		transform: skew(10deg);
-	}
-
-	49.95% {
-		-webkit-transform: skew(-6deg);
-		transform: skew(-6deg);
-	}
-
-	66.6% {
-		-webkit-transform: skew(4deg);
-		transform: skew(4deg);
-	}
-
-	83.25% {
-		-webkit-transform: skew(-2deg);
-		transform: skew(-2deg);
-	}
-
-	100% {
-		-webkit-transform: skew(0);
-		transform: skew(0);
-	}
-}
-
-.hvr-wobble-bottom {
+/* Underline Reveal */
+.hvr-underline-reveal {
 	display: inline-block;
 	vertical-align: middle;
 	-webkit-transform: perspective(1px) translateZ(0);
 	transform: perspective(1px) translateZ(0);
 	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-	-webkit-transform-origin: 100% 0;
-	transform-origin: 100% 0;
+	position: relative;
+	overflow: hidden;
 }
 
-.hvr-wobble-bottom:hover,
-.hvr-wobble-bottom:focus,
-.hvr-wobble-bottom:active {
-	-webkit-animation-name: hvr-wobble-bottom;
-	animation-name: hvr-wobble-bottom;
-	-webkit-animation-duration: 1s;
-	animation-duration: 1s;
-	-webkit-animation-timing-function: ease-in-out;
-	animation-timing-function: ease-in-out;
-	-webkit-animation-iteration-count: 1;
-	animation-iteration-count: 1;
+.hvr-underline-reveal:before {
+	content: "";
+	position: absolute;
+	z-index: -1;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: #000000;
+	height: 2px;
+	-webkit-transform: translateY(4px);
+	transform: translateY(4px);
+	-webkit-transition-property: transform;
+	transition-property: transform;
+	-webkit-transition-duration: 0.3s;
+	transition-duration: 0.3s;
+	-webkit-transition-timing-function: ease-out;
+	transition-timing-function: ease-out;
 }
 
+.hvr-underline-reveal:hover:before,
+.hvr-underline-reveal:focus:before,
+.hvr-underline-reveal:active:before {
+	-webkit-transform: translateY(0);
+	transform: translateY(0);
+}
 
 .tools-container {
 	--auto-grid-min-size: 16rem;
 	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
+	grid-template-columns: repeat(auto-fill,
+			minmax(var(--auto-grid-min-size), 1fr));
 	grid-gap: 1rem;
 }
 
 .tool {
 	border: 1px solid #000000;
-    width: 252px;
-    margin: 10px;
-    padding: 10px;
+	width: 252px;
+	margin: 10px;
+	padding: 10px;
 	box-shadow: 2px 6px;
 	background: linen;
 }
@@ -254,12 +209,12 @@ img {
 	max-width: 100%;
 }
 
-.tools-container .tool-name *{
+.tools-container .tool-name * {
 	font-weight: bold;
 	color: #000000;
 }
 
-.tools-container label{
+.tools-container label {
 	font-weight: bold;
 }
 
@@ -269,8 +224,8 @@ p.first-letter::first-letter {
 
 .highlight {
 	background: #000000;
-    padding: 2px;
-    color: #ffffff;
+	padding: 2px 5px 2px 5px;
+	color: #ffffff;
 }
 
 .highlight.tags {
@@ -279,4 +234,8 @@ p.first-letter::first-letter {
 
 .article {
 	line-height: 25px;
+}
+
+.etyone {
+	margin-bottom: 5px;
 }
\ No newline at end of file
diff --git a/src/images/open-source.jpg b/src/images/open-source.jpg
index 8af578c..b1dc36f 100644
--- a/src/images/open-source.jpg
+++ b/src/images/open-source.jpg