generated from Templates_CodeFirst/templateHtmlCss
new version
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
c9d2985121
commit
303b35a09a
@ -0,0 +1,24 @@
|
||||
#files_contact
|
||||
{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#Contact
|
||||
{
|
||||
background-color: #173964;
|
||||
}
|
||||
|
||||
#Contact:hover #files_contact
|
||||
{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.repertory-box:hover #Contact
|
||||
{
|
||||
background-color: rgba(36, 36, 36, 0.80);
|
||||
}
|
||||
|
||||
.repertory-box:hover #files_contact
|
||||
{
|
||||
display: none;
|
||||
}
|
@ -0,0 +1,34 @@
|
||||
.galerie-container
|
||||
{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.galerie
|
||||
{
|
||||
text-decoration: none;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.galerie img
|
||||
{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
object-fit: cover;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.galerie:hover:after
|
||||
{
|
||||
content: attr(title);
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.galerie .image {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
}
|
@ -0,0 +1,4 @@
|
||||
.me
|
||||
{
|
||||
background-color: black;
|
||||
}
|
@ -0,0 +1,38 @@
|
||||
<!--
|
||||
File: Plus.html.html
|
||||
Owner: Thibaud La Riviere
|
||||
License: MIT License
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title> It's me </title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="shortcut icon" href="../pictures/files.jpg" type="image/x-icon">
|
||||
<link type="text/css" rel="stylesheet" href="../css/style.css">
|
||||
<link type="text/css" rel="stylesheet" href="../css/fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="../css/Contact/main_contact.css">
|
||||
<link type="text/css" rel="stylesheet" href="../css/Contact/style_Plus.html.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="galerie-container">
|
||||
<a href="galerie/happy.html" class="galerie" title="Happy_game">
|
||||
<img src="../pictures/Happy_game.jpg" class="image" alt="la narration est exeptionnelle" width="auto" height="auto">
|
||||
</a>
|
||||
<a href="galerie/malika.html" class="galerie" title="Mallika_more">
|
||||
<img src="../pictures/mallika_more.jpg" class="image" alt="en vrai, ca se prononce comme ca ?" width="auto" height="auto">
|
||||
</a>
|
||||
<a href="galerie/la_maison_des_feuilles.html" class="galerie" title="la_maison_des_feuilles">
|
||||
<img src="../pictures/la_maison_des_feuilles.jpg" class="image" alt="une merveille d'ecriture" width="auto" height="auto">
|
||||
</a>
|
||||
<a href="galerie/chess.html" class="galerie" title="chess for fun">
|
||||
<img src="../pictures/hyper_accelerate_speed_dragon.jpg" class="image" alt="ouverture devastatrice" width="auto" height="auto">
|
||||
</a>
|
||||
<a href="galerie/apfel.html" class="galerie" title="Apfel">
|
||||
<img src="../pictures/Apfel.jpg" class="image" alt="on fons on en pense quoi?" width="auto" height="auto">
|
||||
</a>
|
||||
<a href="galerie/ROMA.html" class="galerie" title="ROMA">
|
||||
<img src="../pictures/ROMA.jpg" class="image" alt="mon chat" width="auto" height="auto">
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,20 @@
|
||||
<!--
|
||||
File: ROMA.html
|
||||
Owner: Thibaud La Riviere
|
||||
License: MIT License
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title> It's me </title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="shortcut icon" href="../../pictures/files.jpg" type="image/x-icon">
|
||||
<link type="text/css" rel="stylesheet" href="format.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/style.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/Contact/main_contact.css">
|
||||
</head>
|
||||
<body>
|
||||
<img src="../../pictures/ROMA.jpg" class="image" alt="mon chat" width="auto" height="100%">
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,20 @@
|
||||
<!--
|
||||
File: apfel.html
|
||||
Owner: Thibaud La Riviere
|
||||
License: MIT License
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title> It's me </title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="shortcut icon" href="../../pictures/files.jpg" type="image/x-icon">
|
||||
<link type="text/css" rel="stylesheet" href="format.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/style.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/Contact/main_contact.css">
|
||||
</head>
|
||||
<body>
|
||||
<img src="../../pictures/Apfel.jpg" class="image" alt="on fons on en pense quoi?" width="auto" height="100%">
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,20 @@
|
||||
<!--
|
||||
File: chess.html
|
||||
Owner: Thibaud La Riviere
|
||||
License: MIT License
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title> It's me </title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="shortcut icon" href="../../pictures/files.jpg" type="image/x-icon">
|
||||
<link type="text/css" rel="stylesheet" href="format.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/style.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/Contact/main_contact.css">
|
||||
</head>
|
||||
<body>
|
||||
<img src="../../pictures/hyper_accelerate_speed_dragon.jpg" class="image" alt="ouverture devastatrice" width="auto" height="100%">
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,5 @@
|
||||
img, video
|
||||
{
|
||||
height: 100vh;
|
||||
width: auto;
|
||||
}
|
@ -0,0 +1,20 @@
|
||||
<!--
|
||||
File: happy.html
|
||||
Owner: Thibaud La Riviere
|
||||
License: MIT License
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title> It's me </title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="shortcut icon" href="../pictures/files.jpg" type="image/x-icon">
|
||||
<link type="text/css" rel="stylesheet" href="format.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/style.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/Contact/main_contact.css">
|
||||
</head>
|
||||
<body>
|
||||
<img src="../../pictures/Happy_game.jpg" class="image" alt="la narration est exeptionnelle" width="auto" height="100%">
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,20 @@
|
||||
<!--
|
||||
File: la_maison_des_feuilles.html
|
||||
Owner: Thibaud La Riviere
|
||||
License: MIT License
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title> It's me </title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="shortcut icon" href="../../pictures/files.jpg" type="image/x-icon">
|
||||
<link type="text/css" rel="stylesheet" href="format.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/style.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/Contact/main_contact.css">
|
||||
</head>
|
||||
<body>
|
||||
<img src="../../pictures/la_maison_des_feuilles.jpg" class="image" alt="une merveille d'ecriture" width="auto" height="100%">
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,22 @@
|
||||
<!--
|
||||
File: malika.html
|
||||
Owner: Thibaud La Riviere
|
||||
License: MIT License
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title> It's me </title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="shortcut icon" href="../../pictures/files.jpg" type="image/x-icon">
|
||||
<link type="text/css" rel="stylesheet" href="format.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/style.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="../../css/Contact/main_contact.css">
|
||||
</head>
|
||||
<body>
|
||||
<video controls>
|
||||
<source src="../../video/rick.mp4" type="video/mp4" />
|
||||
</video>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,227 @@
|
||||
<!--
|
||||
File: me.md.html
|
||||
Owner: Thibaud La Riviere
|
||||
License: MIT License
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title> It's me </title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="shortcut icon" href="../pictures/files.jpg" type="image/x-icon">
|
||||
<link type="text/css" rel="stylesheet" href="../css/style.css">
|
||||
<link type="text/css" rel="stylesheet" href="../css/fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="../css/Contact/main_contact.css">
|
||||
<link type="text/css" rel="stylesheet" href="../css/Contact/style_me.md.css">
|
||||
</head>
|
||||
<header>
|
||||
<nav>
|
||||
<div class="repertory-box">
|
||||
<ul id="repertory">
|
||||
<li class="repertory" id="About">
|
||||
<a> About </a>
|
||||
<div id="files_about" class="files-box">
|
||||
<ul class="files">
|
||||
<li>
|
||||
<a href="CV.css.html" class="pictures_files" title="CV.css">
|
||||
<img src="../pictures/files.jpg" class="pictures_files"
|
||||
alt="CV.css" width="80px" height="65px">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="img.jpg.html" class="pictures_files" title="img.jpg">
|
||||
<img src="../pictures/files.jpg" class="pictures_files"
|
||||
alt="img.css" width="80px" height="65px">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="repertory" id="Projects">
|
||||
<a> Projects </a>
|
||||
<div class="files-box" id="files_projects">
|
||||
<ul class="files">
|
||||
<li>
|
||||
<a href="ft_42.c.html" class="pictures_files" title="ft_42.css">
|
||||
<img src="../pictures/files.jpg" class="pictures_files"
|
||||
alt="ft_42.css" width="80px" height="65px">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Maquette.html.html" class="pictures_files" title="Maquette.html">
|
||||
<img src="../pictures/files.jpg" class="pictures_files"
|
||||
alt="Maquette.html" width="80px" height="65px">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../index.html" class="pictures_files" title="Portfolio.css">
|
||||
<img src="../pictures/files.jpg" class="pictures_files"
|
||||
alt="Portfolio.css" width="80px" height="65px">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Mont-Blanc_LDA.html" class="pictures_files" title="Mont-blanc (LDA)">
|
||||
<img src="../pictures/files.jpg" class="pictures_files"
|
||||
alt="Mont-blanc (LDA)" width="80px" height="65px">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="repertory" id="Contact">
|
||||
<a> Contact </a>
|
||||
<div class="files-box" id="files_contact">
|
||||
<ul class="files">
|
||||
<li>
|
||||
<a href="me.md.html" class="pictures_files" title="Me.md">
|
||||
<img src="../pictures/files.jpg" class="pictures_files"
|
||||
alt="Me.md" width="80px" height="65px">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Plus.html.html" class="pictures_files" title="Plus.html">
|
||||
<img src="../pictures/files.jpg" class="pictures_files"
|
||||
alt="Plus.html" width="80px" height="65px">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="repertory" id="Readme">
|
||||
<a href="../index.html"> Readme </a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="www.chess.com/" >
|
||||
<img src="../pictures/pion.jpg" id="pion_container"
|
||||
target="_blank" alt="Plus.html" width="50px" height="72px">
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
<body>
|
||||
<div class="readme container">
|
||||
<h1> <strong> # </strong> Bienvenue sur Mon Portfolio ! </h1>
|
||||
<p>
|
||||
Je suis <strong> ** </strong> Thibaud La Riviere <strong> ** </strong>,
|
||||
un étudiant en première année d'informatique passionné par le monde du développement et de la cuisine.
|
||||
Ce portfolio est une vitrine de mes compétences et de mes projets.
|
||||
N'hésitez pas à explorer et me contacter
|
||||
si vous avez des questions ou des opportunités de collaboration !
|
||||
</p>
|
||||
<h2> <strong> ## </strong> A propos de moi </h2>
|
||||
<p>
|
||||
Étant doté d'un fort intérêt pour les technologies informatiques,
|
||||
je suis à la recherche d'une formation qui me permettra
|
||||
de consolider mes connaissances et mes compétences dans ce domaine.
|
||||
Mon objectif est d'acquérir une solide formation pour être prêt à relever les défis de demain.
|
||||
</p>
|
||||
<h2> <strong> ## </strong> Projets </h2>
|
||||
<p> - [<em> <a href="ft_42.c.html">ft_42 </a></em>](<strong> ./Projects/ft_42.c </strong>) : </p>
|
||||
<p>
|
||||
Il s'agit d'un concours d'informatique permettant d'accéder à l'école 42.
|
||||
</p>
|
||||
<p> - [<em> <a href="Maquette.html.html">Maquette du Portfoliol </a>
|
||||
</em>](<strong> ./projects/ft_/.//maquette.jpg </strong>) : </p>
|
||||
<p>
|
||||
Il s'agit de la maquette du portfolio que vous êtes en train de lire.
|
||||
</p>
|
||||
<p> - Et pleins d'autres </p>
|
||||
<h2> <strong> ## </strong> Contact </h2>
|
||||
<p> Pour me contacter, vous pouvez m'envoyer un e-mail à </p>
|
||||
<p>
|
||||
[ <em> <a href="../index.html"> larivieregillet12@gmail.com </a>
|
||||
</em>] <br> (<mark> mailto:larivieregillet12@gmail.com </mark>)
|
||||
</p>
|
||||
</div>
|
||||
<div class="me container">
|
||||
<form action="traitement.php" method="post">
|
||||
<p>
|
||||
<label for="pseudo"> Pseudo </label>
|
||||
<input type="text" id="pseudo" name="pseudo" required/>
|
||||
</p>
|
||||
<p>
|
||||
<label for="com"> Moyen </label>
|
||||
<select id="com" name="com">
|
||||
<option value="a">Discord</option>
|
||||
<option value="b">Snap</option>
|
||||
<option value="c">Twitter</option>
|
||||
<option value="d">Mail</option>
|
||||
<option value="d">Autres</option>
|
||||
</select>
|
||||
</p>
|
||||
<p>
|
||||
<label for="lang"> Langues </label>
|
||||
<select id="lang" name="lang">
|
||||
<option value="z">Anglais</option>
|
||||
<option value="y">Allemand</option>
|
||||
<option value="x">Francais</option>
|
||||
<option value="w">Autres</option>
|
||||
</select>
|
||||
</p>
|
||||
<p>
|
||||
<label for="raison"> Raison </label>
|
||||
<textarea name="raison" id="raison" rows="5" cols="30"></textarea>
|
||||
</p>
|
||||
<table>
|
||||
<tr>
|
||||
<td colspan="6">tu joue les 0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" rowspan="2"> X </td>
|
||||
<td colspan="2" rowspan="2"> _ </td>
|
||||
<td colspan="2" rowspan="2"> _ </td>
|
||||
</tr>
|
||||
<tr>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" rowspan="2"> _ </td>
|
||||
<td colspan="2" rowspan="2"> 0 </td>
|
||||
<td colspan="2" rowspan="2"> _ </td>
|
||||
</tr>
|
||||
<tr>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" rowspan="2"> _ </td>
|
||||
<td colspan="2" rowspan="2"> _ </td>
|
||||
<td colspan="2" rowspan="2"> X </td>
|
||||
</tr>
|
||||
</table>
|
||||
<p>
|
||||
<label for="coup"> Ton prochain coup : </label>
|
||||
<select id="coup" name="coup">
|
||||
<option value="a">1.b</option>
|
||||
<option value="b">1.c</option>
|
||||
<option value="c">2.a</option>
|
||||
<option value="d">2.c</option>
|
||||
<option value="e">3.a</option>
|
||||
<option value="f">3.b</option>
|
||||
</select>
|
||||
</p>
|
||||
<p>
|
||||
<input type="submit" />
|
||||
</p>
|
||||
<?php
|
||||
if(empty($_POST['pseudo']))
|
||||
{
|
||||
echo 'Le nom doit être renseigné !';
|
||||
}
|
||||
if(empty($_POST['raison']))
|
||||
{
|
||||
echo 'Pourquoi vous me contactez ?!';
|
||||
}
|
||||
if(($_POST['coup']) != '1.b' && ($_POST['coup']) != '2.a' && ($_POST['coup']) != '3.b' && ($_POST['coup']) != '2.c')
|
||||
{
|
||||
echo 'Attend, tu as reussi a perdre !';
|
||||
}
|
||||
else
|
||||
{
|
||||
echo 'Bonjour ' . $_POST['nom'] . ', hate de te recontrer';
|
||||
}
|
||||
?>
|
||||
</form>
|
||||
</div>
|
||||
<a href="www.chess.com" class="pictures" target="_blank" title="Rencontrons nous autrement :">
|
||||
<img src="../pictures/chessboard.jpg" class="pictures" alt="chessboard" width="auto" height="auto">
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,32 @@
|
||||
body {
|
||||
padding-left: 11em;
|
||||
font-family: Georgia, 'Georgia', "Times New Roman",
|
||||
Times, serif;
|
||||
color: darksalmon;
|
||||
background-color: rgb(39, 39, 84) }
|
||||
ul.navbar {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 2em;
|
||||
left: 1em;
|
||||
width: 9em }
|
||||
h1 {
|
||||
font-family: Helvetica, Geneva, Arial,
|
||||
SunSans-Regular, sans-serif }
|
||||
ul.navbar li {
|
||||
background: white;
|
||||
margin: 0.5em 0;
|
||||
padding: 0.3em;
|
||||
border-right: 1em solid darksalmon }
|
||||
ul.navbar a {
|
||||
text-decoration: none }
|
||||
a:link {
|
||||
color: blue }
|
||||
a:visited {
|
||||
color: darkblue }
|
||||
address {
|
||||
margin-top: 1em;
|
||||
padding-top: 1em;
|
||||
border-top: thin dotted }
|
After Width: | Height: | Size: 4.2 MiB |
After Width: | Height: | Size: 2.0 MiB |
After Width: | Height: | Size: 1.3 MiB |
After Width: | Height: | Size: 262 KiB |
After Width: | Height: | Size: 671 KiB |
After Width: | Height: | Size: 763 KiB |
Binary file not shown.
Loading…
Reference in new issue