diff --git a/_includes/footer.html b/_includes/footer.html
index 83ba652..9e6d729 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -26,7 +26,9 @@
-
+ 
+ 
+ 
Page built at {{site.time}}
diff --git a/_includes/navbar.html b/_includes/navbar.html
index 3debbb7..dc23f44 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -2,17 +2,24 @@
The navigation bar thing
-->
-
+
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 18d55d9..6cfbcc5 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -2,22 +2,25 @@
Itzz Me - {{ page.title }}
-
-
-
+
+
+
{% feed_meta %}
{% seo %}
- |
- {% include navbar.html %}
- |
-
-
- {{ content }} |
- |
-
+
+ {% include navbar.html %}
+
+
+
+
+
+ {{ content }}
+
+
+
\ No newline at end of file
diff --git a/_posts/2023-11-21-website-v3.md b/_posts/2023-11-21-website-v3.md
new file mode 100644
index 0000000..5c08ff9
--- /dev/null
+++ b/_posts/2023-11-21-website-v3.md
@@ -0,0 +1,9 @@
+---
+layout: blog
+title: Version 3 of my website
+author: Itzz Me
+---
+
+If you're seeing this blog post, I have made the 3rd version of my website public! By version, I mean major changes to how the website looks, acts, etc.
+
+That's all for now.
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 2214378..2e1c81b 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -4,22 +4,55 @@
--itzzic: 0, 175, 0;
}
-body {
- background-image: url('/assets/images/misc/bgstars.gif');
- font: normal normal 300 16px 'RobotoMono';
- color: white;
-}
-
/*this part is for hiding the pesky scrollbar*/
html {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
+ background-image: url('/assets/images/misc/bgstars.gif');
}
html::-webkit-scrollbar {
display: none;
}
+body {
+ font: normal normal 300 calc(15px + 0.390625vw) 'RobotoMono';
+ color: white;
+ display: grid;
+ grid-template-columns: min-content auto;
+ grid-template-rows: auto auto;
+ margin-right: auto;
+ margin-left: auto;
+ width: 60%;
+ height: 85%;
+ border-style: ridge;
+ border-width: 5px;
+ background: black;
+}
+
+#nav {
+ border-right: 1px dashed;
+ padding: 10px !important;
+ vertical-align: top;
+ grid-row: 1 / 2;
+ grid-column: 1 / 2;
+}
+
+#main {
+ grid-row: 1 / 2;
+ grid-column: 2 / 3;
+}
+
+#footer {
+ border-top: 1px solid;
+ grid-row: 2 / 3;
+ grid-column: 1 / 3;
+}
+
+#nav, #main, #footer {
+ padding: 5px;
+}
+
a {
color: rgb(var(--itzzic));
}
@@ -29,31 +62,20 @@ a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }
-div#oldsitealert {
- background-color: rgba(var(--itzzic), 0.12);
- border: solid 3px white;
- padding: 10px;
- text-align: center;
-}
-
li {
margin-top: 10px;
margin-bottom: 10px;
}
-#nav {
- border-right: 1px dashed;
- width: 10%;
- vertical-align: top;
-}
-
-#footer {
- border-top: 1px solid;
+div#oldsitealert {
+ background-color: rgba(var(--itzzic), 0.12);
+ border: solid 3px white;
+ padding: 10px;
+ text-align: center;
}
.badges {
- width: 100%;
- margin: auto;
+ /*HOW DO I CENTER A DIV*/
}
.badges img {
@@ -66,16 +88,24 @@ li {
text-decoration-color: rgb(var(--itzzic));
}
-table {
- margin-right: auto;
- margin-left: auto;
- width: 55%;
- height: 85%;
- border-style: ridge;
- border-width: 5px;
- background-color: black;
-}
-
@media(max-width: 800px) or (orientation: portrait) {
- table{width: 100%;}
+ body {
+ grid-template-columns: auto auto;
+ grid-template-rows: auto auto auto;
+ width: 95%;
+ height: 100%;
+ }
+ #nav {
+ grid-row: 1 / 2;
+ grid-column: 1 / 3;
+ border-right: none;
+ border-bottom: 1px solid;
+ }
+ #main {
+ grid-row: 2 / 3;
+ grid-column: 1 / 3;
+ }
+ #footer {
+ grid-row: 3 / 4;
+ }
}
\ No newline at end of file
diff --git a/assets/images/badges/got_html.gif b/assets/images/badges/got_html.gif
new file mode 100644
index 0000000..f713730
Binary files /dev/null and b/assets/images/badges/got_html.gif differ
diff --git a/assets/images/badges/htmldream.gif b/assets/images/badges/htmldream.gif
new file mode 100644
index 0000000..28fd2c2
Binary files /dev/null and b/assets/images/badges/htmldream.gif differ
diff --git a/assets/images/badges/neo-fedi.gif b/assets/images/badges/neo-fedi.gif
new file mode 100644
index 0000000..5e84e5c
Binary files /dev/null and b/assets/images/badges/neo-fedi.gif differ
diff --git a/index.html b/index.html
index dbe314f..fb7fe2c 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
-Also, check out my Blogs, I'll try to post regularly to it.[citation needed]
+Also, check out my Blogs, I'll try to post regularly to it.[citation needed]
@@ -53,8 +53,6 @@
Enable Javascript for this epic button that you are missing out on
-
-
I am a member of the GEORGE! The navigation for this will can be found in the footer of every page.