Add home page with short intro and highlights

This commit is contained in:
tdehaeze committed 2026-10-17 21:49:47 +02:00
1 parent 2490e8bbb1
commit adec6e712f
4 files changed
+84

No files matched your search

+22
View File
@@ -0,0 +1,22 @@
<style>
.home-hero { display: flex; align-items: flex-start; gap: 1.8em; margin: 1em 0 2.2em; }
.home-photo { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; flex: none; }
.home-hero h1 { margin: 0 0 .5em; font-size: 1.9em; }
.home-hero p { margin: 0 0 .8em; line-height: 1.6; }
.home-hero a { color: #c05b4d; }
.home-section { margin-top: 2.2em; }
.home-section h2 { font-size: 1.4em; margin-bottom: .7em; }
.home-site-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1em 1.6em; }
.home-site-list li { line-height: 1.5; padding-left: .9em; border-left: 3px solid hsl(232, 61%, 80%); }
.home-site-list a { font-weight: 600; color: hsl(232, 61%, 64%); }
.home-site-list span { display: block; color: #666; font-size: .95em; }
.home-latest { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .9em; }
.home-latest li { line-height: 1.45; }
.home-latest .meta { display: block; color: #8a8a8a; font-size: .9em; }
.home-latest a { color: hsl(232, 61%, 64%); font-weight: 600; }
.home-more { margin-top: .8em; font-size: .95em; }
@media (max-width: 640px) {
.home-hero { flex-direction: column; align-items: center; text-align: left; gap: 1em; }
.home-site-list { grid-template-columns: 1fr; }
}
</style>