Merge pull request #2 from ItzzCode/v3

V3

_includes/footer.html

@@ -1,27 +1,35 @@
 <footer style="font-size: 10px;">
+<iframe height="50" src="https://george.gh0.pw/embed.cgi?itzz%20me&c_bg=black&c_fg=white&c_george=%2300AF00&c_links=%2300AF00&c_underline=%23000000" style="border:none;width:100%;"></iframe>
+
 <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="http://itzzcode.github.io">itzzcode.github.io</a> by <span property="cc:attributionName">Itzz Me</span> is licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1"></a></p> 
 <p>Source code can be found <a href="https://github.com/ItzzCode/itzzcode.github.io">here</a>.</p>
 
 <!--Badges-->
-<a href="https://itzzcode.github.io"><img src="/assets/images/badges/itzzme.png" alt="itzzbutton"/></a>
-<a href="https://itzzcode.github.io/webring"><img src="https://itzzcode.github.io/assets/images/badges/greenring.png" /></a>
-<a href=https://tabby-the-tabby.neocities.org><img src=https://tabby-the-tabby.neocities.org/assets/tabbutton.gif alt="tabbutton"></a>
-<a href="https://jmibo.neocities.org"><img src="https://jmibo.neocities.org/assets/button.png" alt="jmibo button"/></a>
-<a href="https://motan.gay/"><img src="https://motan.gay/images/button.png" /></a>
-<a href="https://theplanetmercury.neocities.org/"><img src="https://theplanetmercury.neocities.org/mercury%20button.png" /></a>
-<a href="http://toastytech.com/evil/index.html"><img src="/assets/images/badges/ieexplode.gif" /></a>
-<img src="/assets/images/badges/bestview.gif" />
-<img src="/assets/images/badges/vscode.gif" />
-<img src="/assets/images/badges/css.gif" />
-<img src="/assets/images/badges/anythingbut.gif" />
-<img src="/assets/images/badges/firefoxnowneo.png" />
-<img src="/assets/images/badges/gamebroneo.gif" />
-<img src="/assets/images/badges/peepthehorrorneo.png" />
-<img src="/assets/images/badges/happyny2006neo.gif" />
-<img src="/assets/images/badges/amongus.png" />
-<img src="/assets/images/badges/hydrohomie.png" />
-<img src="/assets/images/badges/nofuckingthanks.gif" />
-<img src="/assets/images/badges/88x31blank.gif" />
+<div class="badges">
+	<a href="https://itzzcode.github.io"><img src="/assets/images/badges/itzzme.png" alt="itzzbutton"></a>
+	<a href=https://tabby-the-tabby.neocities.org><img src=https://tabby-the-tabby.neocities.org/assets/tabbutton.gif alt="tabbutton"></a>
+	<a href="https://jmibo.neocities.org"><img src="https://jmibo.neocities.org/assets/button.png" alt="jmibo button"></a>
+	<a href="https://motan.gay/"><img src="https://motan.gay/images/button.png" alt=""></a>
+	<a href="https://theplanetmercury.neocities.org/"><img src="https://theplanetmercury.neocities.org/mercury%20button.png" alt=""></a>
+	<a href="http://toastytech.com/evil/index.html"><img src="/assets/images/badges/ieexplode.gif" alt=""></a>
+	<a href="https://citrons.xyz/a/memetic-apioform-page.html"><img src="https://citrons.xyz/a/static/apiopage.png" alt="memetic apiopage / click to view"></a>
+	<img src="/assets/images/badges/transnow2.gif" alt="">
+	<img src="/assets/images/badges/bi_flag_b.png" alt="">
+	<img src="/assets/images/badges/bestview.gif" alt="">
+	<img src="/assets/images/badges/vscode.gif" alt="">
+	<img src="/assets/images/badges/css.gif" alt="">
+	<img src="/assets/images/badges/anythingbut.gif" alt="">
+	<img src="/assets/images/badges/firefoxnowneo.png" alt="">
+	<img src="/assets/images/badges/gamebroneo.gif" alt="">
+	<img src="/assets/images/badges/peepthehorrorneo.png" alt="">
+	<img src="/assets/images/badges/happyny2006neo.gif" alt="">
+	<img src="/assets/images/badges/amongus.png" alt="">
+	<img src="/assets/images/badges/hydrohomie.png" alt="">
+	<img src="/assets/images/badges/nofuckingthanks.gif" alt="">
+	<img src="/assets/images/badges/got_html.gif" alt="">
+	<img src="/assets/images/badges/htmldream.gif" alt="">
+	<img src="/assets/images/badges/neo-fedi.gif" alt="">
+</div>
 
 <p>Page built at {{site.time}}</p>
 </footer>

_includes/navbar.html

@@ -2,17 +2,24 @@
 The navigation bar thing
 
 -->
-
+<style>
+	#indexlink{
+		color: white;
+		text-decoration: none;
+	}
+	#indexlink:hover {
+		font-style: italic;
+	}
+</style>
 <nav class="navbar" style="font-size: 30px;">
