{"id":73,"date":"2026-02-06T23:53:48","date_gmt":"2026-02-06T22:53:48","guid":{"rendered":"https:\/\/fankepa.com\/?page_id=73"},"modified":"2026-03-13T15:17:35","modified_gmt":"2026-03-13T14:17:35","slug":"mes-projet","status":"publish","type":"page","link":"https:\/\/fankepa.com\/?page_id=73","title":{"rendered":"Mes Projets"},"content":{"rendered":"\n<!-- Titre moderne optimis\u00e9 -->\n<div style=\"text-align: center; margin: 60px 0 50px 0; padding: 40px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 20px; box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);\">\n  <h1 style=\"font-size: 46px; font-weight: 800; color: white; margin-bottom: 20px; text-shadow: 0 2px 10px rgba(0,0,0,0.1);\">\n    Mes Projets\n  <\/h1>\n  <div style=\"display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; max-width: 700px; margin: 0 auto 25px auto;\">\n    <span style=\"background: rgba(255,255,255,0.95); color: #667eea; padding: 8px 18px; border-radius: 25px; font-size: 14px; font-weight: 600; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\ud83d\udcbb D\u00e9veloppement Logiciel<\/span>\n    <span style=\"background: rgba(255,255,255,0.95); color: #be185d; padding: 8px 18px; border-radius: 25px; font-size: 14px; font-weight: 600; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\u26a1 IoT<\/span>\n    <span style=\"background: rgba(255,255,255,0.95); color: #16a34a; padding: 8px 18px; border-radius: 25px; font-size: 14px; font-weight: 600; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\ud83c\udfe0 Domotique<\/span>\n    <span style=\"background: rgba(255,255,255,0.95); color: #c2410c; padding: 8px 18px; border-radius: 25px; font-size: 14px; font-weight: 600; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\ud83e\udd16 Automation<\/span>\n  <\/div>\n  <p style=\"font-size: 17px; color: rgba(255,255,255,0.95); max-width: 600px; margin: 0 auto; line-height: 1.7; text-shadow: 0 1px 3px rgba(0,0,0,0.1);\">\n    \ud83d\udca1 Chaque projet raconte une histoire d&rsquo;innovation. D\u00e9couvrez mes r\u00e9alisations au croisement de la technologie et de l&rsquo;innovation.\n  <\/p>\n<\/div>\n\n<!-- Grille automatique (REMPLACEZ par VOTRE shortcode) -->\n<div class=\"projets-grid-manuelle\">\n  \n<\/div>\n\n<!-- Section CTA -->\n<div style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 50px 30px; border-radius: 20px; text-align: center; color: white; margin: 60px 0;\">\n    <h2 style=\"font-size: 32px; margin-bottom: 15px; color: white;\">\ud83d\ude80 Tous mes projets sont open-source !<\/h2>\n    <p style=\"font-size: 18px; margin-bottom: 30px; opacity: 0.9;\">\n        Le code source et la documentation sont disponibles gratuitement sur GitHub.\n    <\/p>\n    <div style=\"display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;\">\n        <a href=\"https:\/\/github.com\/FILSTOGNO\" target=\"_blank\" style=\"background: white; color: #667eea; padding: 15px 30px; border-radius: 10px; text-decoration: none; font-weight: bold;\">\n            \ud83d\udce6 GitHub\n        <\/a>\n        <a href=\"https:\/\/www.youtube.com\/@ANGELBERTFANKEP\" target=\"_blank\" style=\"background: #ff0000; color: white; padding: 15px 30px; border-radius: 10px; text-decoration: none; font-weight: bold;\">\n            \ud83c\udfa5 YouTube\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- CSS pour la grille -->\n<style>\n.projets-grid-manuelle {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n  margin: 40px 0;\n}\n\n.projet-card {\n  background: white;\n  border-radius: 15px;\n  overflow: hidden;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n  transition: transform 0.3s, box-shadow 0.3s;\n  display: flex;\n  flex-direction: column;\n  height: 550px;\n}\n\n.projet-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 30px rgba(0,0,0,0.15);\n}\n\n.projet-image {\n  display: block;\n  height: 250px;\n  overflow: hidden;\n}\n\n.projet-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.3s;\n}\n\n.projet-card:hover .projet-image img {\n  transform: scale(1.05);\n}\n\n.projet-content {\n  padding: 25px;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.projet-tags {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 15px;\n}\n\n.projet-tags span {\n  padding: 5px 12px;\n  border-radius: 15px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.projet-content h3 {\n  margin: 0 0 10px 0;\n  font-size: 20px;\n  line-height: 1.3;\n}\n\n.projet-content h3 a {\n  color: #333;\n  text-decoration: none;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.projet-content h3 a:hover {\n  color: #667eea;\n}\n\n.projet-date {\n  font-size: 13px;\n  color: #999;\n  margin-bottom: 15px;\n}\n\n.projet-content p {\n  color: #666;\n  font-size: 14px;\n  line-height: 1.6;\n  flex-grow: 1;\n  margin: 0 0 20px 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 4;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.projet-btn {\n  display: block;\n  background: #667eea;\n  color: white;\n  padding: 12px 20px;\n  border-radius: 8px;\n  text-decoration: none;\n  text-align: center;\n  font-weight: 600;\n  font-size: 14px;\n  transition: background 0.3s;\n}\n\n.projet-btn:hover {\n  background: #5568d3;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  .projets-grid-manuelle {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 768px) {\n  .projets-grid-manuelle {\n    grid-template-columns: 1fr;\n  }\n  \n  .projet-card {\n    height: auto;\n    min-height: 500px;\n  }\n  \n  .projet-image {\n    height: 200px;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Mes Projets \ud83d\udcbb D\u00e9veloppement Logiciel \u26a1 IoT \ud83c\udfe0 Domotique \ud83e\udd16 Automation \ud83d\udca1 Chaque projet raconte une histoire d&rsquo;innovation. D\u00e9couvrez mes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-73","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fankepa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=73"}],"version-history":[{"count":70,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/fankepa.com\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions\/298"}],"wp:attachment":[{"href":"https:\/\/fankepa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}