From 242062a0c9ab0472bb30a3ac91de89cabf61b7b6 Mon Sep 17 00:00:00 2001
From: Theo <theo@theothenault.fr>
Date: Tue, 29 Oct 2024 16:39:13 +0100
Subject: [PATCH] Added text

---
 portfolio/index.html    | 37 +++++++++++++++++++++++++++++++++++--
 portfolio/portfolio.css |  4 ++++
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/portfolio/index.html b/portfolio/index.html
index 4c1abed..ab5ce5f 100644
--- a/portfolio/index.html
+++ b/portfolio/index.html
@@ -74,15 +74,48 @@
 
 		<h3>Mobile</h3>
 
+			<div class="side-by-side">
 			<article>
-
+				<img src="./placeholder.png">
+				<header>
+					Games & Apps
+				</header>
+				<p>
+					I started developing mobile app with <a href="https://appinventor.mit.edu/">MIT App Inventor</a> and used it to create a simple clicker game.
+					I then experimented with Android Studio before working on it at work.
+				</p>
 			</article>
 
+			<article class="center-vert">
+				<p>
+					I have a few projects that I would like to do as a mobile app.
+				</p>
+				<ul>
+					<li>Running app (like Strava)</li>
+					<li>Note taking app</li>
+					<li>Groceries reminder / reporting</li>
+				</ul>
+			</article>
+			</div>
+
 		<h3>Computers</h3>
 
-			<article>
+		<p>
+			General category for computer related projects.
+		</p>
 
+		<div class="side-by-side">
+			<article>
+				<header>
+					Programs
+				</header>
+				<p>
+					I develop small programs when I find an interesting topic. I am currently working on a small text editor. And would also like
+					to find time to continue working on my chess AI.<br>
+					I find a lot of interest in operating system and would like to write a POC. However this task is also very time comsuming.
+				</p>
 			</article>
+			</div>
 
 
 		<h2>Hobbies</h2>
diff --git a/portfolio/portfolio.css b/portfolio/portfolio.css
index 07ab5c7..7c9c597 100644
--- a/portfolio/portfolio.css
+++ b/portfolio/portfolio.css
@@ -24,6 +24,10 @@ a.hidden {
 	color: var(--main-ft-color);
 }
 
+div.side-by-side article.center-vert {
+	margin: auto 32px;
+}
+
 h1 a.hidden {
 	font-weight: bold;
 }