DEV;Minor SEO updates and more info about me

src/components/AboutMe.tsx

@@ -20,7 +20,28 @@ const AboutMe: FC = () => {
 			<div className="mt-5">
 				<p>
 					Je mi <b>{age} let</b> a již <b>{work} let</b> se profesionálně věnuji
-					vývoji a správě webových aplikací. Aktuálně pracuji pouze na IČO.
+					vývoji a správě webových aplikací.
+				</p>
+				<p className="mt-3">
+					Programování se věnuji od svých 15 let. Mé dosažené vzdělání je
+					Střední lesnická škola zakončené s maturitou. Fakt, že mám vystudováný
+					zcela jiný obor, jen podtrhuje mé nabité znalosti a zkušenosti. Osobně
+					si i myslím, že na vzdělání tolik nezáleží, pokud je práce i zábavou.
+					Stále se rád učím novým technologiím a snažím se je aplikovat ve svém
+					FW nebo na nových projektech.
+				</p>
+				<p className="mt-3">
+					Rád se vzdělávám i mimo svět programování. Doma mám dva Intel NUC
+					počítače, na kterých mi běží plno aplikací. Na těchto serverech se
+					učím pracovat s aplikacemi pro CI/CD, monitorování různých aktivit a
+					zapracování bezpečnostním prvků.
+				</p>
+				<p className="mt-3">
+					Mimo svět IT se rád zabívám čtením knih o osobním rozvoji, meditacím a
+					alternativní medicíně.
+				</p>
+				<p className="mt-3">
+					<b>Aktuálně spolupracuji pouze na IČO.</b>
 				</p>
 			</div>
 		</MySection>

src/components/Footer.tsx

@@ -3,7 +3,7 @@ import { FC } from "react";
 
 const Footer: FC = () => {
 	return (
-		<div className="bg-slate-300 p-2">
+		<footer className="bg-slate-300 p-2">
 			<Grid cols={2} className="mx-auto w-full lg:w-3/5 md:w-4/5">
 				<GridCol>
 					<p>IČO 08738734</p>
@@ -26,7 +26,7 @@ const Footer: FC = () => {
 					<p className="mt-2">Tento web nepoužívá cookies.</p>
 				</GridCol>
 			</Grid>
-		</div>
+		</footer>
 	);
 };
 

src/components/MySection.tsx

@@ -10,26 +10,28 @@ type IProps = {
 
 const MySection: FC<IProps> = ({ iconName, children }) => {
 	return (
-		<Grid
-			cols={{ [GRID_SIZE.SM]: 1, [GRID_SIZE.LG]: 6 }}
-			className="mb-28 mx-4"
-		>
-			<GridCol colSpan={1} className="text-center">
-				<Image
-					src={`/${iconName}.svg`}
-					alt={iconName}
-					width={200}
-					height={200}
-					objectFit="contain"
-				/>
-			</GridCol>
-			<GridCol
-				colSpan={{ [GRID_SIZE.SM]: 1, [GRID_SIZE.LG]: 5 }}
-				className="lg:ml-10"
+		<section>
+			<Grid
+				cols={{ [GRID_SIZE.SM]: 1, [GRID_SIZE.LG]: 6 }}
+				className="mb-28 mx-4"
 			>
-				{children}
-			</GridCol>
-		</Grid>
+				<GridCol colSpan={1} className="text-center">
+					<Image
+						src={`/${iconName}.svg`}
+						alt={iconName}
+						width={200}
+						height={200}
+						objectFit="contain"
+					/>
+				</GridCol>
+				<GridCol
+					colSpan={{ [GRID_SIZE.SM]: 1, [GRID_SIZE.LG]: 5 }}
+					className="lg:ml-10"
+				>
+					{children}
+				</GridCol>
+			</Grid>
+		</section>
 	);
 };
 

src/constants/projects.ts

@@ -5,7 +5,7 @@ export const projects: IProject[] = [
 		name: "doservislu.online",
 		dateFrom: "prosinec 2021",
 		dateTo: "současnost",
-		link: "http://doservisu.online",
+		link: "https://doservisu.online",
 		desciption:
 			"Tvorba frontendu aplikace pro možnost jednoduchého obsloužení zákazníka autoservisu. Z pohledu FE se jedná o sólo vývoj.",
 	},
@@ -20,7 +20,7 @@ export const projects: IProject[] = [
 		name: "treeJS",
 		dateFrom: "březen 2019",
 		dateTo: "současnost",
-		link: "http://treejs.romanjaros.dev",
+		link: "https://treejs.romanjaros.dev",
 		desciption:
 			"Mnou vytvářený framework pro jednodušší stavění nových aplikací. Jedná se o sadu React component, zjednodušení práce s formulářem nebo nadstavbu pro práci se styli.",
 	},

src/pages/index.tsx

@@ -16,33 +16,43 @@ const Home: NextPage = () => {
 			<NextSeo
 				title="Roman Developer"
 				description="Primárně se zaměřuji na vývoj frontendů webových aplikací. Jsem schopný dělat vývoj i backedy webových aplikací. Mimo vývoj se ve volném čase věnuji údržbě vlastního serveru."
-				canonical="https://romanjaros.cz"
+				canonical="https://www.romanjaros.cz"
 				openGraph={{
-					url: "https://romanjaros.cz",
+					url: "https://www.romanjaros.cz",
 					type: "websites",
 					title: "Roman Jaroš, Developer",
-					description: "Portfolio web vývojáře Roman Jaroš",
+					description:
+						"Portfolio web frontent and backend vývojáře Roman Jaroš",
 					site_name: "Roman Developer",
 					locale: "Czech Republic",
 					images: [
 						{
-							url: "http://romanjaros.cz/me.svg",
-							alt: "me",
+							url: "https://www.romanjaros.cz/icon.svg",
+							alt: "Roman Developer",
 						},
 					],
 				}}
+				additionalLinkTags={[
+					{
+						rel: "icon",
+						href: "https://www.romanjaros.cz/favicon.ico",
+					},
+					{
+						rel: "apple-touch-icon",
+						href: "https://www.romanjaros.cz/icon.svg",
+						sizes: "76x76",
+					},
+				]}
 			/>
 			<div className="mx-auto w-full md:w-4/5">
-				<div className="text-center mb-20">
-					<div className="mytitle text-3xl lg:text-6xl justify-center">
-						<span className="mytitle-left">{"<"}</span>
-						<h1>
-							<span className="mytitle-left">Roman</span>
-							<span className="mytitle-right">Developer</span>
-						</h1>
-						<span className="mytitle-left">&nbsp;{"/>"}</span>
-					</div>
-				</div>
+				<header className="mytitle text-3xl lg:text-6xl justify-center text-center mb-20">
+					<span className="mytitle-left">{"<"}</span>
+					<h1>
+						<span className="mytitle-left">Roman</span>
+						<span className="mytitle-right">Developer</span>
+					</h1>
+					<span className="mytitle-left">&nbsp;{"/>"}</span>
+				</header>
 				<AboutMe />
 				<Services />
 				<Contact />