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

This commit is contained in:
2026-05-22 22:33:18 -04:00
parent 4ec21b9d28
commit 3e2954a547
2 changed files with 66 additions and 45 deletions
+21 -11
View File
@@ -5,9 +5,9 @@
<title>
[ $title$ | easthighNerd ]
</title>
<link href="/res/css/default.css" rel="stylesheet">
<link href="/res/img/favicon.gif" rel="icon" type="image/gif">
<link rel="me" href="https://raru.re/@easthighNerd">
<link href="/res/css/default.css" rel="stylesheet">
<link href="/res/img/favicon.gif" rel="icon" type="image/gif">
<link rel="me" href="https://raru.re/@easthighNerd">
</head>
<body class="window">
<div class="window_bar">
@@ -17,14 +17,25 @@
<a href="/home/" class="close_button">
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a>
<a href="/blog/" class="back_button">
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
</a>
<div class="explorer_bar_top">
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
<p>
https://www.easthighnerd.net/
</p>
<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>
</p>
</div>
<div class="address_bar">
<p>
https://www.easthighnerd.net/
</p>
</div>
</div>
</div>
<div class="window_content">
@@ -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>
+45 -34
View File
@@ -1,37 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
[ $title$ | easthighNerd ]
</title>
<link href="/res/css/default.css" rel="stylesheet">
<link href="/res/img/favicon.gif" rel="icon" type="image/gif">
<link rel="me" href="https://raru.re/@easthighNerd">
</head>
<body class="window">
<div class="window_bar">
<p>
$title$
</p>
<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">
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
<p>
https://www.easthighnerd.net/
</p>
</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>
</div>
</body>
<head>
<meta charset="utf-8">
<title>
[ $title$ | easthighNerd ]
</title>
<link href="/res/css/default.css" rel="stylesheet">
<link href="/res/img/favicon.gif" rel="icon" type="image/gif">
<link rel="me" href="https://raru.re/@easthighNerd">
</head>
<body class="window">
<div class="window_bar">
<p>
$title$
</p>
<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>
<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">
<p>
https://www.easthighnerd.net/
</p>
</div>
</body>
</html>