Add home page with short intro and highlights
This commit is contained in:
1 parent
2490e8bbb1
commit
adec6e712f
4 files changed
+84
No files matched your search
@@ -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>
|
||||
Reference in new issue
Block a user