diff --git a/assets/css/page/coms.css b/assets/css/page/coms.css index 367ff9a..2c16906 100644 --- a/assets/css/page/coms.css +++ b/assets/css/page/coms.css @@ -31,10 +31,10 @@ section { display: block; width: 80%; padding: 0; - margin: auto; - margin-top: 20px; + margin: 20px auto auto; align-items: center; border: 5px solid white; + background: rgba(0,0,0,0.5); } section ul { diff --git a/assets/css/page/info.css b/assets/css/page/info.css index 598b81d..0ecab9a 100644 --- a/assets/css/page/info.css +++ b/assets/css/page/info.css @@ -10,6 +10,7 @@ section { margin: 20px auto auto; align-items: center; border: 5px solid white; + background: rgba(0,0,0,0.5); } section p { @@ -23,6 +24,7 @@ section h1 { margin: 0; padding: 10px 0 10px 0; + } section .title_contact { diff --git a/assets/css/template.css b/assets/css/template.css index b01bf43..5791fc1 100644 --- a/assets/css/template.css +++ b/assets/css/template.css @@ -14,7 +14,7 @@ html { body { font-family: 'Mario Extended', sans-serif; - background-color: #33A8FF; + font-size: 1rem; padding: 0; margin: 0; @@ -23,6 +23,23 @@ body { flex-direction: column; justify-content: space-between; min-height: 100vh; + + background-attachment: fixed; + background-color: #bdc7f3; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%235289ea' fill-opacity='0.2' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E"); +} + +body::before { + content: ""; + position: fixed; + z-index: -2; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + clip-path: polygon(0 0, 55% 0, 45% 100%, 0 100%); + background-color: #f0ccf0; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23d273a2' fill-opacity='0.2' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E"); } main { @@ -160,6 +177,7 @@ a.linkmail:hover { .complete-wrapper { flex: 1 0 auto; + padding-bottom: 60px; } footer { @@ -170,7 +188,6 @@ footer { border-radius: 20px 20px 0 0; -webkit-box-shadow: 0 0 8px -1px rgba(8, 10, 13, 0.64); box-shadow: 0 0 8px -1px rgba(8, 10, 13, 0.64); - margin-top: 60px; width: 100%; padding: 50px; font-size: 1rem; diff --git a/structure/template.php b/structure/template.php index b081956..ad7ea79 100644 --- a/structure/template.php +++ b/structure/template.php @@ -49,6 +49,7 @@ $pagename = $infopage[4]; // nom de la page exact servant à appeler le css +
diff --git a/team.php b/team.php index c8f1a54..2b29b67 100644 --- a/team.php +++ b/team.php @@ -13,6 +13,13 @@ if(isset($_GET['team'])) + + +
@@ -30,6 +37,13 @@ if($team === "boomario") { + + +