diff --git a/themes/wp-theme-sen2/index.php b/themes/wp-theme-sen2/index.php new file mode 100644 index 0000000..6255a73 --- /dev/null +++ b/themes/wp-theme-sen2/index.php @@ -0,0 +1,13 @@ + + +
+ +
+ + diff --git a/themes/wp-theme-sen2/style.css b/themes/wp-theme-sen2/style.css new file mode 100644 index 0000000..7803033 --- /dev/null +++ b/themes/wp-theme-sen2/style.css @@ -0,0 +1,224 @@ +/* +Theme Name: WP Theme SEN2 Minimalist +Theme URI: https://ton-site.com +Author: Nicolas Houzeau +Author URI: https://ton-site.com +Description: Thème minimaliste avec couleurs coquille d'œuf, police manuscrite et intégration Envira Gallery. +Version: 1.0.0 +License: GNU General Public License v2 or later +Text Domain: wp-theme-sen2 +*/ + +:root { + --egg-shell: #F5F1E8; + --brown-primary: #5E3023; + --brown-secondary: #8D6E63; + --dark-text: #3E2723; + --light-gray: #E0E0E0; +} + +body { + font-family: 'Montserrat', sans-serif; + background-color: var(--egg-shell); + color: var(--dark-text); + line-height: 1.6; + margin: 0; + padding: 0; +} + +/* Police manuscrite pour le titre */ +@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Montserrat:wght@300;400;600&display=swap'); + +.site-wrapper { + min-height: 100vh; + display: flex; + flex-direction: column; +} + +.site-container { + display: flex; + flex: 1; + min-height: calc(100vh - 120px); /* 60px menu + 60px footer */ +} + +.main-navigation { + background-color: var(--egg-shell); + padding: 15px 0; + border-bottom: 1px solid var(--light-gray); + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 100; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + justify-content: center; + gap: 30px; + flex-wrap: wrap; +} + +.main-navigation a { + color: var(--brown-primary); + text-decoration: none; + font-weight: 500; + font-size: 16px; + text-transform: uppercase; + letter-spacing: 0.5px; + transition: color 0.3s ease; +} + +.main-navigation a:hover { + color: var(--brown-secondary); +} + +.site-header { + padding: 80px 30px 30px; /* 80px pour éviter le chevauchement avec le menu */ + background-color: var(--egg-shell); +} + +.site-title { + font-family: 'Dancing Script', cursive; + font-size: 48px; + color: var(--brown-primary); + margin: 0; + line-height: 1.2; +} + +.site-slogan { + font-family: 'Montserrat', sans-serif; + font-size: 18px; + color: var(--brown-secondary); + font-style: italic; + margin-top: 10px; +} + +.sidebar { + width: 220px; + background-color: var(--egg-shell); + padding: 30px 20px; + position: fixed; + left: 0; + top: 60px; /* Hauteur du menu horizontal */ + bottom: 60px; /* Hauteur du footer */ + overflow-y: auto; + border-right: 1px solid var(--light-gray); + z-index: 10; +} + +.main-content { + margin-left: 220px; /* Largeur du sidebar */ + flex: 1; + padding: 30px; + background-color: var(--egg-shell); +} + +.sidebar-navigation ul { + list-style: none; + margin: 0; + padding: 0; +} + +.sidebar-navigation li { + margin-bottom: 15px; +} + +.sidebar-navigation a { + color: var(--dark-text); + text-decoration: none; + font-weight: 500; + font-size: 16px; + display: block; + padding: 5px 0; + border-bottom: 1px solid var(--light-gray); + transition: color 0.3s ease; +} + +.sidebar-navigation a:hover { + color: var(--brown-primary); +} + +/* Intégration Envira Gallery */ +.envira-gallery-wrap { + margin: 0; + padding: 0; + background-color: transparent; +} + +.envira-gallery-item { + border: 2px solid var(--egg-shell); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.envira-gallery-item:hover { + transform: scale(1.02); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +/* Footer */ +.site-footer { + background-color: var(--egg-shell); + padding: 20px 30px; + text-align: center; + border-top: 1px solid var(--light-gray); + margin-top: auto; + position: fixed; + bottom: 0; + left: 220px; /* Aligné avec le sidebar */ + right: 0; + z-index: 10; +} + +.social-icons { + margin-bottom: 10px; +} + +.instagram-icon { + color: var(--brown-primary); + font-size: 20px; + transition: color 0.3s ease; +} + +.instagram-icon:hover { + color: var(--brown-secondary); +} + +.copyright { + margin: 0; + font-size: 14px; + color: var(--dark-text); +} + +/* Responsive */ +@media (max-width: 768px) { + .site-container { + flex-direction: column; + } + + .sidebar { + position: relative; + width: 100%; + top: 60px; + border-right: none; + border-bottom: 1px solid var(--light-gray); + } + + .main-content { + margin-left: 0; + padding: 20px; + } + + .main-navigation ul { + flex-direction: column; + gap: 15px; + text-align: center; + } + + .site-footer { + left: 0; + } +} \ No newline at end of file