last setup commit
This commit is contained in:
parent
2ab27a5bfb
commit
4d6f05bea0
6 changed files with 318 additions and 0 deletions
6
static/css/bootstrap.min.css
vendored
Normal file
6
static/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
308
static/css/main.css
Normal file
308
static/css/main.css
Normal file
|
|
@ -0,0 +1,308 @@
|
|||
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; */
|
||||
background-color: var(--background);
|
||||
overflow-x: hidden;
|
||||
font-size: 1rem;
|
||||
letter-spacing: .25px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
::selection, ::-moz-selection {
|
||||
background-color: var(--grauwert3);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
:root{
|
||||
--background: rgb(240,240,240);
|
||||
--background-wrapper: rgb(250,250,250);
|
||||
--primary: rgb(103,103,103);
|
||||
--secondary: rgb(220,220,220);
|
||||
/* --accent:253,195,20; /* rgb */
|
||||
--accent:45,98%; /* hsl */
|
||||
--accent-normal: hsl(var(--accent), 54%);
|
||||
--accent-light: hsl(var(--accent), 75%);
|
||||
--bs-btn-active-color: var(--grau);
|
||||
--bs-btn-active-border-color: var(--grau);
|
||||
--top-bar: 98px;
|
||||
--bottom-bar: 5em;
|
||||
--div-padding: 3rem;
|
||||
}
|
||||
|
||||
.top-bar{
|
||||
height: var(--top-bar);
|
||||
border-bottom: 1px solid var(--accent-normal);
|
||||
background-color:white;
|
||||
}
|
||||
.top-bar > div{
|
||||
height: 100%;
|
||||
}
|
||||
/* navbar */
|
||||
.navbar img{
|
||||
height: calc(var(--top-bar) - 1.5em);
|
||||
}
|
||||
#mainNav, .offcanvas-backdrop{
|
||||
top: var(--top-bar);
|
||||
}
|
||||
.wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: auto;
|
||||
min-height: calc(100vh - var(--top-bar))
|
||||
}
|
||||
[data-platform="public"] > [data-screen="connect"]{
|
||||
/* background-color: var(--accent-normal); */
|
||||
}
|
||||
/* heros */
|
||||
.hero{
|
||||
background-image: linear-gradient(to right bottom, #f28705, #f69602, #f9a502, #fbb409, #fdc314);
|
||||
margin-top: var(--top-bar);
|
||||
height: auto;
|
||||
}
|
||||
.hero .row{
|
||||
justify-content: center !important;
|
||||
align-items: flex-end !important;
|
||||
}
|
||||
.hero div:not(.bottom-anchored){
|
||||
margin-top: auto !important;
|
||||
margin-bottom: auto !important;
|
||||
}
|
||||
.hero-primary, .hero-secondary{
|
||||
padding: var(--div-padding)
|
||||
}
|
||||
/* .hero-secondary{
|
||||
min-height: 30vh;
|
||||
} */
|
||||
#lead{
|
||||
display: flex;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* screens */
|
||||
.form-sign{
|
||||
background-color: white;
|
||||
padding: var(--div-padding);
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.panel{
|
||||
background: white;
|
||||
padding: var(--div-padding);
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
#profile label{
|
||||
font-weight: 700;
|
||||
}
|
||||
#user-profile-activation{
|
||||
padding: 1.5em;
|
||||
background-color: var(--accent-light);
|
||||
}
|
||||
#activate-user-profile{
|
||||
margin-left: 1em;
|
||||
margin-top: 0;
|
||||
width: 3em;
|
||||
height: 1.5em;
|
||||
}
|
||||
#tandem-meet .col{
|
||||
text-align: center;
|
||||
padding: 1.5rem;
|
||||
transition: all ease-out 0.3s;
|
||||
}
|
||||
#tandem-meet .col:hover{
|
||||
background-color: var(--accent-light);
|
||||
border-radius: 0.5rem;
|
||||
transition: all ease-out 0.3s;
|
||||
}
|
||||
#tandem-meet .col:hover .form-check-input{
|
||||
--bs-border-color: var(--primary);
|
||||
}
|
||||
#tandem-meet .col img{
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
#tandem-meet .col label{
|
||||
font-weight: initial;
|
||||
}
|
||||
.user-avatar{
|
||||
width: 7em;
|
||||
height: 7em;
|
||||
background-color: var(--background);
|
||||
border: 1px solid var(--accent-normal);
|
||||
border-radius: 50%;
|
||||
}
|
||||
#tandem-explanations{
|
||||
box-shadow: 0 20px 10px -20px rgba(0,0,0,0.45) inset;
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 5rem;
|
||||
background-color: var(--background-wrapper);
|
||||
}
|
||||
#tandem-explanations header{
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
text-align: center;
|
||||
padding: 0 3rem;
|
||||
}
|
||||
#tandem-explanations header p{
|
||||
color: rgb(100,100,100);
|
||||
}
|
||||
#tandem-explanations article{
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
margin-top: 2rem;
|
||||
border-radius: 1rem;
|
||||
background-color: var(--accent-light);
|
||||
padding: var(--div-padding);
|
||||
}
|
||||
#tandem-method{
|
||||
background-image: linear-gradient(to right bottom, #f28705, #f69602, #f9a502, #fbb409, #fdc314);
|
||||
}
|
||||
.bottom-anchored{
|
||||
margin-bottom: calc(var(--div-padding) * -1);
|
||||
}
|
||||
article li:not(:first-of-type){
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
#partners .container-fluid{
|
||||
background-color: white;
|
||||
min-height: 5vh;
|
||||
}
|
||||
|
||||
/* btn */
|
||||
.btn{
|
||||
font-weight: 600;
|
||||
}
|
||||
.btn-hero-primary{
|
||||
background-color: white;
|
||||
color: var(--primary);
|
||||
padding: 0.5em 1.5em;
|
||||
border: none;
|
||||
}
|
||||
.btn-hero-primary:hover{
|
||||
background-color: var(--primary);
|
||||
/* border-color: var(--primary); */
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-hero-secondary{
|
||||
border-color: var(--primary);
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.btn-cta{
|
||||
background-color: var(--primary);
|
||||
color: white;
|
||||
padding: 0.5em 1.5em;
|
||||
}
|
||||
|
||||
.btn-cta:hover{
|
||||
background-color: var(--accent-normal);
|
||||
color: white;
|
||||
border: 1px solid white;
|
||||
}
|
||||
.btn-cta, .btn-primary, .btn-secondary, .btn-outline-primary, .btn-outline-secondary{
|
||||
font-size: 1em;
|
||||
}
|
||||
/* forms */
|
||||
.lang-select{
|
||||
max-width: 12em;
|
||||
}
|
||||
label[for="lang"]{
|
||||
font-size: 0.9em;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
/* overrides */
|
||||
ul, ol{
|
||||
padding-left: 1rem;
|
||||
}
|
||||
/* helpers */
|
||||
.rounded{
|
||||
--bs-border-radius: 2rem;
|
||||
}
|
||||
|
||||
/*modals*/
|
||||
.modal-header{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* footer */
|
||||
footer{
|
||||
background-color: rgb(220,220,220);
|
||||
padding: calc(var(--div-padding) / 2);
|
||||
}
|
||||
footer .container-fluid{
|
||||
justify-content: space-between;
|
||||
}
|
||||
footer a img{
|
||||
max-height: 3.5em;
|
||||
}
|
||||
|
||||
/* partners logos */
|
||||
#partners{
|
||||
padding: var(--div-padding);
|
||||
border-top: 1px solid var(--secondary);
|
||||
border-bottom: 1px solid var(--secondary);
|
||||
}
|
||||
.partners-logo-grid{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
|
||||
grid-auto-rows: auto;
|
||||
grid-gap: 2em;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
justify-items: center;
|
||||
}
|
||||
.partner-logo{
|
||||
display: flex;
|
||||
/* justify-content: center; */
|
||||
align-items: center;
|
||||
}
|
||||
.partner-logo img, .partner-logo svg{
|
||||
max-width: 7em;
|
||||
max-height: 3em;
|
||||
min-height: 2.5em;
|
||||
}
|
||||
/* media queries */
|
||||
@media (width <= 576px) {
|
||||
body{
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
:root{
|
||||
--div-padding: 2em;
|
||||
--bottom-bar: 40px;
|
||||
}
|
||||
h1{
|
||||
text-align: center;
|
||||
}
|
||||
.navbar-toggler-icon {
|
||||
width: 1em;
|
||||
}
|
||||
.navbar-brand{
|
||||
margin: 0 auto;
|
||||
}
|
||||
.lead{
|
||||
hyphens: none;
|
||||
}
|
||||
.lang-select{
|
||||
max-width: none;
|
||||
}
|
||||
footer a img{
|
||||
height: 100%;
|
||||
max-height: 2.5em;
|
||||
}
|
||||
.partners-logo-grid{
|
||||
grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
|
||||
}
|
||||
}
|
||||
@media (576px <= width <= 992px) {
|
||||
.btn-stack{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.partners-logo-grid{
|
||||
grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
|
||||
}
|
||||
}
|
||||
1
static/img/avatar-dans-rond-gris.svg
Normal file
1
static/img/avatar-dans-rond-gris.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><path fill-rule="evenodd" clip-rule="evenodd" fill="#DADADA" d="M60 0c33.137 0 60 26.863 60 60s-26.863 60-60 60S0 93.137 0 60 26.863 0 60 0z"/><path fill="#FAC307" d="M74.5 81.474c0 7.745-6.716 14.026-15 14.026-8.284 0-15-6.281-15-14.026V37.525c0-7.746 6.716-14.025 15-14.025 8.284 0 15 6.28 15 14.025v43.949z"/><ellipse fill="#FFF" cx="55.402" cy="34.265" rx="2.293" ry="2.145"/><ellipse fill="#FFF" cx="63.208" cy="34.265" rx="2.294" ry="2.145"/><path fill="none" stroke="#FFF" stroke-width="1.428" stroke-linecap="round" stroke-miterlimit="10" d="M65.887 43.062c-1.497 1.492-3.626 2.425-5.991 2.425-2.372 0-4.509-.941-6.008-2.445"/></svg>
|
||||
|
After Width: | Height: | Size: 706 B |
1
static/img/picto_rencontre-sur-place-et-virtuel.svg
Normal file
1
static/img/picto_rencontre-sur-place-et-virtuel.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="149" height="56"><path fill="#FCC212" d="M122.145 49.435V33.759c0-3.751 3.056-6.794 6.824-6.794s6.823 3.043 6.823 6.794v15.596"/><circle fill="#FFF" cx="127.104" cy="32.179" r="1.043"/><circle fill="#FFF" cx="130.655" cy="32.179" r="1.043"/><path fill="none" stroke="#FFF" stroke-width=".67" stroke-linecap="round" stroke-miterlimit="10" d="M131.874 36.44a3.731 3.731 0 01-2.726 1.175 3.73 3.73 0 01-2.733-1.185"/><g fill-rule="evenodd" clip-rule="evenodd" fill="#676767"><path d="M122.396 0c.04.029.076.071.121.084 3.027.854 4.114 2.272 4.117 5.385.002 1.997 0 3.995 0 5.991v.854h-2.459v-.834c0-2.021.012-4.043-.004-6.065-.014-1.856-.989-2.836-2.831-2.837-14.667-.005-29.333-.005-44.001 0-1.805 0-2.799.945-2.801 2.69-.01 9.286-.005 18.572-.003 27.858 0 .146.024.294.044.521h37.107v2.576H74.6c-.028.23-.065.395-.066.56-.003 1.572-.022 3.146.009 4.718.03 1.509.993 2.457 2.51 2.517.576.023 1.153.005 1.73.006H111.688v2.558h-7.319v5.196h4.859v2.546H89.484v-2.511h4.857v-5.217h-.859c-5.315-.001-10.631-.043-15.945.019-2.363.027-5.076-1.157-5.452-4.26-.005-.041-.057-.077-.087-.116V4.344c.046-.111.115-.217.135-.332.347-1.996 1.544-3.217 3.463-3.79.21-.062.412-.148.617-.222h46.183z"/><path d="M141.497 27.145h-2.401v-8.53h-22.335v30.791h14.792v4.966h-.698c-4.611 0-9.224.002-13.835-.001-1.812-.001-2.77-.955-2.771-2.777-.003-11.331-.003-22.66 0-33.991 0-1.821.956-2.772 2.774-2.772 7.244-.003 14.488-.003 21.731 0 1.784 0 2.767.955 2.771 2.703.007 2.97.002 5.94 0 8.91.001.218-.016.439-.028.701zm-13.609 23.513c-.658 0-1.248.586-1.248 1.241 0 .654.591 1.243 1.247 1.243.658 0 1.249-.588 1.248-1.242 0-.654-.591-1.242-1.247-1.242zM100.582 40.157c-.014.691-.563 1.258-1.227 1.265-.697.006-1.256-.587-1.242-1.318.014-.695.562-1.268 1.219-1.272.678-.006 1.263.615 1.25 1.325z"/><path d="M135.252 54.354c-.653-.018-1.044-.439-1.131-1.094-.029-.222-.016-.449-.016-.673-.001-7.089-.002-14.178-.001-21.268.001-1.281.378-1.663 1.639-1.663 3.886-.001 7.771-.002 11.658 0 1.149.001 1.595.434 1.596 1.583.004 7.188.004 14.376 0 21.565-.001 1.14-.447 1.563-1.608 1.564l-12.137-.014zm1.37-22.171v17.204h9.813V32.183h-9.813z"/></g><path fill="#FCC212" d="M90.928 33.688V14.557c0-4.619 3.762-8.364 8.4-8.364 4.639 0 8.401 3.746 8.401 8.364v19.112"/><circle fill="#FFF" cx="97.034" cy="12.612" r="1.285"/><circle fill="#FFF" cx="101.405" cy="12.612" r="1.285"/><path fill="none" stroke="#FFF" stroke-width=".825" stroke-linecap="round" stroke-miterlimit="10" d="M102.905 17.859a4.595 4.595 0 01-3.355 1.445 4.595 4.595 0 01-3.364-1.458"/><path fill="#FCC212" d="M137.945 49.386v-8.145a3.578 3.578 0 013.586-3.57 3.58 3.58 0 013.586 3.57v8.145"/><circle fill="#FFF" cx="140.551" cy="40.412" r=".548"/><circle fill="#FFF" cx="142.417" cy="40.412" r=".548"/><path fill="none" stroke="#FFF" stroke-width=".352" stroke-linecap="round" stroke-miterlimit="10" d="M143.059 42.651c-.358.38-.867.617-1.433.617-.567 0-1.078-.24-1.437-.622"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF" d="M141.825 50.596c-.658 0-1.248.586-1.248 1.241 0 .654.591 1.243 1.247 1.243.658 0 1.249-.588 1.248-1.242 0-.654-.591-1.242-1.247-1.242z"/><path fill="#676767" d="M20.74 44.843C20.74 50.453 16.097 55 10.37 55 4.643 55 0 50.453 0 44.843v-31.82C0 7.415 4.643 2.866 10.37 2.866c5.727 0 10.37 4.548 10.37 10.156v31.821z"/><ellipse fill="#FFF" cx="17.414" cy="10.661" rx="1.586" ry="1.554"/><path fill="none" stroke="#FFF" stroke-width="1.01" stroke-linecap="round" stroke-miterlimit="10" d="M20.687 18.787a5.718 5.718 0 01-4.154-1.771"/><path fill="#FCC212" d="M52.204 41.978c0 5.608-4.645 10.155-10.371 10.155-5.726 0-10.371-4.547-10.371-10.155V10.156C31.462 4.549 36.106 0 41.833 0c5.726 0 10.371 4.549 10.371 10.156v31.822z"/><ellipse fill="#FFF" cx="35.067" cy="7.795" rx="1.586" ry="1.554"/><path fill="none" stroke="#FFF" stroke-width="1.01" stroke-linecap="round" stroke-miterlimit="10" d="M35.607 14.166a5.723 5.723 0 01-4.143 1.755"/></svg>
|
||||
|
After Width: | Height: | Size: 3.9 KiB |
1
static/img/picto_rencontre-sur-place.svg
Normal file
1
static/img/picto_rencontre-sur-place.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="59"><path fill="#676767" d="M22.248 48.104c0 6.018-4.98 10.896-11.124 10.896S0 54.122 0 48.104V13.97C0 7.954 4.98 3.075 11.124 3.075S22.248 7.954 22.248 13.97v34.134z"/><ellipse fill="#FFF" cx="18.681" cy="11.437" rx="1.701" ry="1.667"/><path fill="none" stroke="#FFF" stroke-width="1.084" stroke-linecap="round" stroke-miterlimit="10" d="M22.191 20.153a6.135 6.135 0 01-4.456-1.899"/><path fill="#FCC212" d="M56 45.03c0 6.017-4.982 10.895-11.125 10.895S33.75 51.047 33.75 45.03V10.895C33.75 4.879 38.732 0 44.875 0S56 4.879 56 10.895V45.03z"/><ellipse fill="#FFF" cx="37.617" cy="8.362" rx="1.701" ry="1.667"/><path fill="none" stroke="#FFF" stroke-width="1.084" stroke-linecap="round" stroke-miterlimit="10" d="M38.197 15.196a6.135 6.135 0 01-4.444 1.882"/></svg>
|
||||
|
After Width: | Height: | Size: 824 B |
1
static/img/picto_rencontre-virtuelle.svg
Normal file
1
static/img/picto_rencontre-virtuelle.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="77" height="56"><path fill="#FCC212" d="M50.145 49.435V33.759c0-3.751 3.056-6.794 6.824-6.794s6.823 3.043 6.823 6.794v15.596"/><circle fill="#FFF" cx="55.104" cy="32.179" r="1.043"/><circle fill="#FFF" cx="58.655" cy="32.179" r="1.043"/><path fill="none" stroke="#FFF" stroke-width=".67" stroke-linecap="round" stroke-miterlimit="10" d="M59.874 36.44a3.731 3.731 0 01-2.726 1.175 3.73 3.73 0 01-2.733-1.185"/><g fill-rule="evenodd" clip-rule="evenodd" fill="#676767"><path d="M50.396 0c.04.029.076.071.121.084 3.027.854 4.114 2.272 4.117 5.385.002 1.997 0 3.995 0 5.991v.854h-2.459v-.834c0-2.021.012-4.043-.004-6.065-.014-1.856-.989-2.836-2.831-2.837-14.667-.005-29.333-.005-44.001 0-1.805 0-2.799.945-2.801 2.69-.01 9.286-.005 18.572-.003 27.858 0 .146.024.294.044.521h37.107v2.576H2.6c-.028.23-.065.395-.066.56-.003 1.572-.022 3.146.009 4.718.03 1.509.993 2.457 2.51 2.517.576.023 1.153.005 1.73.006h32.906v2.558H32.37v5.196h4.859v2.546H17.485v-2.511h4.858v-5.217h-.86c-5.315-.001-10.631-.043-15.945.019-2.363.027-5.076-1.157-5.452-4.26-.004-.042-.056-.078-.086-.117V4.344c.046-.111.115-.217.135-.332C.482 2.016 1.679.795 3.598.222 3.806.16 4.007.074 4.212 0h46.184z"/><path d="M69.497 27.145h-2.401v-8.53H44.761v30.791h14.792v4.966h-.698c-4.611 0-9.224.002-13.835-.001-1.812-.001-2.77-.955-2.771-2.777-.003-11.331-.003-22.66 0-33.991 0-1.821.956-2.772 2.774-2.772 7.244-.003 14.488-.003 21.731 0 1.784 0 2.767.955 2.771 2.703.007 2.97.002 5.94 0 8.91.001.218-.016.439-.028.701zM55.888 50.658c-.658 0-1.248.586-1.248 1.241 0 .654.591 1.243 1.247 1.243.658 0 1.249-.588 1.248-1.242 0-.654-.591-1.242-1.247-1.242zM28.582 40.157c-.013.691-.563 1.258-1.226 1.265-.697.006-1.256-.587-1.243-1.318.014-.695.562-1.268 1.22-1.272.677-.006 1.262.615 1.249 1.325z"/><path d="M63.252 54.354c-.653-.018-1.044-.439-1.131-1.094-.029-.222-.016-.449-.016-.673-.001-7.089-.002-14.178-.001-21.268.001-1.281.378-1.663 1.639-1.663 3.886-.001 7.771-.002 11.658 0 1.149.001 1.595.434 1.596 1.583.004 7.188.004 14.376 0 21.565-.001 1.14-.447 1.563-1.608 1.564l-12.137-.014zm1.37-22.171v17.204h9.813V32.183h-9.813z"/></g><g><path fill="#FCC212" d="M18.928 33.688V14.557c0-4.619 3.762-8.364 8.401-8.364 4.639 0 8.401 3.746 8.401 8.364v19.112"/><circle fill="#FFF" cx="25.033" cy="12.612" r="1.284"/><circle fill="#FFF" cx="29.405" cy="12.612" r="1.284"/><path fill="none" stroke="#FFF" stroke-width=".825" stroke-linecap="round" stroke-miterlimit="10" d="M30.905 17.859a4.595 4.595 0 01-3.355 1.445 4.593 4.593 0 01-3.364-1.458"/></g><g><path fill="#FCC212" d="M65.945 49.386v-8.145a3.578 3.578 0 013.586-3.57 3.58 3.58 0 013.586 3.57v8.145"/><circle fill="#FFF" cx="68.551" cy="40.412" r=".548"/><circle fill="#FFF" cx="70.417" cy="40.412" r=".548"/><path fill="none" stroke="#FFF" stroke-width=".352" stroke-linecap="round" stroke-miterlimit="10" d="M71.059 42.651c-.358.38-.867.617-1.433.617-.567 0-1.078-.24-1.437-.622"/></g><path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF" d="M69.825 50.596c-.658 0-1.248.586-1.248 1.241 0 .654.591 1.243 1.247 1.243.658 0 1.249-.588 1.248-1.242 0-.654-.591-1.242-1.247-1.242z"/></svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
Loading…
Add table
Add a link
Reference in a new issue