eric/e-tandem_UI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Testing fonts

Browse source
This commit is contained in:
ericb 2024-11-27 16:57:43 +01:00
parent 4f922a91e6
commit 350c75cfdb
4 changed files with 56 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

6
home.html
View file

@ -28,12 +28,6 @@
</div>
<div class="offcanvas-body">
<ul class="navbar-nav">
<!-- <li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Accueil</a>
</li>
<li class="nav-item">
</li> -->
</ul>
<div class="d-flex align-items-center gap-2 ms-auto">
<div class="col">

17
static/css/fonts/nunito.css Normal file
View file

@ -0,0 +1,17 @@
/* latin */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 200 1000;
font-display: block;
src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 100 900;
font-display: block;
src: url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

31
static/css/main.css
View file

@ -1,24 +1,29 @@
@import url('fonts/nunito.css');
html {
color: rgba(53,53,53,1)!important;
font-size: 1em;
line-height: 1.15;
font-kerning: normal;
overflow-x: hidden;
}
body {
/* font-family: 'Montserrat', sans-serif; */
font-family: var(--bs-body-font-family);
background-color: var(--background);
overflow-x: hidden;
font-size: 1rem;
letter-spacing: .25px;
/* letter-spacing: .25px; */
-webkit-font-smoothing: antialiased;
font-variant-ligatures: no-common-ligatures;
font-weight: 400;
}
::selection, ::-moz-selection {
h1,h2,h3,h4{
font-family: 'Roboto Slab';
}
/* ::selection, ::-moz-selection {
background-color: var(--grauwert3);
text-shadow: none;
}
} */
:root{
--background: rgb(240,240,240);
--background-wrapper: rgb(250,250,250);
@ -32,11 +37,11 @@ body {
--bs-btn-active-border-color: var(--grau);
--bs-btn-hover-bg: #f28705;
--bs-link-color: #f28705;
--bs-body-font-family: "Nunito", Arial, Tahoma, sans-serif;
--top-bar: 98px;
--bottom-bar: 5em;
--div-padding: 3rem;
}
.top-bar{
height: var(--top-bar);
border-bottom: 1px solid var(--accent-normal);
@ -146,9 +151,9 @@ body {
padding: var(--div-padding);
border-radius: 0.5rem;
}
#profile label{
/* #profile label{
font-weight: 700;
}
} */
#user-profile-activation{
padding: 1.5em;
background-color: var(--accent-light);
@ -216,7 +221,7 @@ article li:not(:first-of-type){
position: relative;
}
.profile:not(:first-child){
margin-top: 1.75rem;
margin-top: 2.25rem;
}
.profile:not(:first-child):before {
content: '•••';
@ -231,6 +236,10 @@ article li:not(:first-of-type){
line-height: .525;
color: darkgray;
}
.profile .user-avatar{
display: flex;
justify-content: center;;
}
.user-avatar img{
width: 9em;
height: 9em;
@ -240,7 +249,7 @@ article li:not(:first-of-type){
border-radius: 50%;
}
.profile .label{
font-weight: 600;
font-weight: 700;
}
.user-description{
margin-top: 1.5em;

38
tandem-list.html
View file

@ -31,40 +31,40 @@
<nav class="side-menu" id="offSideMenu">
<ul class="nav flex-column mb-auto">
<li class="nav-item">
<a href="#"class="nav-link active" aria-current="page">Rechercher des TANDEMs</a>
<a href="#" role="menuitem" class="nav-link active" aria-current="page">Rechercher des TANDEMs</a>
</li>
<li>
<a href="#" class="nav-link">Mes TANDEMs</a>
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Mes TANDEMs</a>
</li>
<li>
<a href="profile.html" class="nav-link">Mon profil</a>
<li class="nav-item">
<a href="profile.html" role="menuitem" class="nav-link">Mon profil</a>
</li>
<li>
<a href="#" class="nav-link">Demandes reçues <span class="badge text-bg-secondary rounded-pill">101</span></a>
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Demandes reçues <span class="badge text-bg-secondary rounded-pill">101</span></a>
</li>
<li>
<a href="#" class="nav-link">Demandes envoyées</a>
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Demandes envoyées</a>
</li>
<li>
<a href="#" class="nav-link">Statistiques</a>
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Statistiques</a>
</li>
<li>
<a href="#" class="nav-link">Espace documentaire</a>
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Espace documentaire</a>
</li>
</ul>
<div class="menu-separator">Admin</div>
<ul class="nav flex-column mb-auto">
<li class="nav-item">
<a href="#" class="nav-link">Comptes</a>
<a href="#" role="menuitem" class="nav-link">Gérer les comptes</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Signalements</a>
<a href="#" role="menuitem" class="nav-link">Gérer les signalements</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Langues</a>
<a href="#" role="menuitem" class="nav-link">Langues</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Dictionnaire</a>
<a href="#" role="menuitem" class="nav-link">Dictionnaire</a>
</li>
</ul>
</nav>
@ -128,10 +128,10 @@
<div class="menu-separator">Admin</div>
<ul class="nav flex-column mb-auto">
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Comptes</a>
<a href="#" role="menuitem" class="nav-link">Gérer les comptes</a>
</li>
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Signalements</a>
<a href="#" role="menuitem" class="nav-link">Gérer les signalements</a>
</li>
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Langues</a>