Add files via upload

math-pixel · Nov 21, 2021 · f225dea · f225dea
1 parent b48b3d7
commit f225dea
Show file tree

Hide file tree

Showing 3 changed files with 81 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -135,15 +135,16 @@ <h3>c# / c++</h3>
                 </div>
 
 
-                <div class="prog">
-                	<div class="container-button">                	
-                		<div class="btn"><a href="program_page.html">Mes programmes</a></div>
-                	</div>
-                </div>
+
 
                 <div class="port_perso" id="projets_perso">
                     <h1>Projets Personnel</h1>
                 </div>
+                <div class="prog">
+                	<div class="container-button">                	
+                		<div class="btn"><a href="program_page.html">Mes programmes</a></div>
+                	</div>
+                </div><br>
                 <div>
                      <!-- Slideshow container -->
                     <div class="slideshow-container">

diff --git a/program_page.css b/program_page.css
@@ -4,7 +4,8 @@
 }
 
 body{
-	background-color: #282828;
+	/*background-color: #282828;*/
+	background-image: url("./image/wp.png");
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-attachment: fixed;
@@ -20,22 +21,54 @@ body{
 }
 
 iframe{
-	box-shadow: 0px 0px 10px #b14eed;
+	/*box-shadow: 0px 0px 10px #b14eed;*/
 	z-index: 0;
-	width: 60%;
+	width: 90%;
 	height: 60%;
 }
+img{
+	/*box-shadow: 0px 0px 10px #b14eed;*/
+	z-index: 0;
+	width: 90%;
+	height: 60%;
+}
+img:hover{
+	transform: scale(1.5);
+	transition: .3s ease;
+	transition: .3s ease-in;
+
+}
+h2{
+
+	background: linear-gradient(320deg,#f27121,#e94057,#8a2387);
+}
 h3{
 	margin: 5% auto;
 	max-width: 50%;
+	text-shadow: 2px 2px 4px black;
 }
 
-.ecart{
+.page{
 	margin: auto;
-	background-color: #b14eed; /* #ed4eda #ed4e8a #ed614e #edb14e #daed4e*/
+	background: rgba(255, 255, 255, 0.19);
+	border-radius: 16px;
+	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+	backdrop-filter: blur(8.1px);
+	-webkit-backdrop-filter: blur(8.1px);
+	border: 1px solid rgba(255, 255, 255, 0.5);
+	width: 50%;
+
+}
+
+.aecart{
+	/*margin: auto;
+	background-color: #b14eed;  /*#ed4eda #ed4e8a #ed614e #edb14e #daed4e
+	*/
 	height: 10px;
 	width: 50%;
-	border-radius: 30%;
+	border-radius: 10%;
+	margin: auto;
+	border-top: 2px solid #FFF; 
 }
 
 .description{

diff --git a/program_page.html b/program_page.html
@@ -38,6 +38,42 @@ <h3>Le programme Bot_Paint.net et un programme servant a retirer les arrieres pl
 				</div>
 				<div class="ecart"></div>
 			</div>
+			<div class="content">
+				<div class="name">
+					<h2>Tableau_Overlay</h2>
+				</div><br>
+				<div class="image">
+					<iframe src="https://player.vimeo.com/video/646982103" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
+					</div>
+				<div class="description">
+					<h3>Le programme Tableau_Overlay et un programme qui est nee grace a ma prof de math durant la pendemie... Travaillant sur la trigonometrie a ce moment la elle avait besoin d' un outil pour anoter son ecran</h3>	
+				</div>
+				<div class="ecart"></div>
+			</div>
+			<div class="content">
+				<div class="name">
+					<h2>Jeu_multi_joueur</h2>
+				</div><br>
+				<div class="image">
+					<img src="./image/JEUX_MULTI.PNG">
+					</div>
+				<div class="description">
+					<h3>Le jeu presenter est un FPS multijoueur local avec des fonctionnalites de bases comme sauter,tirer,courir ... Ici la difficulter ce faisait ressentir dans la mise en reseau des components</h3>	
+				</div>
+				<div class="ecart"></div>
+			</div>
+			<div class="content">
+				<div class="name">
+					<h2>Smart_Reveil</h2>
+				</div><br>
+				<div class="image">
+					<iframe src="https://math-pixel.github.io/smartreveil/" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
+					</div>
+				<div class="description">
+					<h3>Ceci est un site internet que jai creer pour fabriquer mon "IOT" de reveil programmable il sera capable de communiquer avec un raspberry pi pour la gestion des appareils connecter de ma maison</h3>	
+				</div>
+				<div class="ecart"></div>
+			</div>
 		</div>
 	</body>
 </html>