This is my personal website

add topics & languages section

+21 -9
+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>
+1 -1
src/footer.tsx
··· 4 4 5 5 export function footer() { 6 6 return ( 7 - <div style="display: flex; flex-direction: row; justify-content: space-between; margin-bottom:20px"> 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 - 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
··· 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
··· 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
··· 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