From 333fe0cc5ef5c30a5561160c0146b4611a0217d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Roman=20Jaro=C5=A1?= <jarosr93@gmail.com>
Date: Thu, 7 Jul 2022 08:59:57 +0200
Subject: [PATCH] DEV;Minor SEO updates and more info about me

---
 public/icon.svg              |  1 +
 public/robots.txt            |  4 +++-
 public/sitemap.xml           |  2 +-
 src/components/AboutMe.tsx   | 23 ++++++++++++++++++++-
 src/components/Footer.tsx    |  4 ++--
 src/components/MySection.tsx | 40 +++++++++++++++++++-----------------
 src/constants/projects.ts    |  4 ++--
 src/pages/index.tsx          | 40 ++++++++++++++++++++++--------------
 8 files changed, 77 insertions(+), 41 deletions(-)
 create mode 100644 public/icon.svg

diff --git a/public/icon.svg b/public/icon.svg
new file mode 100644
index 0000000..663c980
--- /dev/null
+++ b/public/icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#effafe;}.cls-2{fill:#fd0;}.cls-3{fill:#40bdff;}.cls-4{fill:#e4ebed;}.cls-5{fill:#efc803;}.cls-6{fill:#2197f7;}.cls-7{fill:#263238;}</style></defs><title/><path class="cls-1" d="M40.95,162.05v2.61h28.1v-2.61a11.76,11.76,0,0,0-11.74-11.74H52.69A11.76,11.76,0,0,0,40.95,162.05Z"/><path class="cls-1" d="M54.18,146.31h1.64a7.18,7.18,0,1,0-1.64,0Z"/><path class="cls-2" d="M70,117H40a8,8,0,0,0-8,8v46.67a8,8,0,0,0,8,8H70a8,8,0,0,0,8-8V125A8,8,0,0,0,70,117ZM43.82,139.18a11.18,11.18,0,1,1,18.91,8.08c7,3,10.32,8.75,10.32,14.8v4.61a2,2,0,0,1-2,2H38.95a2,2,0,0,1-2-2v-4.61c0-6,3.24-11.82,10.32-14.8A11.3,11.3,0,0,1,43.82,139.18Z"/><path class="cls-3" d="M117.34,51.66V88h29.32V51.66a14.66,14.66,0,1,0-29.32,0ZM128,59.22a8.11,8.11,0,1,1,8.11-8.11A8.12,8.12,0,0,1,128,59.22Z"/><path class="cls-4" d="M57.31,150.31h-4a11.76,11.76,0,0,1,11.74,11.74v2.61h4v-2.61A11.76,11.76,0,0,0,57.31,150.31Z"/><path class="cls-4" d="M55,132a7.15,7.15,0,0,0-2,.29,7.17,7.17,0,0,1,0,13.78,7.19,7.19,0,0,0,1.18.24h1.64A7.18,7.18,0,0,0,55,132Z"/><path class="cls-5" d="M70,117H65a8,8,0,0,1,8,8v35.81c0,.41.05.83.05,1.24v4.61a2,2,0,0,1-.05.43v4.57a8,8,0,0,1-8,8h5a8,8,0,0,0,8-8V125A8,8,0,0,0,70,117Z"/><path class="cls-6" d="M132,37a14.59,14.59,0,0,0-4,.57,14.65,14.65,0,0,1,10.65,14.09V88h8V51.66A14.65,14.65,0,0,0,132,37Z"/><path class="cls-1" d="M236,67H146.66V88H156a2,2,0,0,1,0,4H100a2,2,0,0,1,0-4h9.34V67H25a8,8,0,0,0-8,8V211a8,8,0,0,0,8,8H236a8,8,0,0,0,8-8V75A8,8,0,0,0,236,67ZM82,125v46.67a12,12,0,0,1-12,12H40a12,12,0,0,1-12-12V125a12,12,0,0,1,12-12H70A12,12,0,0,1,82,125Z"/><path class="cls-4" d="M236,67h-5a8,8,0,0,1,8,8V211a8,8,0,0,1-8,8h5a8,8,0,0,0,8-8V75A8,8,0,0,0,236,67Z"/><path class="cls-7" d="M63.58,147.07a11.68,11.68,0,1,0-17.16,0,16.27,16.27,0,0,0-10,15v4.61a2.5,2.5,0,0,0,2.5,2.5h32.1a2.5,2.5,0,0,0,2.5-2.5v-4.61A16.27,16.27,0,0,0,63.58,147.07ZM55,132.5a6.68,6.68,0,0,1,.76,13.31H54.24A6.68,6.68,0,0,1,55,132.5Zm13.55,31.67H41.45v-2.11a11.26,11.26,0,0,1,11.24-11.24h4.61a11.26,11.26,0,0,1,11.24,11.24Z"/><path class="cls-7" d="M236,62.5H147.16V51.66a19.16,19.16,0,0,0-38.32,0V62.5H20A12.51,12.51,0,0,0,7.5,75V211A12.51,12.51,0,0,0,20,223.5H236A12.51,12.51,0,0,0,248.5,211V75A12.51,12.51,0,0,0,236,62.5ZM113.84,51.66a14.16,14.16,0,1,1,28.32,0V87.5H113.84ZM243.5,211a7.51,7.51,0,0,1-7.5,7.5H20a7.51,7.51,0,0,1-7.5-7.5V75A7.51,7.51,0,0,1,20,67.5h88.84v20H100a2.5,2.5,0,0,0,0,5h56a2.5,2.5,0,0,0,0-5h-8.84v-20H236a7.51,7.51,0,0,1,7.5,7.5Z"/><path class="cls-7" d="M70,112.5H40A12.51,12.51,0,0,0,27.5,125v46.67A12.51,12.51,0,0,0,40,184.17H70a12.51,12.51,0,0,0,12.5-12.5V125A12.51,12.51,0,0,0,70,112.5Zm7.5,59.17a7.51,7.51,0,0,1-7.5,7.5H40a7.51,7.51,0,0,1-7.5-7.5V125a7.51,7.51,0,0,1,7.5-7.5H70a7.51,7.51,0,0,1,7.5,7.5Z"/><path class="cls-7" d="M226,119.58H100a2.5,2.5,0,0,0,0,5H226a2.5,2.5,0,0,0,0-5Z"/><path class="cls-7" d="M226,141.8H100a2.5,2.5,0,0,0,0,5H226a2.5,2.5,0,0,0,0-5Z"/><path class="cls-7" d="M226,164H100a2.5,2.5,0,0,0,0,5H226a2.5,2.5,0,0,0,0-5Z"/><path class="cls-7" d="M226,186.25H100a2.5,2.5,0,0,0,0,5H226a2.5,2.5,0,0,0,0-5Z"/><path class="cls-7" d="M128,42.5a8.61,8.61,0,1,0,8.61,8.61A8.62,8.62,0,0,0,128,42.5Zm0,12.22a3.61,3.61,0,1,1,3.61-3.61A3.61,3.61,0,0,1,128,54.72Z"/><path class="cls-2" d="M192.33,233.5h-4v-4a1,1,0,0,0-2,0v4h-4a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0v-4h4a1,1,0,0,0,0-2Z"/><path class="cls-2" d="M102.5,23h-4V19a1,1,0,0,0-2,0v4h-4a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0V25h4a1,1,0,0,0,0-2Z"/><path class="cls-3" d="M191.33,40a6,6,0,1,1,6-6A6,6,0,0,1,191.33,40Zm0-10a4,4,0,1,0,4,4A4,4,0,0,0,191.33,30Z"/><path class="cls-2" d="M20,240.5a6,6,0,1,1,6-6A6,6,0,0,1,20,240.5Zm0-10a4,4,0,1,0,4,4A4,4,0,0,0,20,230.5Z"/><path class="cls-3" d="M114.5,235h-2.59l1.83-1.83a1,1,0,0,0-1.41-1.41l-1.83,1.83V231a1,1,0,0,0-2,0v2.59l-1.83-1.83a1,1,0,0,0-1.41,1.41l1.83,1.83H104.5a1,1,0,0,0,0,2h2.59l-1.83,1.83a1,1,0,0,0,1.41,1.41l1.83-1.83V241a1,1,0,0,0,2,0v-2.59l1.83,1.83a1,1,0,0,0,1.41-1.41L111.91,237h2.59a1,1,0,0,0,0-2Z"/></svg>
\ No newline at end of file
diff --git a/public/robots.txt b/public/robots.txt
index 14267e9..be7f784 100644
--- a/public/robots.txt
+++ b/public/robots.txt
@@ -1,2 +1,4 @@
 User-agent: *
-Allow: /
\ No newline at end of file
+Allow: /
+
+Sitemap https://www.romanjaros.cz/sitemap.xml
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
index d5bf8ed..e8951d4 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -3,6 +3,6 @@
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
     <url>
-        <loc>https://romanjaros.cz/</loc>
+        <loc>https://www.romanjaros.cz/</loc>
     </url>
 </urlset>
diff --git a/src/components/AboutMe.tsx b/src/components/AboutMe.tsx
index 3209d5e..945a426 100644
--- a/src/components/AboutMe.tsx
+++ b/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>
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 0d52368..a0323f9 100644
--- a/src/components/Footer.tsx
+++ b/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>
 	);
 };
 
diff --git a/src/components/MySection.tsx b/src/components/MySection.tsx
index be3e282..e10eb10 100644
--- a/src/components/MySection.tsx
+++ b/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>
 	);
 };
 
diff --git a/src/constants/projects.ts b/src/constants/projects.ts
index 4976834..b7d7f62 100644
--- a/src/constants/projects.ts
+++ b/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.",
 	},
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 066db90..6c92543 100755
--- a/src/pages/index.tsx
+++ b/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 />