This repository was archived by the owner on Mar 21, 2026. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtemplate.html
More file actions
129 lines (117 loc) · 5.08 KB
/
template.html
File metadata and controls
129 lines (117 loc) · 5.08 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
<head>
<title>[PROJECT NAME] - Core Site Template</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Main container table: Fixed width as per Web 1.0 style -->
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0" class="main-table">
<!-- Header: Logo Area -->
<tr>
<td colspan="2" class="header-cell">
<a href="index.html">
<!-- Replace with your logo (400x120 approx) -->
<div style="padding: 20px; color: white; font-size: 24px; font-weight: bold;">
LOGO_PLACEHOLDER
</div>
</a>
</td>
</tr>
<!-- Top Navigation Bar -->
<tr>
<td colspan="2" class="top-nav">
<a href="index.html">Home</a> |
<a href="#">Link 1</a> |
<a href="#">Link 2</a> |
<a href="#">Link 3</a> |
<a href="#">Link 4</a>
</td>
</tr>
<tr>
<!-- Sidebar Column -->
<td width="175" valign="top" class="sidebar">
<div class="sidebar-section">
<div class="sidebar-header">Resources</div>
<ul>
<li><a href="#">Download</a></li>
<li><a href="#">GitHub</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="sidebar-section">
<div class="sidebar-header">Information</div>
<table width="100%" cellpadding="2" cellspacing="0" class="info-table">
<tr>
<td>Version:</td>
<td>0.1.2-rc1</td>
</tr>
<tr>
<td>Status:</td>
<td>Released</td>
</tr>
<tr>
<td>License:</td>
<td>MIT</td>
</tr>
</table>
</div>
<div class="sidebar-section" style="text-align: center;">
<div class="sidebar-header">Community</div>
<div class="sidebar-content">
<!-- Retro blinky buttons/banners go here -->
<div style="border: 1px solid #ccc; padding: 10px; background: #eee;">BANNER</div>
</div>
</div>
</td>
<!-- Main Content Column -->
<td valign="top" class="content-area">
<h2>Welcome to [Project Name]</h2>
<div class="tagline">Standard template for classic software portals.</div>
<p>This layout is inspired by early 2000s software distribution sites. It uses a fixed-width table
structure for maximum "retro" compatibility and a maroon-and-white color scheme.</p>
<h3>How to use this template</h3>
<p>Simply copy the <code>index.html</code> and <code>style.css</code> files to your project. Replace the
placeholders with your own content and graphics.</p>
<div class="terminal">
$ Copy layout.html to index.html<br>
$ Edit style.css for custom colors
</div>
<h3>Key Sections</h3>
<table width="100%" cellpadding="4" cellspacing="1" class="data-table">
<tr class="data-header">
<td width="30%">Section</td>
<td>Purpose</td>
</tr>
<tr class="data-row">
<td><strong>Header</strong></td>
<td>Global branding and logo.</td>
</tr>
<tr class="data-row">
<td><strong>Sidebar</strong></td>
<td>Navigation links and quick stats.</td>
</tr>
<tr class="data-row">
<td><strong>Content</strong></td>
<td>Main article and terminal blocks.</td>
</tr>
</table>
<div class="news-box">
<div class="news-header">Latest Update - Jan 30, 2026</div>
<div class="news-body">
Today we released the first version of this legacy-style site template. It features a clean,
hierarchical layout that prioritizes readability and "indie" software aesthetics.
</div>
</div>
</td>
</tr>
<!-- Footer Area -->
<tr>
<td colspan="2" class="footer">
Copyright © 2026 [Your Name / Project Name]. All Rights Reserved.
</td>
</tr>
</table>
</body>
</html>