diff --git a/css/menu.css b/css/menu.css index 3b785b0..eab2354 100644 --- a/css/menu.css +++ b/css/menu.css @@ -1,4 +1,4 @@ -#menu{ +#menu { position: fixed; top: 0; left: 0; @@ -11,7 +11,7 @@ z-index: 10; } -.liens_dans_le_menu{ +.liens_dans_le_menu { height: 100%; width: 100%; display: flex; @@ -19,21 +19,45 @@ justify-content: center; text-decoration: none; color: white; + background-color: darkslategray; } -.liens_dans_le_menu:hover{ +.liens_dans_le_menu:hover { color: black; background-color: grey; } -#reseaux_fixe{ +.dropdown { + position: relative; + display: flex; + align-items: center; + height: 100%; + width: 100%; +} + +.dropdown-content { + display: none; + position: absolute; + top: 7vh; + left: 0; + background-color: darkslategrey; + width: 100%; + height: 6vh; + z-index: 10; +} + +.dropdown:hover .dropdown-content { + display: block; +} + +#reseaux_fixe { position: fixed; top: 10vh; right: 0.01vw; z-index: 10; } -.logos_réseaux_sociaux_dans_menu{ +.logos_réseaux_sociaux_dans_menu { height: 7vh; margin-bottom: 3vh; -} +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index dbca010..d0faabe 100644 --- a/css/style.css +++ b/css/style.css @@ -65,15 +65,23 @@ #id_1_2{ display:flex; flex-direction: column; - align-items: flex-start; + align-items: center; +} + +#passionstitle{ + color: white; + margin-top: 20vh; + font-size: 10vh; } .conteneur_des_images_de_fond_pour_galeries_et_liens{ - width: 100%; /* Chaque div prend tt la largeur de l'écra */ - height: 90vh; /* Chaque div prend tt la hauteur de l'écran */ + width: 60vw; /* Chaque div prend tt la largeur de l'écra */ + height: 60vh; /* Chaque div prend tt la hauteur de l'écran */ display:flex; align-items:center; text-align: center; + padding-top: 5%; + padding-bottom: 5%; } .liens_sur_images_de_fond_pour_galeries{ @@ -86,28 +94,12 @@ z-index: 1; } -.images_de_fond_pour_galeries:hover{ - filter: blur(2px); - -} - -.images_de_fond_pour_galeries{ - height: 100%; - width: 100%; - align-self: flex-start; - justify-self: center; - object-fit: cover; - z-index: -1; - transition: filter 0.5s ease 0.1s; +.images_de_fond_pour_galeries { + border-radius: 50px; } -#id_1_2_4_2{ - position: absolute; - align-self: flex-end; - height: 50%; - width: 100vw; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0,0,0,1)); - z-index:1; +.images_de_fond_pour_galeries:hover { + filter: blur(2px); } #id_1_6{ @@ -134,7 +126,7 @@ height: 100%; padding-right: 2vw; padding-left: 2vw; - border-radius: 20%; + border-radius: 150px; } diff --git a/css/style_adsbcam.css b/css/style_adsbcam.css new file mode 100644 index 0000000..5e0871a --- /dev/null +++ b/css/style_adsbcam.css @@ -0,0 +1,111 @@ +body { + background-color: black; + color: white; + font-family: "Syncopate", sans-serif; + display: flex; + justify-content: flex-start; + align-items: center; + flex-direction: column; + height: 100vh; + margin-top: 5vh; + padding: 10vh; + padding-top: 10vh; +} + +header{ + display: flex; +} + + +#title{ + align-self: flex-start; +} + +#text{ + width: 70vw; + align-self: flex-start; + margin-top: 5vh; + font-size: 125%; +} + +#intro{ + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + width : 100%; +} + +#divlogo{ + display: flex; + flex-direction: column; + width: 100%; + align-items: center; + +} + +#technos{ + display: flex; + flex-direction : column; + align-items: center; + width: 15vw; + height:32vw; + margin-top: 5vh; + padding-top: 1vh; + padding-bottom: 5vh; + background-color: grey; + border-radius: 60px; + border-color: darkgrey; + border-width: 2px; +} + +#technostitle{ + margin-right: 2vw; + margin-left: 2vw; + font-size: 1.5vw; +} + +.imgtechnos{ + height: 100%; + width: 80%; + margin-top: 5vh; +} + +#logo{ + margin-top: 6vh; + align-self: flex-end; + border-top-left-radius: 50px; + border-bottom-left-radius: 50px; + width: 70vw; +} + +.img{ + height:40vh; + border-radius: 100px; + margin-top: 14vh; +} + +#antenneimg{ + height: 60vh; +} + +.divproj{ + display: flex; + flex-direction: row; + margin-top: 10vh; + width: 100%; +} + +.paraproj{ + width: 50vw; + margin-top: 10vw; + font-size: 150%; +} + +#antennepara{ + margin-left: 2vw; +} + +#campara{ + margin-left: 2vw; +} \ No newline at end of file diff --git a/css/style_competences.css b/css/style_competences.css new file mode 100644 index 0000000..5685a4a --- /dev/null +++ b/css/style_competences.css @@ -0,0 +1,68 @@ +body { + background-color: black; + color: white; + font-family: "Syncopate", sans-serif; + display: flex; + justify-content: flex-start; + align-items: center; + flex-direction: column; + height: 100vh; + margin-top: 5vh; + padding-top: 10vh; +} + +header{ + display: flex; +} + +#competences { + border-radius: 50px; + border-width: 5px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + height: 50vh; + margin-top: 5vh; +} + +.competence { + background-color: grey; + width: 19vw; + height: 24vh; + margin-right: 4vw; + margin-left: 4vw; + margin-top: 4vh; + margin-bottom: 4vh; + display: flex; + align-items: center; + border-radius: 150px; + justify-content: center; +} + +.competence:hover { + background-color: grey; + width: 30vw; + height: 20vh; + margin: 2vw; + display: flex; + align-items: center; + border-radius: 100px; +} + +.competence:hover .paracomp { + display: block; +} +.competence:hover .comptitle { + height: 60%; +} + +.paracomp { + display: none; +} + +.comptitle { + margin: 20px; + height: 80%; + width: auto; +} diff --git a/css/style_sae201.css b/css/style_sae201.css new file mode 100644 index 0000000..c7a7969 --- /dev/null +++ b/css/style_sae201.css @@ -0,0 +1,84 @@ +body { + background-color: black; + color: white; + font-family: "Syncopate", sans-serif; + display: flex; + justify-content: flex-start; + align-items: center; + flex-direction: column; + height: 100vh; + margin-top: 5vh; + padding: 10vh; + padding-top: 10vh; +} + +header{ + display: flex; +} + +#text{ + width: 70vw; + align-self: flex-start; + margin-top: 5vh; + font-size: 125%; +} + +#intro{ + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + width : 100%; +} + +#logoetlien{ + display: flex; + flex-direction: column; + width: 100%; + align-items: center; + +} + +#technos{ + display: flex; + flex-direction : column; + align-items: center; + width: 15vw; + margin-top: 5vh; + padding-top: 1vh; + padding-bottom: 5vh; + background-color: grey; + border-radius: 60px; + border-color: darkgrey; + border-width: 2px; +} + +#technostitle{ + margin-right: 2vw; + margin-left: 2vw; + font-size: 1.5vw; +} + +.imgtechnos{ + height: 200%; + width: 50%; +} + +#liengit{ + width: 40vw; + height: 10vh; + display: flex; + align-items: center; + justify-content: center; + background-color: orangered; + color: black; + font-size: 200%; + text-decoration: none; + border-radius: 60px; + margin-top: 5vh; +} + +#logo{ + height:50%; + width: auto; +} diff --git a/html/Adsbcam b/html/Adsbcam new file mode 100644 index 0000000..a98dc5c --- /dev/null +++ b/html/Adsbcam @@ -0,0 +1,73 @@ + + + + + + Etudes + + + + + + + + +
+ +
+ + +
+
+ +

