add page, split header and footer

This commit is contained in:
KF7EEL 2021-01-02 14:58:38 -08:00
parent f2675d885c
commit 3b36b44c5d
5 changed files with 53 additions and 48 deletions

View File

@ -14,29 +14,7 @@ p {
</style> </style>
</head> </head>
<body> <body>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="{{logo}}" alt="Logo" width="300" height="144" /></p> {% include 'header.html' %}
<h1 style="text-align: center;">{{title}}</h1>
<hr />
<table style="margin-left: auto; margin-right: auto;" border="black" cellspacing="3" cellpadding="3">
<tbody>
<tr>
<td>
<button onclick="window.location.href='/';">
Dashboard
</button>
</td>
<td>
<button onclick="window.location.href='about';">
About Dashboard
</button>
</td>
</tr>
</tbody>
</table>
<hr />
{{description}} {{description}}
<hr /> {% include 'footer.html' %}
<div style="text-align: center;">Dashboard created by KF7EEL - <a href="https://github.com/kf7eel/hblink3">https://github.com/kf7eel/hblink3</a><br />HBLink created by N0MJS.<br /><a href="https://github.com/HBLink-org">HBLink GitHub page</a></div>
</body>
</html>

View File

@ -0,0 +1,4 @@
<hr />
<div style="text-align: center;">Dashboard created by KF7EEL - <a href="https://github.com/kf7eel/hblink3">https://github.com/kf7eel/hblink3</a><br />HBLink created by N0MJS.<br /><a href="https://github.com/HBLink-org">HBLink GitHub page</a></div>
</body>
</html>

View File

@ -0,0 +1,25 @@
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="{{logo}}" alt="Logo" width="300" height="144" /></p>
<h1 style="text-align: center;">{{title}}</h1>
<hr />
<table style="margin-left: auto; margin-right: auto;" border="black" cellspacing="3" cellpadding="3">
<tbody>
<tr>
<td>
<button onclick="window.location.href='/';">
Dashboard
</button>
</td>
<td>
<button onclick="window.location.href='help';">
Help
</button>
</td>
<td>
<button onclick="window.location.href='about';">
About Dashboard
</button>
</td>
</tr>
</tbody>
</table>
<hr />

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{title}}</title>
<style>
body {background-color: D3D3D3;}
h1 {color: green;}
p {
padding: 10px;
margin: 20px;
}
</style>
</head>
<body>
{% include 'header.html' %}
Help info here.
{% include 'footer.html' %}

View File

@ -15,26 +15,7 @@ p {
</style> </style>
</head> </head>
<body> <body>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="{{logo}}" alt="Logo" width="300" height="144" /></p> {% include 'header.html' %}
<h1 style="text-align: center;">{{title}}</h1>
<hr />
<table style="margin-left: auto; margin-right: auto;" border="black" cellspacing="3" cellpadding="3">
<tbody>
<tr>
<td>
<button onclick="window.location.href='/';">
Dashboard
</button>
</td>
<td>
<button onclick="window.location.href='about';">
About Dashboard
</button>
</td>
</tr>
</tbody>
</table>
<hr />
<p style="text-align: center;"><em>Page automatically reloads every 2 minutes.</em></p> <p style="text-align: center;"><em>Page automatically reloads every 2 minutes.</em></p>
<table> <table>
<tbody> <tbody>
@ -46,7 +27,5 @@ p {
</tr> </tr>
</tbody> </tbody>
</table> </table>
<hr /> {% include 'header.html' %}
<div style="text-align: center;">Dashboard created by KF7EEL - <a href="https://github.com/kf7eel/hblink3">https://github.com/kf7eel/hblink3</a><br />HBLink created by N0MJS.<br /><a href="https://github.com/HBLink-org">HBLink GitHub page</a></div>
</body>
</html>