From e7cf7b063eae9dd92daf16181351aac6302bec6b Mon Sep 17 00:00:00 2001 From: ericb Date: Mon, 25 Nov 2024 16:32:25 +0100 Subject: [PATCH] Updated many thing + new 404 page and profile search --- 404.html | 58 ++++ index.html | 2 + profile.html | 3 +- static/css/main.css | 104 +++++++- static/img/avatar-dans-rond-gris.svg | 1 - static/img/avatars/55238.jpg | Bin 0 -> 2756 bytes static/img/avatars/default-avatar.svg | 1 + tandem-list.html | 364 ++++++++++++++++++++++++++ 8 files changed, 520 insertions(+), 13 deletions(-) create mode 100644 404.html delete mode 100644 static/img/avatar-dans-rond-gris.svg create mode 100644 static/img/avatars/55238.jpg create mode 100644 static/img/avatars/default-avatar.svg create mode 100644 tandem-list.html 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 0000000000000000000000000000000000000000..7b8f51b83ab0d583a5b8944a326b94db3c6ae544 GIT binary patch literal 2756 zcmbW!c{J4j8VB(2m@yb*8C!P4kS)vDm+ae&7!f8#8H6U1u?$*lQA9%aElZZ{`}!-g zWGNy)>m*x-#FQ;c`RU$!e)pXF*S+_7&gZY^InQ~&&gW?AXdYlUH^rI)AP@*}K5pP> z7BB+fj7%^l1~`lf#sY`4B7`^*?Cb~>p8&UzjKnEfX$dJQc@;wqd9H5R5<^U&+6(M z8k?G1TH9WB_w@F?>K_;!dpG{)#N^cU%);W*^2ZhG>e{ETTiZLkd*AjCzW;WC0PsIq zf6M;Eg*bN6K_FlV!*3Uej(q&U2nf9>8p>f{%|P(w6jKUkX{;N@wI=1Y=Zaz888u&UYPf-)rr9bD=)Nj!~-Q3pZa( zf4@Cy%_;`lzqOrUZRP9bAI~TE)?Z|>Flg#)Qz7}W;$ZfCC|e_vJd8X1rAl?knKV4j zHf=@4)S7FFg*D1yXJIx;*WMd_7 z7N_^6%=e9WQlRtDXA{ziv)yWM9?7+_!^-r~Ix#wCV{Lz+Y%Gneuo(u4SghWh5RqVq z&9p6)k~2AbciDTyyPK<+(!MD!l3xyAXp7KI;bWd@T5%UFC4|xUvCUs4G!K6U8-@5F zZ^DwGK3U)H?i6QnV#qV(g+kHC;Sn8?=8`^ERLAOQ?jvAjaiKX5 zP4H%yEZbUFscMpYAE16neP!gR5Q}O{?oIv1=6$M0erm8F$suHCli}P&JZJB<>+dLx zg|XQ;+pP)dQS6JpA<6bm;p8aOrHlAeTQ5zJnG=5s0K$@n!E%kc1 z^iglHS^yJok@+M$&`t2!57O1Nb`$|Eim-iA<{BwXdm|YqWFY7#2(?7mfXB_Nxii1>nAc6 zsXgJrvO7?H>Ca`m#t1x6;VGC`qPna!d|h6mCFS9PW2^4+O3Ru!B`;&u-dpO`0DDw< zrcJ^IuhkDbr*zk7Xvx^n5#ZTV3Ub%h{~kO2*{^cM_8k>v6{juKJyv`(;zn@AkhEX1 z5mF=wmaa%hGQBNJ6zRq*_EgWc^TdyWlgyURa1Z%yt5Y4eFokW&xbQwU*^A|Zo68%z zc$t9+2F>+eyoYNS;b7cmu!r{8U`3cQO0DYlJz|B&L2V0l?R@Wh$2s%izUTGexqTlu zi~QxVC#Ql&%(r*H-0655oH)gYkKAgb=H{%AqR62vru`YnCUyVQnI9VM8{RFsBB2&) zlZJu6RJ%?LNh>IimRC3*CUB&6XHtxrRLUO@bV{%)@0Pbo-V0FJ;Pprqg_+2t%6IFS z@mAZ9%NMrvw!~^;w6lgZG&j0dYAW@Ea&h5B?jrh~Y#%T9Dd#+CY%-~zant9pp@SaO z?(CGVm{_C?`OW3P)3K;E`K8%vm89nel#menhAV};k_cwiJN*^5DFcR~FwC;-BQAbO zR5aLGc=~B9dYce+y|^u#66K4Cfw-GK5+9@AvfD&$bF$oh9;*YNNpb1A*etYOG>ZCxi*!2z(C=Yxv}NBZe6B!Y zMEiXRzAz}Ld_Uyf(9FO`&?Mp#%8#>FP@&CN*cX|8#!8Gf8t~$=J}OUn*q$X|w^lMz|nVt#h!JZ)2jt z#xu2w#1gROHTMDCPv4es&cb0fq>A-3X?n3Oe_=K7*EW6Zygyy?4-Qp#5x2qct)^?k zB$F-Wtht^in{2u%t8+l>ho>W6J<-ulQ#)|I9)2oo8V5UiFXn) zyCZY;c_cdj#%ywtYo5hKRSp?8ulBxYo+F6cvNAGy>z6)GiKtK$>>wLW%bw)VqPSDi z5(Q$6K_n;?XHYRdZh?%s>oxre&-YX3Qw2#&V^-LyuEUjU-ZdR`%DL{lq7djfj}y<|A~Ssf7rRTmTvnc(huD7TbMR)`=rILAPp9-0QLq|6nyDp$oXr3z!6-$b@& zPrSIt-1xe}n#)YY@q4bup=?}z%2F;mryFwk=W6bW#`uEP(~(;b^*HUA2QNk9R;!<3 zw@XJfcY6Iux028S5Ht!Nsyi9b*?@$yB%*BD}`EV5OzK>d9%W7 frz&M<)^&RWInPP6RI^{i( \ 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. +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    + +
    + +
    + + + +