ADS-B Cam : Caméra de suivi d'avions

+ J'ai réalisé ce projet avec l'aide d'un ami. Le but était de réaliser un setup qui permettrai de faire suivre un avion par une caméra motorisée +
+ +
+

Technos
utilisées

+ + + +
+
+ +
+ Pour la plupart, es avions envoient en continu un signal de transpondeur sous la forme d'ADS-B (Automatic Dependant Surveillance Broadcast) qui communique nottament leurs coordonnées et leur altitude. + +
+ +
+ + Ces messages sont emis sur la fréquence 1090MHz, pour les capter nous avons donc construit une antenne à base de cable coaxial de telle sorte qu'elle n'écoute que cette fréquence. +
+ +
+ L'antenne est ensuite reliée à un ordinateur via un dongle qui traite ces données pour que nous puissions les exploiter. En guise d'ordinateur, nous utilisons ici un nanopi r2s qui execute en continu un algorithme en GoLang dont le but est d'effectuer des calculs mathématiques qui permettront d'orienter la caméra correctement, ainsi que de lui envoyer ces infos + +
+ +
+ + Enfin nous avons la caméra IP. Motorisée, elle est controlable manuellement via un navigateur Web, mais également via des requêtes API, nous utilisaons cela pour l'orienter depuis le programme. +
+ + + + + \ No newline at end of file diff --git a/html/Automobile b/html/Automobile index ceebf85..39a4e4c 100644 --- a/html/Automobile +++ b/html/Automobile @@ -13,14 +13,19 @@
+ Page principale +
+ Projets +
+ ADS-B Cam + SAE 2.01 +
+
+ Compétences + Passions + Vie privée + Vie étudiante +
diff --git a/html/Avion b/html/Avion index e7ac7d9..7dce783 100644 --- a/html/Avion +++ b/html/Avion @@ -14,10 +14,15 @@
diff --git a/html/Competences b/html/Competences new file mode 100644 index 0000000..59bb324 --- /dev/null +++ b/html/Competences @@ -0,0 +1,66 @@ + + + + + + Etudes + + + + + + + + +
+ +
+ + +
+
+ +

Compétences

+
+
+ + Le C++ est le premier langage objet que j'ai découvert, je l'apprécie particulièrement et en aie une bonne maîtrise +
+
+ + J'ai appris le C# dans le cadre de mon projet de SAE 2.01 mais il me manque encore des notions à son sujet
+
+ + J'apprends toujours le GoLang à titre personnel pour des projets comme l'ADS-B Cam, mes compétences dessus sont encore limitées +
+
+ + J'ai découvert le SQL
avec PostgreSQL cette année et ai déjà réalisé deux projets l'utilisant, je maîtrise assez bien ce langage +
+
+ + J'ai appris le HTML il y a quelques annnées et j'ai
pu développer mes compétences récemment nottament grâce à ce portfolio +
+
+ + J'ai appris le CSS il y a quelques annnées et j'a
pu développer mes compétences récemment nottament grâce à ce portfolio +
+
+ + + + + \ No newline at end of file diff --git a/html/Etudes b/html/Etudes index 71ef425..259ed06 100644 --- a/html/Etudes +++ b/html/Etudes @@ -13,15 +13,20 @@
- +
diff --git a/html/Formulaire b/html/Formulaire index edd55b1..05f7d52 100644 --- a/html/Formulaire +++ b/html/Formulaire @@ -14,14 +14,19 @@
+ Page principale +
+ Projets +
+ ADS-B Cam + SAE 2.01 +
+
+ Compétences + Passions + Vie privée + Vie étudiante +
diff --git a/html/Menu b/html/Menu new file mode 100644 index 0000000..59274fd --- /dev/null +++ b/html/Menu @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/html/Perso b/html/Perso index 033ccf9..34af688 100644 --- a/html/Perso +++ b/html/Perso @@ -23,10 +23,15 @@
diff --git a/html/Sae201 b/html/Sae201 new file mode 100644 index 0000000..b065f8c --- /dev/null +++ b/html/Sae201 @@ -0,0 +1,54 @@ + + + + + + Etudes + + + + + + + + +
+ +
+ + +
+
+ +

SAE 2.01 : Programmation d'un jeu avec interface utilisateur

+ Contexte :

C'est le projet le plus long que j'ai réalisé jusque là, par équipe de 3 nous devions programmer un jeu appelé Onitama qui est un jeu de plateau japonais s'inspirant des échecs. Une interface graphique pour les utilisateurs était attendue également c'est un projet exploitant les compétences de développement d'applications simple et d'apréhension et construction d'algorithmes

Au sein de ce projet mes tâches principales étaient la conception et la programmation d'une partie ainsi que la création des pages de sélection des anciennes parties à continuer et l'historique des parties +
+ +
+

Technos
utilisées

+ + + +
+
+ + + + + \ No newline at end of file diff --git a/html/Ski b/html/Ski index f8fdd76..a97af62 100644 --- a/html/Ski +++ b/html/Ski @@ -15,10 +15,9 @@
diff --git a/html/main b/html/main index e1f7b01..0594918 100644 --- a/html/main +++ b/html/main @@ -6,7 +6,7 @@ - + MyLife @@ -21,21 +21,27 @@
Ma grosse tete la -

Je m'apelle Esteban Jacques,

étudiant en première année de BUT Formulaire

+

Je m'apelle Esteban Jacques,

étudiant en première année de BUT Informatique

Mur noir
Mur - + +
@@ -44,6 +50,8 @@
+

Mes passions

+
automobile_photo
@@ -55,11 +63,6 @@
avion_photo
- -
- Formulaire_photo -
-
diff --git a/images/adsb.HEIC b/images/adsb.HEIC new file mode 100644 index 0000000..d01101b Binary files /dev/null and b/images/adsb.HEIC differ diff --git a/images/antenne.HEIC b/images/antenne.HEIC new file mode 100644 index 0000000..d365890 Binary files /dev/null and b/images/antenne.HEIC differ diff --git a/images/boitier.HEIC b/images/boitier.HEIC new file mode 100644 index 0000000..8b50870 Binary files /dev/null and b/images/boitier.HEIC differ diff --git a/images/c.png b/images/c.png new file mode 100644 index 0000000..dc7dbd7 Binary files /dev/null and b/images/c.png differ diff --git a/images/cpp.png b/images/cpp.png new file mode 100644 index 0000000..d5abe4a Binary files /dev/null and b/images/cpp.png differ diff --git a/images/csharp.png b/images/csharp.png new file mode 100644 index 0000000..d0444f8 Binary files /dev/null and b/images/csharp.png differ diff --git a/images/css3.png b/images/css3.png new file mode 100644 index 0000000..25d6566 Binary files /dev/null and b/images/css3.png differ diff --git a/images/dotnet.png b/images/dotnet.png new file mode 100644 index 0000000..53c3da3 Binary files /dev/null and b/images/dotnet.png differ diff --git a/images/go.png b/images/go.png new file mode 100644 index 0000000..fcc24ed Binary files /dev/null and b/images/go.png differ diff --git a/images/hikvision.png b/images/hikvision.png new file mode 100644 index 0000000..20f1387 Binary files /dev/null and b/images/hikvision.png differ diff --git a/images/html5.png b/images/html5.png new file mode 100644 index 0000000..6ae7bba Binary files /dev/null and b/images/html5.png differ diff --git a/images/nanopi.png b/images/nanopi.png new file mode 100644 index 0000000..9bd0e52 Binary files /dev/null and b/images/nanopi.png differ diff --git a/images/onitama.webp b/images/onitama.webp new file mode 100644 index 0000000..a1ba022 Binary files /dev/null and b/images/onitama.webp differ diff --git a/images/psql.png b/images/psql.png new file mode 100644 index 0000000..3a9a0c9 Binary files /dev/null and b/images/psql.png differ diff --git a/images/ptz.jpg b/images/ptz.jpg new file mode 100644 index 0000000..3f4e3e2 Binary files /dev/null and b/images/ptz.jpg differ diff --git a/images/r2s.jpg b/images/r2s.jpg new file mode 100644 index 0000000..b0b8be6 Binary files /dev/null and b/images/r2s.jpg differ diff --git a/images/schema.png b/images/schema.png new file mode 100644 index 0000000..eb7fcfa Binary files /dev/null and b/images/schema.png differ diff --git a/images/xaml.webp b/images/xaml.webp new file mode 100644 index 0000000..7fd20a5 Binary files /dev/null and b/images/xaml.webp differ diff --git a/info.php b/info.php new file mode 100644 index 0000000..968c8df --- /dev/null +++ b/info.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/menu.php b/menu.php new file mode 100644 index 0000000..8090c0c --- /dev/null +++ b/menu.php @@ -0,0 +1,9 @@ + \ No newline at end of file