From 36d72464410f53339adb50785b4858559eeb3b66 Mon Sep 17 00:00:00 2001 From: Lipefsk05 Date: Fri, 24 May 2024 16:58:25 -0300 Subject: [PATCH] agenda de marcacao versao 2 --- agenda de marcacao/agenda v1/calendario.html | 143 ------------------ agenda de marcacao/agenda v1/defaut.zip | Bin 1669 -> 0 bytes .../agenda v1/defaut/indexpadrao.html | 41 ----- .../agenda v1/defaut/stylepadrao.css | 134 ---------------- .../agenda v1 => agenda v2}/index.html | 22 +-- .../agenda v1 => agenda v2}/script.js | 0 .../agenda v1 => agenda v2}/style.css | 47 ++++-- 7 files changed, 46 insertions(+), 341 deletions(-) delete mode 100644 agenda de marcacao/agenda v1/calendario.html delete mode 100644 agenda de marcacao/agenda v1/defaut.zip delete mode 100644 agenda de marcacao/agenda v1/defaut/indexpadrao.html delete mode 100644 agenda de marcacao/agenda v1/defaut/stylepadrao.css rename {agenda de marcacao/agenda v1 => agenda v2}/index.html (89%) rename {agenda de marcacao/agenda v1 => agenda v2}/script.js (100%) rename {agenda de marcacao/agenda v1 => agenda v2}/style.css (76%) diff --git a/agenda de marcacao/agenda v1/calendario.html b/agenda de marcacao/agenda v1/calendario.html deleted file mode 100644 index 5ac6d7b..0000000 --- a/agenda de marcacao/agenda v1/calendario.html +++ /dev/null @@ -1,143 +0,0 @@ - - -
- - - Calendário Carrossel - - - -
-
- -

