Skip to content

Commit 990a50d

Browse files
perguthperguth
authored
Add a footer
1 parent 2886a8f commit 990a50d

File tree

1 file changed

+114
-61
lines changed

1 file changed

+114
-61
lines changed

‎index.html‎

Lines changed: 114 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,8 @@
1313
--link-color: #4361ee;
1414
--link-hover-color: #3730a3;
1515
--tag-bg: #e5e7eb;
16+
--footer-bg: #e2e8f0;
17+
--footer-text: #4b5563;
1618
}
1719

1820
@media (prefers-color-scheme: dark) {
@@ -24,6 +26,8 @@
2426
--link-color: #60a5fa;
2527
--link-hover-color: #93c5fd;
2628
--tag-bg: #374151;
29+
--footer-bg: #111827;
30+
--footer-text: #9ca3af;
2731
}
2832
}
2933

@@ -35,6 +39,13 @@
3539
margin: 0 auto;
3640
padding: 2rem 1rem;
3741
background-color: var(--secondary-color);
42+
min-height: 100vh;
43+
display: flex;
44+
flex-direction: column;
45+
}
46+
47+
main {
48+
flex: 1;
3849
}
3950

4051
h1 {
@@ -117,69 +128,111 @@
117128
.featured {
118129
font-weight: bold;
119130
}
131+
132+
footer {
133+
margin-top: 3rem;
134+
padding-top: 1.5rem;
135+
border-top: 1px solid var(--accent-color);
136+
color: var(--footer-text);
137+
font-size: 0.9rem;
138+
text-align: center;
139+
}
140+
141+
.footer-links {
142+
display: flex;
143+
justify-content: center;
144+
gap: 1.5rem;
145+
margin-bottom: 1rem;
146+
}
147+
148+
.footer-links a {
149+
color: var(--footer-text);
150+
transition: color 0.2s ease;
151+
}
152+
153+
.footer-links a:hover {
154+
color: var(--accent-color);
155+
}
156+
157+
.copyright {
158+
font-size: 0.8rem;
159+
}
120160
</style>
121161
</head>
122162
<body>
123-
<h1>Ideas</h1>
124-
125-
<blockquote>🤔 • Political, sociological, philosophical ideas and mashups.</blockquote>
126-
127-
<h2>Politics</h2>
128-
<ul>
129-
<li>
130-
<span class="date-code">`130528`</span>
131-
<span class="lang-tag">[de]</span>
132-
<a href="https://perguth.de/ideas/130528-Better-Life-Deutschland/">Betterlifedeutschland</a>
133-
</li>
134-
<li>
135-
<span class="date-code">`101004`</span>
136-
<span class="lang-tag">[de]</span>
137-
<a href="https://perguth.de/ideas/101004-Buerger-Politik-Interface-Deutschland/">Buerger-Politik Interface Deutschland</a>
138-
</li>
139-
<li>
140-
<span class="date-code">`010101`</span>
141-
<span class="lang-tag">[de]</span>
142-
<a href="https://perguth.de/ideas/010101-d3v_system/">d3v_system</a>
143-
</li>
144-
</ul>
145-
146-
<h2>Economics</h2>
147-
<ul>
148-
<li>
149-
<span class="date-code">`070201`</span>
150-
<span class="lang-tag">[de]</span>
151-
<a href="https://perguth.de/ideas/070201-Open-Calculation-and-Open-Assembly/">Open Calculation and Open Assembly</a>
152-
</li>
153-
</ul>
154-
155-
<h2>Philosophy</h2>
156-
<ul>
157-
<li>
158-
<span class="date-code">`120420`</span>
159-
<span class="featured">
160-
<a href="https://perguth.de/ideas/120420-Erisisch-Woran-glauben-Sie-denn/index.en.html">What do you believe?</a>
161-
</span>
162-
</li>
163-
<li>
164-
<span class="date-code">`120420`</span>
165-
<span class="lang-tag">[de]</span>
166-
<a href="https://perguth.de/ideas/120420-Erisisch-Woran-glauben-Sie-denn/">Woran glauben Sie denn?</a>
167-
</li>
168-
</ul>
169-
170-
<h2>Mashups</h2>
171-
<ul>
172-
<li>
173-
<span class="date-code">`090715`</span>
174-
<span class="featured">
175-
<a href="https://perguth.de/ideas/090715-Jedi-Commons/en/">Jedi Commons</a>
176-
</span>
177-
</li>
178-
<li>
179-
<span class="date-code">`090715`</span>
180-
<span class="lang-tag">[de]</span>
181-
<a href="https://perguth.de/ideas/090715-Jedi-Commons/">Jedi Commons</a>
182-
</li>
183-
</ul>
163+
<main>
164+
<h1>Ideas</h1>
165+
166+
<blockquote>🤔 • Political, sociological, philosophical ideas and mashups.</blockquote>
167+
168+
<h2>Politics</h2>
169+
<ul>
170+
<li>
171+
<span class="date-code">`130528`</span>
172+
<span class="lang-tag">[de]</span>
173+
<a href="https://perguth.de/ideas/130528-Better-Life-Deutschland/">Betterlifedeutschland</a>
174+
</li>
175+
<li>
176+
<span class="date-code">`101004`</span>
177+
<span class="lang-tag">[de]</span>
178+
<a href="https://perguth.de/ideas/101004-Buerger-Politik-Interface-Deutschland/">Buerger-Politik Interface Deutschland</a>
179+
</li>
180+
<li>
181+
<span class="date-code">`010101`</span>
182+
<span class="lang-tag">[de]</span>
183+
<a href="https://perguth.de/ideas/010101-d3v_system/">d3v_system</a>
184+
</li>
185+
</ul>
186+
187+
<h2>Economics</h2>
188+
<ul>
189+
<li>
190+
<span class="date-code">`070201`</span>
191+
<span class="lang-tag">[de]</span>
192+
<a href="https://perguth.de/ideas/070201-Open-Calculation-and-Open-Assembly/">Open Calculation and Open Assembly</a>
193+
</li>
194+
</ul>
195+
196+
<h2>Philosophy</h2>
197+
<ul>
198+
<li>
199+
<span class="date-code">`120420`</span>
200+
<span class="featured">
201+
<a href="https://perguth.de/ideas/120420-Erisisch-Woran-glauben-Sie-denn/index.en.html">What do you believe?</a>
202+
</span>
203+
</li>
204+
<li>
205+
<span class="date-code">`120420`</span>
206+
<span class="lang-tag">[de]</span>
207+
<a href="https://perguth.de/ideas/120420-Erisisch-Woran-glauben-Sie-denn/">Woran glauben Sie denn?</a>
208+
</li>
209+
</ul>
210+
211+
<h2>Mashups</h2>
212+
<ul>
213+
<li>
214+
<span class="date-code">`090715`</span>
215+
<span class="featured">
216+
<a href="https://perguth.de/ideas/090715-Jedi-Commons/en/">Jedi Commons</a>
217+
</span>
218+
</li>
219+
<li>
220+
<span class="date-code">`090715`</span>
221+
<span class="lang-tag">[de]</span>
222+
<a href="https://perguth.de/ideas/090715-Jedi-Commons/">Jedi Commons</a>
223+
</li>
224+
</ul>
225+
</main>
226+
227+
<footer>
228+
<div class="footer-links">
229+
<a href="https://blog.perguth.de/" target="_blank" rel="noopener noreferrer">Blog</a>
230+
<a href="https://github.com/perguth/ideas" target="_blank" rel="noopener noreferrer">GitHub</a>
231+
<a href="https://perguth.de/" target="_blank" rel="noopener noreferrer">Home</a>
232+
</div>
233+
<div class="copyright">
234+
&copy; <script>document.write(new Date().getFullYear())</script> Per Guth
235+
</div>
236+
</footer>
184237
</body>
185238
</html>

0 commit comments

Comments
 (0)