diff --git a/assets/css/menu.css b/assets/css/menu.css
index 071eecd..1a331c2 100644
--- a/assets/css/menu.css
+++ b/assets/css/menu.css
@@ -85,6 +85,7 @@
width: 50%;
display: block;
opacity: 0;
+ cursor: pointer;
transform: translateY(10%);
transition: transform 0.2s ease-out, opacity 0.2s linear 0.05s;
}
@@ -108,10 +109,14 @@ span.close-mobile-menu {
font-size: 80px;
display: block;
position: absolute;
+ -webkit-user-select: none; /* Safari */
+ -moz-user-select: none; /* Firefox */
+ -ms-user-select: none; /* IE10+/Edge */
+ user-select: none; /* Standard */
+ cursor: pointer;
bottom: 0;
right: 20px;
- cursor: pointer;
- transition: color 0.5s;
+ transition: color 0.5s;
}
span.close-mobile-menu:hover {
diff --git a/assets/css/queries.css b/assets/css/queries.css
index 61ad61b..e2594a4 100644
--- a/assets/css/queries.css
+++ b/assets/css/queries.css
@@ -18,7 +18,7 @@
width: 95%;
}
- footer {
+ .footer-text-area {
width: unset;
}
diff --git a/assets/css/template.css b/assets/css/template.css
index 54609a3..b01bf43 100644
--- a/assets/css/template.css
+++ b/assets/css/template.css
@@ -18,6 +18,11 @@ body {
font-size: 1rem;
padding: 0; margin: 0;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ min-height: 100vh;
}
main {
@@ -153,19 +158,33 @@ a.linkmail:hover {
margin: 0;
}
+.complete-wrapper {
+ flex: 1 0 auto;
+}
+
footer {
display: block;
- background-color: rgba(255,255,255,0.3);
- width: 80%;
- max-width: 800px;
- margin-top: 30px;
- margin-left: auto;
- margin-right: auto;
+ flex-shrink: 0;
+ background-color: #f2d97f;
+ background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e4cb6e' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
+ 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;
color: black;
}
+.footer-text-area {
+ width: 80%;
+ max-width: 800px;
+ margin-top: 2vh;
+ margin-left: auto;
+ margin-right: auto;
+}
+
/* general purpose css */
diff --git a/chansons.php b/chansons.php
index 1069958..380e2b2 100644
--- a/chansons.php
+++ b/chansons.php
@@ -38,6 +38,8 @@ function music($name, $link) {
+
+
diff --git a/structure/template.php b/structure/template.php
index df28b90..b081956 100644
--- a/structure/template.php
+++ b/structure/template.php
@@ -48,23 +48,31 @@ $pagename = $infopage[4]; // nom de la page exact servant à appeler le css
-
-
-
-
-