- -
- - - - - - - - - - - - - - -
SunMonTueWedThuFriSat
-
- -
- diff --git a/agenda de marcacao/agenda v1/defaut.zip b/agenda de marcacao/agenda v1/defaut.zip deleted file mode 100644 index e09969fbc0df2a550a1f3d3e60059b9c08d2039a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1669 zcmWIWW@Zs#0D&868zaCBD8UY-Q&Q6sOH1?vpo%yc<^mPH`>m1Z!NkCDnuUQu9HA&P zFD132ATgyVF<&pEBsb@5$l0LV1_Jxam%V@R>eekTmgN^V8edSGB9fKC!CD;r#8<_A zn(d@HS8QsZ&KK}Hy;S|p$BOT_@8^e?eaI{MnJO0FE1PCySo2$L#r-~oB1xqQCzMRt zR5ng}%pxiAD8OwBoA9F9H&<47%!^Ptso;{$H(M#3&C+B#+mf$$J{;L#&}h2+f!Qhc zcJDk3!F9`A9Ckeay340cn(=U;-{~{Q*mhiup1iC}{Mf~=whqbQ7yc5{H$~{$&PxBW zBVp&Z{-T|_Yd*3)%aC|rw!&9oM~tPEp6M>oFz zy4TKchuMs*y~Y)i)91NPSnSZ^G25#lje+f^)3-;{eg+i=M@lRIJkn`Juz}|dA8})r=Z2pH~*B+dl{VdIY^C3=djf;SG$k97HGwN@wp?OKA(NBMpSC~ zmFw=^7tjCh{%C4x`SEYYmx7<&q3-eFC6h7=_px6*o-x7i!JCD?f0$OLci;Z#oxr#% z^`_FcqxHEz*Kak+em^0t@N4GryBG8Ne%ko2GIQ*0x)tX4=20=RvWZ7xo0R%x%?|%K+}Bq9`)@M?_dl*!rkJk2I_Dj~w+iT4ZxLp`^Y+xe zu*`q4`xz05??}qVh_hUM3-W=9uZn|#K@5@jfI*p)3Qc^;#l>?&bNenE2>jh2^ge-8 z(Xn-R?#)Y+{)X;~=H%2BGB0@Tnf36-#J3sIN_FoR~a_9G$zwb3Z zt7d-UpOYpJpXZq$st&U_dQCON?oHp#xo}FShQsG9MK!IYLx1g07+-tiE|+{?l(qHk zq`QACch0;sr{TubRYIv&508X#THfebR#hj*^rddzmDTPimvUWL{ne=cmDiIWwn0Xs zBG-SH|9)Gu`K43r4wshA9tmj**BFCztY%8x)L|4gn#cRB?#B%K)OoXJDot6sYt4nV zyH-uBnYS)?hI0m!OOUd)#f8kNTa~Mu=6Ueso}G8_)5e=EA%+iqGkBEF9xHtll5*nZ znfU7^OVZjrqwQ1D7sO7=_TF>$-iaeo3s;_Dd_ujhp1G^~F-B%d}M~ zt1nee-%>w^>-!H!UF~d>ptAjne%(*+Oxv+(&-(u0q*!gk6}#(8@7^^2tE3Z~trfOC zc+2g&%9^Shb-(|J`sQ;lb3f!5uxN(Mb-P;@Z{EGieb@Hxrevzi35i{s#Wmg9^}ckd zIG sjf>KES-W2DIFI$tnPKLXh%0H@C$hgq&bR^Qu z;LpA#|Nogv{XF`C_bU6>2~x_g*Zjg9Wi8j$ZJNo(=U)9-Xx8>etru_Um+j`i{rlKP zub@eP{)NsoopPz^TZt}PF3(x}0B=Sndj?#^s0y?|6@b#vLY0d_0W84CAi-dI=4n^a zid&3O6>th+Ft(x>W-!PcRUn2Mj9w5UTeRx`Lk~h0VP-RAixvShAJihWOowcbM1i<@ V0ag#OvVnZZ41`)h@4B*rcmUnKt}*}s diff --git a/agenda de marcacao/agenda v1/defaut/indexpadrao.html b/agenda de marcacao/agenda v1/defaut/indexpadrao.html deleted file mode 100644 index 25ad7ce..0000000 --- a/agenda de marcacao/agenda v1/defaut/indexpadrao.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - Document - - - - - - - - - -
-
- -
PERFIL
-
-
- - -
-
- - - - \ No newline at end of file diff --git a/agenda de marcacao/agenda v1/defaut/stylepadrao.css b/agenda de marcacao/agenda v1/defaut/stylepadrao.css deleted file mode 100644 index 64a83ae..0000000 --- a/agenda de marcacao/agenda v1/defaut/stylepadrao.css +++ /dev/null @@ -1,134 +0,0 @@ -*{ - font-family: sans-serif; - padding: 0; - margin: 0; - box-sizing: border-box; -} - -header{ - display: flex; - font-size: 30px; - color: #727272; - background-color: #4FA088; - padding: 10px; - align-items: right; -} - -.perfil{ - background-color: #D9D9D9; - border-radius: 10px; - padding: 5px; - display: flex; - margin-left: auto; -} - -.perfil h5{ - margin: auto; -} - -.perfName{ - font-weight: normal; -} - -.menu{ - background-color: #4FA088; - height: 100%; - position: fixed; - padding: 70px 10px; - top: 0; -} - -.lista-geral { - display: flex; - flex-direction: column; - padding: 0; -} - -.lista{ - background-color: #D9D9D9; - padding: 0 20px; - margin: 10px; - list-style: none; - border-radius: 5px; - text-align: center; -} - -.title{ - width: max-content; - padding: 0 20px; - margin: 50px auto; - background-color:#D9D9D9; - color: #727272; - border-radius: 10px; - font-weight: normal; -} -body{ - background-color: #DFF1EB; -} - -main { - margin-left: 115px; - border-left: 10px solid #D9D9D9; - border-top: 10px solid #D9D9D9; -} - -.mes { - background-color: #D9D9D9; - color: #727272; - width: 200px; - height: max-content; - margin: 70px auto; - text-align: center; - font-size: 40px; - border-radius: 25px; - -} - -/* CALENDARIO */ - -.calendario { - width: 800px; - margin: 0 auto; -} - -.calendario .dianome{ - display: grid; - padding: 0; - gap: 20px; - grid-template-columns: repeat(7, 1fr); - padding: 0; -} - -.calendario .dias { - margin-top: 50px; - display: grid; - grid-template-columns: repeat(7, 1fr); - gap: 20px; - padding: 0; -} - -.calendario li{ - list-style: none; - font-size: 40px; - color: #727272; - background-color: #D9D9D9; - border-radius: 10px; - text-align: center; -} - -.calendario button{ - border: none; - background-color: #DFF1EB; -} - -.calendario button.selecionado li { - background-color: #F1CC6A; -} - -/*rodapé*/ - -.footer{ - margin-top: 2000px; - text-align: center; -} - diff --git a/agenda de marcacao/agenda v1/index.html b/agenda v2/index.html similarity index 89% rename from agenda de marcacao/agenda v1/index.html rename to agenda v2/index.html index bf843d5..656676c 100644 --- a/agenda de marcacao/agenda v1/index.html +++ b/agenda v2/index.html @@ -36,22 +36,22 @@
PERFIL

AGENDA DE CONSULTAS

-
+

-
+
- - - - - - - - - +
    +
  • Sun
    • +
  • Mon
    • +
  • Tue
    • +
  • Wed
    • +
  • Thu
    • +
  • Fri
    • +
  • Sat
    • +
diff --git a/agenda de marcacao/agenda v1/script.js b/agenda v2/script.js similarity index 100% rename from agenda de marcacao/agenda v1/script.js rename to agenda v2/script.js diff --git a/agenda de marcacao/agenda v1/style.css b/agenda v2/style.css similarity index 76% rename from agenda de marcacao/agenda v1/style.css rename to agenda v2/style.css index ce1b524..b0e0911 100644 --- a/agenda de marcacao/agenda v1/style.css +++ b/agenda v2/style.css @@ -76,15 +76,19 @@ main { /* CALENDARIO */ .calendar { - width: 300px; - background-color: white; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + margin: 0 auto; + width: 1000px; padding: 20px; border-radius: 8px; margin-bottom: 20px; } -.calendar header { + +.mes{ display: flex; + font-size: 30px; + color: #727272; + + padding: 10px; justify-content: space-between; align-items: center; margin-bottom: 20px; @@ -98,35 +102,54 @@ main { padding: 10px; text-align: center; } -.calendar th { - background-color: #f0f0f0; -} -.calendar td { - background-color: #fff; + +.days{ + background-color: #D9D9D9; + width: max-content; + list-style: none; + display: grid; + grid-template-columns: repeat(7, 1fr); + margin: 0 auto; } + + .calendar button { width: 100%; padding: 10px; background: none; border: none; cursor: pointer; + background-color: #D9D9D9; + width: 50px; + height: 50px; + border-radius: 5px; + } .calendar .today button { background-color: #87ceeb; } .calendar .selected { - background-color: #0000ff !important; + background-color: #727272 !important; color: white; } .form-container { + margin: 0 auto; display: none; width: 300px; - background-color: white; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + background-color: #D9D9D9; padding: 20px; border-radius: 8px; } +#monthYear{ +background-color: #D9D9D9; +padding: 5px; +border-radius: 10px; +} + +#nextMonth, #prevMonth{ + width: max-content; +} /*rodapé*/ .footer{
SunMonTueWedThuFriSat