blob: c8687c4c051dee0016b521f551be91a17af00415 (
plain)
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
|
---
import { getCollection } from "astro:content";
import PageBase from "../layouts/PageBase.astro";
import Friend from "../components/Friend.astro";
import ArticlePreviewList from "../components/ArticlePreviewList.astro";
const posts = (
await getCollection("articles", ({ id }) => id.startsWith("posts/"))
).slice(0, 3);
---
<PageBase title="crupest's home">
<img id="avatar" src="/avatar.png" alt="My avatar" width="80" height="80" />
<h1 id="title">Hello! This is <code>crupest</code> !</h1>
<hr />
<section>
<p>Welcome to my home page! Nice to meet you here! 🥰</p>
<p>
Feel free to contact me via my email address <a
href="mailto:crupest@crupest.life">crupest@crupest.life</a
>, or just create an issue in any of my <a
rel="noopener noreferrer"
href="https://github.com/crupest">GitHub</a
>
repos. I love talking with people a lot.
</p>
<div id="links" class="mono-link">
goto:
<ul>
<li><a href="/git/">git</a></li>
<li><a href="/notes/">notes</a></li>
<li><a href="/notes/hurd">hurd</a></li>
<li><a href="/notes/cheat-sheet">cheat-sheet</a></li>
</ul>
</div>
</section>
<hr />
<section id="recent-posts">
<h2>Recent Posts <a class="mono-link" href="/posts">(all)</a></h2>
<ArticlePreviewList articles={posts} headerElement="h3" />
</section>
<hr />
<section>
<h2 id="friends">
My Friends <small>(more links are being collected ...)</small>
</h2>
<div id="friends-container">
<Friend
name="wsm"
avatarUrl="https://avatars.githubusercontent.com/u/74699943?v=4"
githubUrl="wushuming666"
/>
<Friend
name="hsz"
url="https://www.hszsoft.com"
avatarUrl="https://avatars.githubusercontent.com/u/63097618?v=4"
githubUrl="hszSoft"
tag="随性の程序员"
/>
</div>
</section>
</PageBase>
<style>
#avatar {
float: right;
}
#links {
font-family: monospace;
margin-block-end: 1rem;
> ul {
display: inline;
padding-inline-start: 0.5em;
> li {
display: inline;
&::after {
content: " | ";
}
}
}
}
#recent-posts {
margin-block-end: 1.5em;
}
#friends-container {
display: flex;
gap: 1em;
}
.friend {
flex-grow: 0;
text-align: center;
}
.citation {
margin: auto;
}
.citation figcaption {
text-align: right;
}
html[data-theme="dark"] {
& .friend-github {
filter: invert(1);
}
}
</style>
|
