tangled
alpha
login
or
join now
tsiry-sandratraina.com
/
me
2
fork
atom
This is my personal website
2
fork
atom
overview
issues
pulls
pipelines
add topics & languages section
tsiry-sandratraina.com
2 years ago
ea0d8a02
d32c0b6d
+21
-9
6 changed files
expand all
collapse all
unified
split
main.tsx
src
footer.tsx
stats
contributions.tsx
dashboard.tsx
recent_work.tsx
styles.ts
+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
29
+
<div>
30
30
+
<img
31
31
+
src="https://stats.quine.sh/tsirysndr/topics-over-time?theme=dark"
32
32
+
width="100%"
33
33
+
style="margin-bottom: 15px"
34
34
+
/>
35
35
+
<img
36
36
+
src="https://stats.quine.sh/tsirysndr/languages-over-time?theme=dark"
37
37
+
width="100%"
38
38
+
style="margin-bottom: 15px"
39
39
+
/>
40
40
+
</div>
29
41
{footer()}
30
42
</div>
31
43
</body>
+1
-1
src/footer.tsx
···
4
4
5
5
export function footer() {
6
6
return (
7
7
-
<div style="display: flex; flex-direction: row; justify-content: space-between; margin-bottom:20px">
7
7
+
<div style="display: flex; flex-direction: row; justify-content: space-between; margin-bottom:20px; margin-top: 100px;">
8
8
<div style="color: rgb(109, 109, 156); font-size: 17px;">
9
9
© {dayjs().format("YYYY")} Tsiry Sandratraina.
10
10
</div>
+2
-2
src/stats/contributions.tsx
···
4
4
export function contributions() {
5
5
return (
6
6
<a
7
7
-
href="https://next.ossinsight.io/widgets/official/analyze-user-contribution-time-distribution?user_id=15877106&period=all_times"
7
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
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
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
···
13
13
<picture>
14
14
<img
15
15
alt="Dashboard stats of @tsirysndr"
16
16
-
src="https://next.ossinsight.io/widgets/official/compose-user-dashboard-stats/thumbnail.png?user_id=15877106&image_size=auto&color_scheme=dark"
16
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
···
12
12
<picture>
13
13
<img
14
14
alt="@tsirysndr's Recent Work - Last 28 days"
15
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
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
···
2
2
"html, body { margin: 0; height: 100%; }",
3
3
`body {
4
4
font-family: "Outfit", sans-serif;
5
5
-
background: #1f1e28;
5
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
55
-
margin-bottom: 100px;
55
55
+
margin-bottom: 15px;
56
56
}
57
57
@media (max-width: 768px) {
58
58
.dashboard {
59
59
display: flex;
60
60
-
flex-direction: column;
61
61
-
margin-bottom: 100px;
60
60
+
flex-direction: column;
61
61
+
margin-bottom: 15px;
62
62
}
63
63
}
64
64