Theo/Site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Placeholder image and beginnign of text

Browse Source
This commit is contained in:
Theo 2024-10-29 11:43:14 +01:00
parent 81f1d35022
commit 147ff0d2d6
4 changed files with 147 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -1,26 +1,31 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>Théo Thénault</title> <title>Théo Thénault</title>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="keywords" content="Théo Thénault, CV, Français, Francais, French"/> <meta name="keywords" content="Théo Thénault, CV, Français, Francais, French"/>
<meta name="author" content="Théo Thénault"/> <meta name="author" content="Théo Thénault"/>
<meta name="description" content="Site web personnel"/> <meta name="description" content="Site web personnel"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<header>
<center>
<main>
<h1>Théo Thénault's Website</h1> <h1>Théo Thénault's Website</h1>
</header> <h2><a href="./portfolio/index.html">Portfolio</a></h2>
<h2><a href="./portfolio/index.html">Portfolio</a></h2> <h2><a href="cv.pdf">CV / Resume</a></h2>
<h2><a href="cv.pdf">CV / Resume</a></h2> <img src="wip.gif" style="width: 100%;"/>
<img src="wip.gif" style="width: 100%;"/> </main>
</center>
</body> </body>
</html> </html>

123
portfolio/index.html
View File

@ -1,41 +1,136 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>Théo Thénault</title> <title>Théo Thénault</title>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="keywords" content="Théo Thénault, CV, Français, Francais, French"/> <meta name="keywords" content="Théo Thénault, CV, Français, Francais, French"/>
<meta name="author" content="Théo Thénault"/> <meta name="author" content="Théo Thénault"/>
<meta name="description" content="Site web personnel"/> <meta name="description" content="Site web personnel"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css"> <link rel="stylesheet" type="text/css" href="../style.css">
</head> </head>
<body> <body>
<header> <main>
<h1>Théo Thénault's Portfolio</h1> <center>
<h1><a href="../index.html" class="hidden">Théo Thénault</a>'s Portfolio</h1>
</center>
</header> <h2>Personnal work</h2>
<h2>Hobbies</h2>
<h3>Racing simulation</h3>
<h3>Computers</h3>
<h3>Video games</h3>
<h2>Personnal work</h2>
<h3>Games</h3> <h3>Games</h3>
<div class="side-by-side">
<article>
<img src="./placeholder.png">
<header>
Cosmic blaster
<a href="https://github.com/TheoThenault/CosmicBlaster"><b></b> Github</a>
</header>
<p>
Cosmic Blaster is a game I created during my Master's degree for a Unity class.
It was my first game developed on Unity and I tried to create a fun game where you're a spaceship shooting at incoming asteroids.
I did not have the time to implement the enemies and the powers but it was still a fun experience !
</p>
</article>
<article>
<img src="./placeholder.png">
<header>Experiments</header>
<p>I have experimented creating games with various technology. I started on my calculator in high-school and then did my first experiments with graphics on pc with Qt. I then programmed a tetris clone with <a href="https://www.raylib.com/">Raylib</a> in C, and attempted to make a Minecraft-clone with OpenGL.</p>
</article>
</div>
<h3>Web</h3> <h3>Web</h3>
<h3>Computers</h3>
<div class="side-by-side">
<article>
<img src="./placeholder.png">
<header>
University's schedule
<a href="https://github.com/TheoThenault/projet-ent-universitaire"><b></b> Github</a>
</header>
<p>
For my bachelor's degree, 2 peers and I developed a university's schedule as a webapp. We created the databas and built the back and front with symfony.
We did not have time to build a proper scheduler for the class but the rest is fully fonctionnal.
</p>
</article>
<article>
<img src="./placeholder.png">
<header>
My website!
<a href="https://git.theothenault.fr/Theo/Site"><b></b> Gitea</a>
</header>
<p>
I also develop this website by hand. I use it as a way to promote my work and experience, and to freshen up my skills in html/css.
It's also a way to learn about web hosting and docker.
</p>
</article>
</div>
<h3>Mobile</h3> <h3>Mobile</h3>
<article>
</article>
<h3>Computers</h3>
<article>
</article>
<h2>Hobbies</h2>
<h3>Computers</h3>
<article>
</article>
<h3>Racing simulation</h3>
<p>
Racing simulator are a very specific genre of video games. Their goal is to mimic, as close to reality as possible, the physics and feeling of driving a race car.
They are usually played with a wheel instead of a regular controller. They are very fun and exiting !
</p>
<div class="side-by-side">
<article>
<img src="./placeholder.png">
<header>Dirt Rally 2.0</header>
<p>
Dirt Rally is a series of game centered aroung rallying. You can race car from a great variety of era.<br>
It is my favorite king of racing :)
</p>
</article>
<article>
<img src="./placeholder.png">
<header>Assetto Corsa Competizione</header>
<p>ACC is a simulator dedicated to GT-cars. You can think of Porsches and Aston Martins racing against each other.</p>
</article>
</div>
<h3>Video games</h3>
<article>
</article>
</main>
<center>
<footer> <footer>
<a href="../index.html">home</a> <a href="../index.html">home</a>
</footer> </footer>
</center>
</body> </body>
</html> </html>

BIN
portfolio/placeholder.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

25
style.css
View File

@ -10,11 +10,26 @@ body {
padding: 8px; padding: 8px;
} }
img {
max-height: 100%;
max-width: 100%;
}
* { * {
font-family: 'mononoki'; font-family: 'mononoki';
} }
main {
margin: 0 auto;
}
div.side-by-side {
display: flex;
flex: 1 1 0px;
}
div.side-by-side article {
margin: 0 32px;
flex-basis: 100%;
}
a.hidden {
font-style: normal;
text-decoration: none;
}