Updated HTML templates to make use of CSS-styled IE header and footer

_markdown/buttons.md

@@ -14,7 +14,7 @@ page_dir: /buttons
 <h2 style="text-align: center;">
 My Badges
 </h2>
-<div style="overflow: auto; height: 201px; margin-top: -8px;">
+<div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
 <div class="web_buttons">
 <!-- Badges -->
 <a href="/res/img/badges/large/web-badge-large.gif" target="_blank"><img src="/res/img/badges/web-badge.gif" alt="" width="88px" height="31px"></a>
@@ -26,7 +26,7 @@ My Badges
 <h2 style="text-align: center;">
 Other's Badges
 </h2>
-<div style="overflow: auto; height: 201px; margin-top: -8px;">
+<div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
 <div class="web_buttons">
 <a href="https://yesterweb.org/no-to-web3/" target="_blank"><img src="/res/img/badges/roly-saynotoweb3.gif" alt="Say no to Web3" width="88px" height="31px"></a>
 <a href="https://yesterweb.org/" target="_blank"><img src="/res/img/badges/yesterweb.png" alt="The Yesterweb" width="88px" height="31px"></a>
@@ -40,6 +40,7 @@ Other's Badges
 <img src="/res/img/badges/cookie.png" alt="No cookies" width="88px" height="31px">
 <img src="/res/img/badges/i_dream_in_html.gif" alt="I dream in HTML" width="88px" height="31px">
 <img src="/res/img/badges/bestcomp.gif" alt="Best viewed with a computer" width="88px" height="31px">
+<img src="/res/img/badges/debian-powered.gif" alt="Debian powered" width="88px" height="31px">
 </div>
 </div>
 </div>
@@ -47,7 +48,7 @@ Other's Badges
 <h2 style="text-align: center;">
 My Buttons
 </h2>
-<div style="overflow: auto; height: 201px; margin-top: -8px;">
+<div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
 <div class="web_buttons">
 <!-- Buttons -->
 <a href="/res/img/buttons/large/web-button-2-large.gif" target="_blank"><img src="/res/img/buttons/web-button-2.gif" width="32px" height="32px"></a>
@@ -59,7 +60,7 @@ My Buttons
 <h2 style="text-align: center;">
 Other's Buttons
 </h2>
-<div style="overflow: auto; height: 201px; margin-top: -8px;">
+<div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
 <div class="web_buttons">
 </div>
 </div>

_markdown/links.md

@@ -9,15 +9,14 @@ page_dir: /links
 - <a href="https://32bit.cafe/" target="_blank">32-Bit Cafe</a>
 - <a href="https://www.debian.org/" target="_blank">Debian</a>
 - <a href="https://www.endof10.org/" target="_blank">End of 10</a>
-- <a href="https://www.fedoraproject.org/" target="_blank">Fedora Project</a>
 - <a href="https://www.fsfe.org/" target="_blank">Free Software Foundation Europe</a>
 - <a href="https://www.gimp.org/" target="_blank">The GNU Image Manipulation Program</a>
 - <a href="https://www.inkscape.org/" target="_blank">Inkscape</a>
 - <a href="https://www.kate-editor.org/" target="_blank">Kate</a>
 - <a href="https://www.kde.org/" target="_blank">KDE</a>
+- <a href="https://www.nekoweb.org/" target="_blank">Nekoweb</a>
 - <a href="https://www.neocities.org/" target="_blank">Neocities</a>
 - <a href="https://www.thenewoil.org/" target="_blank">The New Oil</a>
-- <a href="https://www.nixos.org/" target="_blank">NixOS</a>
 - <a href="https://www.techlore.tech/" target="_blank">Techlore</a>
 - <a href="https://www.vscodium.com/" target="_blank">VSCodium</a>
 - <a href="https://yesterweb.org/" target="_blank">Yesterweb</a>

_template/blog.html

@@ -17,16 +17,27 @@
 			<a href="/home/" class="close_button">
 				<img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
 			</a>
+			<div class="explorer_bar_top">
+				<div class="menu_bar">
+					<p>
+						File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
+					</p>
+				</div>
+				<div class="navigation_bar">
+					<p>
 						<a href="/blog/" class="back_button">
 							<img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
+							Back
 						</a>
-			<div class="explorer_bar_top">
-				<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
+					</p>
+				</div>
+				<div class="address_bar">
 					<p>
 						https://www.easthighnerd.net/
 					</p>
 				</div>
 			</div>
+		</div>
 		<div class="window_content">
 			$body$
 			<hr>
@@ -40,7 +51,6 @@
 			</p>
 		</div>
 		<div class="explorer_bar_bottom">
-			<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
 			<p>
 				https://www.easthighnerd.net/
 			</p>

_template/pages.html

@@ -18,17 +18,28 @@
 				<img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
 			</a>
 			<div class="explorer_bar_top">
-                <img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
+				<div class="menu_bar">
+					<p>
+						File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
+					</p>
+				</div>
+				<div class="navigation_bar">
+					<p>
+						<img src="/res/img/back.png" width="23px" height="23px" alt="Back button" style="filter: grayscale(1)">
+						Back
+					</p>
+				</div>
+				<div class="address_bar">
 					<p>
 						https://www.easthighnerd.net/
 					</p>
 				</div>
 			</div>
+		</div>
 		<div class="window_content">
 			$body$
 		</div>
 		<div class="explorer_bar_bottom">
-            <img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
 			<p>
 				https://www.easthighnerd.net/
 			</p>