added whoami
This commit is contained in:
parent
c072599d6c
commit
ad861ba802
3 changed files with 44 additions and 1 deletions
BIN
public/phil.png
Normal file
BIN
public/phil.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 MiB |
39
src/components/whoami.astro
Normal file
39
src/components/whoami.astro
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<div class="md:flex md:flex-row-reverse items-center">
|
||||
<div class="md:w-1/2">
|
||||
<img
|
||||
src="/phil.png"
|
||||
alt="Phil"
|
||||
class="rounded-3xl bg-sky-900 h-36 w-36 md:mx-auto md:h-56 md:w-56 lg:h-64 lg:w-64 mb-2 md:mb-0"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="md:w-1/2">
|
||||
<h1 class="text-4xl font-bold mb-4">About Phil</h1>
|
||||
<h2 class="text-2xl font-semibold mb-4">Developer of all sorts</h2>
|
||||
<div class="text-lg text-justify mb-8 space-y-6">
|
||||
<p>
|
||||
I got into computer science by creating websites, learning about
|
||||
the Linux kernel and administrating servers.
|
||||
</p>
|
||||
<p>
|
||||
After high school, I became a student at Epitech and learned to
|
||||
tackle technical concepts and applying them quickly by working
|
||||
on small projects.
|
||||
</p>
|
||||
<p>
|
||||
During my studies at Epitech, I had the opportunity to be a
|
||||
teacher. My role was to assist students with technical problems
|
||||
in their projects.
|
||||
</p>
|
||||
<p>
|
||||
Now I have experience in software engineering, full-stack web
|
||||
and mobile development, system administration and CI/CD, as well
|
||||
as embedded development.
|
||||
</p>
|
||||
<p>
|
||||
My goal is to use my knowledge and experience to make software
|
||||
helping its users accomplish their needs.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
---
|
||||
import Hero from "../components/hero.astro";
|
||||
import Whoami from "../components/whoami.astro";
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
|
|
@ -9,7 +10,10 @@ import Hero from "../components/hero.astro";
|
|||
<meta name="viewport" content="width=device-width" />
|
||||
<title>Philippe Loctaux</title>
|
||||
</head>
|
||||
<body>
|
||||
<body class="bg-gray-900 text-white">
|
||||
<Hero />
|
||||
<main class="container mx-auto px-4 py-16">
|
||||
<Whoami />
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue