This is my personal website
add topics & languages section
+21
-9
+12
main.tsx
+12
main.tsx
···
26
26
<div style="flex: 1; margin-right: 20px;">{recentWork()}</div>
27
27
<div style="flex: 1">{contributions()}</div>
28
28
</div>
29
+
<div>
30
+
<img
31
+
src="https://stats.quine.sh/tsirysndr/topics-over-time?theme=dark"
32
+
width="100%"
33
+
style="margin-bottom: 15px"
34
+
/>
35
+
<img
36
+
src="https://stats.quine.sh/tsirysndr/languages-over-time?theme=dark"
37
+
width="100%"
38
+
style="margin-bottom: 15px"
39
+
/>
40
+
</div>
29
41
{footer()}
30
42
</div>
31
43
</body>
+2
-2
src/stats/contributions.tsx
+2
-2
src/stats/contributions.tsx
···
4
4
export function contributions() {
5
5
return (
6
6
<a
7
-
href="https://next.ossinsight.io/widgets/official/analyze-user-contribution-time-distribution?user_id=15877106&period=all_times"
7
+
href="https://next.ossinsight.io/widgets/official/analyze-user-contribution-time-distribution?user_id=15877106&period=all_times&color_scheme=light"
8
8
target="_blank"
9
9
style="display: block"
10
10
align="center"
···
12
12
<picture>
13
13
<img
14
14
alt="Contribution Time Distribution of @tsirysndr"
15
-
src="https://next.ossinsight.io/widgets/official/analyze-user-contribution-time-distribution/thumbnail.png?user_id=15877106&period=all_times&image_size=auto&color_scheme=dark"
15
+
src="https://next.ossinsight.io/widgets/official/analyze-user-contribution-time-distribution/thumbnail.png?user_id=15877106&period=all_times&image_size=auto&color_scheme=light"
16
16
style="width: 100%; "
17
17
height="164px"
18
18
/>
+1
-1
src/stats/dashboard.tsx
+1
-1
src/stats/dashboard.tsx
···
13
13
<picture>
14
14
<img
15
15
alt="Dashboard stats of @tsirysndr"
16
-
src="https://next.ossinsight.io/widgets/official/compose-user-dashboard-stats/thumbnail.png?user_id=15877106&image_size=auto&color_scheme=dark"
16
+
src="https://next.ossinsight.io/widgets/official/compose-user-dashboard-stats/thumbnail.png?user_id=15877106&image_size=auto&color_scheme=light"
17
17
style="width: 100%;margin-bottom: 20px;"
18
18
height="auto"
19
19
/>
+1
-1
src/stats/recent_work.tsx
+1
-1
src/stats/recent_work.tsx
···
12
12
<picture>
13
13
<img
14
14
alt="@tsirysndr's Recent Work - Last 28 days"
15
-
src="https://next.ossinsight.io/widgets/official/compose-currently-working-on/thumbnail.png?user_id=15877106&activity_type=all&image_size=auto&color_scheme=dark"
15
+
src="https://next.ossinsight.io/widgets/official/compose-currently-working-on/thumbnail.png?user_id=15877106&activity_type=all&image_size=auto&color_scheme=light"
16
16
style="width: 100%;"
17
17
height="auto"
18
18
/>
+4
-4
src/styles.ts
+4
-4
src/styles.ts
···
2
2
"html, body { margin: 0; height: 100%; }",
3
3
`body {
4
4
font-family: "Outfit", sans-serif;
5
-
background: #1f1e28;
5
+
background: #12152b;
6
6
color: #fff;
7
7
display: flex;
8
8
flex-direction: column;
···
52
52
.dashboard {
53
53
display: flex;
54
54
flex-direction: row;
55
-
margin-bottom: 100px;
55
+
margin-bottom: 15px;
56
56
}
57
57
@media (max-width: 768px) {
58
58
.dashboard {
59
59
display: flex;
60
-
flex-direction: column;
61
-
margin-bottom: 100px;
60
+
flex-direction: column;
61
+
margin-bottom: 15px;
62
62
}
63
63
}
64
64