Placeholder image and beginnign of text
This commit is contained in:
parent
81f1d35022
commit
147ff0d2d6
13
index.html
13
index.html
@ -1,26 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Théo Thénault</title>
|
||||
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="keywords" content="Théo Thénault, CV, Français, Francais, French"/>
|
||||
<meta name="author" content="Théo Thénault"/>
|
||||
<meta name="description" content="Site web personnel"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
||||
<center>
|
||||
<main>
|
||||
|
||||
<h1>Théo Thénault's Website</h1>
|
||||
|
||||
</header>
|
||||
|
||||
<h2><a href="./portfolio/index.html">Portfolio</a></h2>
|
||||
|
||||
<h2><a href="cv.pdf">CV / Resume</a></h2>
|
||||
|
||||
<img src="wip.gif" style="width: 100%;"/>
|
||||
|
||||
</main>
|
||||
</center>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
@ -1,41 +1,136 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Théo Thénault</title>
|
||||
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="keywords" content="Théo Thénault, CV, Français, Francais, French"/>
|
||||
<meta name="author" content="Théo Thénault"/>
|
||||
<meta name="description" content="Site web personnel"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../style.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<main>
|
||||
|
||||
<h1>Théo Thénault's Portfolio</h1>
|
||||
|
||||
</header>
|
||||
|
||||
<h2>Hobbies</h2>
|
||||
|
||||
<h3>Racing simulation</h3>
|
||||
<h3>Computers</h3>
|
||||
<h3>Video games</h3>
|
||||
<center>
|
||||
<h1><a href="../index.html" class="hidden">Théo Thénault</a>'s Portfolio</h1>
|
||||
</center>
|
||||
|
||||
<h2>Personnal work</h2>
|
||||
|
||||
<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>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>
|
||||
|
||||
<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>
|
||||
|
||||
<a href="../index.html">home</a>
|
||||
|
||||
</footer>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
|
BIN
portfolio/placeholder.png
Normal file
BIN
portfolio/placeholder.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
25
style.css
25
style.css
@ -10,11 +10,26 @@ body {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
* {
|
||||
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;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user