xfox111/my-website
1
0
Fork 0
mirror of https://github.com/XFox111/my-website.git synced 2026-04-22 07:28:01 +03:00
Code Activity

feat: use JSX instead of strings for bio

Browse Source
This commit is contained in:
Eugene Fox
2025-07-22 14:52:11 +00:00
parent 6d4c931091
commit 2e3bf0b63b
4 changed files with 19 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/_data/bio.ts
-16
View File
@@ -1,16 +0,0 @@
export const bio: string[] =
[
"My name is Eugene Fox. I am a professional software developer primarily focused on .NET and React projects.",
"My journey as a programmer started in 2018 from a silly free-time hobby. Since then, I have released a couple of personal projects, some of which have become quite popular.",
"Graduated from Bonch-Bruevich University of Telecommunications in 2023 where I got my bachelor's degree in computer science. It was fun. Took part in a number of hackathons (usually first place for us) as well as science conferences (including those hosted by IEEE).",
"Also, before graduation I managed to work in several different companies in different IT fields (mostly software development, of course).",
"Out-of-box thinking, and constant self-improvement is my life strategy. New tool released? - Yes, please! GitHub is hosting another conference? - Sign me up! There is a new challenging task to complete? - Oh, boy, here we go again! So many things to learn, so little time to spare...",
"Overall, enthusiastic, fast learning and energetic person. Love coding and creating something new. Like to draw and compose music. Proud member of the furry community."
];
export default bio;
app/_data/bio.tsx
+14
View File
@@ -0,0 +1,14 @@
export const Bio: React.FC = () => (
<>
<p>{ bioPremise }</p>
<p>My journey as a programmer started in 2018 from a silly free-time hobby. Since then, I have released a couple of personal projects, some of which have become quite popular.</p>
<p>Graduated from <a href="https://sut.ru/eng" target="_blank">Bonch-Bruevich University of Telecommunications</a> in 2023 where I got my Bachelor&apos;s degree in computer science. It was fun. Took part in a number of hackathons (usually first place for us) as well as science conferences (including those hosted by IEEE). In 2025 got Master&apos;s in Radiotechnology.</p>
<p>Also, before graduation I managed to work in several different companies in different IT fields (mostly software development, of course).</p>
<p>Out-of-box thinking, and constant self-improvement is my life strategy. New tool released? - Yes, please! GitHub is hosting another conference? - Sign me up! There is a new challenging task to complete? - Oh, boy, here we go again! So many things to learn, so little time to spare...</p>
<p>Overall, enthusiastic, fast learning and energetic person. Love coding and creating something new. Like to draw and compose music. Aviasim enthusiast. Proud member of the furry community.</p>
</>
);
export const bioPremise: string = "My name is Eugene Fox. I am a professional software developer primarily focused on .NET and React projects.";
export default Bio;
app/_data/metadata.ts
+3 -3
View File
@@ -1,7 +1,7 @@
import Package from "@/../package.json";
import { Metadata } from "next";
import { unstable_noStore } from "next/cache";
import bio from "./bio";
import { bioPremise } from "./bio";
import socials from "./socials";
export const canonicalName: URL = new URL(`https://${process.env.DOMAIN_NAME}`);
@@ -18,12 +18,12 @@ export async function generateMetadata(): Promise<Metadata>
unstable_noStore();
return {
title: baseTitle,
description: bio[0],
description: bioPremise,
metadataBase: canonicalName,
openGraph:
{
title: baseTitle,
description: bio[0],
description: bioPremise,
type: "profile",
firstName: Package.author.name.split(" ")[0],
lastName: Package.author.name.split(" ")[1],
app/_page_sections/AboutSection.tsx
+2 -4
View File
@@ -1,5 +1,5 @@
import { aboutPicture } from "@/_assets/illustrations";
import bio from "@/_data/bio";
import Bio from "@/_data/bio";
import Image from "next/image";
import React from "react";
import cls from "./AboutSection.module.scss";
@@ -9,9 +9,7 @@ const AboutSection: React.FC = () => (
<div>
<h2>About me</h2>
{ bio.map((i, index) =>
<p key={ index }>{ i }</p>
) }
<Bio />
</div>
<Image src={ aboutPicture.src } alt={ aboutPicture.alt } />