diff --git a/404.html b/404.html new file mode 100644 index 0000000..1a71776 --- /dev/null +++ b/404.html @@ -0,0 +1,58 @@ + + + + e-TANDEM - The page you're looking for doesn't exist! + + + + + + + + + + +
+ +
+
+
+
+

404

+

Oops! Page not found.

+

+ The page you’re looking for doesn’t exist. +

+ Go Home +
+
+ +
+ + + + + diff --git a/index.html b/index.html index 8dacc7c..736dfb7 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,8 @@
  • Page de connexion
  • Création de compte
  • Profil utilisateur
    • +
  • Recherche TANDEM
    • +
  • Error 404
    • \ No newline at end of file diff --git a/profile.html b/profile.html index 076839c..f7f87c0 100644 --- a/profile.html +++ b/profile.html @@ -76,7 +76,7 @@
    - +
    @@ -94,7 +94,6 @@
    -
    diff --git a/static/css/main.css b/static/css/main.css index ea1d438..0ce80fd 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -30,6 +30,7 @@ body { --accent-light: hsl(var(--accent), 75%); --bs-btn-active-color: var(--grau); --bs-btn-active-border-color: var(--grau); + --bs-link-color: #f28705; --top-bar: 98px; --bottom-bar: 5em; --div-padding: 3rem; @@ -59,6 +60,34 @@ body { [data-platform="public"] > [data-screen="connect"]{ /* background-color: var(--accent-normal); */ } +[data-screen="404"] .container{ + justify-content: center; +} + +/* side menu */ +.side-menu{ + +} +.side-menu li{ + background: white; +} +.side-menu .nav-link{ + color: black; +} +.side-menu .nav-link:active, .side-menu .nav-link.active{ + color: white; + background-color: #f28705; + font-weight: 700; +} +.side-menu .nav-link:focus{ + color: black; + background-color: #fdc314; + font-weight: 600; +} +.side-menu li:not(:first-child){ + margin-top: 0.35rem; +} + /* heros */ .hero{ background-image: linear-gradient(to right bottom, #f28705, #f69602, #f9a502, #fbb409, #fdc314); @@ -127,13 +156,6 @@ body { #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; @@ -170,11 +192,51 @@ article li:not(:first-of-type){ background-color: white; min-height: 5vh; } +/* user profile */ +.profile{ + background: white; + padding: calc(var(--div-padding) / 2); + border-radius: 0.25rem; + margin-top: 1rem +} +/* .profile:nth-child(even){ + margin-top: 1rem +} */ +.user-avatar img{ + width: 9em; + height: 9em; + object-fit: cover; + object-position: top; + border: 2px solid #f28705; + border-radius: 50%; +} +.profile .label{ + font-weight: 600; +} +.user-description{ + margin-top: 1.5em; +} +.profile-options{ + margin-top: 2em; + justify-content: end; + display: flex; +} + +/* search filters */ +#search-filters{ + border: 1px solid white; + background-color: var(--accent-light); + padding: calc(var(--div-padding) / 3); +} /* btn */ .btn{ font-weight: 600; } +.btn-primary{ + background-color: #f28705; + border-color: #f28705; +} .btn-hero-primary{ background-color: white; color: var(--primary); @@ -214,6 +276,9 @@ label[for="lang"]{ font-size: 0.9em; margin-bottom: 0.25rem; } +#search-filters label{ + font-weight: 600; +} /* overrides */ ul, ol{ padding-left: 1rem; @@ -274,9 +339,7 @@ footer a img{ --div-padding: 2em; --bottom-bar: 40px; } - h1{ - text-align: center; - } + .navbar-toggler-icon { width: 1em; } @@ -296,6 +359,27 @@ footer a img{ .partners-logo-grid{ grid-template-columns: repeat(auto-fit, minmax(6em, 1fr)); } + .profile .user-avatar, .profile .user-pseudo{ + margin: 0 auto; + text-align: center + } + .profile .user-pseudo{ + margin: .5em auto; + } +} +@media (width <= 992px) { + h1, h2, h3, h4{ + text-align: center; + } + .profile .user-avatar{ + text-align: center; + } + .profile-options{ + display:grid; + gap: 0 1rem; + width: fit-content; + margin: calc(var(--div-padding) / 2) auto 0; + } } @media (576px <= width <= 992px) { .btn-stack{ diff --git a/static/img/avatar-dans-rond-gris.svg b/static/img/avatar-dans-rond-gris.svg deleted file mode 100644 index dbd60fe..0000000 --- a/static/img/avatar-dans-rond-gris.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/img/avatars/55238.jpg b/static/img/avatars/55238.jpg new file mode 100644 index 0000000..7b8f51b Binary files /dev/null and b/static/img/avatars/55238.jpg differ diff --git a/static/img/avatars/default-avatar.svg b/static/img/avatars/default-avatar.svg new file mode 100644 index 0000000..cae048a --- /dev/null +++ b/static/img/avatars/default-avatar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/tandem-list.html b/tandem-list.html new file mode 100644 index 0000000..95ecf0e --- /dev/null +++ b/tandem-list.html @@ -0,0 +1,364 @@ + + + + e-TANDEM - Recherche de TANDEMs + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +

    Rechercher des TANDEMs

    +
    +
    +
    +
    + +
    +
    + + +
    + +
    + +
    +
    +
    + + +
    +
    + +
    +
    + + +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + +
    + +
    + XX profils correspondent à vos critères de recherche +
    + +
    +
    +
    +
    + Priscilla +
    +
    +
    +

    Priscilla

    +
    + +
    +
    + Genre: + Féminin +
    +
    + Mode de rencontre: + sur place et virtuel +
    +
    + Lieu de rencontre: + Bern +
    +
    + Dernière connexion: + 21 novembre 2024 +
    +
    + +
    +
    + Langue(s) proposée(s): + Allemand, Suisse-allemand, Anglais +
    +
    + Langue(s) que je recherche: + Français +
    +
    + Langue maternelle 1: + Allemand +
    +
    + Langue maternelle 2: + Suisse-allemand +
    +
    +
    +
    + Ich möchte gerne meine Französischkenntnisse verbessern. In meiner Freizeit male bzw. illustriere ich, lese, mache Yoga oder verbringe Zeit in der Natur. Ich komme aus Thun, arbeite aber in Bern. Gerne unterstütze ich dich dabei, deine Deutschkenntnisse zu verbessern. +
    +
    +
    + + +
    +
    +
    + + +
    +
    +
    +
    + Petra Horvat-Puzak +
    +
    +
    +

    Petra Horvat-Puzak

    +
    + +
    +
    + Genre: + Féminin +
    +
    + Mode de rencontre: + sur place, en face à face +
    +
    + Lieu de rencontre: + Bern +
    +
    + Dernière connexion: + 25 novembre 2024 +
    +
    + +
    +
    + Langue(s) proposée(s): + Allemand, Croate +
    +
    + Langue(s) que je recherche: + Français +
    +
    + Langue maternelle 1: + Allemand +
    +
    + Langue maternelle 2: + Croate +
    +
    +
    +
    + Ich möchte meine Französischkenntnisse v.A. mündlich verbessern um im Berufsalltag ungehemmter und einfacher kommunizieren zu können. Ist eingerostet, da ich es sehr wenig brauchte. Bin 39jährig, mag die Natur und Musik, habe 2 Töchter. Am liebsten möchte ich mich in Persona treffen, aber wir können auch mit online abwechseln. Kann zu Bürozeiten oder Do/Fr nach Feierabend. +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    + +
    + +
    + + + +