diff --git a/Ernestophone/urls.py b/Ernestophone/urls.py
index 24451cc..a04aa58 100644
--- a/Ernestophone/urls.py
+++ b/Ernestophone/urls.py
@@ -29,6 +29,9 @@ urlpatterns += i18n_patterns(
path("change", gestion_views.ChangeMembre.as_view(), name="change_membre"),
path("password", gestion_views.ChangePassword.as_view(), name="change_password"),
path("thanks", gestion_views.Thanks.as_view(), name="thanks"),
+ path("social", gestion_views.Social.as_view(), name="social"),
+ path("chef", gestion_views.Chef.as_view(), name="chef"),
+ path("profil", gestion_views.Profil.as_view(), name="profile"),
path("changename", gestion_views.ChangeName.as_view(), name="change-doodle-name"),
path("logout", auth_views.LogoutView.as_view(next_page="home"), name="logout"),
path("login", gestion_views.MyLoginView.as_view(), name="login"),
diff --git a/gestion/static/css/main.css b/gestion/static/css/main.css
index b905699..9508abe 100644
--- a/gestion/static/css/main.css
+++ b/gestion/static/css/main.css
@@ -10,6 +10,10 @@
*/
/* Instagram feed*/
+
+
+
+
#app{
display: grid;
grid-gap: var(--spacing);
@@ -1584,9 +1588,7 @@
width: device-width;
}
- body {
- -ms-overflow-style: scrollbar;
- }
+
@media screen and (max-width: 480px) {
@@ -1600,16 +1602,7 @@
background: #e4522f;
}
- body.is-loading *, body.is-loading *:before, body.is-loading *:after {
- -moz-animation: none !important;
- -webkit-animation: none !important;
- -ms-animation: none !important;
- animation: none !important;
- -moz-transition: none !important;
- -webkit-transition: none !important;
- -ms-transition: none !important;
- transition: none !important;
- }
+
/* Type */
@@ -2310,7 +2303,7 @@ div.spoiler
display: block;
float: left;
margin-right: -2em;
- opacity: 0;
+ height: 1em;
width: 1em;
z-index: -1;
}
@@ -2730,31 +2723,7 @@ div.spoiler
text-align: center;
}
- header p {
- position: relative;
- margin: 0 0 1.5em 0;
- }
- header h2 + p {
- font-size: 1.25em;
- margin-top: -1em;
- }
-
- header h3 + p {
- font-size: 1.1em;
- margin-top: -0.8em;
- }
-
- header h4 + p,
- header h5 + p,
- header h6 + p {
- font-size: 0.9em;
- margin-top: -0.6em;
- }
-
- header p {
- color: #676d71;
- }
/* Tab */
@@ -2914,17 +2883,8 @@ div.spoiler
z-index: 99;
}
- .wrapper header {
- margin-bottom: 4em;
- }
- @media screen and (max-width: 736px) {
- .wrapper header {
- margin-bottom: 2em;
- }
-
- }
.wrapper.style1 {
background-color: #e39576;
@@ -3130,9 +3090,7 @@ div.spoiler
border-top-color: rgba(255, 255, 255, 0.15);
}
- .wrapper.style1 header p {
- color: #ffffff;
- }
+
.wrapper.style1 table tbody tr {
border-color: rgba(255, 255, 255, 0.15);
@@ -3353,9 +3311,7 @@ div.spoiler
border-top-color: rgba(255, 255, 255, 0.15);
}
- .wrapper.style2 header p {
- color: #9ba2a8;
- }
+
.wrapper.style2 table tbody tr {
border-color: rgba(255, 255, 255, 0.15);
@@ -3489,281 +3445,7 @@ div.spoiler
display: none;
}
-/* Header */
- body.subpage {
- padding-top: 3.125em;
- }
-
- #header {
- background: #e4522f;
- color: #e4522f;
- cursor: default;
- height: 3.25em;
- left: 0;
- line-height: 3.25em;
- position: fixed;
- text-align: right;
- top: 0;
- width: 100%;
- z-index: 10001;
- }
-
- #header > h1 {
- color:#000000;
- display: inline-block;
- height: inherit;
- left: 1.25em;
- line-height: inherit;
- margin: 0;
- padding: 0;
- position: absolute;
- top: 0;
- }
-
- #header > h1 a {
- font-size: 1.25em;
- }
-
- #header > h1 a:hover {
- color: #ffffff;
- }
-
- #header > h1 span {
- font-weight: 300;
- font-size: .8em;
- }
-
- #header > a {
-
- -moz-transition: color 0.2s ease-in-out;
- -webkit-transition: color 0.2s ease-in-out;
- -ms-transition: color 0.2s ease-in-out;
- transition: color 0.2s ease-in-out;
- display: inline-block;
- padding: 0 0.75em;
- color: #ffffff;
- text-decoration: none;
- }
-
- #header > a:hover {
- color: #e4522f;
- }
-
- #header > a[href="#menu"]:hover {
- color: #000000;
- }
-
- #header > a[href="#menu"] {
- text-decoration: none;
- font-size: larger;
- -webkit-tap-highlight-color: transparent;
- }
-
- #header > a[href="#menu"]:before {
- content: "";
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
-
- #header > a[href="#menu"]:before {
- margin: 0 0.5em 0 0;
- }
-
- #header > a + a[href="#menu"]:last-child {
- border-left: solid 1px rgba(228, 82, 47, 0.15);
- padding-left: 1.25em;
- margin-left: 0.5em;
- }
-
- #header > a:last-child {
- padding-right: 1.25em;
- }
-
- #logo
- {
- position: absolute;
- left:0;
- top:0;
- }
-
- @media screen and (max-width: 736px) {
-
- #header > a {
- padding: 0 0.5em;
- }
-
- #header > a + a[href="#menu"]:last-child {
- padding-left: 1em;
- margin-left: 0.25em;
- }
-
- #header > a:last-child {
- padding-right: 1em;
- }
-
- }
-
- @media screen and (max-width: 980px) {
-
- body {
- padding-top: 44px;
- }
-
- #header {
- height: 44px;
- line-height: 44px;
- }
-
- #header > h1 {
- left: 1em;
- }
-
- #header > h1 a {
- font-size: 1em;
- }
-
- }
-
- @media screen and (max-width: 480px) {
-
- #header {
- min-width: 320px;
- }
-
- }
-
-/* Menu */
-
- #menu {
- -moz-transform: translateX(20em);
- -webkit-transform: translateX(20em);
- -ms-transform: translateX(20em);
- transform: translateX(20em);
- -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
- -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
- -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
- transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
- -webkit-overflow-scrolling: touch;
- background: #e4522f;
- box-shadow: none;
- color: #ffffff;
- height: 100%;
- max-width: 80%;
- overflow-y: auto;
- padding: 3em 2em;
- position: fixed;
- font-size: larger;
- right: 0;
- top: 0;
- visibility: hidden;
- width: 20em;
- z-index: 10002;
- }
-
- #menu > ul {
- margin: 0 0 1em 0;
- }
-
- #menu > ul.links {
- list-style: none;
- padding: 0;
- }
-
- #menu > ul.links > li {
- padding: 0;
- }
-
- #menu > ul.links > li > a:not(.button) {
- border: 0;
- border-top: solid 1px rgba(255, 255, 255, 0.15);
- color: inherit;
- display: block;
- line-height: 3.5em;
- text-decoration: none;
- }
-
- #menu > ul.links > li > .button {
- display: block;
- margin: 0.5em 0 0 0;
- }
- #menu > ul.links > li > a:not(.button):hover {
- color: rgba(255,255,255,0.2);
- }
-
- #menu > ul.links > li:first-child > a:not(.button) {
- border-top: 0 !important;
- }
-
- #menu .close {
- text-decoration: none;
- -moz-transition: color 0.2s ease-in-out;
- -webkit-transition: color 0.2s ease-in-out;
- -ms-transition: color 0.2s ease-in-out;
- transition: color 0.2s ease-in-out;
- -webkit-tap-highlight-color: transparent;
- border: 0;
- color: #ffffff;
- cursor: pointer;
- display: block;
- height: 2.75em;
- line-height: 3.25em;
- padding-right: 1.25em;
- position: absolute;
- right: 0;
- text-align: right;
- top: 0;
- vertical-align: middle;
- width: 2.75em;
- }
-
- #menu .close:before {
- content: "";
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
-
- #menu .close:before {
- font-size: 1.25em;
- }
-
- #menu .close:hover {
- color: rgba(255,255,255,0.2);
- }
-
- @media screen and (max-width: 736px) {
-
- #menu .close {
- height: 4em;
- line-height: 4em;
- }
-
- }
-
- #menu.visible {
- -moz-transform: translateX(0);
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
- visibility: visible;
- }
-
- @media screen and (max-width: 736px) {
-
- #menu {
- padding: 2.5em 1.75em;
- }
-
- }
/* Banner */
@@ -3910,6 +3592,9 @@ div.spoiler
+
+
+
/* Main */
/* Footer */
diff --git a/gestion/templates/gestion/base.html b/gestion/templates/gestion/base.html
index c28dd71..e358bfe 100644
--- a/gestion/templates/gestion/base.html
+++ b/gestion/templates/gestion/base.html
@@ -1,6 +1,7 @@
{% load static %}
{% load i18n %}
{% load changelang %}
+{% load avatar_tags %}
{% get_current_language as current_language %}
@@ -21,67 +22,106 @@
-
+
@@ -117,8 +157,41 @@
+
+
+
- Menu
-