-	<a href="/" style="color: white; text-decoration: none;">
-		<img src="/assets/images/icon.ico" alt="logo" style="width:30px;height:30px;"></img> Itzz Me
+	<a href="/" id="indexlink">
+		<img src="/assets/images/icon.ico" alt="logo" style="width:60px;image-rendering: crisp-edges;"> Itzz&nbsp;Me
 	</a>
-	<br />
 	<!--<a href="econosite/econosite.php">Econosite</a>-->
-	<a href="/about">About</a> <br />
-	<a href="/blogs">Blog</a> <br />
+	<a href="/about.html">About</a>
+	<a href="/blogs.html">Blog</a>
 	<!--<a href="/webring">Green Ring</a> - -->
-	<a href="/games">Games</a> <br />
-	<a href="/links">Links</a> <br />
-	<a href="/beepage">Bees</a> <br />
+	<a href="/games.html">Games</a>
+	<a href="/links.html">Links</a>
+	<!--<a href="/beepage.html">Bees</a> <br />-->
 </nav>

_layouts/default.html

@@ -1,23 +1,25 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 	<head>
 		<title>Itzz Me - {{ page.title }}</title>
-		<link rel="icon" type="image/png" href="/assets/images/icon.ico" />
-		<link rel="stylesheet" type="text/css" href="/assets/css/styles.css" />
-		<meta charset="UTF-16" />
+		<link rel="icon" type="image/png" href="/assets/images/icon.ico">
+		<link rel="stylesheet" type="text/css" href="/assets/css/styles.css">
+		<meta charset="utf-8">
 		{% feed_meta %}
-    	{% seo %}
 	</head>
 	<body>
-		<table><tr><td id="nav">
-		{% include navbar.html %}
-		</td><td>
-		<!-- johnvertisement -->
-		<iframe src="https://john.citrons.xyz/embed?ref=itzzcode.github.io" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe>
-		{{ content }}</td></tr>
-		<tr><td colspan="2" id="footer">
-		{% include footer.html %}
-		</td></tr>
-		</table>
+		<div id="nav">
+			{% include navbar.html %}
+		</div>
+
+		<div id="main">
+			<!-- johnvertisement -->
+			<iframe src="https://john.citrons.xyz/embed?ref=itzzcode.github.io" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe>
+			{{ content }}
+		</div>
+
+		<div id="footer">
+			{% include footer.html %}
+		</div>
 	</body>
 </html>

_posts/2023-06-14-marching.md

@@ -14,4 +14,4 @@ I've been doing better emotionally with the burden of the school year over. I've
 
 Does anyone even read these? If you want, go ahead and [tell me](https://itzzcode.github.io/about#contacts) you do, I'd appreciate it.
 
-That's all.
+That's all.

_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.

assets/css/fonts.css

@@ -1,8 +1,3 @@
-@font-face {
-	font-family: 'InformeMedium';
-	src: url('/assets/fonts/InformeMedium-axmAK.ttf');
-}
-
 @font-face {
 	font-family: 'RobotoMono';
 	src: url('/assets/fonts/robotomono/RobotoMono-VariableFont_wght.ttf');

assets/css/styles.css

@@ -4,23 +4,54 @@
 	--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: 7px !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));
@@ -31,38 +62,50 @@ a:visited { text-decoration: none; }
 a:hover { text-decoration: underline; }
 a:active { text-decoration: underline; }
 
+li {
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
 div#oldsitealert {
 	background-color: rgba(var(--itzzic), 0.12);
 	border: solid 3px white;
 	padding: 10px;
 	text-align: center;
 }
 
-#nav {
-	border-right: 1px dashed;
-	width: 10%;
-	vertical-align: top;
+.badges {
+	/*HOW DO I CENTER A DIV*/
 }
 
-#footer {
-	border-top: 1px solid;
+.badges img {
+	height: 31px;
+	width: 88px;
 }
 
 .preferedcontact {
 	text-decoration: underline;
 	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;
+	}
 }

blogs.html

@@ -6,12 +6,11 @@
 <p>Here are my blogs!</p>
 <p>You may also subscribe to <a href="/feed.xml">this RSS feed</a> (you should) to get updated on my ongoings.</p>
 
-{% for post in site.posts %}
 <ul>
+{% for post in site.posts %}
 	<li>
-		<a href="{{ post.url }}">
-			<b>{{ post.title }}</b> <span style="font-size: smaller;">- {{ post.date | date_to_string }}</span>
-		</a>
+		<a href="{{ post.url }}">{{ post.title }}</a>
+		<span style="font-size: smaller;">- {{ post.date | date_to_string }}</span>
 	</li>
-</ul>
-{% endfor %}
+{% endfor %}
+</ul>

gemfile

@@ -3,7 +3,5 @@ source 'https://rubygems.org'
 gem 'jekyll'
 
 group :jekyll_plugins do
-  gem 'jekyll-sitemap'
   gem 'jekyll-feed'
-  gem 'jekyll-seo-tag'
 end