diff --git a/static/css/main.css b/static/css/main.css index 6a8f4dd..141f969 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -8,6 +8,21 @@ html { font-kerning: normal; overflow-x: hidden; } +body { + font-family: var(--bs-body-font-family); + background-color: var(--background); + overflow-x: hidden; + letter-spacing: .125px; +/* -webkit-font-smoothing: antialiased; */ + font-variant-ligatures: no-common-ligatures; +} +h1, h2, h3, h4, h5{ + font-family: var(--bs-ttl-font-family); +} +/* ::selection, ::-moz-selection { + background-color: var(--grauwert3); + text-shadow: none; +} */ :root{ --background: rgb(240,240,240); --background-wrapper: rgb(250,250,250); @@ -17,46 +32,13 @@ html { --accent:45,98%; /* hsl */ --accent-normal: hsl(var(--accent), 54%); --accent-light: hsl(var(--accent), 75%); - --bs-btn-hover-bg: rgb(242, 135, 5); - --bs-link-color: rgb(242, 135, 5); + --bs-btn-hover-bg: #f28705; + --bs-link-color: #f28705; --bs-body-font-family: 'Nunito', Arial, Tahoma, sans-serif; --bs-ttl-font-family: 'Lexend', Arial, Tahoma, sans-serif; --top-bar: 6.125rem; --bottom-bar: 5em; --div-padding: 3em; - --bs-navbar-color: rgba(242, 135, 5, .15); -} -body { - font-family: var(--bs-body-font-family); - background-color: var(--background); - overflow-x: hidden; - letter-spacing: .125px; - font-variant-ligatures: no-common-ligatures; -} -h1, h2, h3, h4, h5{ - font-family: var(--bs-ttl-font-family); -} -::selection, ::-moz-selection { - text-shadow: none; -} -.navbar-toggler{ - color: var(--bs-btn-hover-bg); -} -.custom-toggler.navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(245,135,5,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); -} -.btn-link, .text-link{ - color: var(--bs-link-color); - text-decoration: none; -} -.btn-link{ - padding: .725rem 1rem; -} -.btn-link:hover, .btn-link:focus-visible, .text-link:hover, .text-link:focus-visible{ - text-decoration: underline; - color: var(--bs-link-color); - background-color: transparent; - text-underline-offset: 0.375em; } .top-bar{ height: var(--top-bar); @@ -67,7 +49,7 @@ h1, h2, h3, h4, h5{ height: 100%; } /* navbar */ -.navbar-brand img{ +.navbar img{ height: calc(var(--top-bar) - 1.5em); } #mainNav, .offcanvas-backdrop{ @@ -95,10 +77,8 @@ h1, h2, h3, h4, h5{ justify-content: center; } -/* left side menu */ -.nav-item .badge{ - background-color: var(--bs-link-color); -} +/* side menu */ + .side-menu .nav-link{ color: black; padding: 0.725rem 1rem; @@ -129,6 +109,9 @@ h1, h2, h3, h4, h5{ margin-bottom: 0.5rem; padding-bottom: 0.5rem; } +.separator.menu-admin{ + text-transform: uppercase; +} /* heros */ .hero{ @@ -254,20 +237,19 @@ article li:not(:first-of-type){ left: 0; justify-content: center; align-items: center; - font-size: 1.2em; - line-height: .425em; + font-size: 2rem; + line-height: .525; color: darkgray; - letter-spacing: .25em; } .profile .user-avatar{ - text-align: center; + text-align:center; } .user-avatar img{ width: 9rem; height: 9rem; object-fit: cover; object-position: top; - border: 2px solid white; + border: 2px solid #f28705; border-radius: 50%; } .profile .label{ @@ -286,7 +268,7 @@ article li:not(:first-of-type){ /* search filters */ #search-filters{ border: 1px solid white; - background-color: rgba(255,255,255,.5); + background-color: var(--accent-light); margin-top: 0.5rem; } #search-filters form{ @@ -386,18 +368,15 @@ footer a img{ min-height: 2.5em; } .ui-btn{ - display: inline-flex; + padding: 1rem; background-color: white; + width: fit-content; border-radius: 0.5rem; } .icon-ui{ - width: 1.25em; - height: 1.25em; - margin-right: 0.65em; -} -nav .icon-ui{ - display: inline-flex; - margin-right: .75rem; + width: 1.5em; + height: 1.5em; + margin-right: 0.75rem; } /* media queries */ @media (width <= 576px) { @@ -408,8 +387,12 @@ nav .icon-ui{ --div-padding: 2em; --bottom-bar: 40px; } + + .navbar-toggler-icon { + width: 1em; + } .navbar-brand{ - margin-left: 1rem; + margin: 0 auto; } .lead{ hyphens: none; @@ -424,7 +407,7 @@ nav .icon-ui{ .partners-logo-grid{ grid-template-columns: repeat(auto-fit, minmax(6em, 1fr)); } - .profile .user-avatar, .profile .user-pseudo, .offcanvas .user-avatar{ + .profile .user-avatar, .profile .user-pseudo{ margin: 0 auto; text-align: center } @@ -445,14 +428,6 @@ nav .icon-ui{ width: fit-content; margin: calc(var(--div-padding) / 1.25) auto 0; } - .offcanvas .user-avatar{ - margin: 0 auto; - text-align: center - } - .offcanvas .user-avatar img{ - width: 5rem; - height: 5rem; - } .offcanvas-body{ padding: 0; background: rgb(253, 195, 20); @@ -466,13 +441,10 @@ nav .icon-ui{ flex-direction: column !important; } .offcanvas .nav-link{ - display: flex; - align-items: center; background: none; padding: var(--bs-nav-link-padding-y) calc(var(--div-padding) / 2); border-radius: 0; color: black; - width: 100%; } .offcanvas .nav-link.active{ background-color: rgba(255,255,255,.5); @@ -490,10 +462,6 @@ nav .icon-ui{ .offcanvas li:not(:first-child){ margin-top: initial; } - .offcanvas .user-pseudo{ - font-weight: 700; - margin-top: .5em; - } #side-lang{ display: flex; align-items: center; @@ -501,12 +469,8 @@ nav .icon-ui{ padding: var(--div-padding); } .separator.menu-admin{ - margin-top: .5rem; + margin-top: 1.5rem; padding-left: 2rem; - padding-bottom: 0; - } - .separator.menu-admin > .btn-link{ - padding: .725rem 1rem .725rem 0; } } @media (576px <= width <= 992px) { diff --git a/static/img/icons/dictionnary.svg b/static/img/icons/dictionnary.svg deleted file mode 100644 index f105f4f..0000000 --- a/static/img/icons/dictionnary.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/static/img/icons/filters.svg b/static/img/icons/filters.svg index a54a2c7..768a792 100644 --- a/static/img/icons/filters.svg +++ b/static/img/icons/filters.svg @@ -1,6 +1,19 @@ - + + + + - + + + \ No newline at end of file diff --git a/static/img/icons/received copie.svg b/static/img/icons/received copie.svg deleted file mode 100644 index 9c83c33..0000000 --- a/static/img/icons/received copie.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/static/img/icons/received.svg b/static/img/icons/received.svg deleted file mode 100644 index 7f5f8fc..0000000 --- a/static/img/icons/received.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/static/img/icons/sent.svg b/static/img/icons/sent.svg deleted file mode 100644 index c6dc6f8..0000000 --- a/static/img/icons/sent.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/static/img/icons/translations.svg b/static/img/icons/translations.svg deleted file mode 100644 index b57af78..0000000 --- a/static/img/icons/translations.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/static/img/icons/user-management.svg b/static/img/icons/user-management.svg deleted file mode 100644 index 1b6f452..0000000 --- a/static/img/icons/user-management.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/static/img/icons/warning.svg b/static/img/icons/warning.svg deleted file mode 100644 index a83df01..0000000 --- a/static/img/icons/warning.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/static/img/logo/forum-bilinguisme.svg b/static/img/logo/forum-bilinguisme.svg index 6609f41..58157a3 100644 --- a/static/img/logo/forum-bilinguisme.svg +++ b/static/img/logo/forum-bilinguisme.svg @@ -1,4 +1,4 @@ - + diff --git a/static/img/logo/logo_e-tandem-Bilinguisme_FR.svg b/static/img/logo/logo_e-tandem-Bilinguisme_FR.svg index c94d698..1a11f3d 100644 --- a/static/img/logo/logo_e-tandem-Bilinguisme_FR.svg +++ b/static/img/logo/logo_e-tandem-Bilinguisme_FR.svg @@ -1,4 +1,4 @@ - + diff --git a/static/img/logo/logo_e-tandem_FR.svg b/static/img/logo/logo_e-tandem_FR.svg index 05b3b45..83f8da8 100644 --- a/static/img/logo/logo_e-tandem_FR.svg +++ b/static/img/logo/logo_e-tandem_FR.svg @@ -1,4 +1,4 @@ - + diff --git a/tandem-list.html b/tandem-list.html index 52af7ea..a184ea4 100644 --- a/tandem-list.html +++ b/tandem-list.html @@ -21,7 +21,7 @@