From ee726a238439959cf8095865ec968cebbecc22de Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Sun, 4 Dec 2022 01:22:30 +0530
Subject: Site Cosmetics Changes * Removed Google Fonts * Adds BUBBCB font
credit: https://cinni.net/?z=/font.html * Removed Stray files
---
src/_includes/partials/footer.njk | 13 +--
src/_includes/partials/header.njk | 12 +--
src/css/fonts/BUBBCB.TTF | Bin 0 -> 48468 bytes
src/css/fonts/PPSupplyMono-Regular.otf | Bin 23996 -> 0 bytes
src/css/fonts/PPSupplyMono-Ultralight.otf | Bin 24808 -> 0 bytes
src/css/fonts/PPSupplySans-Regular.otf | Bin 45632 -> 0 bytes
src/css/fonts/PPSupplySans-Ultralight.otf | Bin 48160 -> 0 bytes
src/css/fonts/Reflex.ttf | Bin 300876 -> 0 bytes
src/css/fonts/VCR_OSD_MONO_1.001.ttf | Bin 75864 -> 0 bytes
src/css/styles.css | 163 +++++++++++-------------------
src/images/open-source.jpg | Bin 238539 -> 446427 bytes
11 files changed, 69 insertions(+), 119 deletions(-)
create mode 100644 src/css/fonts/BUBBCB.TTF
delete mode 100644 src/css/fonts/PPSupplyMono-Regular.otf
delete mode 100644 src/css/fonts/PPSupplyMono-Ultralight.otf
delete mode 100644 src/css/fonts/PPSupplySans-Regular.otf
delete mode 100644 src/css/fonts/PPSupplySans-Ultralight.otf
delete mode 100644 src/css/fonts/Reflex.ttf
delete mode 100644 src/css/fonts/VCR_OSD_MONO_1.001.ttf
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 @@
-
-
-
\ No newline at end of file
+ 
+
\ 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 @@
- (Software is Art)
+ (Software is Art)
diff --git a/src/css/fonts/BUBBCB.TTF b/src/css/fonts/BUBBCB.TTF
new file mode 100644
index 0000000..054e9b3
Binary files /dev/null and b/src/css/fonts/BUBBCB.TTF differ
diff --git a/src/css/fonts/PPSupplyMono-Regular.otf b/src/css/fonts/PPSupplyMono-Regular.otf
deleted file mode 100644
index dc66065..0000000
Binary files a/src/css/fonts/PPSupplyMono-Regular.otf and /dev/null differ
diff --git a/src/css/fonts/PPSupplyMono-Ultralight.otf b/src/css/fonts/PPSupplyMono-Ultralight.otf
deleted file mode 100644
index 0c55672..0000000
Binary files a/src/css/fonts/PPSupplyMono-Ultralight.otf and /dev/null differ
diff --git a/src/css/fonts/PPSupplySans-Regular.otf b/src/css/fonts/PPSupplySans-Regular.otf
deleted file mode 100644
index 192962e..0000000
Binary files a/src/css/fonts/PPSupplySans-Regular.otf and /dev/null differ
diff --git a/src/css/fonts/PPSupplySans-Ultralight.otf b/src/css/fonts/PPSupplySans-Ultralight.otf
deleted file mode 100644
index d7e9aea..0000000
Binary files a/src/css/fonts/PPSupplySans-Ultralight.otf and /dev/null differ
diff --git a/src/css/fonts/Reflex.ttf b/src/css/fonts/Reflex.ttf
deleted file mode 100644
index 0f46797..0000000
Binary files a/src/css/fonts/Reflex.ttf and /dev/null differ
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
Binary files a/src/css/fonts/VCR_OSD_MONO_1.001.ttf and /dev/null differ
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
Binary files a/src/images/open-source.jpg and b/src/images/open-source.jpg differ
--
cgit v1.2.3