-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
152 lines (146 loc) · 7.11 KB
/
index.html
File metadata and controls
152 lines (146 loc) · 7.11 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Timopedia - The Free Encyclopedia</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="header-content">
<div class="logo">
<h1>Timopedia</h1>
<p>The Free Encyclopedia</p>
</div>
<nav>
<ul>
<li><a href="#">Main Page</a></li>
<li><a href="#">Contents</a></li>
<li><a href="#">Featured content</a></li>
<li><a href="#">Current events</a></li>
<li><a href="#" id="random-article">Random article</a></li>
<li><a href="#">Donate to Timopedia</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">About Timopedia</a></li>
</ul>
</nav>
<button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
<span class="theme-icon">🌙</span>
</button>
</div>
</header>
<main>
<div class="content-wrapper">
<aside class="left-sidebar">
<div class="sidebar-section">
<h3>Categories</h3>
<ul class="category-list">
<li><a href="politics/">Politics</a></li>
<li><a href="geography/">Geography</a></li>
<li><a href="physics/">Physics</a></li>
<li><a href="science/">Science</a></li>
<li><a href="economics/">Economics</a></li>
<li><a href="culture/">Culture</a></li>
<li><a href="military/">Military</a></li>
<li><a href="technology/">Technology</a></li>
</ul>
</div>
<div class="sidebar-section">
<h3>Search</h3>
<form class="search-form">
<input type="text" placeholder="Search Timopedia..." class="search-input">
<button type="submit" class="search-button">Search</button>
</form>
</div>
</aside>
<div class="main-content">
<div class="hero">
<h1>Welcome to Timopedia</h1>
<p>The free encyclopedia that anyone can edit. Explore accurate and unaltered historical information across various categories.</p>
</div>
<section id="categories" class="categories-section">
<h2>Categories</h2>
<div class="categories-grid">
<div class="category-card" data-category="politics">
<h2>Politics</h2>
<p>Explore the history of political systems, leaders, and events that shaped nations.</p>
<a href="politics/" class="card-link">Explore Politics</a>
</div>
<div class="category-card" data-category="geography">
<h2>Geography</h2>
<p>Discover the historical geography, maps, and territorial changes throughout time.</p>
<a href="geography/" class="card-link">Explore Geography</a>
</div>
<div class="category-card" data-category="physics">
<h2>Physics</h2>
<p>Learn about the historical development of physical sciences and discoveries.</p>
<a href="physics/" class="card-link">Explore Physics</a>
</div>
<div class="category-card" data-category="science">
<h2>Science</h2>
<p>Dive into the history of scientific advancements and key figures in various fields.</p>
<a href="science/index.html" class="card-link">Explore Science</a>
</div>
<div class="category-card" data-category="economics">
<h2>Economics</h2>
<p>Understand the historical evolution of economic systems and theories.</p>
<a href="economics/" class="card-link">Explore Economics</a>
</div>
<div class="category-card" data-category="culture">
<h2>Culture</h2>
<p>Explore cultural histories, traditions, and societal developments.</p>
<a href="culture/" class="card-link">Explore Culture</a>
</div>
<div class="category-card" data-category="military">
<h2>Military</h2>
<p>Study the history of warfare, battles, and military strategies.</p>
<a href="military/" class="card-link">Explore Military</a>
</div>
<div class="category-card" data-category="technology">
<h2>Technology</h2>
<p>Trace the historical progression of technological innovations.</p>
<a href="technology/" class="card-link">Explore Technology</a>
</div>
</div>
</section>
</div>
<aside class="right-sidebar">
<div class="sidebar-section">
<h3>Contents</h3>
<ul class="toc-list">
<li><a href="#hero">Welcome</a></li>
<li><a href="#categories">Categories</a></li>
</ul>
</div>
<div class="sidebar-section">
<h3>Featured Articles</h3>
<ul>
<li><a href="#">Featured Article 1</a></li>
<li><a href="#">Featured Article 2</a></li>
<li><a href="#">Featured Article 3</a></li>
</ul>
</div>
<div class="sidebar-section">
<h3>Featured Article</h3>
<div class="featured-article">
<h4><a href="science/origin-of-the-universe.html">Origin of the Universe</a></h4>
<p>Explore the Big Bang theory and the scientific origins of our cosmos.</p>
</div>
</div>
</aside>
</div>
</main>
<footer>
<div class="footer-content">
<p>© 2025 Timopedia. All rights reserved.</p>
<ul>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>