From 4387367392ec096e375672f2e87bad28ded224fa Mon Sep 17 00:00:00 2001 From: suzinlim <122861956+suzinlim@users.noreply.github.com> Date: Fri, 7 Jul 2023 17:24:06 +0900 Subject: [PATCH 1/7] =?UTF-8?q?views.py=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- accounts/__pycache__/views.cpython-311.pyc | Bin 924 -> 3168 bytes accounts/views.py | 65 +- .../__pycache__/admin.cpython-311.pyc | Bin 233 -> 2185 bytes .../__pycache__/form.cpython-311.pyc | Bin 0 -> 996 bytes .../__pycache__/models.cpython-311.pyc | Bin 230 -> 2699 bytes .../__pycache__/urls.cpython-311.pyc | Bin 0 -> 506 bytes .../__pycache__/views.cpython-311.pyc | Bin 0 -> 1392 bytes .../0006_alter_post_file_alter_post_image.py | 23 + .../__pycache__/0001_initial.cpython-311.pyc | Bin 0 -> 3053 bytes .../0002_post_file.cpython-311.pyc | Bin 0 -> 861 bytes .../0003_alter_post_topic.cpython-311.pyc | Bin 0 -> 881 bytes .../0004_alter_post_topic.cpython-311.pyc | Bin 0 -> 901 bytes .../0005_alter_post_topic.cpython-311.pyc | Bin 0 -> 888 bytes ...post_file_alter_post_image.cpython-311.pyc | Bin 0 -> 1087 bytes lisamate/__pycache__/urls.cpython-311.pyc | Bin 1374 -> 1951 bytes lisamate/__pycache__/views.cpython-311.pyc | Bin 504 -> 723 bytes static/css/basic.css | 957 +++++------------- templates/accounts/login.html | 17 +- templates/accounts/signup.html | 64 ++ users/__pycache__/admin.cpython-311.pyc | Bin 616 -> 811 bytes users/__pycache__/models.cpython-311.pyc | Bin 1746 -> 2274 bytes users/admin.py | 7 +- .../0005_user_nickname_alter_user_id.py | 23 + users/migrations/0006_alter_user_id.py | 18 + users/migrations/0007_alter_user_id.py | 18 + ...ser_nickname_alter_user_id.cpython-311.pyc | Bin 0 -> 1100 bytes .../0006_alter_user_id.cpython-311.pyc | Bin 0 -> 875 bytes .../0007_alter_user_id.cpython-311.pyc | Bin 0 -> 873 bytes users/models.py | 14 +- 29 files changed, 499 insertions(+), 707 deletions(-) create mode 100644 informationPost/__pycache__/form.cpython-311.pyc create mode 100644 informationPost/__pycache__/urls.cpython-311.pyc create mode 100644 informationPost/__pycache__/views.cpython-311.pyc create mode 100644 informationPost/migrations/0006_alter_post_file_alter_post_image.py create mode 100644 informationPost/migrations/__pycache__/0001_initial.cpython-311.pyc create mode 100644 informationPost/migrations/__pycache__/0002_post_file.cpython-311.pyc create mode 100644 informationPost/migrations/__pycache__/0003_alter_post_topic.cpython-311.pyc create mode 100644 informationPost/migrations/__pycache__/0004_alter_post_topic.cpython-311.pyc create mode 100644 informationPost/migrations/__pycache__/0005_alter_post_topic.cpython-311.pyc create mode 100644 informationPost/migrations/__pycache__/0006_alter_post_file_alter_post_image.cpython-311.pyc create mode 100644 users/migrations/0005_user_nickname_alter_user_id.py create mode 100644 users/migrations/0006_alter_user_id.py create mode 100644 users/migrations/0007_alter_user_id.py create mode 100644 users/migrations/__pycache__/0005_user_nickname_alter_user_id.cpython-311.pyc create mode 100644 users/migrations/__pycache__/0006_alter_user_id.cpython-311.pyc create mode 100644 users/migrations/__pycache__/0007_alter_user_id.cpython-311.pyc diff --git a/accounts/__pycache__/views.cpython-311.pyc b/accounts/__pycache__/views.cpython-311.pyc index ee21a6a5b1fb36ff6dc509d651d81a4ac60ce15b..415d09a59f96bd9b21b1ca01233b868c16368a44 100644 GIT binary patch literal 3168 zcmd5;U1%Fe5WbU6(#dD}E|HBA*LLLCsZpFtO|V0n7=ukhe`uV5ofp-KqUf%&9R0X^ zr=~G-n-&*T#}9_cRD`4m+Biw=hfvbuLf)H)KHP}|n*&3j_@R{o0#hh?>g=5@Oa2L= zrO=gjZg+NOc4l|y+r95_)DTea{BocF3tGS7&PFkM%<)`$%IckYn{nnVxZ`1n}^l3j0ZObI#xARt@HM|Wd!_$L=$NoDu?;$nnf+!%5 zNwXp$&I?GRk-$fg5R!mri6+94xMqb}QTm;${!?&9oZ@$Tb7CWB4gOc!o`=LMD8m#TpL z!%Xq+lL{5HMkgVk}s~el~F(dQL}y+iAn$pR^gL~2z@4m1TYi8b0B<(5kAu%t7b#OM@d1H^dL89 zMs>P*EG}Ykw_aYH@?p>sebGovOpZq4zSDwuRZ5Kc-hX$nFL1VR=!~yF7`h683VU2-kIVG& zl9i}ym>ynoH0K@7Szd9psgAa^X_<3nYL_^7o^$713g=NdPujBVY|Qj5IotBiw%mJ) z)2BLpX&MZ0drO4Lev!;J7~kB8@m+4}PoG_J?$36}ZEr1}dwNkm^?~9XR-MCg?eL#g zqL!QPSz=o9OiS*d%(N)XA(c6_#2m>pM-;}ZGTsd{XLdKU!mwo{7jz??D$}{d9LqDu z6sAjMx?aHu_`=msrhmT~RZiqCWM>Lf8F!^ofHHS6 zyHI$PDcpNpybqn(sp8a+>sY1(fyah8Fr#A*+JjqrF~NXe0VWpY!VJ97I(q4ZvXMg(iGuA1y2Ua;ip{%5E?JCzUbM33H z1G4)~#dTD59hJGG04c4P$Qj3qt2rB%J9-vBlh0q2doL-jfa(g!TmZcW0aYa&hG<;Z z{6MM`ZnXR`LM>AHxk13gs`~1Ki?QNq!IRaaa8MyVJf;D-C5-!m($`<(B4VKO1;`_8 z#kd1VecMFrfZNy}#&|Xw`_l^iKB!_BkQ)SqO|z3J)z)4jD9gcBx-Na~D|VVqvw$~Q zT47sNwpFHEOLiF5Mf7zT@YHIJ{Ae&9PIyC!xP&5Cyx1XcEWry=(YU?1bpdfCfuvAU z5{(0gmqT;zplqByJreyW;yVT5^MtU|4+(u{J){?O4@{Jd3ccuc7{alNw}6z)BuOq4 topSYmnRr9q>AySwh)h)dOH?!2St81$w~@R|mWT>^!bZaSY$v+Ye*^qe3B3RS literal 924 zcmbVK&ubGw7@gVOY?h|!uGB(K)r;Up%u+BpXb~zF5j2-X54n`EGbEerk2o`{7>ao4 z!K1f&_E0JPXEu_9EC>Zr@D>POdh(myCSvW$VfW3Zn8o)QARHAcYpP^`G*Pt)x1mA)zca7$qK~ zu5fWimxBhK3jh2$z#-a4gFFsM@Gz5RmXJHn+dc>$LHuN43$>6aELP!^dIbC@OAWB1 zHB$*`K3hr>P7sjJnUj+WxTtx5YQCm&*fQo)Zn3QGG;W18&jJ}8|7hE!5 zKfC8Vkc7xXTk5h^yn*I8@*0Txze5t zuoCb|A-)Ch7M&K?4&Hp&_*~pfikn}}jrYCeT76{!zr!2WMV>^gQ?9=;9l1pp6 j4KPzN#$V9wG;+REy2=pSx(QvQsn4g$W(s=r{u<& diff --git a/accounts/views.py b/accounts/views.py index 4656a2a2..acf0cd0d 100644 --- a/accounts/views.py +++ b/accounts/views.py @@ -1,4 +1,7 @@ +from django.contrib.auth.models import User from django.shortcuts import render, redirect +from django.contrib.auth import login, logout +from django.contrib.auth import authenticate def signup_view(request): # GET 요청 시 HTML 응답 @@ -6,16 +9,66 @@ def signup_view(request): return render(request, 'accounts/signup.html') else: # 리다이렉트 - return redirect('accounts:signup') - + id = request.POST.get('id') + email = request.POST.get('email') + password = request.POST.get('password') + + # 데이터 유효성 검사 + if not id or not email or not password: + error_message = '모든 필드를 입력해주세요.' + return render(request, 'accounts/signup.html', {'error_message': error_message}) + + # 아이디, 이메일 데이터 중복 확인 + if User.objects.filter(id=id).exists(): + error_message = '사용 불가능한 아이디입니다.' + return render(request, 'accounts/signup.html', {'error_message': error_message}) + if User.objects.filter(email=email).exists(): + error_message = '사용 불가능한 이메일입니다.' + return render(request, 'accounts/signup.html', {'error_message': error_message}) + + # 데이터 저장 + user = User.objects.create_user(username=id, email=email, password=password) + + # 회원가입 후 로그인 + login(request, user) + # 리다이렉트 + return redirect('lisamate:mypage') + def login_view(request): # GET, POST 분리 if request.method == 'GET': # 로그인 HTML 응답 return render(request, 'accounts/login.html') else: - pass - + id = request.POST.get('id') + password = request.POST.get('password') + + # 아이디, 비밀번호 유효성 검사 + if not id: + error_message = '아이디를 입력해주세요.' + elif not password: + error_message = '비밀번호를 입력해주세요.' + else: + # 사용자 인증 + user = authenticate(request, id=id, password=password) + + if user is not None: + # 사용자 인증 성공 시 로그인 + login(request, user) + # 리다이렉트 + return redirect('accounts:login') + else: + # 사용자 인증 실패 시 에러 처리 + error_message = '아이디 또는 비밀번호가 올바르지 않습니다.' + return render(request, 'accounts/login.html', {'error_message': error_message}) + def logout_view(request): - # 로그인일 때 - pass \ No newline at end of file + # 데이터 유효성 검사 + # 로그인일 때 + if request.user.is_authenticated: + # 로그아웃 로직 처리 + logout(request) + # 리다이렉트 + return redirect('mypage') + + \ No newline at end of file diff --git a/informationPost/__pycache__/admin.cpython-311.pyc b/informationPost/__pycache__/admin.cpython-311.pyc index 1935740909195f487eae548894b3d30af6f4e323..d8c950e8499e7c4c20275b097c931f442db08d8e 100644 GIT binary patch literal 2185 zcmbVMO>7fK6rR~1|HY0en}A9&0;&SO#FQEV6;wb7X($Aw1XW#Btu~$s-LPJV*);*= z2p=LfR7j0zX|6s6s#Fz6jy?8hM=Qk|m8w!tX)i|MP;u&;b=HY#PMzI-`)1yo@6G$0 zr>Rr|!T1e7B|pdr{V68lh-@(H9GFE!5WzMoVjW{dBqG~VQP$<6qAM^*M6uOkM2}!Z z@l-T~sKr8V>z^u17@=kO+5;mA4I`q?ArgVz@o;?!PP7bPd*}&CV0RFy+>H`oL;)iP zT0P;eZj2>ZUJgY_Pm=f;$|lytN)~g~Bt^?v6X(iGT)9?qJsuq_6^qpIKpekPBGkTE zV#PuS0+`T^^+PaOL=@?mAYG!et`MxNMA9Qf)}utxWAMd^3ML~wwShb0*p@@rgqKVL zvZewli_ri5=)1pOR7bN39y1KbEKCddUHN^-KEUU*;dglPgzdx0(EbB zrRm(|k+E~em2=}mx$|b>7IjF@awZ`pre~EL5wTnl#DVF1Oyn^jq8!{DkZR{?CbjBN zGnoR?o30MGiS}Oga&ynYy0W|dvRxrUSHQ!HSlUj|wJnx6bwmU!az$AJAC^0Qh(wJ- zkHsv<^-QNgd19huGGci5rYY-(?OcWOvkKWBp14Upqckx^3m%UNUeq7#bd5WvZ4sU< z*wl0=F^K7zTm}s$^37A@SFeo>8iSu+9T^-N^=+Qj9t+hxk`xzyvTTLxo1UHHm$ zZc>42+_C6PHqI57+LJuWDCoka5N}&Iz*sC$D>Iv?g03?PCC3Af%b>#*A!Qk1J#H8U z+jL#Sa7AP6-xyW48)obXko)_(3w7YFbBI8@KLh!vikdxrEfk60z|Ebz7ITktwZqR& zHFh5NcOIV~Y--ts{NkC%XKK3}TGrRH&p)bbCmPxbUpp~>p_$gco&9F^;e$sHT1ZX- zLgs*<8CcC6Tge=Ie!7u4>u1g`B$`^Lh44E!@XP#3KYwvGe`zIu>DQ0zpMTNF>waEe zxbXdFwW!~B#P9p?WxDU-%%hpr^r4mXq1w#z_=}UjeA!5k`RTEGY%J*FtUSv0z|lvu zDoetjr3C2}M7YjV8__9H+cu0WW=CPw6-{-v9UxJ9Opvq?3av7r-85vTTf*CZK zUxE~9GTvfMOv%m6^V4LSEWj>0S&+%w>KBJiZhlH>PO4oI2T%*z29s$2*@wG&t6bMexp-~ zdv2U8fw4;%VKgBr4JakdVs>Jsc3@Ltk*9pEsVkV1dGL1$Cjn(7u!>X^QdxTzz{4yhu$c|;j;SNk6TrTJ z_Fo|t8n*+d2St6RKo79F*RNHG%w~?D-`qW*cz`qu5j3cmg`733Obg3gN9`%oc%4U* zg?hNfjjQu55yMaDgqvENXPRf)xFU^u+&CKoqTaR?noHxvLJx7zAk%UvuR$W?#z~~q z+iC3513WGB1iKb#E!7GntA}A0r92ExBMj4=4HC4c!|=@@O3D?9RT~!;d1AZ`!4sw= zUWoBldBS6DYTJVKxK>}u308O3@z)fW%1=b927QtFOI&S2CI0hgtDSJU^XjqRjp9w7 zF<)dzEz%;-un#_Z3tL0uU^Cn+(=O(JTDlBiKRqVQp7T#f@@DZs+ zQ2!`QEYEFB$YphmvC}ISN?^oXX?w6HX7k~*s|mbdg! p-UldrP$~p9u_>j8c65$_~N1j=U`^Kdg>K*3vUDZh*I0m}a$r~nC!aIxTBREqJAKdTd} z8PJQ4Q&Y|xl*z6rU7yzd`0LDr-*_~gaw(p0DG%XOUNBc!F^PDHmwHRWdec^+e8gMw z&v?Lmcxx>cSTj?A1lM7LE~cfSLt09q8L;RUy!BZ^E+X9ENtlT6L`u;a0dVlvaiWWh zGXf84Gq<`Lo0^zbz-(Hx*ESckxru2bn@jC$Fzqg; z>1@(LwyZmkjy0IAPrz&;os(Q@E7=Ba?{b89bi<5!V;(20=EiiERZLaS<#B`6>C2U$ z=kNVgtX{abRJ;TbKclBqdfFXb`eO3l!rbGdK21+6S{`>%y*gK!DOE0hUYY#13CVAS zktWwu{rZ#2cc0yD17XbTh^HtU)eS1=lq_{ZS>=qZ(cHLs!U?2L=xUl8`5r(nU7oL8 z__e1tOQrOC^~$B5O0lqX`C5;uPpIjbhoP^T2qceDTAjXD`F{2;f$rbPS3aJvUY(ug zU05C?r+R(9^20*)Mj?4FI;ty-7;!bLj8h{X6I_%d*MC13scVj@8Ys>Rj>puU7Ck3JGEtK<3=!6fMz~9U`Du0XN6@RA>xfF;)a9Ih zT2=_DS@qT2($!*h>NAEJ(ZB@=9aHj}nGb-la&a;auDOd9#ueQAr4+yS%Urq{{V;%i zEC~W@Fwp1%x42x$upyOd#0jlnV1F1HtjmQY=^3*I38eL$Npq$X8b){5gg)2xPRkJZu_h7FrA}x_ zXH*@}y+zMD0-lT$Nc4{+`UeIb|7oUzhn>iPV$!6Vt?Px-jDmp3is^{Mu+lhf*oHYI zr}aFnEu>Ww&dFuiS@smzILomf_^@sy7_u%whZ}w1n?mzh_6VJROK4vfxz?SR+HGlv z74N?@YNa$w%9f?9EoBRDE{a`KL$=suJ$KML_JJiHFN?=*@pxgdF>rJDf?N z1c;;EQ)70t`{o-~bWb_D$BynP99R^$<0RW}?p;XUX|s;0mY6Av8C%SNLU`NMD|UF> z%`FSU?Ex#9w!)+wCU%$<1{NdTQ}5Z4?&)1~&(8PWHm#BOt;o@G>a+n z(~1t3ql0#Iuy9~m;C-FT+1qh? zIs{&0-VEIRb%X$1^TI0m))aZXt{y|v@Z)IWC;n1k&GjOZAS7}N#G{_gLO3%l-3+sx zbs$08pnPCeX6-%C;ORvtFhdCYsJj`l*$J;Bhq?v5PaA^hi4%Q$x@t9SP( zxUW`^UT1xvgH_V_2FS9P=lMmh%Ubav7r-85vTTf*CZK zUxE~9GTvg#%}+_qDfZK3y2Y82m6(^Fua}Zk#0->N$?zGZX7WxJSJ7V_Hb8ZyIjMF< Z96&KfATE}j{D4!6`vQXu5EZcjMF6=qAS3_) diff --git a/informationPost/__pycache__/urls.cpython-311.pyc b/informationPost/__pycache__/urls.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..067d7d52fab8e7269edd2079e492ff446bbcba6f GIT binary patch literal 506 zcmZusPfNov6i?c;>nuZ5^yJyGgXRNFgoz#m6=CjD&{CJEoo!l@&ObZtxNo4Jz$yA+ zD(oOZQ1G>WQ1PI`7{xk-{dsNsDGUB*gp^Hg|v^7fD<7>r>F~-qflg;fdw(`AVx26 z$DIIQKX)qy>5^8!PLh>2j|A8Hq@}3@w^Ypaz|slQ)YlZ!RaHt&MmZDrV5~s!QNs;E zxxi5vi*_qyc!P?wEJ^Y9R=wu$)b=;=deA(hjNp)IsX-PdY){F328@k zjn61XJ*jA^V`M@IpTT1O+us1r|MNF@uIr3!U=_O?z1d#lrkbPj6Dki-`58ItZ6Tjo Yx;w~G^$Ar6s5-K&lF@bb;?t_#CmXJgp8x;= literal 0 HcmV?d00001 diff --git a/informationPost/__pycache__/views.cpython-311.pyc b/informationPost/__pycache__/views.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..d48430ae92726ee5e272156f06e7c62cd5e60ca9 GIT binary patch literal 1392 zcmZuw&u`OK9DmPtY?q|OER3pbU(s`mct@9&rqj!+`ac& zAWEkmIJBr5943{+4n0g|Q!gC%XE;?Pswa?;rXILOsrGRf~PiPX&5a z2S4=)RSlwpHi=O|1@o;0DkwsyZj-oFnA9a6b?f{smH{lZZ$rkxn$q3~X;7Defuz7u z;okcd)H>pWbFhshZ(~sHfha?gMoQQOKU zAZ#Tl(3>{hN{`j4>u{IU94tQX_RVtTTJ6@g+mrTnr#=Vsw!P+En5e_OuqnrDFM95MHa`DQq&(Qh18M=JtcaCB zEu&rQ)cE0!nSqc&s!a9qH9eom*1GVr$6>oC95xg{Z2=j51xJz zow@YlPA6ULri+nQ+yfjmv_T0kE8qJU)H-UT2H3t3JQr_{e$SJ+BAJow6Z|By38!00 zWC^$NhBiPtXovSs&qJPM(IFYm!-$XWrx0bB7Zubzez3;jcb72F?!PP9LNv*uLySpH z1Kq!=+-_NYeoRQlj2*!kxwV)vLX&R66nfzD*^p2JK16e%MCwNQ=43^f9;+=nzDI<{ zoJE()ne>UIP}vbZ35v!ks#(GkITwa}8n_8LL z&7Fxp9q;7qZqAM}cF%x>cgK)*dbPFITG4jXC;HU6`!{*Orc04lq9@?n(}fXX zk%rT}7ml;pkn;KhXK_n$b1;gKxIT-2rMSEPP$ZY*CjLS(Ox)~y^DD?+@ZBr)Gl7&-72aL`h@>c+bY#<{n2?E`Sd=Y0dnwBha85$9)v{>0eZ4Y0W|Dha>|=s zlBRwNxG1{IeVlpoz1jD^d2eQK_w@J}xPD-7qknrC=3lhax?Ii1!wG2IU=V{?i7Bud zmZfb@;tGz8qu|Uqt-eEYW!xNdmO;*C2Dz{!-_@FE)xj{I!((5WF65YI67GAnn_x|k zhIL((b6SEkeFZV63c9Gsn&~bm2us>{wrOYm^)@>XufTja7|di?#AGg=)u&Vko|c|IhA1J+}wy$aWO)=0!*M;Ouz| z7i@b5k>UgSr&|5Im9MmyZ{-4$KiC@WT=nt`JGseqmyd0a5#Hs@KhA^x{~`~bWYu=A z#o;|xHnBb4Cyx~kl#g$Z2J+fizpRObvW>@yIB4)7$8S zUsh=~nl4?`C43K2V>gKU$G2*q-AQmNeUT06$||ysW!)OD{dui^^Gtbh0&kYIBy zD+|1UP!mpB;j>Cf)>XRi*fxK!Y~8$Czp?^0T?o$#B}up8&a9{}-lJt!qC0r){pBQ3 z3=~)sELzI@-;|U0zo|gR*~;(*(_zE*qh+qg|$t^8g6#eANrTX73yx))SY z$7;f<_5oatf-t>`%)=&+b!>9F0jyEO2$>$|nr!J&l~<@6Xms8o9NnEumZE(O_s zh6Z4Ihc63ivzf;4=yub0jxM_0?iqoaNQ;GL*MAN&C5M|fzB7u7#hm;*C=@r!3vx~| zIW%K>EXv@J1cFl2!>N%`)29@1^WeP0JOodepVG+-P+VG45(`=>FUrXgtj)nvB+s9l zPVr-@^l0+5ke!2glRJ1#K0bw$Cr+GriEq+1R9sYPN>~EE78vbI$fu?D{o}p^OJ^Hy z#@m0zXLyeN(_{4iw(3b4o>arZ^}3hNH++mYM#rAn42FIT9wecGYx72EVBNWKlw^1! zt0bgVLz)rNNI>5VK22iDm3bqUY%t8PE^#|#fm5jJPuzq9{^FC42bO$fNzeqR9Gk(z zBr>q_f)N?0WH&q{GFgpG8j(p7nA!|RNOW-Jj1e7N?&ZfjMya-5UjD2bnN8%OB=r?v5VE% zMI&~R1m1**NjR}`$OtDYQ+GuYo~VW=jPL{rOm@1$ZG=g5x*DA}qSGXh?hN4M-RH=3 ziA3hBk$EFBPXY^@!7%9?T=}KZH(2?_I@*~1UNpwvGRAYpxI*+l0uv>6jB*qm=YSlL zpaMzBd7W#7{Jr}cuKix$0|vw+DjM;}D-?Nx75a}H!qPQ4>LanSYHZAijgi2(#liq( zVW9HH+V721qsFOmK{M9&VAplHtsJsHONUxDsJ_ygO-<33HTf{Ke)7CxZ$H0L z&q9}ee`-32hJ$5Us1o*B!o)j&n@m61>$lkfYq*cF?gq14T=N-$qYvo7qdi6~uYLx% CkWqI4 literal 0 HcmV?d00001 diff --git a/informationPost/migrations/__pycache__/0002_post_file.cpython-311.pyc b/informationPost/migrations/__pycache__/0002_post_file.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..1c1c957fa6f0c9b9dc15c71a36852b8873942017 GIT binary patch literal 861 zcmZuvzi-n(6uz?^$F@>ItxA<>VW<$o5~>4pg_Nokf!YeGKL$(WaC4W)iGN`yNNgDx z7&>(8#F~QWz#qWCpAe)B(TR--2_#qP)QNXaT?FNw{oQ---rf7|vyW$H3yFaMHKrezzz;1N5V)#j}evLASyH5mWxdT@IGEfj!czpWR-r1WlQ2l z;I$IB>qTM8)gYqGPaDNfG3R7pp1c4!LJT>WB1fXQg&kQ!OlcRSpfwd4wOxkN+^7Ph zMAeh>Kmii)PVGedn-rX-Q5|R*T;DAC0J&>k*o=}Or}r#MyS!4ZR__xp^tztwb0roz zrRn)>hohbfhyOY_`1$U$rSQ_e?}i<&ggxKqdN1}Pmy&M8E3a6xAEk_hZon)V?l10~ zM^FqoUTS*Gr(2fJHInBE;RYd4*Yg?p6+&M2Twm0Rh_aZ4l!XnCrHPQ4Yc)#O#TkjX zFxS_CUmkNKirIzOAJ9Z-alU8orYuQq-wV=S+Y9YAmUg;PY;Qc-u93~!&Lex(ZFHc8 z{f`*-pD$;FEDwlKg9tH}5FfTk+v|Nzd4?r zADc^ucSh#Y`?*hRUsi{^&xdCHt63kJ^{lMu#wh|g6OhTOsrH|Wkt`I=wm^BEw%xE5 zEz|v6j$DK(og1PouU!Q1Tw9rH`Y^c#A^hto-2=#Ej4@Ee))3vj`ebSas~NfqhsNmo N?NhOE_Mg?f?{CnO<9Yx9 literal 0 HcmV?d00001 diff --git a/informationPost/migrations/__pycache__/0003_alter_post_topic.cpython-311.pyc b/informationPost/migrations/__pycache__/0003_alter_post_topic.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..1af470894caf02bf8ebe955ce7e40eaeae92f567 GIT binary patch literal 881 zcmZuvO=}ZD7@pbPY_d!0$5OD0l~6>?B^&fwl=z9#7NP1PD8nW*O*h?-xSNRHa_}Iu zhg?c7J-3PhLA(h5hzL1^!JDU=7Ph3Po_uGMv}m2#efN1kX5MF>*`28=9l`jCcj#w~ z&@bUkMq&(x^8nh2B8na4;v#mXqJ)uz9wI8eLsVwCDo++|1NwCA6=kX{qikYVq_Yy& zUAq!kb=&tsuDU*DPFS9-6yMa?8NL9}Mhq1(MMa6?3NFeLVoG&F3R+VUQLD-E8blSE z=&0Kg5P)|yI?2BY!9FRP0!kX!7AIVQ*jd|K@dG!e_QVhC{7gQdzd>pM$%^eTt_a8z zb-!kpcc)?VMh49O=GVdcx6JP^8++?pgUC$krR;Ft1Wy<>}Wf zDET2Hp5?Nv3~~qwVvj2##uFW=V$uHT4#D38Ko$xX!-#Hb0|zCtA^Tq zEM{`fDYTtG}&}N;%*{(%fW-t z9&#zY^lTM-5)TTV{0l1NPzGgAV1G{4gmVf~xE_kF&Jf*A0?GxzOHTT+SzzMOCCLwZN(H2u-kG zQJ4GGW=&*Y@^B`IIQ4ChW09Gdk}#pkoJh?&++|ZJH$#&=rNX2X>sl^HoTcf>+Oly1mpZ$vzr-NKQ*#`;`Dm1(7D*n72aR|QdoQ7t>ye5Ilr6pt-hXD3zJCD0XZV5u literal 0 HcmV?d00001 diff --git a/informationPost/migrations/__pycache__/0005_alter_post_topic.cpython-311.pyc b/informationPost/migrations/__pycache__/0005_alter_post_topic.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..64a3e7a1a1cdcd6ccd6d12e8d704e5e22de478d0 GIT binary patch literal 888 zcmZuw&ubGw6rS1LY_dy=x>T%UB@_{J>E>W>MTtLA+9Fgv1ZCJ{rs<~pBkm@mw;VhO z?ID+vOV6!hP9lQf9}yvkFnIG+)54bY)RS*ENk!w#?%VHs^Jd?-->`dAQ#yk21Mkr< z7@?nnj7MSw28#e%h$4y|14 zlzAnag@G`i>v^I4zIaQZh=g`$-5PSP`&BkNgb!!{i|FKq`7~rfXganV)+@GW-euti zNH>=ruI9;d{>eS_wpH4ICgwjznSV~y1j`mCESs;s2~_A22LZxo5E`d5QjxY0$Q?tDbv%PaOJ!7tUt!vD^FLrKO9i#Z&D0YovlvFhR2tha&A(B-?Z9Eb) zxHxXKl2y1yE0$OG=V>waB=%t_Wk!_6wU+>$q!x$9-V81Sh2LPPF_JOHAP;9d==$Up XscEc6XfibQ?%AtHV&V8dt8w4o9Dws) literal 0 HcmV?d00001 diff --git a/informationPost/migrations/__pycache__/0006_alter_post_file_alter_post_image.cpython-311.pyc b/informationPost/migrations/__pycache__/0006_alter_post_file_alter_post_image.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..3f0355e82ee549334e3899fec29529bf06607a03 GIT binary patch literal 1087 zcmah{y-yTD6rb5IZWm5vgTX}61c>n(mIfP%2?j72Koh`Xo6X+MaM`>4a`(Eeipn?3Eg)y&%$Z~hG0FCcgTAI zp&uM%OYSJglb~!Of(UkzhfVAWrht)vo+2W=MMR{yB4$q8pnW<=rbwhERFHr2>w>^E z&nZWC%?bRNDPBOR8<#Rq{_X96<6TfT5k)2@$P@@JV^b6ml`2_LkeculrP9;!K}3Qr z6J@VwTY@6sJzIOZzl-XMqo#3knSB~ZBfbBNQx;5>^g(-hrY>ZCL6g@Ve>I4_w9OYm zTw^!K$Hylu+pW>a3gN)21))=764#lu>bP`yEnf`mh{Og*u~Ao`nBVK`hg;tY5|fLr z?N^!P*Ik#X_0SD$0x?+MYZ?`Um|DK=(SiuDskUjub%> z6_OloefjnI>)}pgv7oV>l{#A%(<}>u)m;jDpJlzO+b$2t5uqXV3H3`3jUzs3rcLqI zW_hZJv(D66=pw~To8zfFdJxji^gp6wFhr-Gu@ciLHeAPx>lMd0rfFOSdW`wGr73G+ zYI(+ZVwb9r(73{?aq%k|!0*G${Bja68(wI*) zq~3j}wQ@u4!J&5lU|S#FxZl!;cL(;TzdvslD^0z6pjTUZHR+L5?FfN5;o^$pt+qbG z9Y=OY_m`V9D@_tK_3%IsTY7laGvBK#jc0sEcd{}UVfrem*nT+}BgK^Ml;N{RZgaEL zb_lf7+~nEF9!K{8VtC`1AQBN{49(#}6FumD5~Uw23F;ObTI5x+S3$8DPT4~a7; AQUCw| literal 0 HcmV?d00001 diff --git a/lisamate/__pycache__/urls.cpython-311.pyc b/lisamate/__pycache__/urls.cpython-311.pyc index fbeecdc9c874699af5b2e20ebfa2be7dc67c9159..e206e4bfb73b43a1470cfa6b11e714cdcb4ddea2 100644 GIT binary patch delta 800 zcmZuszi-n(6h1pn{40*z)NWK@03p;QLs}t(kb*!+MWt%mqzykLGgNNQ36A^&Y&W0? zsTnh&L>?I!klKL^u<>U&l84AbEDWrX7+E;Su|%rAdw2TY``-86-B0EdpFig~2B7$X zox|NE0KdW_4t5UyyvK(5&HE68NsZEJiN*lJDUH!tiPh6mdRCJfr)Q)L25_JdkW%nA z9~-rohT2tcvxgQfdFS^w0h}sCqIqH(frfflb zqbsOJ)3kJCXBsurc1kCfW(WL*E;8hx**MV^!#T1{)7dYG?(f9iV-~h$qh*#FrqQ%g z=s!X3zs}686g}1=LpGzSwv295N*(l0+oDj@qC-Z!aOHe}aZALlTtM$V-r9L|^z5(_ zFcCbgR-d|cVxPT<)EL_K6U-eE4=dL_u#gi_^cHghHoePo0@l67bpI0dHxq*DZS}8s zVt(+_7xQDW=!?a#YaUS^6J?($NBr7gd$8?YyX`%wdO~e1)O>Uj2R?ByWl0|Iu~PwH i>3*l*8NBjW^WQ1|-mb@2#(c#`C#dw;a9KCdPyPX^=GyH5 delta 296 zcmbQwe~(LJIWI340}$vvU6itbnStRkhyw$hP{!v23==gB>X{f)SyEV2nX))w3bJ4- z7?v?HFsue*2mq^O1Cs1nVADaO%Yb+_L>fq@u&?1*2DEQA5JLc14=0dhP2o!6Uc-ZG zB9J#Zo{@)>If^@lH<&?_Z}SSq diff --git a/lisamate/__pycache__/views.cpython-311.pyc b/lisamate/__pycache__/views.cpython-311.pyc index 0fa0f12f432946e92134fbbb0b73cbdb67828d6e..0ec46b2757d287f0ade944c6431c83dced1b2702 100644 GIT binary patch delta 312 zcmeyte3_MZIWI340}#kvT$ZwRBCjN)*F<$)B_;-Uh7^_-h7{IR#%0V546A_{0-~5x z*n$}}*(XN%3GyXpq$X$QWEPj`Wt8OR_^q6{ZMvXJgD(gc@c`8qu>y&S`TCaJ0Y&*~ znK`LpnW^Pf+_{wniRq~jJwm R$SBSwiK3N22Iw9Wqy3zxs?Tp>8W}dCAm3% zniH>17g22R1;HY2pspfTAmOLUJeikCQ5j?oM3e`}`o&?Bo1apelWJGQ2jnsWak2O0 ZFeW)ur4I~@jOav1%}0>v7c5d>GXWl1D9!)? diff --git a/static/css/basic.css b/static/css/basic.css index 3dc1af68..18c5e287 100644 --- a/static/css/basic.css +++ b/static/css/basic.css @@ -2,699 +2,282 @@ @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); -body{ - background: linear-gradient(#CDCDCD, #F5F5F5) no-repeat center fixed; -} - -.circle{ - height:149px; - width:975px; - border-radius:100px; - background-color:#151E63; - position:absolute; - top:-85px; - left:480px; -} - -p { - position: absolute; - top: 102px; - left: 128px; - color: #233C9B; - width: auto; - font-size: 100px; - font-family: 'Jua'; - font-weight: 400; -} - -.text1>p { - position:absolute; - top: 2px; - left: 62px; - color: #242A57; - font-size: 30px; - font-family: 'Inter', sans-serif; - font-weight: 400; -} - -i{ - width:36.94px; - height:43.99px; - position:absolute; - top:51px; - left:1626px; - color:#181D45; - cursor:pointer; -} - -.home>i{ - width:50px; - height:50px; - position:absolute; - top:51px; - left: 1689.59px; - color:#181D45; -} - -.bell>i{ - width:37px; - height:30px; - position:absolute; - top:52px; - left:1759px; - color:#181D45; -} - -.bell>.redcircle{ - width:13px; - height:12px; - border-radius:50%; - position:absolute; - top:43px; - left:1775px; - background-color:#FF5050; -} - -.text2>p { - position: absolute; - top: 210px; - left: 1497px; - font-family: 'Inter', sans-serif; - font-weight: 600; - font-size: 30px; - color: #0F3FE8; - cursor: pointer; -} - -.text2-1>p { - position: absolute; - top: 210px; - left: 1676px; - width:100px; - font-family: 'Inter', sans-serif; - font-weight: 600; - font-size: 30px; - color: #242A57; - cursor: pointer; -} - -.text2-2>p { - position: absolute; - top: 210px; - left: 1650px; - width:50px; - overflow: hidden; - font-family: 'Inter', sans-serif; - font-weight: 600; - font-size: 30px; - color: #000000; - -} -.user { - width: 292px; - height: 51px; - position: absolute; - top: 455px; - left: 222px; - border-radius: 100px; - background-color: #0015AD; - box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); - display: flex; - align-items: center; - justify-content: center; - text-align: center; - color: white; - font-size: 25px; - font-weight: 600; - font-family: 'Hind', sans-serif; +body { + background: linear-gradient(180deg, #CDCDCD 0%, #F5F5F5 100%); + background-repeat: no-repeat; + height: 100vh; + width: 100vw; + overflow: hidden; +} + +.logo { + display: flex; + align-items: center; + justify-content: space-between; +} + +.logo > p { + margin-top: 0%; + margin-left: 1%; + font-family: Inter; + font-size: 3vw; + font-weight: 600; + line-height: 3.631vw; + letter-spacing: -0.05em; + text-align: left; + color: #242A57; +} + +.logo > a > i { + width: 3vw; + height: 3.2vw; + color: #242A5D; + margin-right: 2vw; +} + +.CircleContainer { + position: absolute; + z-index: -1; +} + +.circle1 { + width: 47.9vw; + height: 47.9vw; + background-color: #242A5D; + border-radius: 50%; + margin-top: 25vw; + margin-left: -10vw; +} + +.circle2 { + width: 61.6vw; + height: 61.6vw; + background-color: #99BCFF; + border-radius: 50%; + filter: blur(2.6vw); + margin-top: -80vw; + margin-left: 80vw; +} + +.circle3 { + width: 31vw; + height: 31vw; + background-color: #2A38B1; + border-radius: 50%; + filter: blur(5.3vw); + margin-top: -80vw; + margin-left: 50vw; +} + +.bluebox-whitebox-container { + display: flex; + justify-content: center; + align-items: center; + margin-top: -2%; +} + +.bluebox-whitebox-container > .bluebox { + width: 30vw; /* Updated size */ + height: 36.15vw; /* Updated size */ + border-radius: 6.5vw; /* Updated size */ + background: linear-gradient(#4762FF, #78B6FF); + box-shadow: 1.825vw 0 2.65vw -0.09vw rgba(0, 0, 0, 0.23); /* Updated size */ + z-index: 2; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + + +.bluebox-whitebox-container > .bluebox > .subTitle { + font-family: 'Inter'; + font-weight: 600; + font-size: 2vw; + line-height: 2.42vw; + letter-spacing: -0.05rem; + color: white; + margin-top: 7.5%; +} + +.bluebox-whitebox-container > .bluebox > .Title { + font-family: 'Jua'; + font-weight: 400; + font-size: 4.5vw; /* Updated size */ + line-height: 7.5vw; /* Updated size */ + letter-spacing: -0.05rem; + color: white; + margin-top: 3%; + white-space: nowrap; +} + +.bluebox-whitebox-container > .bluebox > .explain { + font-family: 'Pretendard'; + font-weight: 500; + font-size: 1.25vw; /* Updated size */ + line-height: 1.49vw; /* Updated size */ + letter-spacing: -0.05rem; + color: white; + margin-top: -2%; +} + +.bluebox-whitebox-container > .whitebox { + width: 38.5vw; /* Updated size */ + height: 30vw; /* Updated size */ + margin-top: 12%; + margin-left: -1%; + border-radius: 5vw; /* Updated size */ + background-color: white; + box-shadow: 1.9vw 1.1vw 3.25vw 0 rgba(0, 0, 0, 0.25); /* Updated size */ +} + +.bluebox-whitebox-container > .whitebox > form { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.bluebox-whitebox-container > .whitebox > form > .LoginText { + margin-top: 10%; + margin-left: -45%; + font-family: 'Inter'; + font-weight: 700; + font-size: 3vw; + line-height: 3.63vw; + color: #000000; +} + +.bluebox-whitebox-container > .whitebox > form > p { + margin-left: -60%; + margin-top: 5%; + font-family: 'Inter'; + font-weight: 400; + font-size: 1.25vw; + line-height: 1.89vw; /* Updated size */ + letter-spacing: -0.05rem; + color: #BEBEBE; +} + +input { + box-sizing: border-box; + width: 40vw; /* Updated size */ + max-width: 26.19vw; /* Updated size */ + height: 10vh; /* Updated size */ + max-height: 3.25vw; /* Updated size */ + border-radius: 2.75vw; /* Updated size */ + border: 0.05vw solid #C4C4C4; /* Updated size */ + outline: none; + background-color: white; + padding-left: 3.75vw; + padding-right: 3.75vw; + font-family: 'Inter', sans-serif; + font-weight: 400; + font-size: 1.25vw; + color: #4A4A4A; + margin-top: -2vh; + margin-bottom: -3vh; +} + +.bluebox-whitebox-container > .whitebox > form > .UserText, +.bluebox-whitebox-container > .whitebox > form > .PasswordText { + position: relative; + +} + +.bluebox-whitebox-container > .whitebox > form > .UserText > i, +.bluebox-whitebox-container > .whitebox > form > .PasswordText > i { + position: absolute; + top: 0.625vw; /* 업데이트된 크기 */ + left: 0.9375vw; /* 업데이트된 크기 */ + width: 1.431vw; + height: 1.695vw; + color: #575757; z-index: 1; -} - -.userbox{ - width:292px; - height:393px; - position:absolute; - top:455px; - left:223px; - border-radius:50px; - border: 1px solid #919191; - background-color:white; - box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); - display: flex; - justify-content: center; - align-items: center; -} - -.userbox>.userImage{ - width:164px; - height:164px; - border-radius:50%; - position:absolute; - top:70px; - background:linear-gradient(#CFCFCF, #FFFFFF); - border: 2px solid #142F9E; -} - -.userbox>.id{ - position:absolute; - top:250px; + font-size: 1.1vw; /* 추가된 속성: 반응형 폰트 크기 */ + } + + /* 반응형 스타일링 */ + @media (max-width: 768px) { + .bluebox-whitebox-container > .whitebox > form > .PasswordText > i { + top: 1.25vw; /* 업데이트된 크기 */ + left: 1.875vw; /* 업데이트된 크기 */ + width: 2.862vw; + height: 3.39vw; + font-size: 1.5vw; /* 반응형 폰트 크기 */ + } + } + + @media (max-width: 576px) { + .bluebox-whitebox-container > .whitebox > form > .PasswordText > i { + top: 1.875vw; /* 업데이트된 크기 */ + left: 2.8125vw; /* 업데이트된 크기 */ + width: 2.862vw; + height: 3.39vw; + font-size: 1.8vw; /* 반응형 폰트 크기 */ + } + } + + +#joinBtn { + border: none; + background-color: white; + color: #c4c4c4; + font-family: 'Inter', sans-serif; + font-size: 0.8vw; + font-weight: 400; + cursor: pointer; + margin-top: 4%; + margin-left: 60%; +} + +#joinBtn:hover { + color:#4967FF; +} + +#LoginBtn { + width: calc(40vw - 1rem); /* 조절된 크기 */ + max-width: 26.19vw; /* Updated size */ + height: calc(6.25vh + 0.625rem); /* 조절된 크기 */ + max-height: 3.25vw; /* Updated size */ + margin-top: 2%; + margin-left: auto; /* 수정된 부분 */ + margin-right: auto; /* 수정된 부분 */ + border: 2px solid #4967FF; + border-radius: 55px; + background-color: #4967FF; font-family: 'Inter', sans-serif; - font-weight:600; - font-size:18px; - color:#142F9E; -} - -.userbox>.email{ - position: absolute; - top: 275px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 13px; - color: #4967FF; -} - -.userbox>.explain{ - position: absolute; - top: 307px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 18px; - color: #142F9E; -} - -#pen{ - position:absolute; - background-color:white; - border:none; - cursor:pointer; - color: #09174E; - top:340px; - left:45px; -} - -#pen:hover{ - color:#142F9E; -} - -#pen>img{ - width:17.12px; - height:17.12px; -} - -#setting{ - position: absolute; - background-color: white; - color: #09174E; - border:none; - cursor:pointer; - top: 340px; - left: 115px; -} - -#setting:hover { - color: #142F9E; -} - -#setting>img{ - width: 17.12px; - height: 17.12px; -} - -.menu{ - width:274px; - height:1049px; - position:absolute; - top:920px; - left:230px; - border-radius: 50px; - border: 1px solid #919191; - background-color:white; - box-shadow:inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); -} - -.checklist{ - width:274.25px; - height:76px; - background-color:#131B5A; - position:absolute; - top:920px; - left:230px; - box-shadow: 0px 9px 11px 0px rgba(0, 0, 0, 0.29); -} - -.checklist>p{ - font-family: 'Hind', sans-serif; - font-weight: 600; - font-size: 25px; + font-weight: 500; + font-size: 1.25vw; color: white; - position:absolute; - left:90px; - top:-4px; -} - -.checklistCircle{ - width:80.16px; - height:76px; - background-color:#131B5A; - position:absolute; - top:920px; - left:457.84px; - border-radius: 0 76px 76px 0; - box-shadow: 9px 5px 11px 0px rgba(0, 0, 0, 0.29); -} - -.noticeboard{ - width: 274.25px; - height: 76px; - background-color: #131B5A; - position: absolute; - top: 1139px; - left: 230px; - box-shadow: 0px 9px 11px 0px rgba(0, 0, 0, 0.29); -} - -.noticeboard>p { - font-family: 'Hind', sans-serif; - font-weight: 600; - font-size: 25px; - color: white; - position: absolute; - left: 110px; - top: -4px; -} - -.noticeboardCircle { - width: 80.16px; - height: 76px; - background-color: #131B5A; - position: absolute; - top: 1139px; - left: 457.84px; - border-radius: 0 76px 76px 0; - box-shadow: 9px 5px 11px 0px rgba(0, 0, 0, 0.29); -} - -.check{ - width:243px; - height:65px; - position:absolute; - top:1007px; - left:248px; - border-radius:40px; -} - -.check>i{ - width:100px; - height:100px; - color:#131B5A; - position:absolute; - top:31px; - left:30px; - z-index:1; -} - -.check>p{ - position:absolute; - top:-10px; - left:80px; - font-family: 'Inter', sans-serif; - font-weight:400; - font-size:25px; - color:#131B5A; - cursor:pointer; -} - -.calender{ - width: 243px; - height: 65px; - position: absolute; - top: 1057px; - left: 248px; - border-radius: 40px; -} - -.calender>i { - width: 100px; - height: 100px; - color: #131B5A; - position: absolute; - top: 31px; - left: 30px; - z-index: 1; -} - -.calender>p { - position: absolute; - top: -10px; - left: 105px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 25px; - color: #131B5A; - cursor: pointer; -} - -.information>p{ - position:absolute; - top:1226px; - left:300px; - font-family: 'Inter', sans-serif; - font-weight: 600; - font-size: 25px; - color: #131B5A; - cursor: pointer; -} - -.information>.monthly{ - width: 243px; - height: 40px; - position: absolute; - top: 1314px; - left: 247px; - border-radius: 40px; -} - -.information>.monthly>i { - width: 100px; - height: 100px; - color: #131B5A; - position: absolute; - top: 18px; - left: 20px; - z-index: 1; -} - -.information>.monthly>p { - position: absolute; - top: -25px; - left: 50px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 25px; - color: #131B5A; - cursor: pointer; -} - -.information>.Jeonse{ - width: 243px; - height: 40px; - position: absolute; - top: 1365px; - left: 247px; - border-radius: 40px; -} - -.information>.Jeonse>i { - width: 100px; - height: 100px; - color: #131B5A; - position: absolute; - top: 18px; - left: 20px; - z-index: 1; -} - -.information>.Jeonse>p { - position: absolute; - top: -25px; - left: 50px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 25px; - color: #131B5A; - cursor: pointer; -} - -.information>.bargain { - width: 243px; - height: 40px; - position: absolute; - top: 1416px; - left: 247px; - border-radius: 40px; -} - -.information>.bargain>i { - width: 100px; - height: 100px; - color: #131B5A; - position: absolute; - top: 18px; - left: 20px; - z-index: 1; -} - -.information>.bargain>p { - position: absolute; - top: -25px; - left: 50px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 25px; - color: #131B5A; - cursor: pointer; -} - -.information>hr{ - position:absolute; - top:1473px; - left:230px; - width:273px; - border:1px solid #131B5A; -} - -.review>p{ - position:absolute; - top:1501px; - left: 300px; - font-family: 'Inter', sans-serif; - font-weight:600; - font-size:25px; - color: #131B5A; -} - -.review>.monthlyReview { - width: 243px; - height: 40px; - position: absolute; - top: 1589px; - left: 247px; - border-radius: 40px; -} - -.review>.monthlyReview>i { - width: 100px; - height: 100px; - color: #131B5A; - position: absolute; - top: 18px; - left: 20px; - z-index: 1; -} - -.review>.monthlyReview>p { - position: absolute; - top: -25px; - left: 70px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 25px; - color: #131B5A; - cursor: pointer; -} - -.review>.JeonseReview { - width: 243px; - height: 40px; - position: absolute; - top: 1640px; - left: 247px; - border-radius: 40px; -} - -.review>.JeonseReview>i { - width: 100px; - height: 100px; - color: #131B5A; - position: absolute; - top: 18px; - left: 20px; - z-index: 1; -} - -.review>.JeonseReview>p { - position: absolute; - top: -25px; - left: 70px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 25px; - color: #131B5A; - cursor: pointer; -} - -.review>.bargainReview { - width: 243px; - height: 40px; - position: absolute; - top: 1691px; - left: 247px; - border-radius: 40px; -} - -.review>.bargainReview>i { - width: 100px; - height: 100px; - color: #131B5A; - position: absolute; - top: 18px; - left: 20px; - z-index: 1; -} - -.review>.bargainReview>p { - position: absolute; - top: -25px; - left: 70px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 25px; - color: #131B5A; cursor: pointer; -} - -.review>hr { - position: absolute; - top: 1743px; - left: 230px; - width: 273px; - border: 1px solid #131B5A; -} - -.town>p { - position: absolute; - top: 1766px; - left: 275px; - font-family: 'Inter', sans-serif; - font-weight: 600; - font-size: 25px; - color: #131B5A; -} -.town>.situation { - width: 243px; - height: 40px; - position: absolute; - top: 1849px; - left: 247px; - border-radius: 40px; -} - -.town>.situation>i { - width: 100px; - height: 100px; - color: #131B5A; - position: absolute; - top: 18px; - left: 20px; - z-index: 1; -} - -.town>.situation>p { - position: absolute; - top: -25px; - left: 45px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 25px; - color: #131B5A; - cursor: pointer; -} -.town>.criminal { - width: 243px; - height: 40px; - position: absolute; - top: 1900px; - left: 247px; - border-radius: 40px; -} - -.town>.criminal>i { - width: 100px; - height: 100px; - color: #131B5A; - position: absolute; - top: 18px; - left: 20px; - z-index: 1; -} - -.town>.criminal>p { - position: absolute; - top: -25px; - left: 45px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 25px; - color: #131B5A; - cursor: pointer; - white-space:nowrap; -} - -.schedulebar{ - width:292px; - height:51px; - position:absolute; - top:2033px; - left:223px; - border-radius: 100px; - background-color:#0015AD; - box-shadow:0px 7px 14px 0px rgba(0, 0, 0, 0.32); - z-index:1; - color:white; - display: flex; - align-items: center; - justify-content: center; - text-align: center; - font-family: 'Hind', sans-serif; - font-weight: 600; - font-size: 25px; -} - -.scheduleMenu{ - width:292px; - height:378px; - position:absolute; - top:2033px; - left:223px; - border: 1px solid #919191; - border-radius:50px; - background-color: white; - box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + + } + + + + .bluebox-whitebox-container > .whitebox { + position: relative; /* 추가된 속성 */ + } + + .bluebox-whitebox-container > .whitebox > #LoginBtn { + position: absolute; /* 추가된 속성 */ + bottom: -10%; /* 원하는 위치로 조정 */ + left: 50%; /* 원하는 위치로 조정 */ + transform: translateX(-50%); /* 가운데 정렬을 위한 속성 */ + } + +.circleContainer{ display: flex; - justify-content: center; - align-items: center; + justify-content: space-between; + margin-top:3%; + gap: 10px; } -.scheduleMenu>img{ - width:133.72px; - height:137px; -} - -.scheduleMenu>.text3{ - display: flex; - justify-content: center; -} - -.scheduleMenu>.text3>p{ - font-family: 'Inter', sans-serif; - font-size: 20px; - font-weight: 400; - z-index:1; - position:absolute; - top:280px; - left: 0; - right: 0; - margin: auto; - text-align: center; +.bottomCircle1, .bottomCircle2, .bottomCircle3{ + width: 9.19px; + height: 9.19px; + border-radius: 50%; + background-color: #4967FF; } \ No newline at end of file diff --git a/templates/accounts/login.html b/templates/accounts/login.html index 9a049fc2..dfddadbd 100644 --- a/templates/accounts/login.html +++ b/templates/accounts/login.html @@ -44,18 +44,17 @@
-
- -

/

- -
- + +
+ {% csrf_token %} +
+ {{ form.as_ul }} +
+ +
>
diff --git a/templates/accounts/signup.html b/templates/accounts/signup.html index e69de29b..df0889bb 100644 --- a/templates/accounts/signup.html +++ b/templates/accounts/signup.html @@ -0,0 +1,64 @@ + + + + + + + + LisaMate + + + + + + + +
+
+
+
+
+ +
+
+ +
Hello
+
LISA MATE
+
나의 이사메이트 리사.
+
+ +
+
+
회원가입
+

Name

+
+ + +
+

Email

+
+ + +
+

Password

+
+ + +
+ +
+
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/users/__pycache__/admin.cpython-311.pyc b/users/__pycache__/admin.cpython-311.pyc index cdc0c88a9415ab1812dcb81c12b4cd9e1779f6d4..9580cae4fdb23638fefc4350b4ea7bf154cbceb7 100644 GIT binary patch literal 811 zcmZWmJ8u&~5T3nTdH(Mrb@-mIY+RVot>T8Z)av_=Ca-P!BGGFl0GE>Khdbky;T;+ zMmYltlnBU3LK*}YFfwS=fi7%-uVybPY8uR|t@E{7 z`}brnYhGB!%j_kYJk5OwylXTAqTPgMJU7bPfnu_U#>fV8-8#2GM% z2!+U^B(kX$In*|h9lefzy9H&U3KzKA;#9jVOSsTp&eLI@WK6p}OZrT=cwWkaj?-g73X z`T`3R3~ru<_$?I*o~iMG=iwGp!?GBKJ8$-T@ow+!tMFx#4p~maarLljOm}oBvB#Cb zL8?t7CV$tgvpw0FwVzC0vWLh{i2%|rb7Ns;^g#$)yr-&E%;P)Ns0cjlhKcMp+I;UHoyWb$Vf?!&6_0vBw C9nWU~ literal 616 zcmZWlJ4*vW5T3caJd7p*Az~#q7O}{+79vCy&D>a$0OltJAUXA>yA(v7{tD1{SyleZXL9G+`1L>SdHJd0)#R)f* zYHU$nic=>X2pJWA+ey+asz`CTBB9UxcGA?2TqaYECp;%L)e-Rp)*t@v7g&AxyI-+9 ms*KmJj7O|IV`Zu#E==LSx@tdHHfHMML#de#+RA@^T-X=S?7Zi#@1W79mSVX~-_!E*6uNNRKznW9B9Z!l-@{0OKPwKWf5+CTm$G9v?H^G}WgO)-{BKoawx!By|+QID<`F z5~WS2hO#P(D|#|(y5$%~N*2i$nKwBNCF3TWPz}UB5nhtp3t(MrGj`eQ*I?&Y=wE~W zl5=^e219iis>0BEYuCHV)nK>|!&MmmCI*Vxx)><6m&TVzs$zuvKDqbSDvTHtwvgvI zY5o@AF0$ZGqipLPbn(N?Cioxju{m-iM*gj^H?r-|hKmd5Ra=EC6VeJLS|K@DfcVKK z52%dFR}Q!%L5m|a&!`TSRoMzG6AxBeK1fcB09~DFx5UQ)t$7&mep^qaiu1q|lrz znhB&6u_^ixWU-%gG93*Ibt-t{)rX(&K5Z-&f;QYswHmLv%lTfC;64H|hCnlDPAS{R z2)v*})~o=cmWc)#OeJN~+c!CTzZy(ZQeZJ41=IU1KO{*3*Ozl4#G2JG`%7 z@D;o2g0D2X%6&Oq9lu=_q?#br1*vdlUGx`c>Y{(Se|4UWTTP7A#YkbqnBhZ#O^)Ha zH^E`pyROH0&)+y}-M3%EZ#a<3sCp7z!u>=9{UF+N?(Q5>vef+nYP1QA delta 588 zcmaDPc!`&9IWI340}w2{vna)jc_QB@rd14+nHYQ6m>6mpvX~~nVU%WMoy@`1WUR@2 ziz_TKr!>{Is3^ba7IRK&-YuT^|yasX1x4I6%C-#N5=$cbNJ) z3xK9KFx=o5pIpN1E61M-GI(z~Mcao5he<2&iEtLy<6$ zDiWOR$)cpf!Ro{KfdL;`Bs{sFMRcMpCu7d!bu6ZdYnYcYGcc?MVhD(0XJSZY&EkOZ zQ&>`1*RU;P0;&OGs2a``_Fx80j$16DK=+q&0!81<-ST?GB_R(MRXi{AsqB1I8#Lg2RI0N=s2#SyOgx~QIgaVP8>XV zL@)dYMF;)>j~+dinI4$Edg2xaPMmz3HWkrL_w{{w`@J7ucCT2}5v)hb9{nsK^hbABAQ{io=Hh<@b(9&lA-c4Dk;YzT#~r%+O@!n zY~KsH>iU#9VKrrn|3V*}w!zs&3{@~i6^Y^+u4E*{@5h{{wsP}?xZ zKJ4B)$o}0>k|UQ!AxG{~4uxt|hn+ttw4v7ipx)(7HL0S}A`EwhYm4brFrv~5SrGE+ z$;rtF#Bw4Q5b=h%mS@!<(nGcj;9{7$mhBMBqr~+C#%00bInS;(Jj-QU`6YiW1;@kC zKUB(6wq~`Q2voH`5QllSXuXsHBy=T$#^uB+Yc_Kzmu$K+%cc35k`fdl1-by~ViN^6ZTk+10?(BxofRzvvVhvtbt_0P*ULhnzVA0#|89Ikr*IIRzcpV8F-^yI!&cq) z%o!FoBEM-a%rBS8VtM76`NXO=pq!bgZvMGmCg}gLr**2^MY(M{(cBDFD3TcAgkQjH z51v>>+A@wa(y+R{5bH?0@k#IIMvktJ9u18g8RI+my2kj|=^rmU#@wMX*EQzitgPuL z2+Wx8W)HR~Z++yBPw_k`S7)zU6D#=`iz~}G$_~r literal 0 HcmV?d00001 diff --git a/users/migrations/__pycache__/0006_alter_user_id.cpython-311.pyc b/users/migrations/__pycache__/0006_alter_user_id.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..41f1becf39060679e295d6ad3ed1782532c5c927 GIT binary patch literal 875 zcmZuvzi-n(6uz?^CpM`B76=Jw#Xu2W>I{&nLP}MNirNaPDT5gfH+PLL@sD69NMXvr zz}T%4e?Til2mXZq2|>yb-O9w~DxEsWfy?5{4efOP@=H_e!R{wTHPcTBi zWl&h@63mtX93YA)4pD@C9BICWk%nF)s(nFJXSkymiw*((xQcw88r#S%{gKnIChUl} z)1c3jI1^@+P!?vbVx{~lGVq;!0C#{G@-aoeMsXYax`vq1DM-QARA$Uh8A_E=14fCO z$K^u zDS)W1@OA^psg$sj9=p{4JDN#(&fj`F^4MO;qioROvA4>yZa?XH8|&K*ve{_9@>YUY z7xwYwu`}=A6?&jl{kk?wyb{A5pOuAe*9dqGti( O?I)*l;_N@OYTv(reCeJ5 literal 0 HcmV?d00001 diff --git a/users/migrations/__pycache__/0007_alter_user_id.cpython-311.pyc b/users/migrations/__pycache__/0007_alter_user_id.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..20cbe075f090001672d1c699a489a0a20ea0248d GIT binary patch literal 873 zcmZuvzi-n(6uz?^Cw5W^tRfatp$egTsWZV+Aq7fNQClIkFj%0&$sMT^|43~I5vCw9 zFm|iNAJBr@KcIgCV~{dbw=#8el}?>_=fpu(xwD_Y_wK!W-+kw!xj7xd`11XTo??Xl z2qzzfDHyK+I6xFp>>(f9*q3YxBMH4gRQigj%y3)Iiw*%D&pcbE$~H0!=VIBExbC~H z$VuEVh`H*AlzDM8uN2?%)EPGb93X~lOpz^7+`_gjA*Qr*QqY=;h}terYYendqf;BVG$7#;!>^%z$KTS&qKeR zH7>2MnguwJ^NDyYXeGP6+>Kn{iTb3&`dou_*YVuXjH|uC-Rm)4`N*P17&8($J~L&g z6#`@)S44~#KDf-ITc*ZKB#RTmbwVJo=P|$)LiT!&Cvt^HS(gQr1x=U5k=G#=pgr4lCO+50E}Lrq6ODyvSFfzs;=q>Y`f;!A2G%NzJ4x8JHrBW6WV62W+v-W~w4>DV3#pb+D1@NL%=(k4n|EyVbMX zcg~E({f8rC@kis7{$j(o?}uSLG?L#&GBT31sA&2H0&^)$DyxP%cqwL7&HHVc3fE}c z30mPYZDeX>3QQQ?6KPrQ0-&qX%0$v9(S2~?zen*KFsY0&2A0?yqNSTps#dU?qMK%4 QAKiLzAr>zGvzqn&3$;M#fdBvi literal 0 HcmV?d00001 diff --git a/users/models.py b/users/models.py index 1673ed8e..3b113df8 100644 --- a/users/models.py +++ b/users/models.py @@ -2,18 +2,26 @@ from django.db import models class UserManager(DjangoUserManager): - def create_user(self, username=None, email=None, password=None, **extra_fields): - if not username: + def create_user(self, id=None, email=None, password=None, **extra_fields): + if not id: raise ValueError('ID는 필수 값입니다.') if not password: raise ValueError('비밀번호는 필수 값입니다.') if len(password) < 8: raise ValueError('비밀번호는 8자 이상이어야 합니다.') - return self._create_user(username, email, password, **extra_fields) + extra_fields.setdefault('is_staff', True) + extra_fields.setdefault('is_superuser', True) + + return self._create_user(id, email, password, **extra_fields) class User(AbstractUser): objects = UserManager() + id = models.CharField(max_length=20, unique=True, primary_key=True, verbose_name='ID') + nickname = models.CharField(max_length=20, default='No nickname') image = models.ImageField(verbose_name='이미지', null=True, blank=True) introduction = models.TextField(verbose_name='소개글', default="소개글을 입력하세요.") + + def __str__(self): + return self.id From 290ffed83dd8187f8082a939ac9e9613b033c782 Mon Sep 17 00:00:00 2001 From: suzinlim <122861956+suzinlim@users.noreply.github.com> Date: Fri, 7 Jul 2023 18:17:16 +0900 Subject: [PATCH 2/7] =?UTF-8?q?=ED=99=95=EC=9D=B8=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- accounts/__pycache__/views.cpython-311.pyc | Bin 3168 -> 3168 bytes accounts/views.py | 24 +++++++++--------- db.sqlite3 | Bin 155648 -> 155648 bytes .../__pycache__/admin.cpython-311.pyc | Bin 2185 -> 233 bytes .../__pycache__/models.cpython-311.pyc | Bin 2699 -> 230 bytes .../0006_alter_post_file_alter_post_image.py | 23 ----------------- ...post_file_alter_post_image.cpython-311.pyc | Bin 1087 -> 1038 bytes lisamate/__pycache__/urls.cpython-311.pyc | Bin 1951 -> 1374 bytes lisamate/__pycache__/views.cpython-311.pyc | Bin 723 -> 504 bytes templates/accounts/login.html | 4 +-- templates/accounts/signup.html | 5 +++- users/__pycache__/admin.cpython-311.pyc | Bin 811 -> 811 bytes users/__pycache__/models.cpython-311.pyc | Bin 2274 -> 2104 bytes users/admin.py | 4 +-- ...0008_remove_user_nickname_alter_user_id.py | 22 ++++++++++++++++ ...ser_nickname_alter_user_id.cpython-311.pyc | Bin 1100 -> 1100 bytes .../0006_alter_user_id.cpython-311.pyc | Bin 875 -> 875 bytes .../0007_alter_user_id.cpython-311.pyc | Bin 873 -> 873 bytes ...ser_nickname_alter_user_id.cpython-311.pyc | Bin 0 -> 982 bytes users/models.py | 16 +++++------- 20 files changed, 49 insertions(+), 49 deletions(-) delete mode 100644 informationPost/migrations/0006_alter_post_file_alter_post_image.py create mode 100644 users/migrations/0008_remove_user_nickname_alter_user_id.py create mode 100644 users/migrations/__pycache__/0008_remove_user_nickname_alter_user_id.cpython-311.pyc diff --git a/accounts/__pycache__/views.cpython-311.pyc b/accounts/__pycache__/views.cpython-311.pyc index 415d09a59f96bd9b21b1ca01233b868c16368a44..8da5034aa79a773ec115a841631c8e2f7cb98bdf 100644 GIT binary patch delta 368 zcmaDL@j!xaIWI340}vFPU!G#ky^(JsGbcxBacWUsVs7f>Ma-F;ue&>6w=8)xuVu0b zi@iV*H&AU64~XCe62B&Ausmi=o$SM^CL$s|#pb%O@+D#A1zs10^{)u)cW_K@W7QLs z_`tx#8Ou1M6hg1?n0%DgKzs$q1#Y>E+=f@U4X<-sT;jI4$Zd6n+iG$koAP9RwqSmV z1ELoKBQNl)U*wOv!XLGH0^15kDY(U@3P9W6%-!;O<&-yb_q>_gGC7FDo{?wrB#tg1 zDa#o%xt&#)QFQWhPEDTD9TgXZJuV7+ToLw|e24Q0YY{(C^W+s=&Q2gx9D%sl6i75M zd|+eX;BTq9!mjdxfrVB3DFf}A#T~a_{c1CofNE&E90K*_}BLDyZ delta 386 zcmaDL@j!xaIWI340}#wPzC7gz*G9gH%*;%gDU(+)XL7!o+VW=Zme*6JOqOD?7rn(% zTAW&xmzbMc!~;}c#0w;^IC)yKpomch}uk4JJi@eHLc$GVtZcMJ` z)D;x^z`(>A%Q!<6LNCaee2mpVe1XyhZn=xxs#myGuXF2M;?}vyt#^f6Z!#}i8K2M& z(-RgK_|-4+hg{(g**uAD1)~%<%+gW?APerc*GuO?L$1ViO?I z!0>^MfrG!L<_f#Y2L={arKcQx9p#<;J^UT~Px-}Xa9re9yuz<|fkW{FCr}owWU>x- c38UiVh1^n%YLoYHcS!+-*%{G^B59!U0Fe)Ok^lez diff --git a/accounts/views.py b/accounts/views.py index acf0cd0d..62671c0d 100644 --- a/accounts/views.py +++ b/accounts/views.py @@ -9,25 +9,25 @@ def signup_view(request): return render(request, 'accounts/signup.html') else: # 리다이렉트 - id = request.POST.get('id') + username = request.POST.get('username') email = request.POST.get('email') password = request.POST.get('password') # 데이터 유효성 검사 - if not id or not email or not password: + if not username or not email or not password: error_message = '모든 필드를 입력해주세요.' return render(request, 'accounts/signup.html', {'error_message': error_message}) - # 아이디, 이메일 데이터 중복 확인 - if User.objects.filter(id=id).exists(): - error_message = '사용 불가능한 아이디입니다.' + # 사용자 이름, 이메일 데이터 중복 확인 + if User.objects.filter(username=username).exists(): + error_message = '사용 불가능한 닉네임입니다.' return render(request, 'accounts/signup.html', {'error_message': error_message}) if User.objects.filter(email=email).exists(): error_message = '사용 불가능한 이메일입니다.' return render(request, 'accounts/signup.html', {'error_message': error_message}) # 데이터 저장 - user = User.objects.create_user(username=id, email=email, password=password) + user = User.objects.create_user(username=username, email=email, password=password) # 회원가입 후 로그인 login(request, user) @@ -40,17 +40,17 @@ def login_view(request): # 로그인 HTML 응답 return render(request, 'accounts/login.html') else: - id = request.POST.get('id') + email = request.POST.get('email') password = request.POST.get('password') - # 아이디, 비밀번호 유효성 검사 - if not id: - error_message = '아이디를 입력해주세요.' + # 이메일, 비밀번호 유효성 검사 + if not email: + error_message = '이메일을 입력해주세요.' elif not password: error_message = '비밀번호를 입력해주세요.' else: # 사용자 인증 - user = authenticate(request, id=id, password=password) + user = authenticate(request, email=email, password=password) if user is not None: # 사용자 인증 성공 시 로그인 @@ -69,6 +69,6 @@ def logout_view(request): # 로그아웃 로직 처리 logout(request) # 리다이렉트 - return redirect('mypage') + return redirect('lisamate:mypage') \ No newline at end of file diff --git a/db.sqlite3 b/db.sqlite3 index bca27ba70294ccb7a84385f2a3df279f1840e9c2..4766ccccf4d6fb47841c07806a792ee1b11168a3 100644 GIT binary patch delta 2141 zcmb7FYiL_#7|xfIHaVT?Nlk0IwCQDyo6sda_e))MNiXRw>(blSPL`geX|6qK?rDd# z-RkyZL+#GwIMF!=A_I|)f*p!55gj-X)?Xr%xq%?F{ZSb1k3&yVojocJ;d|kH&-*^_ z^?cvAa2;N_4!>SgVNXTi#0m+trD85gntK_h#5CY7I6Wd>6h9Ct&M} z!|;=CzRz5uG97VbQh{U&MN!t93{1zf0dE2D3Soa#;HLv#K9-iZMJzmtqc~wh8F@8e zOe;yt%T7`xffDpi*%|iO8S`Y`JV{a*L($a=BK>3{NiY=7b(mzH`*A?(f2UnSpbSBa zd(1->+pED?mSe=z<~<4&C2$TGzcBYIQMqlXSXX1+juI>@w@DnTX;q>$%TeNm8r-lg z8o`n@CH_#eOKFM`I4v4$8x<(S5-cHh)^bXeAPH7{trk)Q zkU=T&sD)MVX^Lbq@dL{~B}%XyAwIC+N)*RQRAlN1C5ln9?Xfy#UKB^NjQCj{sj#Kw zIZ&dyURfDMp&Tvt*Ec9_ahBx7m;Yu`Z+C|dy&zumdCU^u&=*=^8B zD#Tj8R$i)qe#iZ?M`Z)>SzSbXu5_bxtkhZ(EwO7P^+(IEhE~rW1hwkbqkfQuR;{Dp zdw380l}ZndtIAFKd)hCx=F(Fo9?fa!0W|*9(vFj5H{f5u22=r6hz`SM*@;YCYie!= zry8Y+31Dem(kHYgh5@IzH1CTAiUm(bcp(_~@{`kH!5fPQ{}rr~?oI%sG!g<6Wyd3V zt;y{MORj>`O7Rm=QBouodI8J@ON$H+NH@cvUmRBlphZ(o`kV**L4~v#0}aw0Uj8C{ zV7Iz5D_xC&7lE#z7zLT-^KPIOy*sLwf92IgdbL~tBv2bt((NhG1}Y_U5DbH)6c2(< z@N{8UFP#a3YH2+PY#tWDHaC?X)O-y(BiRK$sGZYKwj#L0w*wwo9d#GLA(iGcwCv9 zm=Q4zuBksU6_|bd_X=Hw}4Irw; zHV16d>tWcTcj;$*(a9;?n+owbMO*2@#e!NhzJUPE;#09io{05j-5tZOo?e#~_cMd> z!^3GO?QA~aN~aDAUCkjX7>l>JjImTEI@rSpMy4HTILEdrZ)}Qg#V|YTAqk4bQ<+Fu z_=g@v?G(;%B)5L@%>65G-@mr7{?1av`h{11zWDye8*i>JU0Z+aoW1a>fb#ED^0LUE zwenf|x_th46DVHRB*d^&Og=N*^YO$`$x$P>FM(vLVdU|5Y8R;W1$2d9rx#YiSg;^ z3}!pP_LH+Nw3{Ad(wHzWqOVMg-2{XS`(&Osv@sNME7RMUo$MTQX%a0yM zloh&%JX9eMS1Kkp5TgzHf+p=N}u{S|(_({#&;@ndq_hinuNWBGe!2c1t ga2eHqjH-=>swO#&U4`k%vQw67S&T&|mu3vV1MP2Fj{pDw delta 1351 zcmZvcO>7%Q6vy}NZg$spoLx6@oWyp#cATVb(qz9s(xl`=5mlhjCKVqCn#76g)((jq z*X^N-6ca@G5+xm^5eO9&BsdgRqCWV5NF#Be<(7y8TnZO1l@LWxiA#aq6scK+MsH@` zZ~n9YH}9~kTfWsT-@DOJCqWQhPPi-M#If~W6*|9|`H1IQf==G-??$X}sG1ai_o42# zsgNd0(txTAs8XLP+lFSNx7xZrRMKQcLSMH{c&Vi63Tlt0_fo^M3`;^&(E%?tOjASG zqKdG`&9F30ML$JTUa4fOHfoF|J=8R9!$9LP+e=l=G|`oq?4`0I+h{wcdCUx3F;O^f zd!Z@I=v3VD+&6UHGSFx7K`+%LMMHnY6)#mZhnnrGm&%qdqf71Hx(rEDRrFQ6=F#e= zAzO${cweULvZ|n`6QWnED7uAK{-f0_RnyQniTwxmHdoU%T@Ug*1ji4N{FnUC{1E>+ z|2mKPGyG&VDRuHvBSrPVZ2A0|>0);I<+G*I*`>vnCLh($l}p*>(zH8I=a!es#Zo&* zjd2(<5Df(xD!E6{$fEcAEoiRp^!G^+tisISKi(|TLORH#2|nGh)4&7|2k!YF`k(b( zo(Ym{JPg19-16+h% zV15W3^-u64af;CTHF*d(u$*XcX-9W)|zb*vRMHqz4rmxH@bi`k3QyRCTCklhrm z(5?8X4DjKUxIa~#EtM`VEzhUK3$x2}Yh@G1W+BZ!(x>oH2IBbMB!myXGCIsgY#Uxp z{NI=VZS}4JK9>d2brA4}SvWyeB4hZaIT(g8zBUKX`<{7%jhq{UN*QnGA&FP=(2UJI zMDbt-INVu)4wp@ks)b})fsWdZNw`39{uZJxQV|a0H&4S5gz)Xta1sV^JO|^>H785p zfgH5p4{~q_YTV^1-_47)p}|8TfUdBjF-b{ZMHdWg{n?RbT%&fv4x)I_Dt-P40_C)ZpX}?1K^f&O97L_el=_ zS%6l2d>;7qTg|8!WKtcjoy>v;}fBsM1ANsEa$c ov06wX@AEGFgr1RVv`F$|*gZ)&(c(ndi6$rZRYNo1^BYCsA9&(fi2wiq diff --git a/informationPost/__pycache__/admin.cpython-311.pyc b/informationPost/__pycache__/admin.cpython-311.pyc index d8c950e8499e7c4c20275b097c931f442db08d8e..79787604df6265cd13fdf7de9f7cd2b03021fdf5 100644 GIT binary patch delta 151 zcmeAae97p)oR^o20SIQEUY=qPq#uJgFu(+5d=>&SrZc24q%h_%7fK6rR~1|HY0en}A9&0;&SO#FQEV6;wb7X($Aw1XW#Btu~$s-LPJV*);*= z2p=LfR7j0zX|6s6s#Fz6jy?8hM=Qk|m8w!tX)i|MP;u&;b=HY#PMzI-`)1yo@6G$0 zr>Rr|!T1e7B|pdr{V68lh-@(H9GFE!5WzMoVjW{dBqG~VQP$<6qAM^*M6uOkM2}!Z z@l-T~sKr8V>z^u17@=kO+5;mA4I`q?ArgVz@o;?!PP7bPd*}&CV0RFy+>H`oL;)iP zT0P;eZj2>ZUJgY_Pm=f;$|lytN)~g~Bt^?v6X(iGT)9?qJsuq_6^qpIKpekPBGkTE zV#PuS0+`T^^+PaOL=@?mAYG!et`MxNMA9Qf)}utxWAMd^3ML~wwShb0*p@@rgqKVL zvZewli_ri5=)1pOR7bN39y1KbEKCddUHN^-KEUU*;dglPgzdx0(EbB zrRm(|k+E~em2=}mx$|b>7IjF@awZ`pre~EL5wTnl#DVF1Oyn^jq8!{DkZR{?CbjBN zGnoR?o30MGiS}Oga&ynYy0W|dvRxrUSHQ!HSlUj|wJnx6bwmU!az$AJAC^0Qh(wJ- zkHsv<^-QNgd19huGGci5rYY-(?OcWOvkKWBp14Upqckx^3m%UNUeq7#bd5WvZ4sU< z*wl0=F^K7zTm}s$^37A@SFeo>8iSu+9T^-N^=+Qj9t+hxk`xzyvTTLxo1UHHm$ zZc>42+_C6PHqI57+LJuWDCoka5N}&Iz*sC$D>Iv?g03?PCC3Af%b>#*A!Qk1J#H8U z+jL#Sa7AP6-xyW48)obXko)_(3w7YFbBI8@KLh!vikdxrEfk60z|Ebz7ITktwZqR& zHFh5NcOIV~Y--ts{NkC%XKK3}TGrRH&p)bbCmPxbUpp~>p_$gco&9F^;e$sHT1ZX- zLgs*<8CcC6Tge=Ie!7u4>u1g`B$`^Lh44E!@XP#3KYwvGe`zIu>DQ0zpMTNF>waEe zxbXdFwW!~B#P9p?WxDU-%%hpr^r4mXq1w#z_=}UjeA!5k`RTEGY%J*FtUSv0z|lvu zDoetjr3C2}M7YjV8__9H+cu0WW=CPw6-{-v9UxJ9Opvq?3&SrZc24q%h_%c65$_~N1j=U`^Kdg>K*3vUDZh*I0m}a$r~nC!aIxTBREqJAKdTd} z8PJQ4Q&Y|xl*z6rU7yzd`0LDr-*_~gaw(p0DG%XOUNBc!F^PDHmwHRWdec^+e8gMw z&v?Lmcxx>cSTj?A1lM7LE~cfSLt09q8L;RUy!BZ^E+X9ENtlT6L`u;a0dVlvaiWWh zGXf84Gq<`Lo0^zbz-(Hx*ESckxru2bn@jC$Fzqg; z>1@(LwyZmkjy0IAPrz&;os(Q@E7=Ba?{b89bi<5!V;(20=EiiERZLaS<#B`6>C2U$ z=kNVgtX{abRJ;TbKclBqdfFXb`eO3l!rbGdK21+6S{`>%y*gK!DOE0hUYY#13CVAS zktWwu{rZ#2cc0yD17XbTh^HtU)eS1=lq_{ZS>=qZ(cHLs!U?2L=xUl8`5r(nU7oL8 z__e1tOQrOC^~$B5O0lqX`C5;uPpIjbhoP^T2qceDTAjXD`F{2;f$rbPS3aJvUY(ug zU05C?r+R(9^20*)Mj?4FI;ty-7;!bLj8h{X6I_%d*MC13scVj@8Ys>Rj>puU7Ck3JGEtK<3=!6fMz~9U`Du0XN6@RA>xfF;)a9Ih zT2=_DS@qT2($!*h>NAEJ(ZB@=9aHj}nGb-la&a;auDOd9#ueQAr4+yS%Urq{{V;%i zEC~W@Fwp1%x42x$upyOd#0jlnV1F1HtjmQY=^3*I38eL$Npq$X8b){5gg)2xPRkJZu_h7FrA}x_ zXH*@}y+zMD0-lT$Nc4{+`UeIb|7oUzhn>iPV$!6Vt?Px-jDmp3is^{Mu+lhf*oHYI zr}aFnEu>Ww&dFuiS@smzILomf_^@sy7_u%whZ}w1n?mzh_6VJROK4vfxz?SR+HGlv z74N?@YNa$w%9f?9EoBRDE{a`KL$=suJ$KML_JJiHFN?=*@pxgdF>rJDf?N z1c;;EQ)70t`{o-~bWb_D$BynP99R^$<0RW}?p;XUX|s;0mY6Av8C%SNLU`NMD|UF> z%`FSU?Ex#9w!)+wCU%$<1{NdTQ}5Z4?&)1~&(8PWHm#BOt;o@G>a+n z(~1t3ql0#Iuy9~m;C-FT+1qh? zIs{&0-VEIRb%X$1^TI0m))aZXt{y|v@Z)IWC;n1k&GjOZAS7}N#G{_gLO3%l-3+sx zbs$08pnPCeX6-%C;ORvtFhdCYsJj`l*$J;Bhq?v5PaA^hi4%Q$x@t9SP( zxUW`^UT1xvgH_V_2FS9P=lMmh%UbTZlX-=wLk?iCf%(_+rjBFnmFo_9VR|Hf(f+W6Rkp-Iv E0JO_Jv;Y7A delta 384 zcmeC<*w4YcoR^o20SK&Fm#0jg$lFuD0?3)pkjfCnn8Fanl){+K7{$!Qkjj$93Q`6F zDNHFK5wK24V>aiwq* zGANxXiZg{Lm_d{G7N>7!dQoCYW`3R~(=GnYytMqHTrf8vzqsU2KczG$)vic>@^WTfD?vuK4-A;Z1gw|OkWexJ diff --git a/lisamate/__pycache__/urls.cpython-311.pyc b/lisamate/__pycache__/urls.cpython-311.pyc index e206e4bfb73b43a1470cfa6b11e714cdcb4ddea2..8f7667a1a1d18985286ad19d67e8416206c33d6c 100644 GIT binary patch delta 296 zcmbQwe~(LJIWI340}#wSy*yr5CB%m1|-?Dz@~#lmjUr=h%}H)VPC_s3~1kKAcg?29!?<1n!=UBy@m(X zL?CZ+JR=V$a};+9Z!m)<-{uvJ%b7TQ6EpL|GE>VZH?w#$`)Tq_R%SI5HwYGq H0u=)Q$OJds delta 800 zcmZuszi-n(6h1pn{40*z)NWK@03p;QLs}t(kb*!+MWt%mqzykLGgNNQ36A^&Y&W0? zsTnh&L>?I!klKL^u<>U&l84AbEDWrX7+E;Su|%rAdw2TY``-86-B0EdpFig~2B7$X zox|NE0KdW_4t5UyyvK(5&HE68NsZEJiN*lJDUH!tiPh6mdRCJfr)Q)L25_JdkW%nA z9~-rohT2tcvxgQfdFS^w0h}sCqIqH(frfflb zqbsOJ)3kJCXBsurc1kCfW(WL*E;8hx**MV^!#T1{)7dYG?(f9iV-~h$qh*#FrqQ%g z=s!X3zs}686g}1=LpGzSwv295N*(l0+oDj@qC-Z!aOHe}aZALlTtM$V-r9L|^z5(_ zFcCbgR-d|cVxPT<)EL_K6U-eE4=dL_u#gi_^cHghHoePo0@l67bpI0dHxq*DZS}8s zVt(+_7xQDW=!?a#YaUS^6J?($NBr7gd$8?YyX`%wdO~e1)O>Uj2R?ByWl0|Iu~PwH i>3*l*8NBjW^WQ1|-mb@2#(c#`C#dw;a9KCdPyPX^=GyH5 diff --git a/lisamate/__pycache__/views.cpython-311.pyc b/lisamate/__pycache__/views.cpython-311.pyc index 0ec46b2757d287f0ade944c6431c83dced1b2702..8b4bbeee0bd990dbc018db36ea2115b92e7be518 100644 GIT binary patch delta 173 zcmcc2`h%HwIWI340}#wSy*wpvBCjN)-b8g>wiK3N22Iw9Wqy3zxs?Tp>8W}dCAm3% zniH>17g22R1;HY2pspfTAmOLUJeikCQ5j?oM3e`}`o&?Bo1apelWJGQ2jnsWak2O0 ZFeW)ur4I~@jOav1%}0>v7c5d>GXd6mC|dvk delta 312 zcmeyte3_MZIWI340}#kvT$ZwRBCjN)*F<$)B_;-Uh7^_-h7{IR#%0V546A_{0-~5x z*n$}}*(XN%3GyXpq$X$QWEPj`Wt8OR_^q6{ZMvXJgD(gc@c`8qu>y&S`TCaJ0Y&*~ znK`LpnW^Pf+_{wniRq~jJwm R$SBS - + LisaMate @@ -46,7 +46,7 @@
- + 회원가입
{% csrf_token %} diff --git a/templates/accounts/signup.html b/templates/accounts/signup.html index df0889bb..77ced78e 100644 --- a/templates/accounts/signup.html +++ b/templates/accounts/signup.html @@ -50,7 +50,10 @@ - + 회원가입 + {% if error_message %} +

{{ error_message }}

+ {% endif %}
diff --git a/users/__pycache__/admin.cpython-311.pyc b/users/__pycache__/admin.cpython-311.pyc index 9580cae4fdb23638fefc4350b4ea7bf154cbceb7..16233c00960047937d776b721baff549f69415f2 100644 GIT binary patch delta 89 zcmZ3@wwjH1IWI340}%L~Tb^REkynn9rL;J;XtF+|3?uhsAI2?=dXpKM?r7?NU|?cI VCnkhm5mo&NlK29boy^9p3IGb+7FhrQ delta 89 zcmZ3@wwjH1IWI340}!MySe|0Ekynn9B`-5Md$K;G3?t`cAI2?=8j~5B?r3U$U|?cI VCnkhm5mo&NlK29boy^9p3IO&D73=^2 diff --git a/users/__pycache__/models.cpython-311.pyc b/users/__pycache__/models.cpython-311.pyc index 1c8940c674a4cabd4656f0c17c44378c7879dce0..c6ccb38e8e1bcfdf8661253a0c62284d5c44ddcf 100644 GIT binary patch delta 750 zcmaJ;&ubGw6rRccPP0i&tlQQkO|*xEN~}T;LRxz>wV@W&i#0s$ZK-M) zL0tLJGQ|z`5X%(f@1iNMp(g_UfpcTZVm%Lr;AuN}u^qfz&jy?Cem2*FO_wG^>xpH| z+6TdSl3o?lnlINKi##w^tpfIW$Ff%(CQ_c82}`=})QGM>%F`R1Rw$P2>at-wv&BI@ z4n~Jf<)Zzh_I$>RWDg-j^i`-hBoY-UiLm@rXndH&fH@*SwihJIlsRrPvjYT9h-qDf zm3jO*k@C{lJ|@b0iLw_d(*|c=?($g4F?j$Yisu@&y;yc@R^%+0Bkyfxxclc?e%{4iM-oWa|9Vvt?;l6yF zo4hHs#byXRum&E*ly0Je?DMzba_b6I*<-xz1TFVgf%78|EpoT&SUS6R`c0Tijf2IP zOl!rc+qK0)n2bV!j4?P%cSVhU5iev?EbadcW0_+(1H`#br=(H(SehDgD{iH4%h31I z(xsm7@7`Z>X|-zBZEKcHLNj}DXA7XqVT||bl6;yPvQ~>>c3UT-mpFgWlaBs0OmO%f Rw498M(m_u-`iI^d`Zp={lLnVS zPZ{0uzyuyud`9$a$LyxD0+=Q}Op!m@;N?qeB7Su%}`VqDeJ}LPh>PTnvSK^c}F;U0y3n*sTdwk zs7YjQYS`d7f_Wa2x1KAUrqk#K^>UzIX9HTm(VhVm_rIFUQ<{04T1*wM*CbD=ttxqz zZ>{qmPU+)!bSbhSMXFMyc&(=RN^@1kx7N4*2+D6m300L)aik`DOT$&!yVhSB``D_> zVe-@J_iyp6&<-_y2=+8}k`D3a8B^3jp}%bdsSL^`)hoCUMACcIo|7lyg=v|k^?Wqy c?w)OPX!l>jNgE3i4nt{Rn`U>97&6uU1+r`LC;$Ke diff --git a/users/admin.py b/users/admin.py index dda5c56f..557dd1ec 100644 --- a/users/admin.py +++ b/users/admin.py @@ -3,7 +3,7 @@ from .models import User class UserModelAdmin(admin.ModelAdmin): - list_display = ('id', 'email', 'nickname', 'image', 'introduction') - fields = ('id', 'email', 'password') + list_display = ('id', 'email', 'username', 'image', 'introduction') + fields = ('username', 'email', 'password') admin.site.register(User, UserModelAdmin) \ No newline at end of file diff --git a/users/migrations/0008_remove_user_nickname_alter_user_id.py b/users/migrations/0008_remove_user_nickname_alter_user_id.py new file mode 100644 index 00000000..29cde0a8 --- /dev/null +++ b/users/migrations/0008_remove_user_nickname_alter_user_id.py @@ -0,0 +1,22 @@ +# Generated by Django 4.2.1 on 2023-07-07 17:46 + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('users', '0007_alter_user_id'), + ] + + operations = [ + migrations.RemoveField( + model_name='user', + name='nickname', + ), + migrations.AlterField( + model_name='user', + name='id', + field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'), + ), + ] diff --git a/users/migrations/__pycache__/0005_user_nickname_alter_user_id.cpython-311.pyc b/users/migrations/__pycache__/0005_user_nickname_alter_user_id.cpython-311.pyc index a04202ed26ac4462194920656cde35ea9a80fbd1..82f09ef8ed4883b5e882d8e2bb67ca1d78aead7b 100644 GIT binary patch delta 19 ZcmX@ZafX9yIWI340}#wSy^+g_1pqWP1mgez delta 19 ZcmX@ZafX9yIWI340}xoVZsc-e0RS!|1HS+O diff --git a/users/migrations/__pycache__/0006_alter_user_id.cpython-311.pyc b/users/migrations/__pycache__/0006_alter_user_id.cpython-311.pyc index 41f1becf39060679e295d6ad3ed1782532c5c927..83e30d43178d5d9ee5b007dd6dd3eb0c237b9d93 100644 GIT binary patch delta 19 ZcmaFO_L_}rIWI340}#wSy^$-C82~tn1v>x$ delta 19 ZcmaFO_L_}rIWI340}zg0u_~S=58?rXK%jy-n^N4-+b?Qa?(RE{tS-k0|TL7 zDkw)~OfD9H93qM+j!}X`oEV{jk%8VKYJ5S|WVmgXhmL@qTt}fvtqoMK{8s6@A-#mR zMAYM1noB#$D2wxEc~bpX$HB#CAcu&d5K|Ny6t{3_8i-l#QWTV?=BafAqEBFshTdV9 z5$veI%0%0_Ua_f7C#ZAk9$9b>=4hOHH)Xes(4|!nUX$)xsTkx}`Z*K1^yla2Uy>;9 zF+tP{;Z$0RNGIjZP8ualzg4}Ds7P8G4NfD%a8mkUAyV&Tz6Nf zW@=C*-vijc{t6qp&kNJIYwxcX9&#Ul^@h&O+5PFWI}eMB>3Zh~;8H>1Aa_Qkr*-FYbmtxkTfi7)FX)Bwf z+uBcU+eq#swN3Ax0e0mqjGFRVJb@6y%s&7WCdL?^fa?SF{PwS~r?6e1+i>6wr=Fgx K#N~goy6#`=Ap?Q{ literal 0 HcmV?d00001 diff --git a/users/models.py b/users/models.py index 3b113df8..2cbbbf6b 100644 --- a/users/models.py +++ b/users/models.py @@ -2,9 +2,9 @@ from django.db import models class UserManager(DjangoUserManager): - def create_user(self, id=None, email=None, password=None, **extra_fields): - if not id: - raise ValueError('ID는 필수 값입니다.') + def create_user(self, username=None, email=None, password=None, **extra_fields): + if not username: + raise ValueError('사용자 이름은 필수 값입니다.') if not password: raise ValueError('비밀번호는 필수 값입니다.') if len(password) < 8: @@ -12,16 +12,14 @@ def create_user(self, id=None, email=None, password=None, **extra_fields): extra_fields.setdefault('is_staff', True) extra_fields.setdefault('is_superuser', True) + + def __str__(self): + return self.username - return self._create_user(id, email, password, **extra_fields) + return self._create_user(username, email, password, **extra_fields) class User(AbstractUser): objects = UserManager() - id = models.CharField(max_length=20, unique=True, primary_key=True, verbose_name='ID') - nickname = models.CharField(max_length=20, default='No nickname') image = models.ImageField(verbose_name='이미지', null=True, blank=True) introduction = models.TextField(verbose_name='소개글', default="소개글을 입력하세요.") - - def __str__(self): - return self.id From 7d7caac2fc38134cde46a35e4dadbb2f26adfc6e Mon Sep 17 00:00:00 2001 From: suzinlim <122861956+suzinlim@users.noreply.github.com> Date: Mon, 10 Jul 2023 02:49:40 +0900 Subject: [PATCH 3/7] =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85,=20?= =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EC=9E=91=EB=8F=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 6148 -> 6148 bytes accounts/__pycache__/admin.cpython-311.pyc | Bin 226 -> 168 bytes accounts/__pycache__/urls.cpython-311.pyc | Bin 586 -> 586 bytes accounts/__pycache__/views.cpython-311.pyc | Bin 3168 -> 3500 bytes accounts/admin.py | 2 - accounts/views.py | 72 +-- db.sqlite3 | Bin 155648 -> 135168 bytes lisamate/__pycache__/settings.cpython-311.pyc | Bin 2827 -> 2950 bytes lisamate/__pycache__/urls.cpython-311.pyc | Bin 1374 -> 1374 bytes lisamate/__pycache__/views.cpython-311.pyc | Bin 504 -> 504 bytes lisamate/settings.py | 10 +- lisamate/urls.py | 2 +- static/.DS_Store | Bin 0 -> 6148 bytes static/css/login.css | 524 +++++++----------- static/css/signup.css | 212 +++++++ static/image/.DS_Store | Bin 0 -> 6148 bytes static/image/signup.png | Bin 0 -> 1314 bytes templates/accounts/login.html | 89 +-- templates/accounts/signup.html | 38 +- users/.DS_Store | Bin 6148 -> 6148 bytes users/__pycache__/__init__.cpython-311.pyc | Bin 168 -> 168 bytes users/__pycache__/admin.cpython-311.pyc | Bin 811 -> 808 bytes users/__pycache__/backends.cpython-311.pyc | Bin 0 -> 1469 bytes users/__pycache__/models.cpython-311.pyc | Bin 2104 -> 2772 bytes users/admin.py | 12 +- users/backends.py | 21 + users/migrations/0001_initial.py | 14 +- ...er_introduce_user_introduction_and_more.py | 32 -- users/migrations/0003_alter_user_id.py | 19 - ...rs_user_image_alter_user_email_and_more.py | 40 -- .../0005_user_nickname_alter_user_id.py | 23 - users/migrations/0006_alter_user_id.py | 18 - users/migrations/0007_alter_user_id.py | 18 - ...0008_remove_user_nickname_alter_user_id.py | 22 - .../__pycache__/0001_initial.cpython-311.pyc | Bin 3668 -> 4012 bytes .../__pycache__/0001_initial.cpython-39.pyc | Bin 2336 -> 0 bytes ...user_introduction_and_more.cpython-311.pyc | Bin 1361 -> 0 bytes ..._user_introduction_and_more.cpython-39.pyc | Bin 922 -> 0 bytes .../0003_alter_user_id.cpython-311.pyc | Bin 955 -> 0 bytes .../0003_alter_user_id.cpython-39.pyc | Bin 715 -> 0 bytes ..._alter_user_email_and_more.cpython-311.pyc | Bin 1751 -> 0 bytes ...ser_nickname_alter_user_id.cpython-311.pyc | Bin 1100 -> 0 bytes .../0006_alter_user_id.cpython-311.pyc | Bin 875 -> 0 bytes .../0007_alter_user_id.cpython-311.pyc | Bin 873 -> 0 bytes ...ser_nickname_alter_user_id.cpython-311.pyc | Bin 982 -> 0 bytes .../__pycache__/__init__.cpython-311.pyc | Bin 179 -> 179 bytes .../__pycache__/__init__.cpython-39.pyc | Bin 171 -> 0 bytes users/models.py | 34 +- 48 files changed, 592 insertions(+), 610 deletions(-) create mode 100644 static/.DS_Store create mode 100644 static/css/signup.css create mode 100644 static/image/.DS_Store create mode 100644 static/image/signup.png create mode 100644 users/__pycache__/backends.cpython-311.pyc create mode 100644 users/backends.py delete mode 100644 users/migrations/0002_remove_user_introduce_user_introduction_and_more.py delete mode 100644 users/migrations/0003_alter_user_id.py delete mode 100644 users/migrations/0004_alter_user_managers_user_image_alter_user_email_and_more.py delete mode 100644 users/migrations/0005_user_nickname_alter_user_id.py delete mode 100644 users/migrations/0006_alter_user_id.py delete mode 100644 users/migrations/0007_alter_user_id.py delete mode 100644 users/migrations/0008_remove_user_nickname_alter_user_id.py delete mode 100644 users/migrations/__pycache__/0001_initial.cpython-39.pyc delete mode 100644 users/migrations/__pycache__/0002_remove_user_introduce_user_introduction_and_more.cpython-311.pyc delete mode 100644 users/migrations/__pycache__/0002_remove_user_introduce_user_introduction_and_more.cpython-39.pyc delete mode 100644 users/migrations/__pycache__/0003_alter_user_id.cpython-311.pyc delete mode 100644 users/migrations/__pycache__/0003_alter_user_id.cpython-39.pyc delete mode 100644 users/migrations/__pycache__/0004_alter_user_managers_user_image_alter_user_email_and_more.cpython-311.pyc delete mode 100644 users/migrations/__pycache__/0005_user_nickname_alter_user_id.cpython-311.pyc delete mode 100644 users/migrations/__pycache__/0006_alter_user_id.cpython-311.pyc delete mode 100644 users/migrations/__pycache__/0007_alter_user_id.cpython-311.pyc delete mode 100644 users/migrations/__pycache__/0008_remove_user_nickname_alter_user_id.cpython-311.pyc delete mode 100644 users/migrations/__pycache__/__init__.cpython-39.pyc diff --git a/.DS_Store b/.DS_Store index 56b23cdea44955f2fa2a7c1bb4b6fe070e5318aa..27b852644e26fe6efdbed07c6d4bb726d194c74e 100644 GIT binary patch delta 83 zcmZoMXfc@J&&ahgU^g=(*Jd7;c1BY+hGK>ihD0FFWJpdaPR>cn&(C3GU|`?`3Z*jS aG88c6fTdFzis90mC$QQxZD!~A%MSp7P!<3H delta 33 pcmZoMXfc@J&&aVcU^nwbJ+{q)EKQ7?PqW%EO>D5(%+B$b9{{>q3itp3 diff --git a/accounts/__pycache__/admin.cpython-311.pyc b/accounts/__pycache__/admin.cpython-311.pyc index 14bf8741f2e9cdf9e3c8c3412f016a631ca99867..764445b4ec1bd392d6736de8754314824e1f6a55 100644 GIT binary patch delta 99 zcmaFFxPsAgIWI340}z{x7 diff --git a/accounts/__pycache__/urls.cpython-311.pyc b/accounts/__pycache__/urls.cpython-311.pyc index 5a0432de40ecefb6845309b8f154e0e84f1b9800..1ce29cd7774d66068fa4f7945bf0a661d4ec17bf 100644 GIT binary patch delta 20 acmX@ba*Bm}IWI340}#Y@uiD6M&jbKBdj$gk delta 20 acmX@ba*Bm}IWI340}vQLTeOkeo(TXrNChhZ diff --git a/accounts/__pycache__/views.cpython-311.pyc b/accounts/__pycache__/views.cpython-311.pyc index 8da5034aa79a773ec115a841631c8e2f7cb98bdf..ff8ca7e95fc0f4173d9745109f9401eaec8b39c2 100644 GIT binary patch literal 3500 zcmcIm-EY%Y6u(ZK*uiNX2we*;B~#H@fF+{?i2-7Q6*eXc(+Up@uqeb{o05<2+JS8{ zsGBk=luD~a5fK6uX;2FEflX}cB>n)Ty*QPnMwXB&O+0K4QY5sO?q%oN%~vU?`?|7^ zukSq{_uO;O@7&u>O)C(zU&?odkK73TN`5NMw$OPt0G%sHKmrv<2`WTUq;HGc684Zi zL5FDb-yU})oFQj|2{8#a#F}F?jJZNC3fYk8ngA{LD!NgK5*!&6S|K=rasmU?EwFva z@A{4K_$i$}CW+W@)16pM3L@57EDA9!MrFTUcf?cuv83*VPbw|z?nqi55R-B&8j(d1 zZSEK4a2mwJiIgD5qg2%_LQd%0;e9p-{#`)|8mvwV)M?Y_F$(v=cvUK2*@-GA=?Jz7 z;J8=iI!7%-#=c0#whS41k&IoTFs<0IO|eTYg5w-5Gqr^&NN@^_LdU2H@bVt<)NFl7 zW-EP!1|5}tp6thSO`)dPMyvTc8#VUEnBo?}^}npfHnrj(t%m!TtEtBcuk{?^mW4@%!XEM=xkSH}Ziu8u^bsdQ47f>NwMnH~xZ$ceb#Bx0O`OcNz3 z(hu2(0Y^}JBaqV9Q>CkSe8x}N-|r6_BcSb?&$xKO$lNU5$Pfb;v&O}n0T5|=nMmpS z1LMwk>H5Pu5xZ#xH-nrhJnt6S z>@-ot-=sSeqCAiiFbC>%JAenKiDHsGI+Hpz2%sbB&QD`;8F0ucejbzH-xI|mz)e_6 z4~dw7jZRCEGosEcSj8l>FiAAOQ)jUFSz452YuUtIYwbKSK@(|-u=~t5zbi9m|03LZMxw>R9o_vrrMf-}L2FTpc0@vIaW`asXSr>_ncnGP1c&Qn|GCoqXT=7CZK3dmnq(nw0vHE!!Hw_}FeQQ&rJ+|G)c{V!JYnByx-^2bain>B9pEZ055 zbr-m88njmDg@qU%{6Bk#FZB*O07PxMW>sIORXAlIm zbRoJ5p;@{R;qRAG9{!s$L_sN`&)F9NibHTJ_UB89Vgqhwx!iIcECR$)0G{k3@T3*` ztJegVLWiq`NhV3M&_IfAgf;+1k~#}bSX3VRkiac_b&U|Z2!H`X-G@zFFk!|_+O!YM z)^wENxS7Bfi;rSEDFq*4EjtY?Tx6q}9Wbg^9*s-Sy13RYQ zdDN@!3>Cb`HSclNeZ0uGR=D=Qn2Tg+NAA7J?bAC{zNf(VXnaqWp5u6xYoBXBknI^g z^w_;}Y-4U)!R^!BKGp4e;%(0zD0sUxZ~kmaKzGHbeI=A#5E~(-rgZ5|lCP z9VRCblcnE5rg_t`d3HBgOUK1M*bh_0W9cT4vYn!+BHFArK1K9~y3|udyVMsyMHEmQ ppE;&w_|rR_wdaZH#b0HPR7L;* delta 1547 zcmb_cO>7%Q6rR~1@7im7+-?#(jZ+(B6sdxWTu4);7lNo`vMVQ19JjM; zN~;YiC#gy zeedo2nfGS5`*vdCtxza{fG+>MWt`Ef;TWE(rU#Q48OV^9XTa zR{iQ&QfSCarNY8;!v~L2+0NibFkiOk&1HLGE^nKxr1aps)xUa&Xv7wIkQO<}5HY{G4>%u*$!@kmwRnbE3&OW&jvw_j=aBajO^|g zdLy(y|7ny7Pd3E&&Rt}$OHo-ZTP9_{i{pADWKvq9xuR)V`GT3jRAV=#IHOVz4g!~b zTLZ5&$RPyqj4Ul!`69IBbn)6{{)N`?6-|4-WKaq84QcB9^u>l)Fm2W^C$iccHNiN? z15zLNA_HW64TYLl%BE%0{r+i~eIe(vN5F_%TPC#N2HH`=YoBd&KT?jm%F!pJd%fT$ zMrvfVPDWjIwCO`#eLwj8_*D84Nq--E(CuFMz$NJ#nW>YRiu9)s`NNgMx?NM_bv5p) z@m&&iW0@KmsFML#9bk(}pD=-|f5-m!@p?yauq7GtifAAhO#ygci?{ty-yT6bu_J6N z9W9p}>GOoGvD<3mO}_biWT>6ZHT)~$fq@LL3u;#?qfJtNDzEGLxw%q#*|r9~llI2E zU0mAhE6e(iG24GU-EQ;s@N?_ao^|;QxOn=_+SA)V{(9>cd+5)u(lCfJ3XQ4M|S47q~{iiAt^|fwBmPl2lC zcZlwi#4h)^Vb>z5dL-pWQoGTFn;fb|hwIT{H!=)E_R1x^9(oe(-zd20vHPp;)JN|4 zrCKyskLKJ+j`ktMX0>Z7fpjwxjj>;}R|~vwi~mOU3e;Nvw^oHoke}rSBLFuLgiy(v zQ&&<=B+18j)o|tNP4XqFkdAq6`a$j4@Stci6J(3Qj|cgo@pg?Sf%^`5N^f7Esbj^G wQC>2~Dc@0^kHx+Yon-M)?EDEA?Yo;&KL+n@7(aq%aTC3SZzpF diff --git a/accounts/admin.py b/accounts/admin.py index 8c38f3f3..8b137891 100644 --- a/accounts/admin.py +++ b/accounts/admin.py @@ -1,3 +1 @@ -from django.contrib import admin -# Register your models here. diff --git a/accounts/views.py b/accounts/views.py index 62671c0d..445b3eff 100644 --- a/accounts/views.py +++ b/accounts/views.py @@ -1,25 +1,24 @@ from django.contrib.auth.models import User from django.shortcuts import render, redirect -from django.contrib.auth import login, logout -from django.contrib.auth import authenticate +from django.contrib.auth import login, logout, authenticate +from django.contrib.auth import get_user_model + +User = get_user_model() + def signup_view(request): - # GET 요청 시 HTML 응답 - if request.method == 'GET': - return render(request, 'accounts/signup.html') - else: - # 리다이렉트 - username = request.POST.get('username') + if request.method == 'POST': + nickname = request.POST.get('nickname') email = request.POST.get('email') password = request.POST.get('password') # 데이터 유효성 검사 - if not username or not email or not password: + if not nickname or not email or not password: error_message = '모든 필드를 입력해주세요.' return render(request, 'accounts/signup.html', {'error_message': error_message}) # 사용자 이름, 이메일 데이터 중복 확인 - if User.objects.filter(username=username).exists(): + if User.objects.filter(nickname=nickname).exists(): error_message = '사용 불가능한 닉네임입니다.' return render(request, 'accounts/signup.html', {'error_message': error_message}) if User.objects.filter(email=email).exists(): @@ -27,40 +26,49 @@ def signup_view(request): return render(request, 'accounts/signup.html', {'error_message': error_message}) # 데이터 저장 - user = User.objects.create_user(username=username, email=email, password=password) - + user = User.objects.create_superuser(nickname=nickname, password=password, email=email) + user.save() + # 회원가입 후 로그인 + user.backend = 'django.contrib.auth.backends.ModelBackend' login(request, user) + # 리다이렉트 - return redirect('lisamate:mypage') + return redirect('accounts:login') + + # GET 요청 시 HTML 응답 + return render(request, 'accounts/signup.html') def login_view(request): # GET, POST 분리 - if request.method == 'GET': - # 로그인 HTML 응답 - return render(request, 'accounts/login.html') - else: + if request.method == 'POST': email = request.POST.get('email') password = request.POST.get('password') # 이메일, 비밀번호 유효성 검사 if not email: error_message = '이메일을 입력해주세요.' - elif not password: + return render(request, 'accounts/login.html', {'error_message': error_message}) + if not password: error_message = '비밀번호를 입력해주세요.' - else: - # 사용자 인증 - user = authenticate(request, email=email, password=password) + return render(request, 'accounts/login.html', {'error_message': error_message}) + + # 사용자 인증 + user = authenticate(request, email=email, password=password) - if user is not None: - # 사용자 인증 성공 시 로그인 - login(request, user) - # 리다이렉트 - return redirect('accounts:login') - else: - # 사용자 인증 실패 시 에러 처리 - error_message = '아이디 또는 비밀번호가 올바르지 않습니다.' - return render(request, 'accounts/login.html', {'error_message': error_message}) + if user is not None: + # 사용자 인증 성공 시 로그인 + user.backend = 'django.contrib.auth.backends.ModelBackend' + login(request, user) + # 리다이렉트 + return redirect('main') + else: + # 사용자 인증 실패 시 에러 처리 + error_message = '이메일 또는 비밀번호가 올바르지 않습니다.' + return render(request, 'accounts/login.html', {'error_message': error_message}) + + # 로그인 HTML 응답 + return render(request, 'accounts/login.html') def logout_view(request): # 데이터 유효성 검사 @@ -69,6 +77,4 @@ def logout_view(request): # 로그아웃 로직 처리 logout(request) # 리다이렉트 - return redirect('lisamate:mypage') - - \ No newline at end of file + return redirect('accounts:login') \ No newline at end of file diff --git a/db.sqlite3 b/db.sqlite3 index 4766ccccf4d6fb47841c07806a792ee1b11168a3..fc2470018fcf68a5ae7b2c1bf2ed15ff87cde545 100644 GIT binary patch delta 3704 zcmcJSdu&^06~ONoJ2!sBxpte?ZS!tYisr_-??+0d-6T#HJ1^ULIdn_?em~+zoCGE( zp->74=MPpSOPVh?nZ^+W>44|X$8z>4MT{fX*w1UB2w=CA8)od5p+oyl zT@if^t=C+schm;;o0?N9w|-qeTGN8OEQ!V*)%wQ|$fpyaPrexk8tFN3QhqxK#^u!{ z@Tu0R{qkfGSf!gak1OJ5b*He0>dYM-;B-{(NPz>=X?4ryA6*~~g$ zO5eZ^%D+p4{qm2~pjFyJpWBeMGc||wB+_nv%mUU%qp3jfcq3|dS^yGFp$E`13e_kP z>Sn1AHE+Z;9|arN^-j=Y*g~3=HP_;KuP+hw7V?q#a5i1Ycng#n>K~Ch)uQA<&q?R% zekmO@ynYbcI%uXSu%0YG5r}zF^Mkt)(c^s=n%!kE7E||^X zI8Mw*Q_+0Xn;>zL>c+Y5iYG{hAf24#ZTWHgtHrc?X()~dR-($hUm(onI7oM`Noj~u$S9%{% z;Nz(UVyJ&`C^a|WPse9mE=O^q%QF^U90(I9y-elp27+@vYaT`(#%}aIql7iCl>bP(`jT^&@ST7JX(b7o z=gRv+-3yQs;2v59rOt5*&@RRD<-PezN{V_w1)%93ui&^aoQb-JV%$4hxj12id)2X)GYTXTe@-&IFDez z$8KQ1z+Qn};5_UBr?ALg*aE7!>ULziN({Oq+x4>5?#OoKr&_Ht0M#CqMO(G6FRZFp zjVN{ofe!o{`w{jn>>2C~bfJKicFgPw?f>M$j=fzWx|>HzUqp-uvZ2Y`Zu_b_V|>_D zlSQzuhBq2e!!iAJ-9L2W+9x%!x~I?^s0Zy*?@_&}`g%P(AZq@b0aE(AD)!-q$j#1a@TT^K3@}=BZy^TtEkwJj`HrTu?hN|*+N%Xu6Vf`odM-@!v176$^jh_X2v~zp z8V3(6f)Qx>r!nA`Kjs4(`EVTgq2)7i5C#Y2_u@cOt(lwU$NbT8GNVS7KO5MsO%q=89)_t^K#MAG9>8uR*lk7nXRJ}B(rT5|0}a1H z;L!qqHpAKJ^@h^=Ay7N|DYxj$MM8Xm;Qh;VgjhhrStw& z&PB}4MuJ(qz|S~S2|HCB7MvVY8XKP?sN`rc6TqE;d@vL7%w|Ia^OL!BdTu74h_ATf z?g1*C^NK6M{$fr@I%2Mf%bDyePB?8#$vL+@>{}d3&N`NhBVpHYcXp*OG)IivMtg~c zVb2WTiw`X?@e83`cF8$m9}=_f<)jT~$NGxyfWStHg=n_h7mE$sQnQoso$5!@<(6Nb z?pO{dNUj__>?(p?h2`T17)=5#f*l41pcTnn;e)cMLU(Lz&%_j^G#v^jNrCwGP4G6> Q{-8j=So0^$bjSMt0@2}8%m4rY delta 2799 zcmb7GYiuJ|752#_vBz0woXx{|$H}JMZS(NFXPhb!+ew^c<7A!3?j{Ay*q%5O+vCKK zJhm;_G|TRfR_(TfxPJhZRstcRYSo~w5JIge&>sb{?JtCo+9DyUiq#gWq7r3Wu1%7S z-KY!FJ>$9ObJle=XyD=&(yzis{-$U`V>D+ z4(e0eBUK+-?^>tH=PfJd?^NEdT&V0WkCwZLf0exkUo(9dO$@Aj#Jyh=T|jBkF6U9#=dAS)_d2`Oq@pE?B+jYnIp@^;5KW zc><@^AldM^)tPm}MHKOxu1?mfo-fo1z_bA`$As3(_E(;1qkeBaN03uLvF z{^c>@TGKRFYdBjvPaZ8KC(AeoW46Uz!WLz>VEmwkDPi-Xz!>khIDN%V7>*Tb3J3nc zVc<+i)3vOoB#y&~lVnadhFeQcl{g-=pKYa!PnBr5AQ^ABa>Z=X&B(0L&?eOs1tUtd zV0@!ZDp3}AnK6Fc_DBhvlii&0aa&2ABFpl$A+@t5+Khm;A8Rj(PjK_HWc;$dBt8MR znqZW5$i+?sfp&|=WJgB{o0WOD@kFUM?`9d%c(dblZ&8vwj*zoa@0cvqU>Wrb>aWxw z^;2qwLevhWPyhO@L3SE1T8If4TQ^bPZElyQ@PblZ9UOvF}~*#nws&fsU@Q;iXKaaA}Kwq>RCq_ z!GWRJYWMEC2>Qhv&R3mKZhxu#`s!Z!jeomdykY;56YS5wSN^cQ9GR%@>UXLukDJ65 z@rwR(RQB@0B#!>iDj3GdJR#^LQsmoL!|lXiSFz^h5+&>YiNLG&=$T{H3~gM4^lo1*5`iUGp*S3KDcj zgFD2IV*@=MgCVFvzmLI1SVs>o!&kwQ-#Jlg2){kE4E>Np!668M*?8eZJ#uQGlyOt6VP*s*8OYYGfP9lEQ)46$=2jV>f%1WuywCm~w4W=5Zdp$F=bONZH; zIEimTIqoPLeIA8gVrS|x^jQ=ZpecWPlhF=#L{0#OuB-4BxP< z7J6n0Vo-Y!R@H%sM6MVt5>Gz5i5wpALUTUMCiJcbpOY^=zRYk5bonjpoUD;5dOo7)XAMepiDc19@1g6k)+4ww;3Pl_1n4dv?|K%QethB zOPpN~4A1$;C;Z)PM4CxmoXdJeZ_kuJn>nYC_ACprM9Sw{kcC`)W?WI{lO9^zkOzy0 zs2~n7Oux)?g3M-eE1LcVF-`XitmNk1f4};)@rvGT&tD9n`cEdj+VE@Z&6->AR`vEN zs0i%Nd*WM~M(1)dJ&}#eOn6O7XxYupO@-N7W3y^b>{ll?&#w$;rZ-kRL9ZIp{D}k` z8qLnpdcd!^BTHi=K6ca>InU?#;Mw2>I?RSuZR28uSzcq~i;;~9ZZR2OW%{P%Nq);u zkBJLXmeKX?O!z#Lgt1QXu-b*=-9vhtx%Zw5Xu5H9pX`eEjnw_7`#seNb zEsXp5`JgwF(Zk`uMtmgT9Xl^gZe574rnSs^CKMdIFgYBJ4lrwD%YJD<_bOswVp+~@ zvVAM6Ftf({)ur)JUt~Q#J-Wj5jV}hqF7ZMC$as)HK#^tgH=P5Jc|7y2dGx4HOw=cP zHJ5Kwq=j&h1>j%(2;QTd_k-_eWp}8WFF1YWMwPST6!zSOo!+6IJ7?+4Us3ay*KSM& V3I1)x)P$)KQ!Uo~BZa5ve*i(?6e0is diff --git a/lisamate/__pycache__/settings.cpython-311.pyc b/lisamate/__pycache__/settings.cpython-311.pyc index 547252be5f1fe4ce119bcf027d0f6c610f0aab34..1dbdaeedbad28fdbc0db850a2777b4750a708e2e 100644 GIT binary patch delta 201 zcmeAcYZK>N&dbZi00b`YSEXd|P2`hc6x*oI&&ZRan9dX>ouU-XpsBpsig7KQca?N$ zacWVqUQ%Lmc4}Tqv7T#gVrGsLgjc1Rl9ia3p0AgjpI1_pnWUFkT9ScK>YJaE3RCK* zDYN+%djO;4Epf-t5D!lr aA2=9Tm2R-;e_&;nX1c&24nakFKqUa`R69oi delta 77 zcmZn@?-t`*&dbZi00eWNElT;qJCRR;M1& delta 22 ccmcb|b&rd8IWI340}#wSy*y>XM&3YH08NGl%m4rY diff --git a/lisamate/__pycache__/views.cpython-311.pyc b/lisamate/__pycache__/views.cpython-311.pyc index 8b4bbeee0bd990dbc018db36ea2115b92e7be518..23841e141968d9249313941e60e8bb2d9ad2c8ab 100644 GIT binary patch delta 20 acmeyt{DYZ$IWI340}z;quh_`_mJt9uo&{zT diff --git a/lisamate/settings.py b/lisamate/settings.py index 29b18553..14ffe97e 100644 --- a/lisamate/settings.py +++ b/lisamate/settings.py @@ -39,7 +39,7 @@ 'django.contrib.staticfiles', 'informationPost', 'users', - 'accounts' + 'accounts', ] MIDDLEWARE = [ @@ -129,4 +129,10 @@ DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' -AUTH_USER_MODEL = 'users.User' \ No newline at end of file +AUTH_USER_MODEL = 'users.User' + + +AUTHENTICATION_BACKENDS = [ + 'users.backends.EmailBackend', + 'django.contrib.auth.backends.ModelBackend' +] \ No newline at end of file diff --git a/lisamate/urls.py b/lisamate/urls.py index 39f860aa..9cd8b8f5 100644 --- a/lisamate/urls.py +++ b/lisamate/urls.py @@ -16,7 +16,7 @@ """ from django.contrib import admin from django.urls import path, include -from lisamate.views import MainView +from lisamate.views import MainView urlpatterns = [ path('admin/', admin.site.urls), diff --git a/static/.DS_Store b/static/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..cbf9ce2f5606f2ec8e9da4a923b1306d7d64d602 GIT binary patch literal 6148 zcmeH~O>P1)427Qyl`3_^l4Uj=pf`vRJpmWsSEv#d3&cK0=h^Xwq3dddo+anSPCP%~ zVloC`%iG}#m;v~pyJF$Pz>M)be(;MePBp{ - font-family: 'Inter', sans-serif; - font-weight: 600; - font-size:30px; - line-height: 36.31px; - color:#242A57; - letter-spacing: -5%; -} - -.bluebox{ +.logo { display: flex; - justify-content: center; - width:600px; - height:723px; - position: absolute; - top:70px; - left:305px; - border-radius:130px; - background:linear-gradient(#4762FF, #78B6FF); - box-shadow: 25px 0px 36px -1px rgba(0, 0, 0, 0.23); - z-index: 2; -} - -.bluebox>i{ - position:absolute; - top:80px; - left:55px; + align-items: center; + justify-content: space-between; } -.bluebox>p{ - color:white; - position:absolute; - top:180px; - text-align: center; - font-family: 'Inter', sans-serif; +.logo>p { + margin-top: 0%; + margin-left: 1%; + font-family: Inter; + font-size: 3vw; font-weight: 600; - font-size: 35px; + line-height: 3.631vw; + letter-spacing: -0.05em; + text-align: left; + color: #242A57; } -.bluebox>.text2{ - display: flex; - justify-content: center; +.logo>a>i { + width: 3vw; + height: 3.2vw; + color: #242A5D; + margin-right: 2vw; } -.bluebox>.text2>p{ - color: white; +.CircleContainer { position: absolute; - top: 200px; - text-align: center; - font-family: 'Jua', sans-serif; - font-weight: 400; - font-size: 90px; - z-index:1; + z-index: -1; } -.bluebox>.text3{ - display: flex; - justify-content: center; +.circle1 { + width: 47.9vw; + height: 47.9vw; + background-color: #242A5D; + border-radius: 50%; + margin-top: 25vw; + margin-left: -10vw; } -.bluebox>.text3>p{ - color: white; - position: absolute; - top: 390px; - text-align: center; - font-family: 'Pretendard-Regular'; - font-size: 25px; +.circle2 { + width: 61.6vw; + height: 61.6vw; + background-color: #99BCFF; + border-radius: 50%; + filter: blur(5px); + margin-top: -80vw; + margin-left: 80vw; +} + +.circle3 { + width: 31vw; + height: 31vw; + background-color: #2A38B1; + border-radius: 50%; + filter: blur(10px); + margin-top: -80vw; + margin-left: 50vw; } -.whitebox{ - width:770px; - height:600px; - position:absolute; - top:260px; - right:260px; - background:white; - border-radius:100px; - box-shadow: 38px 22px 65px 0px rgba(0, 0, 0, 0.25); +.bluebox-whitebox-container { display: flex; - flex-direction: column; justify-content: center; align-items: center; -} - -.whitebox>p{ - position: absolute; - top:5px; - left:128px; - font-family: 'Inter', sans-serif; - font-weight: 700; - font-size:60px; - color:#000000; -} - -.whitebox>.text4{ + margin-top: -5%; + margin-left:-5%; +} + +.bluebox-whitebox-container>.bluebox { + width: 30vw; + /* Updated size */ + height: 36.15vw; + /* Updated size */ + border-radius: 6.5vw; + /* Updated size */ + background: linear-gradient(#4762FF, #78B6FF); + box-shadow: 1.825vw 0 2.65vw -0.09vw rgba(0, 0, 0, 0.23); + /* Updated size */ + z-index: 2; display: flex; - flex-direction: column; justify-content: center; align-items: center; + flex-direction: column; } -.whitebox>.text4>i{ - position:absolute; - color:#575757; - width:14.31px; - height:16.95px; - top: 232px; - left: 148px; - z-index: 1; + +.bluebox-whitebox-container>.bluebox>.subTitle { + font-family: 'Inter'; + font-weight: 600; + font-size: 2vw; + line-height: 2.42vw; + letter-spacing: -0.05rem; + color: white; } -.whitebox>.text4>p{ - position:absolute; - top:150px; - left:131px; - font-family: 'Inter', sans-serif; - font-weight:400; - font-size:20px; - color:#BEBEBE; +.bluebox-whitebox-container>.bluebox>.Title { + font-family: 'Jua'; + font-weight: 400; + font-size: 4.5vw; + /* Updated size */ + line-height: 7.5vw; + /* Updated size */ + letter-spacing: -0.05rem; + color: white; + margin-top: 3%; + white-space: nowrap; +} + +.bluebox-whitebox-container>.bluebox>.explain { + font-family: 'Pretendard'; + font-weight: 500; + font-size: 1.25vw; + /* Updated size */ + line-height: 1.49vw; + /* Updated size */ + letter-spacing: -0.05rem; + color: white; + margin-top: -2%; +} + +.bluebox-whitebox-container>.whitebox { + width: 36vw; + /* Updated size */ + height: 32vw; + /* Updated size */ + margin-top: 12%; + margin-left: -1%; + border-radius: 5vw; + /* Updated size */ + background-color: white; + box-shadow: 1.9vw 1.1vw 3.25vw 0 rgba(0, 0, 0, 0.25); + /* Updated size */ } -.whitebox>.text4>input{ - box-sizing: border-box; - width:523.81px; - height:65px; - position:absolute; - top:200px; - border-radius:55px; - border:2px solid #C4C4C4; - background-color:white; +.bluebox-whitebox-container>.whitebox>form { display: flex; justify-content: center; align-items: center; - padding-left: 60px; - padding-right: 60px; - font-family: 'Inter', sans-serif; - font-weight:400; - font-size:16px; - color:#4A4A4A; + flex-direction: column; } -.whitebox>.text5{ - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; +.bluebox-whitebox-container>.whitebox>form>.LoginText { + margin-top: 10%; + margin-left: -45%; + font-family: 'Inter'; + font-weight: 700; + font-size: 3vw; + line-height: 3.63vw; + color: #000000; } -.whitebox>.text5>p{ - position: absolute; - top: 267px; - left: 131px; - font-family: 'Inter', sans-serif; +.bluebox-whitebox-container>.whitebox>form>p { + margin-left: -60%; + margin-top: 5%; + font-family: 'Inter'; font-weight: 400; - font-size: 20px; + font-size: 1.25vw; + line-height: 1.89vw; + /* Updated size */ + letter-spacing: -0.05rem; color: #BEBEBE; } -.whitebox>.text5>i { - position: absolute; - color: #575757; - width: 14.31px; - height: 16.95px; - top: 347px; - left: 148px; - z-index: 1; -} - -.whitebox>.text5>input{ - box-sizing:border-box; - width: 523.81px; - height: 65px; - position: absolute; - top: 315px; - border-radius: 55px; - border: 2px solid #C4C4C4; +input { + box-sizing: border-box; + width: 40vw; + /* Updated size */ + max-width: 26.19vw; + /* Updated size */ + height: 10vh; + /* Updated size */ + max-height: 3.25vw; + /* Updated size */ + border-radius: 2.75vw; + /* Updated size */ + border: 0.05vw solid #C4C4C4; + /* Updated size */ + outline: none; background-color: white; - padding-left: 60px; - padding-right: 60px; + padding-left: 3.75vw; + padding-right: 3.75vw; font-family: 'Inter', sans-serif; font-weight: 400; - font-size: 16px; + font-size: 1.25vw; color: #4A4A4A; + margin-top: -2vh; + margin-bottom: -3vh; } -[type="checkbox"]{ - appearance: none; - border:2px solid #C4C4C4; - border-radius:50%; - position:absolute; - left:131px; - top:395px; - width:22px; - height:22px; - cursor:pointer; -} - -[type="checkbox"]:checked { - border: 2px solid #4967FF; - border-radius: 50%; - background: #4967FF; - background-image: url("../image/check.png"); - background-repeat: no-repeat; - background-position: center; - background-size: contain; - cursor:pointer; -} - -.whitebox>.text6>label>p{ - position: absolute; - top: 388px; - left: 161px; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 13px; - color: #C4C4C4; - cursor:pointer; -} - -.whitebox>.text6>label>[type="checkbox"]:checked+p{ - color:#4967FF; +.bluebox-whitebox-container>.whitebox>form>.UserText, +.bluebox-whitebox-container>.whitebox>form>.PasswordText { + position: relative; } - -.whitebox>.text7>p{ +.bluebox-whitebox-container>.whitebox>form>.UserText>i, +.bluebox-whitebox-container>.whitebox>form>.PasswordText>i { position: absolute; - top:382px; - right:198px; - color:#C4C4C4; -} - -.whitebox>.text7>button{ - border:none; - background-color:white; - color: #C4C4C4; + margin-top: 0.7vw; + margin-left:2vw; + width: 28px; + height: 32px; + color: #575757; + z-index: 1; + font-size: 1.1vw; +} + +@media (max-width:900px) { + .bluebox-whitebox-container>.whitebox>form>.UserText>i, + .bluebox-whitebox-container>.whitebox>form>.PasswordText>i { + position: absolute; + margin-top: 1vw; + margin-left: 2vw; + } +} + + + +#LoginBtn { + width: calc(40vw - 1rem); + /* 조절된 크기 */ + max-width: 26.19vw; + /* Updated size */ + height: calc(6.25vh + 0.625rem); + /* 조절된 크기 */ + max-height: 3.25vw; + /* Updated size */ + margin-top: 10%; + margin-left: auto; + /* 수정된 부분 */ + margin-right: auto; + /* 수정된 부분 */ + border: 2px solid #4967FF; + border-radius: 55px; + background-color: #4967FF; font-family: 'Inter', sans-serif; - font-size:13px; - font-weight:400; + font-weight: 500; + font-size: 1.25vw; + color: white; cursor: pointer; } -#idbtn{ - position:absolute; - top:400px; - right:209px; -} - -#joinbtn{ - position: absolute; - top: 400px; - right:131px; - color: #C4C4C4; -} - -.whitebox>.text7>#idbtn:hover { - color: #4967FF; - font-weight: 800; -} - -.whitebox>.text7>#joinbtn:hover{ - color: #4967FF; - font-weight: 800; -} - -.whitebox>button{ - width: 523.81px; - height: 65px; - position: absolute; - top: 463px; - border-radius: 55px; - border: 2px solid #4967FF; - background-color: #4967FF; - font-family: 'Inter', sans-serif; - font-weight:500; - font-size:23px; - color:white; - cursor:pointer; +.bluebox-whitebox-container>.whitebox { + position: relative; + /* 추가된 속성 */ } -.circle1 { - width: 9.19px; - height: 9.19px; - border-radius: 50%; - background-color: #4967FF; +.bluebox-whitebox-container>.whitebox>#LoginBtn { position: absolute; - top: 805px; - right: 652px; + /* 추가된 속성 */ + bottom: -10%; + /* 원하는 위치로 조정 */ + left: 50%; + /* 원하는 위치로 조정 */ + transform: translateX(-50%); + /* 가운데 정렬을 위한 속성 */ } -.circle2{ - width:9.19px; - height:9.19px; - border-radius: 50%; - background-color: #4967FF; - position:absolute; - top:805px; - right:637px; +.bottom{ + display:flex; + align-items: center; + justify-content: center; + margin-top:1vw; } - -.circle3{ -width: 9.19px; - height: 9.19px; - border-radius: 50%; - background-color: #4967FF; - position: absolute; - top: 805px; - right: 622px; +.bottom>a>img{ + width:25vw; } \ No newline at end of file diff --git a/static/css/signup.css b/static/css/signup.css new file mode 100644 index 00000000..634cde5f --- /dev/null +++ b/static/css/signup.css @@ -0,0 +1,212 @@ +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); + +body { + background: linear-gradient(180deg, #CDCDCD 0%, #F5F5F5 100%); + background-repeat: no-repeat; + height: 100vh; + width: 100vw; + overflow: hidden; +} + +.logo { + display: flex; + align-items: center; + justify-content: space-between; +} + +.logo>p { + margin-top: 0%; + margin-left: 1%; + font-family: Inter; + font-size: 3vw; + font-weight: 600; + line-height: 3.631vw; + letter-spacing: -0.05em; + text-align: left; + color: #242A57; +} + +.logo>a>i { + width: 3vw; + height: 3.2vw; + color: #242A5D; + margin-right: 2vw; +} + +.CircleContainer { + position: absolute; + z-index: -1; +} + +.circle1 { + width: 45vw; + height: 45vw; + background-color: #242A5D; + border-radius: 50%; + margin-top: 25vw; + margin-left: -10vw; +} + +.circle2 { + width: 61.6vw; + height: 61.6vw; + background-color: #99BCFF; + border-radius: 50%; + filter: blur(5px); + margin-top: -78vw; + margin-left: 80vw; +} + +.circle3 { + width: 31vw; + height: 31vw; + background-color: #2A38B1; + border-radius: 50%; + filter: blur(10px); + margin-top: -85vw; + margin-left: 50vw; +} + +.bluebox-whitebox-container { + display: flex; + justify-content: center; + align-items: center; + margin-top: -7%; + margin-left: -5%; +} + +.bluebox-whitebox-container>.bluebox { + width: 34vw; + height: 38vw; + border-radius: 6.5vw; + background: linear-gradient(#4762FF, #78B6FF); + box-shadow: 25px 0px 36px -1px #0000003B; + z-index: 2; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + + +.bluebox-whitebox-container>.bluebox>.subTitle { + font-family: 'Inter'; + margin-top:-10%; + font-weight: 600; + font-size: 2vw; + color: white; +} + +.bluebox-whitebox-container>.bluebox>.Title { + font-family: 'Jua'; + font-weight: 400; + font-size: 6vw; + color: white; + margin-top: 5%; + white-space: nowrap; +} + +.bluebox-whitebox-container>.bluebox>.explain { + font-family: 'Pretendard'; + font-weight: 500; + font-size: 1.2vw; + color: white; + margin-top: -2%; +} + +.bluebox-whitebox-container>.whitebox { + width: 36vw; + height: 36vw; + margin-top: 10%; + margin-left: -1%; + border-radius: 5vw; + background-color: white; + box-shadow: 1.9vw 1.1vw 3.25vw 0 rgba(0, 0, 0, 0.25); +} + +.bluebox-whitebox-container>.whitebox>form { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.bluebox-whitebox-container>.whitebox>form>.SignupText { + margin-top: 10%; + margin-left: -35%; + font-family: 'Inter'; + font-weight: 700; + font-size: 4vw; + color: #000000; +} + + +.bluebox-whitebox-container>.whitebox>form>p{ + font-weight: 'Inter'; + font-weight:400; + font-size:1vw; + color:#BEBEBE; + margin-left:-50%; + margin-top:2vw; +} + +.bluebox-whitebox-container>.whitebox>form>.NicknameText, +.bluebox-whitebox-container>.whitebox>form>.PasswordText, +.bluebox-whitebox-container>.whitebox>form>.EmailText{ + position:relative; +} + +.bluebox-whitebox-container>.whitebox>form>.NicknameText>i, +.bluebox-whitebox-container>.whitebox>form>.PasswordText>i, +.bluebox-whitebox-container>.whitebox>form>.EmailText>i{ + width:0.7vw; + height:0.8vw; + color:#575757; + position: absolute; + margin-left:7%; + margin-top:2.5%; +} + +@media (max-width:1400px) { + .bluebox-whitebox-container>.whitebox>form>.NicknameText, + .bluebox-whitebox-container>.whitebox>form>.PasswordText, + .bluebox-whitebox-container>.whitebox>form>.EmailText { + font-size:0.5rem; + } +} + +.bluebox-whitebox-container>.whitebox>form>.NicknameText>input, +.bluebox-whitebox-container>.whitebox>form>.PasswordText>input, +.bluebox-whitebox-container>.whitebox>form>.EmailText>input{ + width:21vw; + height:2.6vw; + border-radius:55px; + border:2px solid #C4C4C4; + background-color:white; + outline:none; + padding-left:3vw; + font-family: 'Inter'; + font-weight:400; + font-size:0.7vw; + line-height: 18.15px; + letter-spacing: -0.05rem; + color:#4A4A4A; + margin-top:-5%; +} + +.bluebox-whitebox-container>.whitebox>form>a>button{ + width:24vw; + height:2.6vw; + border-radius:55px; + background-color:#4967FF; + font-family: 'Inter'; + font-weight:500; + font-size:1vw; + line-height: 27.84px; + letter-spacing: -0.05rem; + color:white; + border:none; + margin-top:2vw; +} \ No newline at end of file diff --git a/static/image/.DS_Store b/static/image/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0D4S(jqTapWUe4cyG?xG|u z_wx4w0AP7aa$-6Fpae*~(F2Vjg}pukaf?dQlePj9J#G?7mK-9HNdR!OcA4|QQY80e zCjVFh04wf&vPDA-Q9e?mNJ%7RmgiY5@wEY2ey0w&*2PEdiU_{4EC{=F_2c7-LrI>u zQUcl*leUw*MBkSl!>4&@c6LWp+9JW)M|aCvlC%n$wtNe5H~zhTjhR!l7*I*ofq+W& zS-?zx?izbCA&XgClrZmf(sgY@{sKG+Hahkv^o>>+BFtQ#b5c7oVBZ-o&z+l#;XAq2 zQ)MFa%oa%b;oZG?Aot<1gsk8lp#vVWOH23zWx!Le;;&eo$8W0P}-qRr$R?U&#%g~ z+Nydhl*`41U4U+QYVVVJEv(DL$juYio)*J@u-xZ{+~t&Sg_b+YJY@SSf`_<+in5dc zJ{pep*<-3-S(v@ZXOE0;safcvOI<;oEjebktWWFog+z3xxdKW9(he5R`Vo;r( zvuUxi`B?}nxbcim$q%;u^In~A8TpfAI*^%) z@Y!2+&2@Vz+`=>E&6t|12B1S)rCa;)ieKR{(N|>6eEfRUT2&Cjm$MHNKDDqlG%lx; zp!rbJ0;y7u1$#02E7x$a85syQV{;cGE5XWU9C0Y8d(%bZo#?kv*1+5Bu=ZCO>bPv4 zTp>!MhQiK=EZ$_PyDYz&(0JW=c|`9g?n;c*T;$CgB>eR=JxzOG9%Xb<25F2V!X-2m z@j|S42o5qmSXSWZZLkN}Y=g8QsXl6hF~{-YCP(b-3Sn6^et%J>cTIH@(eTDUm1q3H z9p5=zZJcWHRl_&qYAU}51f?j6FdAJl&E7tHW7@_v`3gLhn>EeR&m?ekF%{SDl2jAG zom>w_jU6F0WlE;lvSE#atLFIoG?ef2+;n zO2DHVs{NLXgrH9t@aoX2?x0Z$y>nqUiRxnCz{m;ZBAkNywLK1x4oh`tg>AMk1u6*9 z0K{Jny}}-(oh;PieCVguG)eIhh>K_$P4IZ;mj*H?@efw8k}=_HkeerCP%%HyrA6!Q z?k||! + + LisaMate - LisaMate + -
-
-
-
+ - - - -
- -

Hello

-
-

LISA MATE

-
-
-

나의 이사메이트 리사.

-
+
+
+
+
- -
-

Login

-
-

User

- - -
-
-

Password

- - -
-
+
+
+
Hello
+
LISA MATE
+
나의 이사메이트 리사.
-
- 회원가입 + +
+ + {% csrf_token %} +
Login
+

User

+
+ + +
+

Password

+
+ + +
+ {% if error_message %} +

{{ error_message }}

+ {% endif %} + {% csrf_token %} + + + +
+ + + +
+
-
- {% csrf_token %} -
- {{ form.as_ul }} -
- -
> - -
-
-
+
\ No newline at end of file diff --git a/templates/accounts/signup.html b/templates/accounts/signup.html index 77ced78e..3c5abde5 100644 --- a/templates/accounts/signup.html +++ b/templates/accounts/signup.html @@ -1,4 +1,3 @@ - @@ -6,7 +5,7 @@ LisaMate - + @@ -26,39 +25,36 @@
-
Hello
LISA MATE
나의 이사메이트 리사.
-
-
회원가입
-

Name

-
- - -
-

Email

-
+ + {% csrf_token %} +
Sign up
+

Nickname

+
- +
-

Password

+

Password

- + +
+

E-mail

+
+ +
- 회원가입 {% if error_message %}

{{ error_message }}

{% endif %} -
-
-
-
-
+ + +
diff --git a/users/.DS_Store b/users/.DS_Store index e6dfc649791cd3221f87bc4b2b4e585bb2d727f0..f7d95e4c524c897f6b48e2da5717b5c5df1e9eaf 100644 GIT binary patch delta 67 zcmZoMXfc=|#>B)qu~2NHo+2ar#(>?7jO>$nSk7+dW&6drvB89SGdl-A2T;joL5}at Vlles)IT(O|k%56_bA-qmW&l^M5BLB8 delta 375 zcmZoMXfc=|#>B!ku~2NHo+2aH#(>?7iyN4k7`Z0%FrBUEV#sC4WJqTyVn}2t0kZNL z@)(LebMljua`KZH7#IW?7#M#7X}$ko0Aw*RVAYdUUR(gxvm>b>C$qT3z~CAq6Eh1d z8#_BEJ2!i5a7KQ4a7kiGX|YpcQ8b7bl3$;nlLX@=CWU3Dmd6W-IOpe;BxdHN7J+qS zrlbOu#Dr(&rR0}8<(KBA6oWMfLnJskIXL45B&w^8%nWoCj1A0cbrh;Cjeu+uOQYIa zP7YCJee0n3?3~=Z{4TKb85kKMGy^Y#F_Zln(r32*|H(z7=%ea}H egP#K!teXp&zcWwf7jfhO8p;GRW^;td8fE|xMPbVT diff --git a/users/__pycache__/__init__.cpython-311.pyc b/users/__pycache__/__init__.cpython-311.pyc index bf39127da33588cca46c11766b59ece45d34d576..d5567fd9ad696efa7bfbfa2b571ca7ed11248621 100644 GIT binary patch delta 19 ZcmZ3%xPp;;IWI340}yzeUNw<>E&whB1s?za delta 19 ZcmZ3%xPp;;IWI340}v=Ln>UerE&wb&1jzsZ diff --git a/users/__pycache__/admin.cpython-311.pyc b/users/__pycache__/admin.cpython-311.pyc index 16233c00960047937d776b721baff549f69415f2..ce603afcfdb34cd8906039d89cb2af86ea45ac45 100644 GIT binary patch delta 324 zcmZ3@wt|g!IWI340}$-{v?|4LBCmxgLke>aOD<~^D%^#F1-4)Y zP4<@{wVI5#SQArnGxLB9&d}o2B1aHs;w5WqE)cI6%++MQ#gv(Hiz6>HIXf>gH}w{4 zYHng?&Mnr=+{Er^15GbtpZu6nl}!Y~EUw9VizzeZ7Hev5 zVrI@Qj#8jxUSe+QE!NE3#Prl#JeheVMfoYE$t9Wjd78{c+>@OdC$ez>%_`!Ue2Y<) zO%%dpWwMcC%LSQQT*L+xy2XXC0;n>PNkmEnq!O%L49NP$VFOfNnv-f*Bs;mE$vjEo z0s{*Az{13+|A7IMm=JnJRP`fB;tN8SgMpE)h3h(l@FfP}2`)4AE;49dVbHt)LtuLW Dwqsrk diff --git a/users/__pycache__/backends.cpython-311.pyc b/users/__pycache__/backends.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..a8a209b771a01fa5fe821be43219847fd2313bc8 GIT binary patch literal 1469 zcmbtUOKTHR6h3!m(kAVsqfXVTK|`(3KuItvsTAF-c;}v>%Eu0nFzQz22v!!Y&~!nZ1`iH zydxW^v)R#mD%a)pZu=emy40)5q`I7g@~Mlx9z{I9i~&;!+(&YAun0@?eOSZ}mvBEa@&|VH z)2r##H0ne~TCG-d01d6UTtlbN;#c8=HW`&assz#MuCw65?+p>%8vJi>?6 zBj&1MJgS*a`-GjqtLzlQ8`whxKLOS!W&*^^FC#2>eoZMH8g4=_3@ah5_hDe?0!!IM zpBJ->W_iAnv?^tn73TalOa?v6L^(YD2o)w8pV0-0xz+o8QO~Yqx7AofjV(u-ibgP#!?1eohuHmj#E~D%Z~!ZUklZ#Sh9iJVJj`Wut)3%6bs0dq_bF)=&%wam*2PVyZhdF2)CW zj2!3;Qk)s2aH@0OiO?ea?GkjbJ|6n&R9w?nr__%ipYW7IeGVe_hm52yhm&K5s*?sP z&&zRnT-AM;)Ws5tsu|&mUsgFP%KDqoxQA2}#0m;J6i#tuaL@_06KYPuFbl7902&Hc zR|Xp0VFUcv{{nFjrLf^iVrW*1g6Bb7tXe+9DMt;$u>*l}Rs4n@TBmA!UBeEPLK7Q1 zKnkxoQ#guK&N=)gzQ(1v+}4#=U8QPf#0ZddXFCdb-?%}v#BE~r2U^yUu zjbBFmYLKKLs3MLi%tnb%19gZ9QA0A4awIZJMA|f`RGnT35vYvIF%`0f8z`fw5!uv| z`fIQuAE!4%#h9YE&{iu5gT@9Wg}xUW#9O(=s>|t)UGBKrOC1_A2)Jlr&#KV%MCi)7 z7Y6de;ev435)N-#o0hq}aI_#CwS=RaR`)_6FB~ZdM=aq;(bJVp7Cc=!K6lmfoP=-r zgk4+0Nxcnbd4z|6@PZ`KElLt`OA;{C)M#6jq|2tP**$E-dM6CgY5rz|*#=pXV}kD6 zI0YhI{jE9NJg{}Uc%9?>@f!LsX}hNmw`JctFwnC88;H&9>p-e=f`VC5@KR023PPp} z)+yXL4%Ra)4Q(6CEAS#L2{o^Ti=o&%MPZ6daRXiPQo}sVvRIud*uZe2?F(?C(zw*L zoqWMYz%2pf7GcTfYBnC2i8nFK=k&*-ST0*SYVX z-<>IER?6Sq@%tRio$do*xEgMt&^CQr*1aGgC7=nY?J|ON`jq-G+ci`y0O){9{M1Vj zn7SlQi}aZM6|EZp2E8Df4_hIX3GIwCL%wFc3(PtN=si@>)Jfa{`brGaV_o;VeBeW*|H}KH?gMH^H`u(Rfma zzzHX#i8zY}QlAJ-sNtlc`{^obf~J?+sGvb;JOHs7G)1v9J6I4qbEB4cFfSe~hzHYw z;@*z*P_eD&wwC^YhV>N)>xGXVk66Q!<++&mTr7Alrr+Nfx^VpQ0qeq;^|5S;p}ZI> zh#_#%+I#z0p|yAU4Qo)fS|j<^NTD^7K38mN&rV*C-HN5ptZ|s%2d~HuVFx5#@Q|;b z>{BM>_;|t}PQb3CA-`-UFZt~kO{e#4A3*Z}Lv6`+#8nxngxIyP6R0_wSHcN91HGpo z2UnB{#mh_QVTneYr~) HJC}a|mIlBE literal 2104 zcmaJ>&2JM&6rb5$+iPb@sEx{3QjFk$RmoNksfr3nvSP!2SJf@oB6NTvP(JymODsnJMCm3jg%QcyT?>YH8LP14Y}yKmpj z`@J_a@4b0PcWMrdHXCgDen{fluLTT!vF zt70}_gVZI0=U_D7o4JUq@;ZdH9%1)Rj8Iixt0nT3@0zY%MOll2Rg~H8iMm_y|0G1h zbD){;X)$^&Hu7IAQS0c7kc6sevbW1Bu1Zz8AQ!>Y9sHe$R5a`CgY~?N54@ZAz1vrl z-mORNxw?0&mVAD_?loqT&lbM-Zhzgr+-P6ElXmt3xczIry-;ia(s(|z*#7p~hQOyP z0G-SR=yyA-cwc=9Yk5CB@~-~|F79_$;A)ZS%r**zajpr`nKr2dRgv$d2Am2x0pH4I zV315S3IBlLP&f;_ z{nX*{vCR8Me#$J9jPSrRK@Fy-Kj#r0c1Csm!am`mQ>N)WH4WR;1vq`cs^kre9ZGkQ zVtY*7wi;SWY`u2S)sib>n<<6IJ~AxF9HX>Cxonwb9%H6W%!1)qHrMo3UQ=PZ32dka zjEBsUQM9-^Z7}v(g%Ylr=i&b7g`#N@Mh5`H!oZR~(SBjmx60Xtt*_a;xF75xFxcwA z)@6jF$MKW+pgVN589&yFA9J;1o%yj~{)1+Gv=tw9wb3Vi{f+aN4qiDpGyJ%3(Cr)a z?Xu1I=~n!-tDXK!-SVfp>#@3PHg<2csSdZ)VOJeq>dp2qC{1;wrH;7j$g+Z?yT$4q z7Dk(QH|*9xa(3Ijk%fKkzzKL4t>EvfC#VQ@ zumTO;2Kf8PH}j+8w+f$$Zo$%i1Zofk@hnUIp_6zS{T~lp3F9?=s@F*^(EQt{Bm~_O zX6E4wD5t<&Xi_B2CxVGYqzCJJYQ#s0YZagr5_+(%L*$}CZ{>=}u@eQLxXwQ>dUtE% zDVb}ZnslPVOg~6mDLaUMSsvTX@h8jm&+R(lC z7RP_z;%eEZmThU-+SpQJ&((KYi9HKD-6N)(C^Qp=R-#ZlDV|^%;XIp)@Ev5*D4(mO z^A*@maUyLv_Q&a<2T;*TgM+;>>Z4ZOB_8bJn7i>kFMQR@)quS+J_jZn^TvS}zUJj?^nQf?0ZQ*Q A-2eap diff --git a/users/admin.py b/users/admin.py index 557dd1ec..8ccd6247 100644 --- a/users/admin.py +++ b/users/admin.py @@ -1,9 +1,9 @@ from django.contrib import admin from django.contrib.auth.admin import UserAdmin -from .models import User +from users.models import User -class UserModelAdmin(admin.ModelAdmin): - list_display = ('id', 'email', 'username', 'image', 'introduction') - fields = ('username', 'email', 'password') - -admin.site.register(User, UserModelAdmin) \ No newline at end of file +class UsersAdmin(admin.ModelAdmin): + list_display = ('id', 'nickname', 'email', 'image', 'introduction') + fields = ('nickname', 'email', 'password') + +admin.site.register(User, UsersAdmin) \ No newline at end of file diff --git a/users/backends.py b/users/backends.py new file mode 100644 index 00000000..170e1a46 --- /dev/null +++ b/users/backends.py @@ -0,0 +1,21 @@ +from django.contrib.auth.backends import BaseBackend +from django.contrib.auth import get_user_model + +UserModel = get_user_model() + +class EmailBackend(BaseBackend): + def authenticate(self, email=None, password=None): + try: + user = UserModel.objects.get(email=email) + except UserModel.DoesNotExist: + return None + else: + if user.check_password(password): + return user + return None + + def get_user(self, user_id): + try: + return UserModel.objects.get(pk=user_id) + except UserModel.DoesNotExist: + return None diff --git a/users/migrations/0001_initial.py b/users/migrations/0001_initial.py index c40a2767..c56f0d36 100644 --- a/users/migrations/0001_initial.py +++ b/users/migrations/0001_initial.py @@ -1,9 +1,9 @@ -# Generated by Django 4.2.1 on 2023-06-30 19:45 +# Generated by Django 4.2.1 on 2023-07-10 02:28 -import django.contrib.auth.models import django.contrib.auth.validators from django.db import migrations, models import django.utils.timezone +import users.models class Migration(migrations.Migration): @@ -18,6 +18,7 @@ class Migration(migrations.Migration): migrations.CreateModel( name='User', fields=[ + ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), ('password', models.CharField(max_length=128, verbose_name='password')), ('last_login', models.DateTimeField(blank=True, null=True, verbose_name='last login')), ('is_superuser', models.BooleanField(default=False, help_text='Designates that this user has all permissions without explicitly assigning them.', verbose_name='superuser status')), @@ -27,9 +28,10 @@ class Migration(migrations.Migration): ('is_staff', models.BooleanField(default=False, help_text='Designates whether the user can log into this admin site.', verbose_name='staff status')), ('is_active', models.BooleanField(default=True, help_text='Designates whether this user should be treated as active. Unselect this instead of deleting accounts.', verbose_name='active')), ('date_joined', models.DateTimeField(default=django.utils.timezone.now, verbose_name='date joined')), - ('id', models.CharField(max_length=20, primary_key=True, serialize=False, verbose_name='id')), - ('email', models.CharField(max_length=20, verbose_name='email')), - ('introduce', models.TextField(verbose_name='introduce')), + ('email', models.EmailField(max_length=254, unique=True)), + ('nickname', models.CharField(default='no nickname', max_length=255, verbose_name='닉네임')), + ('image', models.ImageField(blank=True, null=True, upload_to='image/', verbose_name='이미지')), + ('introduction', models.TextField(default='소개글을 입력하세요.', verbose_name='소개글')), ('groups', models.ManyToManyField(blank=True, help_text='The groups this user belongs to. A user will get all permissions granted to each of their groups.', related_name='user_set', related_query_name='user', to='auth.group', verbose_name='groups')), ('user_permissions', models.ManyToManyField(blank=True, help_text='Specific permissions for this user.', related_name='user_set', related_query_name='user', to='auth.permission', verbose_name='user permissions')), ], @@ -39,7 +41,7 @@ class Migration(migrations.Migration): 'abstract': False, }, managers=[ - ('objects', django.contrib.auth.models.UserManager()), + ('objects', users.models.UserManager()), ], ), ] diff --git a/users/migrations/0002_remove_user_introduce_user_introduction_and_more.py b/users/migrations/0002_remove_user_introduce_user_introduction_and_more.py deleted file mode 100644 index cf6608ee..00000000 --- a/users/migrations/0002_remove_user_introduce_user_introduction_and_more.py +++ /dev/null @@ -1,32 +0,0 @@ -# Generated by Django 4.2.1 on 2023-07-01 01:43 - -from django.db import migrations, models - - -class Migration(migrations.Migration): - - dependencies = [ - ('users', '0001_initial'), - ] - - operations = [ - migrations.RemoveField( - model_name='user', - name='introduce', - ), - migrations.AddField( - model_name='user', - name='introduction', - field=models.TextField(default='소개글을 입력하세요.', verbose_name='introduction'), - ), - migrations.AlterField( - model_name='user', - name='email', - field=models.EmailField(max_length=254, unique=True, verbose_name='email'), - ), - migrations.AlterField( - model_name='user', - name='id', - field=models.CharField(max_length=20, primary_key=True, serialize=False, unique=True), - ), - ] diff --git a/users/migrations/0003_alter_user_id.py b/users/migrations/0003_alter_user_id.py deleted file mode 100644 index 94bd2e63..00000000 --- a/users/migrations/0003_alter_user_id.py +++ /dev/null @@ -1,19 +0,0 @@ -# Generated by Django 4.2.1 on 2023-07-01 01:49 - -import builtins -from django.db import migrations, models - - -class Migration(migrations.Migration): - - dependencies = [ - ('users', '0002_remove_user_introduce_user_introduction_and_more'), - ] - - operations = [ - migrations.AlterField( - model_name='user', - name='id', - field=models.CharField(max_length=20, primary_key=True, serialize=False, unique=True, verbose_name=builtins.id), - ), - ] diff --git a/users/migrations/0004_alter_user_managers_user_image_alter_user_email_and_more.py b/users/migrations/0004_alter_user_managers_user_image_alter_user_email_and_more.py deleted file mode 100644 index 155350df..00000000 --- a/users/migrations/0004_alter_user_managers_user_image_alter_user_email_and_more.py +++ /dev/null @@ -1,40 +0,0 @@ -# Generated by Django 4.2.1 on 2023-07-03 23:57 - -from django.db import migrations, models -import users.models - - -class Migration(migrations.Migration): - - dependencies = [ - ('users', '0003_alter_user_id'), - ] - - operations = [ - migrations.AlterModelManagers( - name='user', - managers=[ - ('objects', users.models.UserManager()), - ], - ), - migrations.AddField( - model_name='user', - name='image', - field=models.ImageField(blank=True, null=True, upload_to='', verbose_name='이미지'), - ), - migrations.AlterField( - model_name='user', - name='email', - field=models.EmailField(blank=True, max_length=254, verbose_name='email address'), - ), - migrations.AlterField( - model_name='user', - name='id', - field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'), - ), - migrations.AlterField( - model_name='user', - name='introduction', - field=models.TextField(default='소개글을 입력하세요.', verbose_name='소개글'), - ), - ] diff --git a/users/migrations/0005_user_nickname_alter_user_id.py b/users/migrations/0005_user_nickname_alter_user_id.py deleted file mode 100644 index a011f5fd..00000000 --- a/users/migrations/0005_user_nickname_alter_user_id.py +++ /dev/null @@ -1,23 +0,0 @@ -# Generated by Django 4.2.1 on 2023-07-07 03:17 - -from django.db import migrations, models - - -class Migration(migrations.Migration): - - dependencies = [ - ('users', '0004_alter_user_managers_user_image_alter_user_email_and_more'), - ] - - operations = [ - migrations.AddField( - model_name='user', - name='nickname', - field=models.CharField(default='No nickname', max_length=20), - ), - migrations.AlterField( - model_name='user', - name='id', - field=models.CharField(max_length=20, primary_key=True, serialize=False, unique=True, verbose_name='ID'), - ), - ] diff --git a/users/migrations/0006_alter_user_id.py b/users/migrations/0006_alter_user_id.py deleted file mode 100644 index acf6bb42..00000000 --- a/users/migrations/0006_alter_user_id.py +++ /dev/null @@ -1,18 +0,0 @@ -# Generated by Django 4.2.1 on 2023-07-07 13:53 - -from django.db import migrations, models - - -class Migration(migrations.Migration): - - dependencies = [ - ('users', '0005_user_nickname_alter_user_id'), - ] - - operations = [ - migrations.AlterField( - model_name='user', - name='id', - field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'), - ), - ] diff --git a/users/migrations/0007_alter_user_id.py b/users/migrations/0007_alter_user_id.py deleted file mode 100644 index 91ef68d5..00000000 --- a/users/migrations/0007_alter_user_id.py +++ /dev/null @@ -1,18 +0,0 @@ -# Generated by Django 4.2.1 on 2023-07-07 13:54 - -from django.db import migrations, models - - -class Migration(migrations.Migration): - - dependencies = [ - ('users', '0006_alter_user_id'), - ] - - operations = [ - migrations.AlterField( - model_name='user', - name='id', - field=models.CharField(max_length=20, primary_key=True, serialize=False, unique=True, verbose_name='ID'), - ), - ] diff --git a/users/migrations/0008_remove_user_nickname_alter_user_id.py b/users/migrations/0008_remove_user_nickname_alter_user_id.py deleted file mode 100644 index 29cde0a8..00000000 --- a/users/migrations/0008_remove_user_nickname_alter_user_id.py +++ /dev/null @@ -1,22 +0,0 @@ -# Generated by Django 4.2.1 on 2023-07-07 17:46 - -from django.db import migrations, models - - -class Migration(migrations.Migration): - - dependencies = [ - ('users', '0007_alter_user_id'), - ] - - operations = [ - migrations.RemoveField( - model_name='user', - name='nickname', - ), - migrations.AlterField( - model_name='user', - name='id', - field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'), - ), - ] diff --git a/users/migrations/__pycache__/0001_initial.cpython-311.pyc b/users/migrations/__pycache__/0001_initial.cpython-311.pyc index 7f9dfbc5c5907d44778a20138535d56fb6ad4cd8..24f6d6683e6840fcd7ec872d5bff3d806df28208 100644 GIT binary patch delta 1727 zcmZvcOKclO7{_;Z{oL4&otK@pox~+Ib%Oj$H|LrfdzI$o~Kmg6qqFJ|11SPdrZt&2?bFwvQH%6cx z+B9*SClsl5s)bR^DIFtf06H}1{{s^>7voy?7jh(KD|Bm~SDL`KhOq6hBLQG1?1Dgc zB%Ovp(pB%Z8oe#I`WZMp*QR;5EyO0NwL-%C8dL$%>(->E=>7w^fF`NKym#ek^F6Rv z^E9pQYuF@!A$aHj?it3_lScOCF}x<*>b-WO2m7_d+x$vH=EF>+qYga_fp(Po6hHjCi)Dc&%$#C9X6zH@NqX0I#2G zK~#bl=D5g|`cRnk@dG?d!_jwTOV28jH_tniJ_*Twb=Y#|WbqUcR$$M`sVj9HY#g{%2%Hc*Q5jcv3KD1lI|TSnC|!E=seCK>{W_hMfWP$oh$85 zh(CfAAC?9;!n!oLqx>|6rRkzHtxMC`JyY`dad2qksvaELN#of$d_9eWnPM=b2Q%26 zEqVT1*fvilLky%3*iDP!ZwYxiT-C7po1^>e#m$$04UGK~7%K+G^}slGpR5Xem#ca_U>6^8qd6EhfNJ>zu+L)aK>a5Ph@ z9ibV-e~64B217=oCxhWW+(;iT*;COdNVFnygc+)TD-=Tt_Vy`s%yD-cM{A38lPwLn zqiA;oX=A*n`TKrImG+1>cAv4o-e76$QTD2m`0-NM#?(O zVD}5%G6x6Y5KKYV$bap+@(rKv!4Et55twmtmsUg?=qRmW_NfPs{m*&3cXm5Y&pR`6 z{QF`RTo{5A%P4!2lLV7le5@aAgBG0IA@a>`O}}H zY5n6@sJ$Avj1%N_V3|buc|1&h;b+M+ew4i9@6y?+;MC5;;9I;LHxrpB8&)FoYUcf{ zxqQV`ZkP#eH=$Vx&5V?r1H)!Aw>4=cbFWt4-!hX+yU8UhxnxEzHwPp$mEXE9&uJi*00^5Q>g&oqKx8lBO-`_y=j> zFKJ;{I%7#^%*ffchZz#v)5!q;2~qRKHf@g-tcZ~Hm{F3{1x{yEClGADEJ-Wm{fZ<4Brp zb}mo_*S&J$kR16-x^mhpN2;jM(s&;fnW>T0t$yk2Zpma}p;^MG`qOI|wMwNwEphq@ zkhqJVx`P9hz~iO9=YD+|w7=m*nEzv30^)xP&l3Ca-sT7rNEliDxkehs{5rEcXA zZIqsNebbz>ktCX>LYe9`1C+DHWI-GTy8^@e?=A3hL>+iyQbL;OrjtA%AgE=QeP6K^(Cd-o*_z*sF zkzR1NKE_B}Z~-nJ1nBY7oOfxyo6AVA!ezK};NfZ)sWp`U1g^q0xDH*2T%5f*f79`A zz|Dd`T12T&(fVh1*3WE=AnkW7!w#m&td zH)Fyzm2swU7&57JEXb6`Q}QzARE$t8*ugbZpAn_@QVEAYW71rXPej@;s2rqLQxD^Q8XFzl+RS|phBzt)=5A9C6Ww~&y=^$^o^w_oBO`Vvj z+eBzG9Ohr1%E8{4B8<{vS>TWmVY3-Bq0=Hc1g1=cifJ0r@3b`Y~g6R6PW6^Lx_zVu$km?2wSJRqFHYIXD-lhAdftA1z;+z)36*?u10p96R^0#(2iJc?MmZ>4m=)JZeM$uOfmBbsXH7jWPN~>5;~4LkjMF$a?Kpm(5pMO7 zsxiSdX3(^O&Zqz?5{7N$TYy>*T%B#%n@N@}r||&W^|AG779JvY+iXe;vVA{IIVGZ? zsxTp9l$u(SVj-}Btf01Bw^fv1=~Mkl8Jbx|XCY^qh=?#ruV?Dg`$ DH`V4N diff --git a/users/migrations/__pycache__/0002_remove_user_introduce_user_introduction_and_more.cpython-311.pyc b/users/migrations/__pycache__/0002_remove_user_introduce_user_introduction_and_more.cpython-311.pyc deleted file mode 100644 index 243e47f483ca482e5a8d1cd8b74383dd73bebcf5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1361 zcmah}%TE(Q7@vJ~>26!W6{ArQ14wL4C>oE%1fS7}2SpMalXYRncFXRz&UOuW;(*43 z2M-#J@pTa~_TZ5}!DC5!AagYyz?!Uq69?lr(}w|#&UU|kuiy90_sG6ar3?gTNPB~y zC=-zf@D$NJ=~XQE zxVs=qCr(tl7FDPK-p1J(C#PnUcsI1rWcqlkchJaK7!Vq;j??=)mN*9lB+fyi4d*F(4vbTA{oengqgPw;keQ79*bRxNAQ_HIY_e+V-sF5SBpB7xx3&06f|XGS~SGGOptVVZre;XGt(qE|xNvFJ2q7#>Xbk zWlr1EGjOGh7*^)@?q^_ZCoC#1XK^EpusO5sBA=0E`xt7bWVkd(`Em=wncyps`SufO zNbipnxm%mR92rROduY_+hgSFXuI}!MVv273KtMJ*iQ-7_;pT(F+_!4>KOU-?{ncZa zsyA{~GrwZyYi2&`P&o?7CMP`TA&%-5sQs(v07nfh1X?!X0gK5l@gJVjqwro;0-iZ>-y5)wf zRT;N5s*fO!_&%R5zySy==L-^7G84jw*OX)m=` z7lJ!+XOk)nbnk-GkqfAcHzT2IjTA^7owV@(P_- diff --git a/users/migrations/__pycache__/0003_alter_user_id.cpython-311.pyc b/users/migrations/__pycache__/0003_alter_user_id.cpython-311.pyc deleted file mode 100644 index b20f2e19127afea4fb3ef2db4553258dcda94f29..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 955 zcmZuwy-yTD6rb6zyImmS1!H1_7-EdqutZ~LOi;wAKuo}9V>0gDjK>`Nam?PLKy!tK zm7$}wLk;`^{t1?6a>Zp@E4oFfsC=_`i&2@`ee>R%_ul;G_jW&zjX4O$$I>VI3nTPX z8O1P%%E>$^dx#>61LUby3vj4;TBv(EMjCp8sQw;NgK15pNZ!{GI)HaDJcHsDR5g#3 zxm?wx6Y_@e+dPgEX@xOmK~f*a=F7;?I0-=6LkxMCB2S~ZfjwPA%xD(q01Z_ht63@v zP=lJ(q9!Xh?ZS6h+J}sT^Q^=2-w2_uLv6t5NPDTk20+a;VIq-0X>Rqg`_Qki!(FTB`heL3)RiU2hlm7nT71PkaDXxJoZQAssMm$4n zIY~J&17z1#XdXWW+FAMjfawR~2AJ>zp@e|Qbc`{e#p9hzYWC6X?nO^#jbbZ9|BGFx PH-7V2ZJb`Pn*;a_?|=ce diff --git a/users/migrations/__pycache__/0003_alter_user_id.cpython-39.pyc b/users/migrations/__pycache__/0003_alter_user_id.cpython-39.pyc deleted file mode 100644 index 5baeb8e1154b8599b433123b48b90831f9a56cbf..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 715 zcmZ8fJ#X7E5Tzu_mXrj@kfCUQffvhY(N0B?^dm)qCQH&q3qkv?Hf@S>NGYhhbZFQ7 zh>rbBTsvj$SfEIca*70{a3|i~qwd|K?@j(~k-@oQ`&UCi=V( zz7W(LI*qj772=|kI$%QtxJCnLW(u8+iIOjlbc^;le8naqk-u8VZS1pYr*x}~vsn*q z)_8jZKbU<;sowpr$`3)KQqARJgN-R)H?yur)4Ect6>3tXeE;t3=;Y}9P5DyJRz#uf zWi9XSv?PI_2pP!S>I>ub#)f}qNaps*Wl4O)Qy#_i9Q@%oeRY)D2UPPpETx$@W0>}X c^~3alJEq&+qkztyZzXyWW_F=V7VRg00bX;;QUCw| diff --git a/users/migrations/__pycache__/0004_alter_user_managers_user_image_alter_user_email_and_more.cpython-311.pyc b/users/migrations/__pycache__/0004_alter_user_managers_user_image_alter_user_email_and_more.cpython-311.pyc deleted file mode 100644 index e92d5c499f7a746ae48b3bd47805e0ccac3b6d7d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1751 zcmb7EO>7%Q6rNps*IviY&-5o1O`x<*RSOyiHEJ&i$yHL6D(Qiym9P}8)}D!3XMfE8 zpr%}M2&e}RJ%FfCiz*~iP%M!Hha7v%ag8it%?Z>~TO+wjPCX#r?0VBAMMcc+&c63% zzBliE@9jR!@6EtkorO{n2st@QSWuUt>rzAf;x zDJlsBl|&*`g;GL9H2Lx*B9a7^YpEFiARSA4-)o?(?-~}xs?bQTiC}{#8lhJu*1)R- zmQ*d|hg*pZSBj(?${H}W4o@^1nf>bML~OiY|tHN&Hh z$}Or+Sdt4YWtVHT;<>OlX=x^9X;ZVbDhElr3Bo)>KBv5M|JP@~Y<3>5}S*|+b&hPr+fl>i1$sXIh<}LE$Y-DOroZy8&CcQ)2&=6pU?<# zsO#nv&H&$-F}0hjL9MFyiG#U8)X8Ng&P>7SS zGxS?DLS=Q!b8O;Qcpv+t;HdNES5G(YJ>6XC++RJ>`TmP%4}SdXo4cLW&CYjUk4K5d zJAjfDp^KVtc%iqe`9YRe!)#QQWmFZi^9>4eR#iXsHG^l(HA3suBGjtr)OGj=#&D5S zKgZda>(T4*ufgFh%KEND*gZQ-7YVr>vXq(O{P*P0K~J9M>_u|+l3pzW9g(KY)0S;1fdsrYq*7% ze}Dq?&*a|ziJPR?O+3)O%VAAb%_6{&L&xjOj?A;=6HnW{2)~S#-K#4jT zyBVaMxt(dH$J#@~e+<2GclzG!?<14HjZ8L2F0@821cMi0=h6PIBq^Ea2&NrAb+bqr z;jrWF;nDWcu{J(+=S&Nq`swt>{G*S88(M(NO1`h14{wYLAn0*k@5YWy9)?NB``o%|iCy<-ia<4$_PC`%(XX z;JgPa6a=|tn7Ro;5TGJLK0s$*z1!$e5Z_(-Z9(p$SEoCf*5K*qd|~HbR>K(n0q2X{ Aw*UYD diff --git a/users/migrations/__pycache__/0005_user_nickname_alter_user_id.cpython-311.pyc b/users/migrations/__pycache__/0005_user_nickname_alter_user_id.cpython-311.pyc deleted file mode 100644 index 82f09ef8ed4883b5e882d8e2bb67ca1d78aead7b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1100 zcmZuvzf%)I6yCjDF1btM$PJDKqKJ-T8jeCca3+cf4p0bMWE|HcyM#;bN4UE_}w^BMCi2RQiBuis4!+A+^BU@1t^x%FC#jJ{IAk#5KpN z`etZ(Zon1Cqs$H}2~+&%d*HMM&Mso8j43Kh6jyOMB_Sr)lBS?E6>pSUrpG~4rs)Hv z1!L^P?yiH(zYWDXvPl$jWCwDjsY*52xr2NQYVG&y4Q8rJWtA3SxGP*;Os0Yn)6IbS z0iT|noP0n`J7hi)Z-`^MW)&h`WH|sXhM8kpHZfgF9M5N5795^+txDZB9k!KQ^2QQy zJPiFqr3__jX44KqRr5WunOhClizz@tS0ZR!j%|9)Vm9THMOS9IG(S^J`vpkBa}6K* z@Ha`FZE_U~TBdDnF|IUSYop0{{vGpIy@18JmWmqBlGr7LYXthFO`CzACuE~(+M<*| zlr@-3nOm_~;ES8Uvn5JrMGL+xp!#Ip^kdAmk`SopdkxmR8{g0=97N}DjF&=8!?v8D zS+iVYh6VM|YZwdj%O$c{T6tObqwAwbLnBA}_|CnKKK^z3$BVW;cc{;G^tmV_ ztJ(aw2uEx^Ff_BHaC62{sZ-aN9o$7v{NB$jv7I~4SLP}MNirNaPDT5gfH+Mvr_(!l4q%dV* zVC+`$541vb;7{nz5~K{#txRmL(y0^gE_G2=-r3LJd-v|$ci;JFZq7zvUwaaViW6 zgvM!OU1%F?t|6*Hzn73^%7PxF;zl>+QIHNuhYf@UwLA#>7sM1`n4A;KmE>iQuATqWc~KL`~kh$!o_n6kLZS(ZxCgOM{Xi(IoGw@=5RB&k+tx}9#`fkcjqU! z?o6D;{l{Zx@yFAX#%R|c@o414znpmN#Ch4U>{A5pOuAe*9dr0fj`V)9+cw;TMcYB# zN|xxJl0!)_<8x1zsoDpC&MPZ3O`oR=5W=62vNzyz9b*g}u{%Ofu0Oe1#b%DKyM23n O^UzQ?Ou={szyYF&Vh{P)#=c}r7)j^_qS6;cWro{wUUUfPc;?wMRko2?I2X&N#C6|o zMNZ;|LCjS@q|A$(d8PQ4r_Q(m-~cgXV~T8v;uf}L2{EOelY-V%MAUY1T7#%U3si-- zcv3oqyyIE!iFTb9>{g;W5G!+SGiL;Dk ztZ`|5)hxh)oKM7KK`Yti66W?bzB?p}}a%10J8!kCf3@tG+@ ztq>sdxFTY_@WEvs-7+;^B3Yaet`h=zJ&ysd5VF^EJdrCr%DOC|ENHqcj)dl1uM5&^ zVwXq}0qxnYGx50|cG*<>A80H@yLx5476-OG*N=N`H?US&+)2W&wXwckC!6)1=hjoF z*?}fjri}IP`Yh1s@pX-syZuOoZ8IZ4{0_`uHd7U8OQ|f)tAmYHN7}+yeN?KR-L0P8 zzH??Q?mrwEi{Bfk^d}p>eLoE2p^^MHl97?5MMcvu5SUA0Qdu?B!AmitYTj?lRJcal zPS6UMX(Ll3Q((gAo=D4b7XV$ARwj}@iSC07|2>M|fJtSHF|fqu5G~z&QniBB6x}rY Q`smh!3$bwdpVh4IU#rLH$^ZZW diff --git a/users/migrations/__pycache__/0008_remove_user_nickname_alter_user_id.cpython-311.pyc b/users/migrations/__pycache__/0008_remove_user_nickname_alter_user_id.cpython-311.pyc deleted file mode 100644 index d308238930b61bc69221dcec6bc8c417b8ca8ef3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 982 zcmZuuzfTlF6rS1LTXy%31UDLE6tocIH7tdR7R2NTVlY4g0u_~S=58?rXK%jy-n^N4-+b?Qa?(RE{tS-k0|TL7 zDkw)~OfD9H93qM+j!}X`oEV{jk%8VKYJ5S|WVmgXhmL@qTt}fvtqoMK{8s6@A-#mR zMAYM1noB#$D2wxEc~bpX$HB#CAcu&d5K|Ny6t{3_8i-l#QWTV?=BafAqEBFshTdV9 z5$veI%0%0_Ua_f7C#ZAk9$9b>=4hOHH)Xes(4|!nUX$)xsTkx}`Z*K1^yla2Uy>;9 zF+tP{;Z$0RNGIjZP8ualzg4}Ds7P8G4NfD%a8mkUAyV&Tz6Nf zW@=C*-vijc{t6qp&kNJIYwxcX9&#Ul^@h&O+5PFWI}eMB>3Zh~;8H>1Aa_Qkr*-FYbmtxkTfi7)FX)Bwf z+uBcU+eq#swN3Ax0e0mqjGFRVJb@6y%s&7WCdL?^fa?SF{PwS~r?6e1+i>6wr=Fgx K#N~goy6#`=Ap?Q{ diff --git a/users/migrations/__pycache__/__init__.cpython-311.pyc b/users/migrations/__pycache__/__init__.cpython-311.pyc index a764960eeb5a4dbdb3b377c6e3aa222e8b27bd95..b009cdb1b2a5bbe019ebb7514e7075cc387150c1 100644 GIT binary patch delta 19 ZcmdnYxS5fAIWI340}$xHTQ!k;1pqI!1xf$_ delta 19 ZcmdnYxS5fAIWI340}v=Ln>Uer1pqD71nK|) diff --git a/users/migrations/__pycache__/__init__.cpython-39.pyc b/users/migrations/__pycache__/__init__.cpython-39.pyc deleted file mode 100644 index e668fdcc9753706179186022b560a94f76ceb13a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 171 zcmYe~<>g`kf?Mn7rGV(iAOaaM0yz#qT+9L_QW%06G#UL?G8BP?5yY Date: Mon, 10 Jul 2023 03:47:02 +0900 Subject: [PATCH 4/7] =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20?= =?UTF-8?q?=EC=9C=A0=ED=9A=A8=EC=84=B1=20=EA=B2=80=EC=82=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- accounts/__pycache__/admin.cpython-311.pyc | Bin 168 -> 168 bytes accounts/__pycache__/views.cpython-311.pyc | Bin 3500 -> 3500 bytes .../__pycache__/admin.cpython-311.pyc | Bin 233 -> 233 bytes .../__pycache__/models.cpython-311.pyc | Bin 230 -> 230 bytes lisamate/__pycache__/settings.cpython-311.pyc | Bin 2950 -> 2950 bytes lisamate/__pycache__/urls.cpython-311.pyc | Bin 1374 -> 1374 bytes lisamate/__pycache__/views.cpython-311.pyc | Bin 504 -> 504 bytes static/image/error.png | Bin 0 -> 4222 bytes templates/accounts/signup.html | 8 +++++++- users/__pycache__/admin.cpython-311.pyc | Bin 808 -> 808 bytes users/__pycache__/models.cpython-311.pyc | Bin 2772 -> 2772 bytes .../__pycache__/0001_initial.cpython-311.pyc | Bin 4012 -> 4012 bytes ...user_introduction_and_more.cpython-311.pyc | Bin 0 -> 1361 bytes .../0003_alter_user_id.cpython-311.pyc | Bin 0 -> 955 bytes ..._alter_user_email_and_more.cpython-311.pyc | Bin 0 -> 1751 bytes 15 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 static/image/error.png create mode 100644 users/migrations/__pycache__/0002_remove_user_introduce_user_introduction_and_more.cpython-311.pyc create mode 100644 users/migrations/__pycache__/0003_alter_user_id.cpython-311.pyc create mode 100644 users/migrations/__pycache__/0004_alter_user_managers_user_image_alter_user_email_and_more.cpython-311.pyc diff --git a/accounts/__pycache__/admin.cpython-311.pyc b/accounts/__pycache__/admin.cpython-311.pyc index 764445b4ec1bd392d6736de8754314824e1f6a55..4e5b793671a518bd6a94f342a6bd3131e6dbdfa8 100644 GIT binary patch delta 19 ZcmZ3%xPp;;IWI340}u%PS~Zb-E&wg71sDJT delta 19 ZcmZ3%xPp;;IWI340}zz%(IWI340}u%PS~ZdT9soBG1=|1s delta 19 ZcmaFK_>z%(IWI340}#wSy?i3~JpegF1~32s diff --git a/informationPost/__pycache__/models.cpython-311.pyc b/informationPost/__pycache__/models.cpython-311.pyc index a918dd0e78b0cfb9014b75c6b31a92d1ff30cfbc..44b1c6456d39d0c82ace727093e6aa47ec050575 100644 GIT binary patch delta 19 ZcmaFH_>7TzIWI340}u%PS~ZdTHUKuE1=0Wj delta 19 ZcmaFH_>7TzIWI340}#wSy?i3~Z2&mb1}6Xj diff --git a/lisamate/__pycache__/settings.cpython-311.pyc b/lisamate/__pycache__/settings.cpython-311.pyc index 1dbdaeedbad28fdbc0db850a2777b4750a708e2e..61b5d00a68dd4ea488dd14fa2df959b0bfd85844 100644 GIT binary patch delta 19 ZcmZn@ZxiQQ&dbZi00ct6HgeT)0{|+Q1YQ6D delta 19 ZcmZn@ZxiQQ&dbZi00b`YH*(c*0{|X+uL$Nkc;* zP;zf(X>4Tx07!|IR|i;A$rhell8``Xp-Tz92_iLsln`0~>0MMp5+IZq13|@J78P8( zSipv^iYQoV78Fq|EQ-A^7F3jVv0zu;q=2sb%J=5`=FWfrIrE=0=g!=F2LQDb9FZsw zRR0JK01^#x2Csmd5Ah)Y@Jg;oTnGSB%9~Fq6iG3xKuZh*gm{q@XUTD;6lcisKABB? zEDPc`0F+cX9B~!^s+S;7FXCoF4b^^#orFAr5CAng#J>6YlXwuPLu>tjrsIE?{5;8!4=Y$zvc;jX(mBJt-OQa7F2yPk z_X#s1qafCV_=A8avxgX^WJ^L5g3JTfr5bHs_h+hyCr?A-~o)oL_h1O?^Sxg0gmLrz=mHN6b$xUD?^j~N5*$RD3 zwKzLI31SMw7Da-@NQhM-b}Yz^3s=~TDb8j^4%vt$vC{Z0Adck=LjvUbSW%`pI96d_ znqM$9Uu;XZfE}s82MV*}L*@Cw+PEB9{BSPVCBBfEFr>pTNRAkq3y&WdB%eF>j4w=x zQ|NpU6$Zr0$Kn)GUbMmlh6l3wkLbxF1`go?OFgjiyCtjSx35%A; zgD(dWfCT~p9Y|o!0Fyut5Onr6^uarMPcYyBF~|aZ;GkfJMkL94gzy>%iou@{@j=1x zxByu%9~43U>o6<7I)F@BZ;@<7E_ecQJ_rYS@LnPtB^>sa2p&U5@DJ}CSh+CXJXodu z|DGRWzcWn8L?{@^kVm@OkR>sQ7)T5y1`};@1Kbz)#v|a>A693afqM?kb#MdVfV)CJOxzE8c7rTS z5w|oe^q;ixb;~ zU>p9kCAJ7Vh_z!Uv2)l_tO3xm7OWBLz>Z1r@alRjTU|rmVrB8X(kJt zYMgqVzR3Fu`BSCuXuz5znkE)xWf#(!@Qc8wvxQv8k#uJ#XBPmZ-xvAo>rIU8yMgF* zeCOu>0f0}-;Nakq?_5|50Q)`Q_HX*m*)ZUzLm7axO115qFzq<{%9`fRw)#b64U0p@}dPzIKRHDCkS47Pz?U@tfT8o*I- z5}W}Sz$I`E+<~j72fP6N;2rpkAP5PeA~ZxFF+nU5d&C)GAihWt5`n}bDM&h!g$NM| zG6R{9lp!mT4aioc8rhFDAt#Y@NEdPod4TjHuaQqEhN_@is1a&~jzSqI6Aee>(eY>& zIvFiS7obbgb!Zj32dzg>q8HF>XgB%-9l!vljOk#em;=VZSXdO6ie+MAY!+6Em19*{ zE!GU5^A)Tc>%%_cM4X1xaR<19L-7Qhi%-U9;Y;uh_%6I2Z^N(P5Ac5c8-YqNB-j(Y z2y8+!A&W4DP(mmt>>wN_oQ8X;hwzR_B8a9Z zvO3w4>_v_u^T^Z4%gEcw&E$*Z9`a|32F044GJriz^kOC?Q3qOw$Fr^*SHTPkm;RH_x#pPEW7q%NgaQ%_Ov zQ$MKER2@~>syx-%suimBs+Uz?s*%+!)tG7%)QZ*0)efp%RO?eGt6QnF)H&+2)GO4R z)NiN{XwWo9YeZ?}Yb?>&t#MA{nI=ioN;624r@26Lo8~FaM>LFPPGixywE48{w9~X6 zEuxmS7F#Pvt4wRJR;O0Kwx+hLcB1xF?F#K<+TA*sj+G8uCr@XY&Hy6O!*W>Gz>ecC8)BB`P*ALRq)nB3CpnuN*H?T8^F_>bo$>6j>-w3S{ z-XpjpN=FUtl8GZ)-~35ZKyVWHj{0t zY_8f8Z5g(?wi|6P*`aoBcG-3nb{FkYdv|+*{YLw)k%W<+BZVWYM&58xabP+WIn+2j zaMW>(aGdAZ;P`Ts#i-O#D@L`C`sU>3l;^bF>CR})(P5+Kjcy+O+S$&T>s;Y{)rIO3 z>@wS>(dCt^y(`~!lj}`4n%h{ng>J2GU)??2#qPE4y&e`G=^m9HHyB!sXvPx8Sx(X0}cngXL+$^vQ7kIfgypVft^8`K?y+{g6;>K z1!o1<1owxyg-j1Q5lRRR4_y&@gKfm-va8wsVIE;K!`i}C!sEg>gg=b1ix5XNk449Z zja@bNZlqcF_5acjo)q`9S) zq+K6xJ$~x=a}x|EQEeh;;=y!6dQ$rC^e>z!P8DY$gPl>C(a&XZ*K%L*{CTT+ zy?h`3O8(PKpUjn+&$4{7R%P{O`(>AB_X${n4T4uWp*fp#-seW;?#vy`OUkRuSISS% zZxU(>bA@e_j3-T<)FrYPm5910dre+5xnCSE-cf)Qj4x;`)Pg_q9TFSKFOmmEzC{&9 zAEqQuIXG2gs&Hz@G`newr#&qWF8*ygKAk(gb%yDTxicQjWX{|=3z?NMt97>d>;Rjxy zc>UsUrM%MfWlm+~WnY$Xmz@7~^snoF9bB5Zv~!vJvQ5j0%Z1CYukc&3Yo*4@;+2n9 zja^m0n!dVp_1iTQ*PJVNE#JJBvR1OTdtJo3#`PBKm#_b_A$!BMihzo`O2f*B+Y`69|Hk;OdWXS|vK?P{3U_wz zirv*#?NMF5+i>@?8ni}I)4L~a&!xSAdmC#VYPZ(u)RpZ6`y~6G?@!-<{XqDE)`N_L zwTCPZRUW1tF0DuEr`7j2WH)p-rZjdng*CM{dp93G;&^1|QPZOp$Fz?vJ5D*i;P_xm zam&C7(TTp3StlR0PHeq%D*4pawwSig)8VJjo(Vp4s-4;1a@ObU(Q{tsn$9!MH(YSP zP~YL!ark$)-w$`Xch+C@xY&5f^HOuyn6BfO{Vt!p5_sjzRrb{j*CMZVT~D}v^G4c@ z?wh=u&u-=2dUd<#_UAiu?h@{n-c!FJYj!4v9}@~0+GtDiYPJK7uEd+GVO=RGe(FFyB`{HgJ0atD`@;zvq?s z)!^$TZ}i{neCztQbs&1+{=58lpWl~$(EqUOBjaQHr=(9$KTr8W`m*k;?bqgS;ot5K z<_`{vIAV_MR{(<*&CCSg^-ch&DFD#m`HV77e*TjcM1E$KA@HBD{ER3o?f}%n|M!?a z_;+&yfPLHH@eAs!r2!C41t8uNpe`=Mb?B@nJ6B2z5uO9K1bxlO&jA0X$j_WV#Qk#% zq^hpq=k{N5qI^+ltoSwn001~;SV?A0O#mtY000O80f%V-1ONa40RR918UO$Q0007@ z0ssU600031001(e0{{d700031001@s0001^gDX)000Xv3L_t(&1?^d}ZWBQeok@&@ z5){lA;KGsUaQ?uQR0*O9QKTd-5|DgBVktF*nj*14A)+B2WsZ^pi3*S~!bo&90SN^u z_6@UpKHWLHd$)UcaV&Hzoo{Y-W_I4p?w)rJploFX$_OMy0Fydh`lz;0g-cTlKy;J! zYVty;N*e@Sz8~||1%kKGKk=}8D4q*zxqwLLE7Pk0{yclsbo9yt#5R7}-*eQ{if0Bw z^`%X=xDG%;)V1aSIV1~D@o`11RYtxs{e4eY$MngxkK=*FU)w{go(^n<$q5BU;p`#C`SO+efK9z%uZ zY&L-8HPXi;`!O|=tG6R&2q@y%P*vUlc5MWWKzN5*&AmI#OhrD#>4=n6z|Xv_J~UMv)=lcZ_@yC)m^i;rGQ#g3bkX^%G}^0z~dq?tcJB0j?qcq#8z2 zfWRp>46+x^u0rLC(Ki*ycxGb|#J&R%gzFa_dgJ(r;?SmTx{Oq{lH+J5x3>;Y2&67Z>& zq-5Qf|AZI~MHB7lL8Y`nuyerWOi=;M+2RFen-q`4lzglfVjtX;nbj-Ga?+Wh^!R2gSiGl)`R`jYzVW784&_pplh<2 z$jpcv2e9H>)wG0T$r)jRVBr_AUR=X~{)SCqE;O5(kx-Ck7rD-5S1b#4vfVio)LX-^ zuMS=Gt$_%mTqbJp@9W%!JClcU%f~ysxSe0fsZ%RHrW}Aj#_-B&$N7cO1W)1gWG)K` zF}_nq;tmfA+`G(c#`zg&kF(s8YcYdzsFE2-Xg~rw#dY2`=B=lkm_kHt=>6R(>g#T9 zAR!=eAAoA`*V+a=Mxcy98G$kaWdzCy{0|ZM2mN*g Uu|XvgvH$=807*qoM6N<$f~i>k=Kufz literal 0 HcmV?d00001 diff --git a/templates/accounts/signup.html b/templates/accounts/signup.html index 3c5abde5..ce20884d 100644 --- a/templates/accounts/signup.html +++ b/templates/accounts/signup.html @@ -50,7 +50,13 @@
{% if error_message %} -

{{ error_message }}

+ {% if '불가능' in error_message %} +

{{ error_message }}

+ {% elif '필드' in error_message %} +

{{ error_message }}

+ {% else %} +

{{ error_message }}

+ {% endif %} {% endif %} diff --git a/users/__pycache__/admin.cpython-311.pyc b/users/__pycache__/admin.cpython-311.pyc index ce603afcfdb34cd8906039d89cb2af86ea45ac45..1b0d45eaf547cb1e7b40c6fa30abf294bd01b9cb 100644 GIT binary patch delta 19 ZcmZ3%wt|goIWI340}u%P+Q=ox3;--y1R4MU delta 19 ZcmZ3%wt|goIWI340}$-{w2@1W82~Uj1ik!yEgpIhznMIwRdhD{<$L|UZ@vfnI+ZdIoR2@= z;duq2&s=DoSd&>h4$NbO5tdx!Nm484tzu`XhWHgPRBa02U<kssvq{_qEi{>avDG_hWGoB_4Ont`c=(9r_)gieU8Zs+ z(;dG|i#VJlqT#&BmT!B6se&e3WKV1FrY;|#_{(Sa8{l&enFJFCo^rSw! zSbsV{1Ti`=xoL-PnI&%%I#CRW2$xnUuZAXpu-Hw9xR}L=XFKl7Pf(4e6_~bt$8w3E zE9aRO`p&J8(Cyq^cJN9!Fr#Ue?%;|!Y6&2*>&%5m-z%AGEyQ!H+YoR-B5 z%YwZLT>^a4vTlX8%gf>tCMDuy;!ipxpnL^c;xh4yx5=ouTzmv$!BO6ArjL<3<%Y!= zam$1@`7^wP2CtvW+bwmmM4F5H7OepuZ3LOCd( z#?E9;+LKdorHmL>=J)PrU~ES%DlTVnBaE;)v&|x(k!AZBYNlkUG)?((3&NS;3y_)i z6KP2AixjzAo4F7fNbh}M)Z+V>cl9iH?TccHZhS{T);WpdNZ-fJdxg1o+3cGesF{7$ z!{@8la#b_GWaevTKI%|83dlMqJm`Lo>Jg~j%Vs}E^}h)gk9`8v_>wtZGspjp+S$tW zW?~V4BGv0Rs;0eU+BMVO3heDRwVCt$p@&*^UrMV?#|7KZ6^HPI7_*pXqcaD&oA4a~ zZXnUsj9TZx@7%Ed7puto3m-Ub AB>(^b literal 0 HcmV?d00001 diff --git a/users/migrations/__pycache__/0003_alter_user_id.cpython-311.pyc b/users/migrations/__pycache__/0003_alter_user_id.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..29cd4b1f211fdf6088573973b2339d25886deef5 GIT binary patch literal 955 zcmZuwOHUL*5bmBAI|D@AU`&h_9gITvOm$UtRrS|j&3qgkbr6iNzrWC57@?oa zD26#uj^{wxMHEpSAWyAYfJ4pGLfz9b($Et`_4kMxOlufL@}7>+KD_Pl$8~98S}Kfj&aW zdg=!%R#}uaSwvY><17)XJJOjAT1?EVDnd0++K*QKzAa1Dlm{&yB|?29(utdF(6i6z z7(D3oh5J&`;|4rT(gu&*IhL%o;-PHY9#7M1 zPEt-xAK7&kn#WIqc3QgMXZnG-0Ve!FC?Oy+9b*h=@mTwknmu&8bJ3GoBiPE&d9mYk P$8H{}jgt#@a{zw;BR>M! literal 0 HcmV?d00001 diff --git a/users/migrations/__pycache__/0004_alter_user_managers_user_image_alter_user_email_and_more.cpython-311.pyc b/users/migrations/__pycache__/0004_alter_user_managers_user_image_alter_user_email_and_more.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..63149b6ae76b981f63040a0627d83b82b8df8b8f GIT binary patch literal 1751 zcmb7EO>7fK6rNps*Ivi@8-9XH(o!G@tHn-51edB(P(l@yaDaeROVMiWnYiohkGnq= zp%)+0ibD?^S`}4LacO89OU z-<$Wo_jVuj_h%4{U;p}vJW3+;m@Dy+dcxK;2;U%rh+rU7C<>-n6a}t}MxvM$(T9j6 zRuM^3p&Db*S^}YUc%o61hi7aF46-V=Q+j5y~+JqYJ<#KOt`0DQ|Tek#$ zHbq5&prS~Gicn05h$dg2L`0IHay1ph@26vF_j?VL^&P{KSP>e@H4$v^L?iU7#2R>& zz>=zl{BSFg;YyKoLsRn73I zqjHO?6PDxxOWCC=EqgBPO!W2kJ z*9`q8jZj(L@*JD^W!}gB7&z*D@#WKvyH7XkoqMatI^TW%?Ed$EetoC2y4m^mt9+Db zyaOmn5xS)Lh8KFfoEu_kHOxj;Sw>YMJKvxnXI1qRUo&{tTqCqbEkdobPF;t8U<^-j z>gPEd^F4YU{xvwfMOoi92)k!z=_x`khAd@fIsZL5bkLJ$ID3(ty`Wd7fR0F07U&JH zx5=*2-sk%x+JaNii_Z%D9JgTTrt4RAt1wO7WzVh^=4P)>sq<3{GldIUc^N`4@YZk( zFaH1q=%2~m{S!AyubX(FyO+b7s+vWBBZuZ|D~`;wGAgP$RERR+?lyM_xtGNZ=;jV(Q~cQbHUJg*m-!MD@jV`If7}MPu(n1 zMmg+gdt|IVe58#}+&-EUD+W0s}9uMBR6nsPiOq-at zFx`(ja}>+ Date: Mon, 10 Jul 2023 23:05:06 +0900 Subject: [PATCH 5/7] =?UTF-8?q?html,=20css,=20js=20=ED=8C=8C=EC=9D=BC=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- accounts/__pycache__/urls.cpython-311.pyc | Bin 586 -> 586 bytes accounts/__pycache__/views.cpython-311.pyc | Bin 3500 -> 3500 bytes db.sqlite3 | Bin 135168 -> 135168 bytes lisamate/__pycache__/settings.cpython-311.pyc | Bin 2950 -> 2950 bytes lisamate/__pycache__/urls.cpython-311.pyc | Bin 1374 -> 1505 bytes lisamate/__pycache__/views.cpython-311.pyc | Bin 504 -> 724 bytes lisamate/urls.py | 3 +- lisamate/views.py | 5 +- static/.DS_Store | Bin 6148 -> 6148 bytes static/css/basic.css | 1147 +++++++++---- static/css/cal.css | 1485 +++++++++++++++++ static/css/checklist.css | 1342 +++++++++++++++ static/css/criminal.css | 1304 +++++++++++++++ static/css/information.css | 1267 ++++++++++++++ static/css/login.css | 197 +-- static/css/ourtown.css | 1317 +++++++++++++++ static/css/profile.css | 1245 ++++++++++++++ static/css/review.css | 1272 ++++++++++++++ static/css/signup.css | 6 + static/css/write.css | 1190 +++++++++++++ static/javascript/cal.js | 198 +++ static/javascript/checklist.js | 156 ++ static/javascript/criminal.js | 124 ++ static/javascript/information.js | 124 ++ static/javascript/login.js | 6 - static/javascript/ourtown.js | 124 ++ static/javascript/profile.js | 230 +++ static/javascript/review.js | 124 ++ static/javascript/write.js | 68 + templates/.DS_Store | Bin 0 -> 6148 bytes templates/accounts/login.html | 9 +- templates/accounts/signup.html | 2 +- templates/basic.html | 249 +-- templates/cal.html | 221 +++ templates/checklist.html | 240 +++ templates/criminal.html | 238 +++ templates/information.html | 230 +++ templates/mypage.html | 4 +- templates/ourtown.html | 254 +++ templates/profile.html | 168 ++ templates/review.html | 231 +++ templates/write.html | 192 +++ users/__pycache__/backends.cpython-311.pyc | Bin 1469 -> 1469 bytes 43 files changed, 14426 insertions(+), 546 deletions(-) create mode 100644 static/css/cal.css create mode 100644 static/css/checklist.css create mode 100644 static/css/criminal.css create mode 100644 static/css/information.css create mode 100644 static/css/ourtown.css create mode 100644 static/css/profile.css create mode 100644 static/css/review.css create mode 100644 static/css/write.css create mode 100644 static/javascript/cal.js create mode 100644 static/javascript/checklist.js create mode 100644 static/javascript/criminal.js create mode 100644 static/javascript/information.js delete mode 100644 static/javascript/login.js create mode 100644 static/javascript/ourtown.js create mode 100644 static/javascript/profile.js create mode 100644 static/javascript/review.js create mode 100644 static/javascript/write.js create mode 100644 templates/.DS_Store create mode 100644 templates/cal.html create mode 100644 templates/checklist.html create mode 100644 templates/criminal.html create mode 100644 templates/information.html create mode 100644 templates/ourtown.html create mode 100644 templates/profile.html create mode 100644 templates/review.html create mode 100644 templates/write.html diff --git a/accounts/__pycache__/urls.cpython-311.pyc b/accounts/__pycache__/urls.cpython-311.pyc index 1ce29cd7774d66068fa4f7945bf0a661d4ec17bf..a4e427d45c875a2681e2a570365b89c7961999e1 100644 GIT binary patch delta 20 acmX@ba*Bm}IWI340}wbKqT&2A?;M_b&p^!8XE$ z#|%B2$gS$JOftKg&L!-91Tl>3rQ-T(K3>QqO*5Ix9>y^2k@_2+0NG{63y<0e2CwVR zzQ(Vf4(bruaUFBsbM|)AU9+7<@-@e0aJ=Js10MLWgE)Jtt6njNwi0ySAD8AQG|j7) z%Vo;cyrsy<;Cy&08DC&2MmL$NUr{!c<;rH&uZc^rq7@6CDq9e1wC-Q7DJN)(W?You zf>b}0WV-pdC6R@cR6?BK3swg1XfE>*5YioPMx!0Ny;zU}U%xYef@=Q8EHx}LW z858Bm;#fE`s1DC9iN)dN&@5ZZ6pJHMQ{EYRV^m!q^@R!<6=pnHO;1lO#b!eHapGi7 zkRjz}XhwiclM}r^Cj^8t!yj>rG|%$%14!$${$BPN;_0w>db!BBu~x{|VoMRIEL5b0 znSxRpWV0bdWadW$W;P$ybgh~RhbBEzNt%mAC6ADZloR8WKAqPSPVgN@f-wx-0b?K!u7Z!yXub|!2B*+)y1{fGn!+Z!rLnvAWGxOm_hc>2M()X4 zuFJ7=9^lhcS z+X(z6c&Z5?Eih?;+iV0ul1_xRIU88dO>|(`QIx~m&aHDpwzl9)OA3=nFffu_=Te!p zQRIbkr5vlJOhJf7kT{=p$JNaRV}hEhRFzOdas^8Bsxp!okCj}}WokN5Q^PQjSG~c7 zm`j=o7DCnhv_vnmHDk3HUY!)Gd}+;JNNsAda%xf$m$QXLOda93YRq~xo{p5vs4FnG zuF_Bpr&Sjd6-o>>=3OY~bcISS1-zM&iJUOyQ@wdbHAm=>&o`;~mp8bHP;h-JH<4Cn zLSu0QDkHiX6&F{T6f={M;l_AQV&u*6#`tKGPjZ|(%Z&%T{<+Z&agIwGP<&3+let1B z>owLGEtQihds~raTh}KC8ENJAexMB@- zOFIzlraN^uSs&o{pL5_2j^` zZkm-`AvUmb=FCdd{np?6-ttegXy0?RAg$Q`zyG!e=v%uBiV{sRG>+U4;m)0_cX7&L z1G^a51-DQKz5|8^i6H)O9cA0O^*jCyGQ5I;Z@?8~xC>4^K`8iM$cL}Mc8pN|DkxG@ O&1%Y!ck==TY2gp(r9r6x delta 552 zcmYL_L1+^}6ozLy$!0h0^kvydDz+LA0ZYktcXpH6=9E~lUZjH8f(=@lM6;D9Ihz(e z^kmB(wqS+o*@I=F9=wR)$y_WVYJ);S@L;L;R&;i$2y>YE|L^^8-s^75-EDdO9G=}6 zoyM~}^G`2m2q6hp%v)$kO^Gvv}-r-Ei59ns<>?>(Np zq9j@i%b5XUVXsQH;P+(0NJ+^yqQBr7RfpK%jbuA8Q}ao(GMDhaEarl(#?V08U?tlq zSzKoYXUeiWBE8k#d;oqe+{tgZveg;ixG;0pZ7<)DGAn);6B4! z*nuaoCdkfz^7^1zuHJ6eUH#TlQxv3AyICAtmoOY7I2P;?s0hUfR-~{kh7$xQk(?1v zLKKCD^6)+qXG~m2gNxaB!!P&0;&CiedI)*~e*=E+2s=XPBj^iZ5B&Zgd`Sog2o8ks Z3C@p^it=xCW{0EOPRT6lMQ)gk{{=QXm>>WE diff --git a/lisamate/__pycache__/settings.cpython-311.pyc b/lisamate/__pycache__/settings.cpython-311.pyc index 61b5d00a68dd4ea488dd14fa2df959b0bfd85844..5dd51ca2da635f4eacffb75b0a742e39c70bed31 100644 GIT binary patch delta 20 acmZn@ZxiQU&dbZi00g-QS8wF5<^}*VLIo@U delta 20 acmZn@ZxiQU&dbZi00ct6R&C_2<^}*U76l0a diff --git a/lisamate/__pycache__/urls.cpython-311.pyc b/lisamate/__pycache__/urls.cpython-311.pyc index e8016cf91962befb444d1fc1b5f130b4af6db377..47b74495e8e9519ee43d07146d461ad4388a9b15 100644 GIT binary patch delta 314 zcmcb|^^jYAIWI340}v$NT%GcgnStRkhyw#)86fBLkBRE~Qn?&a9E=Q145=(Btf@>{ zoG?{cToZE?8M!C+88UNZ0V#2Jt~DIXfM%@*Vh8|h;s%neDLg5>YxtHi0cC+00#JGB zEKxiu{J{*G0vq2fVG?1w#o?QnnHQFsT7HW=peR2rGbeTObY@vWjsgfr{}wxhHF*=W z2_x_1=geMAMeLLHScvRGeXv7T(eD$mc!%Foom4T44DK=T0Pok~;y delta 207 zcmaFJeUD3hIWI340}u%PT9q=NnStRkhyw$hP{!v26V>&_7#WxtQdv@1Q<<_jU@EdW zCl)9&a!s6M$j+L=mBPJ-XW~CuPUa}?6y9J4O}@=4j7yl<8Ey&S`T9xR0Y&*~ znK`LpnW^PfJOvOAL{kwPNFg_f0Bhj|vG`#GNU~TMNHoCV4G|?|D?m#9G+8DmGAh=C zwV@jIi^C>2KczG$)vibosFD$6UMZ0Hz|6?Vc!NRr0xJ5z!pNxlfdP}~sQCyI{eqBU bV`NkYsYDQJ5at9OkWyukQiL3Y1@I(gy}cMs%X1<|9b-3l=G`nE;|}CjwS`juBF#uVxOJV{UU@qE;Mb7;ys$;a-|8bCC zc?LWKYsG+SAH_#Qq$IUAjHu~2w2BdfG50}}%TFajwc7GPjVO({;!Ny^X9VcaapA;z*u84%9H(hI5x+KtY8KJ&NUI7 diff --git a/static/css/basic.css b/static/css/basic.css index 18c5e287..e1356ec6 100644 --- a/static/css/basic.css +++ b/static/css/basic.css @@ -1,283 +1,866 @@ -@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); - -body { - background: linear-gradient(180deg, #CDCDCD 0%, #F5F5F5 100%); - background-repeat: no-repeat; - height: 100vh; - width: 100vw; - overflow: hidden; -} - -.logo { - display: flex; - align-items: center; - justify-content: space-between; -} - -.logo > p { - margin-top: 0%; - margin-left: 1%; - font-family: Inter; - font-size: 3vw; - font-weight: 600; - line-height: 3.631vw; - letter-spacing: -0.05em; - text-align: left; - color: #242A57; -} - -.logo > a > i { - width: 3vw; - height: 3.2vw; - color: #242A5D; - margin-right: 2vw; -} - -.CircleContainer { - position: absolute; - z-index: -1; -} - -.circle1 { - width: 47.9vw; - height: 47.9vw; - background-color: #242A5D; - border-radius: 50%; - margin-top: 25vw; - margin-left: -10vw; -} - -.circle2 { - width: 61.6vw; - height: 61.6vw; - background-color: #99BCFF; - border-radius: 50%; - filter: blur(2.6vw); - margin-top: -80vw; - margin-left: 80vw; -} - -.circle3 { - width: 31vw; - height: 31vw; - background-color: #2A38B1; - border-radius: 50%; - filter: blur(5.3vw); - margin-top: -80vw; - margin-left: 50vw; -} - -.bluebox-whitebox-container { - display: flex; - justify-content: center; - align-items: center; - margin-top: -2%; -} - -.bluebox-whitebox-container > .bluebox { - width: 30vw; /* Updated size */ - height: 36.15vw; /* Updated size */ - border-radius: 6.5vw; /* Updated size */ - background: linear-gradient(#4762FF, #78B6FF); - box-shadow: 1.825vw 0 2.65vw -0.09vw rgba(0, 0, 0, 0.23); /* Updated size */ - z-index: 2; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - - -.bluebox-whitebox-container > .bluebox > .subTitle { - font-family: 'Inter'; - font-weight: 600; - font-size: 2vw; - line-height: 2.42vw; - letter-spacing: -0.05rem; - color: white; - margin-top: 7.5%; -} - -.bluebox-whitebox-container > .bluebox > .Title { - font-family: 'Jua'; - font-weight: 400; - font-size: 4.5vw; /* Updated size */ - line-height: 7.5vw; /* Updated size */ - letter-spacing: -0.05rem; - color: white; - margin-top: 3%; - white-space: nowrap; -} - -.bluebox-whitebox-container > .bluebox > .explain { - font-family: 'Pretendard'; - font-weight: 500; - font-size: 1.25vw; /* Updated size */ - line-height: 1.49vw; /* Updated size */ - letter-spacing: -0.05rem; - color: white; - margin-top: -2%; -} - -.bluebox-whitebox-container > .whitebox { - width: 38.5vw; /* Updated size */ - height: 30vw; /* Updated size */ - margin-top: 12%; - margin-left: -1%; - border-radius: 5vw; /* Updated size */ - background-color: white; - box-shadow: 1.9vw 1.1vw 3.25vw 0 rgba(0, 0, 0, 0.25); /* Updated size */ -} - -.bluebox-whitebox-container > .whitebox > form { - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -.bluebox-whitebox-container > .whitebox > form > .LoginText { - margin-top: 10%; - margin-left: -45%; - font-family: 'Inter'; - font-weight: 700; - font-size: 3vw; - line-height: 3.63vw; - color: #000000; -} - -.bluebox-whitebox-container > .whitebox > form > p { - margin-left: -60%; - margin-top: 5%; - font-family: 'Inter'; - font-weight: 400; - font-size: 1.25vw; - line-height: 1.89vw; /* Updated size */ - letter-spacing: -0.05rem; - color: #BEBEBE; -} - -input { - box-sizing: border-box; - width: 40vw; /* Updated size */ - max-width: 26.19vw; /* Updated size */ - height: 10vh; /* Updated size */ - max-height: 3.25vw; /* Updated size */ - border-radius: 2.75vw; /* Updated size */ - border: 0.05vw solid #C4C4C4; /* Updated size */ - outline: none; - background-color: white; - padding-left: 3.75vw; - padding-right: 3.75vw; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 1.25vw; - color: #4A4A4A; - margin-top: -2vh; - margin-bottom: -3vh; -} - -.bluebox-whitebox-container > .whitebox > form > .UserText, -.bluebox-whitebox-container > .whitebox > form > .PasswordText { - position: relative; - -} - -.bluebox-whitebox-container > .whitebox > form > .UserText > i, -.bluebox-whitebox-container > .whitebox > form > .PasswordText > i { - position: absolute; - top: 0.625vw; /* 업데이트된 크기 */ - left: 0.9375vw; /* 업데이트된 크기 */ - width: 1.431vw; - height: 1.695vw; - color: #575757; - z-index: 1; - font-size: 1.1vw; /* 추가된 속성: 반응형 폰트 크기 */ - } - - /* 반응형 스타일링 */ - @media (max-width: 768px) { - .bluebox-whitebox-container > .whitebox > form > .PasswordText > i { - top: 1.25vw; /* 업데이트된 크기 */ - left: 1.875vw; /* 업데이트된 크기 */ - width: 2.862vw; - height: 3.39vw; - font-size: 1.5vw; /* 반응형 폰트 크기 */ - } - } - - @media (max-width: 576px) { - .bluebox-whitebox-container > .whitebox > form > .PasswordText > i { - top: 1.875vw; /* 업데이트된 크기 */ - left: 2.8125vw; /* 업데이트된 크기 */ - width: 2.862vw; - height: 3.39vw; - font-size: 1.8vw; /* 반응형 폰트 크기 */ - } - } - - -#joinBtn { - border: none; - background-color: white; - color: #c4c4c4; - font-family: 'Inter', sans-serif; - font-size: 0.8vw; - font-weight: 400; - cursor: pointer; - margin-top: 4%; - margin-left: 60%; -} - -#joinBtn:hover { - color:#4967FF; -} - -#LoginBtn { - width: calc(40vw - 1rem); /* 조절된 크기 */ - max-width: 26.19vw; /* Updated size */ - height: calc(6.25vh + 0.625rem); /* 조절된 크기 */ - max-height: 3.25vw; /* Updated size */ - margin-top: 2%; - margin-left: auto; /* 수정된 부분 */ - margin-right: auto; /* 수정된 부분 */ - border: 2px solid #4967FF; - border-radius: 55px; - background-color: #4967FF; - font-family: 'Inter', sans-serif; - font-weight: 500; - font-size: 1.25vw; - color: white; - cursor: pointer; - - - } - - - - .bluebox-whitebox-container > .whitebox { - position: relative; /* 추가된 속성 */ - } - - .bluebox-whitebox-container > .whitebox > #LoginBtn { - position: absolute; /* 추가된 속성 */ - bottom: -10%; /* 원하는 위치로 조정 */ - left: 50%; /* 원하는 위치로 조정 */ - transform: translateX(-50%); /* 가운데 정렬을 위한 속성 */ - } - -.circleContainer{ - display: flex; - justify-content: space-between; - margin-top:3%; - gap: 10px; -} - -.bottomCircle1, .bottomCircle2, .bottomCircle3{ - width: 9.19px; - height: 9.19px; - border-radius: 50%; - background-color: #4967FF; +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(#CDCDCD, #F5F5F5) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all>.left { + width: 30%; + padding-left:12%; + float: left; + box-sizing: border-box; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; +} + +.Middle { + display: flex; + justify-content: center; + align-items: center; +} + +.Middle>.Mcircle { + height: 149px; + width: 60%; + border: none; + border-radius: 100px; + background-color: #151E63; + margin-top: -100px; + margin-left: -20px; +} + +.top{ + margin-top:-70px; +} + +p { + font-family: 'Inter'; + font-weight: 400; + font-size: 2vw; + line-height: 36.31px; + letter-spacing: -0.05rem; + color: #242A57; + margin-right: auto; + margin-left: 2vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -3vw; + margin-right: 5vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; + color:#181D45; +} + +@media (max-width: 1300px) { + .icon>i{ + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; + color: #181D45; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + + +.logo>p{ + font-family: 'Jua'; + font-weight:400; + font-size:6.25vw; + line-height: 125px; + letter-spacing: -0.05rem; + color:#233C9B; + margin-left:7%; + margin-top:8%; +} + +.userBox>.user{ + width: 15vw; + height: 3vw; + border:none; + border-radius:100px; + background-color:#0015AD; + box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.32); + color:white; + font-family: 'Hind'; + font-weight:600; + font-size:25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align:center; + display:flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox{ + width:15vw; + min-width: 30px; + min-height:30px; + height:20vw; + border:1px solid #919191; + background-color:white; + border-radius:50px; + box-shadow: inset 6px -5px 28px 0px rgba(0,0,0,0.28); + margin-top:-3vw; + display:flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage{ + width:8vw; + padding-top:8vw; + border:2px solid #142F9E; + background:linear-gradient(#CFCFCF, #FFFFFF); + border-radius:50%; + margin-top:4vh; +} + +.userbox>.name{ + font-family: 'Inter'; + font-weight:600; + font-size:18px; + color: #142F9E; + margin-top:5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email{ + font-family:'Inter'; + font-weight:400; + font-size:13px; + color:#4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain{ + font-family: 'Inter'; + font-weight:400; + font-size:18px; + color:#142F9E; + margin-top:2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + #pen, + #setting { + font-size: 1px; + height:1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu{ + width:14.5vw; + height:55vw; + border:1px solid #919191; + border-radius:50px; + box-shadow: inset 6px -5px 28px 0px rgba(0,0,0,0.28); + margin-top:20%; + margin-left:0.5%; + background-color:white; +} + +.menu>.checklist{ + width:13vw; + height:4vw; + padding-left:9%; + background-color:#131B5A; + font-family: 'Hind'; + font-weight:600; + font-size:25px; + line-height:40.03px; + letter-spacing: -0.05rem; + color:white; + display:flex; + justify-content:center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist{ + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist{ + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist{ + font-size: 10px; + } +} + +.menu>.checklistcircle{ + width:3vw; + height:4vw; + background-color:#131B5A; + border-radius: 0 4vw 4vw 0; + margin-top:-4vw; + margin-left:13vw; +} + +.menu>.text1{ + display:flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, .menu>.text1>.calText{ + display: flex; + align-items: center; + margin-top:1.5vw; +} + +.menu>.text1>.calText{ + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText, + .menu>.text1>.calText{ + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.checklistText, + .menu>.text1>.calText{ + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, .menu>.text1>.calText>p{ + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin:0; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>p, .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.text1>.checklistText>p, .menu>.text1>.calText>p{ + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.checklistText>p, .menu>.text1>.calText>p{ + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, .menu>.text1>.calText>i{ + font-size: 0.5rem; +} + +@media (max-width: 1700px) { +.menu>.text1>.checklistText>i, + .menu>.text1>.calText>i{ + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4{ + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top:1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal{ + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation{ + display: flex; + align-items: center; + justify-content: center; + margin-top:1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation{ + margin-top: 1.5vw; + } +} + +@media (max-width: 1400px) { + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1100px) { + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText{ + margin-left:-1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText{ + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i{ + padding-right:2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain{ + margin-left:-1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i{ + padding-right:1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation{ + margin-left:-1vw; +} + +.menu>.text4>.situation>i{ + padding-right:1vw; +} + +.menu>.text4>.criminal>i{ + padding-right:0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i{ + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p{ + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p{ + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p{ + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p{ + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p{ + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin:0; +} + +@media (max-width: 1700px) { + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p{ + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p{ + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p{ + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i{ + font-size:0.5rem; +} + +@media (max-width: 1700px) { + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i{ + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i{ + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top:1.5vw; +} + +@media (max-width: 1900px) { + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + .text2>hr, + .text3>hr{ + margin-top: 0.6vw; + } +} + +.scheduleTitle{ + width:15vw; + height:3vw; + border:none; + border-radius:100px; + background-color:#0015AD; + box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.32); + color:white; + font-family: 'Hind'; + font-weight:600; + font-size:25px; + line-height:40.03px; + text-align:center; + display:flex; + justify-content: center; + align-items: center; + margin-top:20%; + z-index:1; + position:relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox{ + width:15vw; + height:20vw; + border:1px solid #919191; + background-color:white; + border-radius:50px; + box-shadow: inset 6px -5px 28px 0px rgba(0,0,0,0.28); + margin-top:-3vw; + display:flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img{ + width:7vw; + height:7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img{ + margin-top:2vw; + } +} + +.scheduleBox>.scheduleText{ + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p{ + font-family: 'Inter'; + font-weight:400; + font-size:20px; + line-height:24.2px; + letter-spacing: -0.05rem; + color:#818181; + margin:0; + margin-top:20px; +} + +@media (max-width:1500px){ + .scheduleBox>.scheduleText>p{ + font-size:15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } } \ No newline at end of file diff --git a/static/css/cal.css b/static/css/cal.css new file mode 100644 index 00000000..07991e50 --- /dev/null +++ b/static/css/cal.css @@ -0,0 +1,1485 @@ +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(#CDCDCD, #F5F5F5) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; +} + +.Middle { + display: flex; + justify-content: center; + align-items: center; +} + +.Middle>.Mcircle { + height: 149px; + width: 60%; + border: none; + border-radius: 100px; + background-color: #151E63; + margin-top: -100px; + margin-left: -20px; +} + +.top { + margin-top: -30px; +} + +p { + font-family: 'Inter'; + font-weight: 400; + font-size: 2vw; + line-height: 36.31px; + letter-spacing: -0.05rem; + color: #242A57; + margin-right: auto; + margin-left: 2vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -1vw; + margin-right: 5vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; + color: #181D45; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; + color: #181D45; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + + +.logo>p { + font-family: 'Jua'; + font-weight: 400; + font-size: 6.25vw; + line-height: 125px; + letter-spacing: -0.05rem; + color: #233C9B; + margin-left: 7%; + margin-top: 8%; + margin-bottom:7%; +} + +.middleTitle { + display: flex; + align-items: center; + margin-left:79%; + margin-top:-13%; + margin-bottom: 11%; +} + +.middleTitle>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 1.5vw; + line-height: 36.31px; + letter-spacing: -0.05rem; + color: #000000; + margin: 0; +} + +.middleTitle>p:not(:first-child) { + margin-left: 5px; +} + +.middleTitle>#bar{ + margin-right:5%; + margin-left:10%; +} + +.middleTitle>#Cal{ + color:#0F3FE8; + font-weight:700; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1600px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1500px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.3vw; + } +} + +@media (max-width: 1300px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.8vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.calendarbox { + cursor: pointer; + position:relative; +} + +.calendarbox>.Calendar1 { + width: 55vw; + height: 40vw; + margin-left:5%; + border: 1px solid #424242; + background-color: #F5F5F5; + border-radius: 40px; + box-shadow: 23px 27px 38px 1px rgba(0, 0, 0, 0.20); + z-index: 1; +} + +.calendarbox>.leftbar { + position:absolute; + width: 8vw; + height:40vw; + margin-top:-58%; + margin-left:1%; + border-radius: 100px; + background: linear-gradient(#23326F, #4967FF); + box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); + z-index:-1; +} + +.calendarbox>.leftcircle { + width: 7vw; + height: 7vw; + position: absolute; + margin-top:-59%; + margin-left:1%; + background-color: #09174E; + border-radius: 50%; + box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); + z-index: 3; +} + +.calendarbox>.Calendar1>.Container{ + display: flex; + align-items: center; + margin-left:7vw; + margin-top:4vw; +} + +.calendarbox>.Calendar1>.Container>i { + width: 18px; + height: 16.5px; + z-index: 3; + color: #4F4F4F; + margin-top: -1vw; +} + +@media (max-width:1400px) { + .calendarbox>.Calendar1>.Container>i{ + font-size:1.5rem; + } +} + +.calendarbox>.Calendar1>.Container>.ctext>p { + font-family: Inter; + font-size: 1.2vw; + font-weight: 400; + line-height: 30px; + letter-spacing: -0.05em; + text-align: left; + color: #4F4F4F; + margin-top:-1vw; + margin-left:1vw; + z-index: 3; +} + +.calendarbox>.Calendar1>.innerCalendar { + width: 51vw; + height: 34vw; + border: 1px solid #767676; + border-radius: 70px; + margin-left:2vw; + z-index: 4; + display: flex; + justify-content: center; + align-items: center; +} + +* { + margin: 0; + padding: 0; + font-family: sans-serif; + box-sizing: border-box; +} + +.calendarbox>.Calendar1>.innerCalendar>.calendar { + z-index: 999; + margin-top:-3vw; +} + +.header { + display: flex; + align-items: center; + margin-left: 11vw; + margin-top:3vw; +} + +.year-month, +.year-month2 { + font-family: 'Inter', sans-serif; + font-size: 1.6vw; + font-weight: 700; + text-align: left; + margin-top:1vw; + color: #505050; +} + +.year-month { + margin-right: 1vw; +} + +.year-month2 { + margin-left: 1vw; +} + +.nav { + display: flex; +} + +.nav-btn { + width: 3vw; + height: 1.5vw; + border: none; + background-color: transparent; + cursor: pointer; + font-family: 'Inter', sans-serif; + font-weight: 900; + font-size: 2.7vw; + color: #1A2344; +} + +.go-prev { + color: #000000; + margin-top:-1vw; +} + +.go-today { + width: 8vw; + display: flex; + justify-content: center; + align-items: center; +} + +.go-next { + color: #000000; + margin-top: -1vw; +} + +.days { + display: flex; + margin: 0.2vw 0 0; + width: 47vw; + height: 2.7vw; + border: 1px solid #4967FF; + border-radius: 20px; + background-color: #BFCBF6; + box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.35); +} + +.day { + width: calc(100%/7); + text-align: center; + display: flex; + justify-content: center; + align-items: center; + font-family: Inter; + font-size: 15px; + font-weight: 500; + line-height: 18px; + letter-spacing: 0em; + text-align: left; +} + +.dates { + display: flex; + flex-flow: row wrap; + width: 47vw; + height: 26vw; + border-right: 1px solid #676767; + border-bottom: 1px solid #676767; + border-left: 1px solid #676767; + border-radius: 30px; + overflow: hidden; + box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.25); +} + +.date { + width: calc(100%/7); + padding: 0.5vw 0.7vw; + text-align: right; + border-bottom: 2px solid #BFCBF6; + border-left: 2px solid #BFCBF6; + font-family: Inter; + font-size: 0.7vw; + font-weight: 400; + line-height: 18px; + letter-spacing: -0.05em; + text-align: right; +} + +.day:nth-child(7n+1), +.date:nth-child(7n+1) { + color: #D13E3E; +} + +.day:nth-child(7n), +.date:nth-child(7n) { + color: #396EE2; +} + +.other { + opacity: .3; +} + +.today { + position: relative; +} + +.today:before { + position: absolute; + top: 50%; + left: 50%; + z-index: 1; + display: block; + width: 1.5vw; + height: 1.5vw; + border: 2px solid #BFCBF6; + border-radius: 50%; + transform: translate(-50%, -50%); + content: ''; +} + +.modal { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.4); + /* 배경 투명도 조절 */ + z-index: 1000; + display: flex; + align-items: center; + justify-content: center; +} + +.modal-content { + width: 100vw; + height: 100vh; + background: linear-gradient(#4A66FF, #77B5FF); + margin: auto; +} + +.modal>.modal-content>.modalTop>p { + font-family: Jua; + font-size: 3.5vw; + font-weight: 400; + line-height: 88px; + letter-spacing: -0.05em; + text-align: left; + color: #E9E9E9; + cursor: pointer; + background-color: none; +} + +.modal>.modal-content>.modalTop>p:hover { + color: #233C9B; +} + +.modal>.modal-content>.modalTop{ + display: flex; + justify-content: flex-end; + margin-top:1vw; +} + +.modal>.modal-content>.modalTop>.rightContainer{ + display:inline-flex; + margin-top:2vw; + margin-right:3vw; + +} + +.modal>.modal-content>.modalTop>.rightContainer>.text4>p { + font-family: Inter; + font-size: 1.5vw; + font-weight: 400; + line-height: 36px; + letter-spacing: -0.05em; + text-align: left; + color: #D1D1D1; +} + +.modal>.modal-content>.modalTop>.rightContainer>p { + color:#A4A4A4; +} + +.modal>.modal-content>.modalTop>.rightContainer>.text6>p { + font-family: Inter; + font-size: 1.5vw; + font-weight: 700; + line-height: 36px; + letter-spacing: -0.05em; + text-align: left; + color: white; +} + +.modal>.modal-content>.modalBox { + display: flex; + justify-content: center; + align-items: center; + position: relative; +} + +.modal>.modal-content>.modalBox>.modalbox { + width: 60%; + height: 39vw; + border-radius: 50px; + border: 1px solid #424242; + background-color: white; + z-index: 2; +} + +.modal>.modal-content>.modalBox>.modalbar { + z-index:1; + position: absolute; + margin-left:-60%; + width: 5vw; + height: 39vw; + background: linear-gradient(#23326F, #4967ff); + border-radius: 100px; + box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); +} + +.modal>.modal-content>.modalBox>.modalcircle { + position:absolute; + width: 5vw; + height: 5vw; + margin-left:-60%; + margin-top:-35%; + border-radius: 50%; + background-color: #09174E; + box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); + z-index: 2; +} + +.modal>.modal-content>.modalBox>i{ + position:absolute; + width:0.9vw; + height:0.8vw; + color:#4F4F4F; + z-index:3; + margin-left:-50%; + margin-top:-32%; +} + +@media (max-width:1400px) { + .modal>.modal-content>.modalBox>i { + font-size: 1.5rem; + } +} + +@media (max-width:1200px) { + .modal>.modal-content>.modalBox>i{ + font-size:1rem; + } +} + +.modal>.modal-content>.modalBox>.ctext2{ + position:absolute; + font-family: 'Inter'; + font-weight:400; + font-size:1.2vw; + line-height: 30.26px; + letter-spacing: -0.05rem; + color:#4F4F4F; + margin-top:-32%; + margin-left:-42%; + z-index:3; +} + +.modal>.modal-content>.modalBox>.inner{ + width: 55vw; + height: 34vw; + border: 1px solid #767676; + border-radius: 30px; + position: absolute; + margin-top:4vw; + z-index:4; +} + +.modalcalendar{ + display:flex; + justify-content: center; + align-items: center; + flex-direction: column; + position: absolute; + z-index: 9999; + margin-top:-35%; + margin-left:25%; +} + +.modalheader { + display: flex; + align-items: center; + margin-left:-5%; +} + +.modal-year-month, +.modal-year-month2 { + font-family: 'Inter', sans-serif; + font-size: 1.9vw; + font-weight: 700; + color: #505050; + margin-top: 1vw; +} + +.modal-year-month { + margin-right: 1vw; +} + +.modal-year-month2 { + margin-left: 1vw; +} + +.modalnav { + display: flex; +} + +.modalnav-btn { + width: 1.4vw; + height: 1.5vw; + border: none; + line-height: 34px; + background-color: transparent; + cursor: pointer; + font-family: 'Inter', sans-serif; + font-weight: 900; + font-size: 2.7vw; + color: #1A2344; + margin-top:0.5vw; +} + +.modal-go-today { + width: 8vw; + display: flex; + justify-content: center; + align-items: center; + margin-top:1vw; +} + +.modaldays { + display: flex; + margin: 0.7vw 0 0; + width: 50vw; + height: 2.7vw; + border: 1px solid #4967FF; + border-radius: 20px; + background-color: #BFCBF6; + box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.35); +} + +.modalday { + width: calc(100%/7); + text-align: center; + display: flex; + justify-content: center; + align-items: center; + font-size: 0.7vw; + font-family: 'Inter', sans-serif; + font-weight: 500; + color: #000000; +} + +.modaldates { + display: flex; + flex-flow: row wrap; + width: 50vw; + height: 27vw; + border-right: 1px solid #676767; + border-bottom: 1px solid #676767; + border-left: 1px solid #676767; + border-radius: 15px; + overflow: hidden; + box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.25); +} + +.modaldate { + width: calc(100%/7); + padding: 10px 15px; + text-align: right; + border-bottom: 2px solid #BFCBF6; + border-left: 2px solid #BFCBF6; + font-family: 'Inter', sans-serif; + font-weight: 400; + font-size: 0.7vw; + color: #646464; +} + +.modalday:nth-child(7n+1), +.modaldate:nth-child(7n+1) { + color: #D13E3E; +} + +.modalday:nth-child(7n), +.modaldate:nth-child(7n) { + color: #396EE2; +} + +.mdoal-today-hover:hover { + background-color: #E7FFDE; +} + +.modal-other { + opacity: .3; +} + +.modal-other-style { + background-color: pink; +} + +.modal-today { + position: relative; +} + +.modal-today:before { + position: absolute; + top: 50%; + left: 50%; + z-index: 1; + display: block; + width: 1.5vw; + height: 1.5vw; + border: 2px solid #BFCBF6; + border-radius: 50%; + transform: translate(-50%, -50%); + content: ''; +} \ No newline at end of file diff --git a/static/css/checklist.css b/static/css/checklist.css new file mode 100644 index 00000000..14791481 --- /dev/null +++ b/static/css/checklist.css @@ -0,0 +1,1342 @@ +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(#CDCDCD, #F5F5F5) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; + background: #ece6cc; +} + +.Middle { + display: flex; + justify-content: center; + align-items: center; +} + +.Middle>.Mcircle { + height: 149px; + width: 60%; + border: none; + border-radius: 100px; + background-color: #151E63; + margin-top: -100px; + margin-left: -20px; +} + +.top { + margin-top: -70px; +} + +p { + font-family: 'Inter'; + font-weight: 400; + font-size: 2vw; + line-height: 36.31px; + letter-spacing: -0.05rem; + color: #242A57; + margin-right: auto; + margin-left: 2vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -3vw; + margin-right: 5vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + + +.logo>p { + font-family: 'Jua'; + font-weight: 400; + font-size: 6.25vw; + line-height: 125px; + letter-spacing: -0.05rem; + color: #233C9B; + margin-left: 7%; + margin-top: 8%; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1400px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1100px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.6vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.exambox { + height: 24vw; + width: 39vw; + border-radius: 100px; + background: linear-gradient(180deg, #5072FF 0%, #75B0FF 100%); + position: absolute; + top: 23vw; + left: 50%; + transform: translateX(-50%); +} + +.box_title { + font-size: 2.5vw; + color: #FFFFFF; + text-align: left; + margin-left: 4vw; + margin-bottom: 1vw; +} + +.box_text1, +.box_text2, +.box_text3 { + font-size: 1.2vw; + color: #FFFFFF; + text-align: left; + margin-left: 4vw; + margin-bottom: 1vw; +} + +.box_text4 { + margin-top: 1vw; + font-size: 1.5vw; + color: #FFFFFF; + text-align: left; + margin-left: 4vw; + margin-bottom: 1vw; +} + +.box_hr { + background-color: #FFFFFF; + height: 4px; + width: 80%; +} + +/* 반응형 스타일을 추가합니다 */ +@media (max-width: 1200px) { + .exambox { + height: 40vw; + width: 65vw; + top: 10vw; + left: 50%; + transform: translateX(-50%); + } + + .box_title { + font-size: 4vw; + margin-left: 8vw; + } + + .box_text1, + .box_text2, + .box_text3 { + font-size: 2vw; + margin-left: 8vw; + } + + .box_text4 { + font-size: 2.5vw; + margin-left: 8vw; + } +} + +/* 추가된 부분 */ +.checkbox { + height: 24vw; + width: 39vw; + border-radius: 100px; + position: absolute; + top: 50vw; + left: 50%; + transform: translateX(-50%); +} + +.plusboxs { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: linear-gradient(180deg, #cbc7c7 0%, rgba(226, 226, 226, 0) 100%); + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; +} + +#plusBtn { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: linear-gradient(180deg, #cbc7c7 0%, rgba(226, 226, 226, 0) 100%); + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + color: #0418AB; + cursor: pointer; +} + +.plus_text { + margin-top: 0%; + font-size: 1.3vw; + text-align: left; + margin-left: 39%; +} + +.right>.checkbox>i { + font-size: 3vw; + margin-left: 47%; + margin-bottom: 5%; + margin-top: 7vw; + color: #676767; +} + +.right>.checkbox>.plusbox>i { + font-size: 1.5vw; + margin-left: 35%; + margin-top: 4%; + color: #0418AB; +} + +.check_text1 { + color: #222B72; + font-size: 1.5vw; + font-weight: bold; +} + +.check_text2 { + color: #222B72; + margin-top: 10vw; + font-size: 1.5vw; + font-weight: bold; +} + +.check_text3 { + color: #222B72; + margin-top: 10vw; + font-size: 1.5vw; + font-weight: bold; +} + +/* 추가된 부분 */ +@media (max-width: 600px) { + .checkbox { + height: 50vw; + width: 80vw; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + .plusboxs, + #plusBtn { + height: 10vw; + width: 80vw; + left: 50%; + transform: translateX(-50%); + } + + .plus_text { + font-size: 3vw; + text-align: center; + margin-left: 0; + } + + .right>.checkbox>i { + font-size: 6vw; + margin-left: 50%; + margin-bottom: 10%; + } + + .right>.checkbox>.plusbox>i { + font-size: 3vw; + margin-left: 35%; + margin-top: 8%; + } +} + +.modal-container { + position: fixed; + top: 5vw; + left: 15vw; + height: 40vw; + width: 70vw; + display: none; + align-items: center; + justify-content: center; + z-index: 9999; + backdrop-filter: blur(3px); + background-color: #FFFFFF; + border-radius: 70px; + border: 2px solid #000000; + /* 검은색 테두리 선 추가 */ +} + +.first_checkbox { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: #FFFFFF; + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + color: #0418AB; + cursor: pointer; +} + +.second_checkbox { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: #FFFFFF; + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + color: #0418AB; + cursor: pointer; +} + +.third_checkbox { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: #FFFFFF; + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + color: #0418AB; + cursor: pointer; +} + +.checkbox>.first_checkbox { + display: flex; + align-items: center; + justify-content: flex-start; +} + +.checkbox>.first_checkbox>i { + margin-left: 1vw; + font-size: 1.5vw; +} + +.checkbox>.first_checkbox>.first_checkbox_text { + margin-left: 1vw; + font-size: 1.1vw; + font-weight: bold; +} + +.checkbox>.second_checkbox { + display: flex; + align-items: center; + justify-content: flex-start; +} + +.checkbox>.second_checkbox>i { + margin-left: 1vw; + font-size: 1.5vw; +} + +.checkbox>.second_checkbox>.second_checkbox_text { + margin-left: 1vw; + font-size: 1.1vw; + font-weight: bold; +} + +.checkbox>.third_checkbox { + display: flex; + align-items: center; + justify-content: flex-start; +} + +.checkbox>.third_checkbox>i { + margin-left: 1vw; + font-size: 1.5vw; +} + +.checkbox>.third_checkbox>.third_checkbox_text { + margin-left: 1vw; + font-size: 1.1vw; + font-weight: bold; +} + +first_checkbox.clicked { + background: #ff0000; + /* 변경할 색상을 지정합니다 */ +} + +.modal-container>.modal>#ModalTitle { + color: #222B72; + margin-top: -13vw; + margin-left: 30vw; + margin-top: -7vw; +} + +.modal-container>.modal>#close { + height: 2.5vw; + width: 5vw; + border-radius: 100px; + position: absolute; + background: #5073FF; + top: 35vw; + left: 60vw; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #ffffff; + cursor: pointer; + +} + +.modal-container>.modal>#modal_firsttext { + font-size: 1.2vw; + font-weight: bold; + margin-left: 30vw; + margin-top: 3vw; +} + +.modal-container>.modal>#modal_secondtext { + font-size: 1.2vw; + font-weight: bold; + margin-left: 30vw; + margin-top: 3vw; +} + +.modal-container>.modal>#modal_thirdtext { + font-size: 1.2vw; + font-weight: bold; + margin-left: 30vw; + margin-top: 3vw; +} + +.modal-container>.modal>#modal_Input { + margin-left: 60vw; + text-align: center; + height: 2.5vw; + width: 60vw; + border-radius: 100px; + background: #F6F6F6; + top: 35vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +.modal-container>.modal>.dropbox { + margin-left: 30vw; +} + +.modal-container>.modal>.dropbox>#year, +.modal-container>.modal>.dropbox>#month, +.modal-container>.modal>.dropbox>#day { + display: inline-block; + margin-left: 10vw; + /* 드롭박스 사이의 간격을 조정할 수 있습니다 */ + text-align: center; + height: 2.5vw; + width: 10vw; + border-radius: 100px; + background: #F6F6F6; + top: 35vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +.modal-container>.modal>.checkbox { + display: inline-block; + margin-right: 10px; + padding: 5px 10px; + border-radius: 5px; + background-color: #F6F6F6; + color: #333333; + cursor: pointer; + +} + +#item1 { + text-align: center; + height: 1.5vw; + width: 10vw; + margin-left: -20vw; + border-radius: 100px; + background: #F6F6F6; + top: 30vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +#item2 { + text-align: center; + height: 1.5vw; + width: 10vw; + border-radius: 100px; + background: #F6F6F6; + top: 30vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +#item3 { + text-align: center; + height: 1.5vw; + margin-left: 20vw; + width: 10vw; + border-radius: 100px; + background: #F6F6F6; + top: 30vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +.selected { + background-color: #5073FF; + color: #FFFFFF; +} \ No newline at end of file diff --git a/static/css/criminal.css b/static/css/criminal.css new file mode 100644 index 00000000..e16febdd --- /dev/null +++ b/static/css/criminal.css @@ -0,0 +1,1304 @@ +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(white, #CDCDCD) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all { + padding-top: 9vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; + background-color: lightblue; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; + background-color: pink; +} + +.top { + margin-top: -30px; +} + +p { + font-family: 'Jua'; + font-weight: 400; + font-size: 2.5vw; + line-height: 62.5px; + letter-spacing: -0.05rem; + color: #0F3FE8; + margin-right: auto; + margin-left: 15vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -4.5vw; + margin-right: 10vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; + color: #181D45; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; + color: #181D45; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + +.topBox { + width: 100vw; + height: auto; + display: flex; + justify-content: center; + align-items: center; + margin-top: 2vw; + margin-left: -1vw; + position: relative; +} + +.topBox>.topBlueBox { + width: 96vw; + height: 31vw; + background-color: #4762FF; + border-color: none; + border-radius: 3vw; + box-shadow: inset 0px -39px 34px 0px rgba(0, 0, 0, 0.01); +} + +.topBox>.topCircle { + width: 31vw; + height: 31vw; + position: absolute; + margin-left: -20vw; + background: linear-gradient(270deg, #0418AB -20.77%, rgba(4, 24, 171, 0) 71.88%); + box-shadow: 17px 5px 33px 0px #00000030; + border-radius: 50%; + border: none; +} + +.topBox>p { + position: absolute; + margin-left: -50vw; + margin-top: -5.5vw; + font-family: 'Pretendard'; + font-weight: 700; + font-size: 7.5vw; + font-weight: 150px; + color: white; +} + +.topBox>#p1 { + letter-spacing: 0.1rem; + margin-left: -54.1vw; +} + +.topBox>#p2 { + letter-spacing: -0.05rem; + margin-top: 10vw; +} + +.topBox>#mini2 { + font-family: 'Pretendard'; + font-weight: 600; + font-size: 1.5vw; + line-height: 35.8vw; + letter-spacing: -0.05rem; + color: whtie; + margin-left: 56vw; + margin-top: 17.5vw; +} + +.topBox>.miniTitle>#mini { + position: absolute; + font-family: 'Pretendard'; + font-weight: 600; + font-size: 1.5vw; + line-height: 35.8px; + color: white; + white-space: nowrap; + margin-left: -82.5vw; + margin-top: 7vw; +} + +.topBox>.topbar { + position: absolute; + width: 7.4vw; + height: 0.7vw; + background-color: white; + border: none; + margin-left: 63vw; + margin-top: -15vw; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1400px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1100px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.6vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.right>.rightTop { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: -55px; + margin-left: -3vw; +} + +.right>.rightTop>.pContainer { + display: flex; + align-items: center; + margin-left: -10vw; +} + +.right>.rightTop>.pContainer>p { + font-family: 'Hind'; + font-weight: 500; + font-size: 0.9vw; + line-height: 130px; + letter-spacing: -0.1rem; + color: white; + display: inline-block; + white-space: nowrap; + margin-right: -12vw; + z-index: 1; +} + +#pBar { + margin-left: 14vw; +} + +#ptown { + margin-left: 14vw +} + +.right>.rightTop>.pContainer>.pBackground, +.right>.rightTop>.pContainer>.pBackground2 { + width: 7.6vw; + height: 1.8vw; + background-color: #5378FF; + border: none; + margin-left: 29.5vw; + position: absolute; + margin-top: -1vw; +} + +.right>.rightTop>.pContainer>.pBackground { + border-radius: 2.5vw; + margin-top: 1vw; +} + + +.right>.rightTop>form { + display: flex; + justify-content: flex-end; + margin-right: 10vw; +} + +.right>.rightTop>form>.SSbox>select { + width: 7vw; + height: 1.5vw; + border: 1px solid #9A9A9A; + border-radius: 2vw; + outline: none; + font-family: 'Inter'; + font-weight: 400; + font-size: 0.5vw; + line-height: 6vw; + letter-spacing: -0.1rem; + color: #7A7A7A; + padding-left: 0.2vw; + padding-right: 0.1vw; +} + +.right>.rightTop>form>.SSbox>#searchBox { + width: 9.4vw; + height: 1.5vw; + border: 1px solid #9A9A9A; + border-radius: 2vw; + font-weight: 'Inter'; + font-weight: 400; + font-size: 0.5vw; + line-height: 6.5vw; + letter-spacing: -0.1rem; + color: #7A7A7A; + padding-left: 0.4vw; +} + +.right>.rightTop>form>.SSbox>.submitContainer>#searchSubmit { + position: absolute; + width: 2.25vw; + height: 1.4vw; + border: 1px solid #5378FF; + border-radius: 2vw; + background-color: #5378FF; + font-family: 'Inter'; + font-weight: 400; + font-size: 0.5vw; + color: white; + margin-top: -1.45vw; + margin-left: 22.5vw; +} + +.right>#postTitle { + font-family: 'Hind'; + font-weight: 500; + font-size: 2.5vw; + line-height: 6.5vw; + letter-spacing: -0.1rem; + color: #5B5B5B; + margin: 0; + margin-left: 0.4vw; +} + +.right>#postSub { + font-family: 'Hind'; + font-weight: 500; + font-size: 0.9vw; + line-height: 6.5vw; + color: #787878; + margin: 0; + margin-left: 0.8vw; + margin-top: -4.5vw; +} + +.right>select { + position: absolute; + width: 5vw; + height: 1.4vw; + border: 1px solid #595959; + border-radius: 0.5vw; + outline: none; + font-family: 'Hind'; + font-weight: 500; + font-size: 0.5vw; + color: #858585; + margin-left: 55.5vw; + margin-top: -3vw; +} + +#postHr, +#postBottomHr { + width: 61vw; + height: 1px; + background-color: #7A7A7A; + border: 0; + margin: 0; + margin-top: -1vw; +} + +#postBottomHr { + margin-top: -45px; +} + +.right>.postTopbar { + display: flex; + justify-content: space-between; + align-items: center; + margin-left: 2vw; +} + +.right>.postTopbar>p { + font-family: 'Hind'; + font-weight: 500; + font-size: 1vw; + line-height: 130px; + color: #858585; + margin: 0; + margin-top: -40px; +} + +.right>.postTopbar>#writer { + margin-right: -15vw; +} + +.right>.postTopbar>#createDay { + margin-left: 5vw; +} + +.right>.postTopbar>#createDay, +.right>.postTopbar>#view { + margin-right: 10vw; +} + +.right>.postTopbar>#view { + margin-left: -20vw; +} + +.right>.notificationBox { + width: 61vw; + height: 2.4vw; + background-color: #E8E8E8; + border-top: none; + border-left: none; + border-right: none; + border-bottom: 1px solid #7A7A7A; + margin: 0; + display: flex; + align-items: center; + position: relative; + white-space: nowrap; +} + +.right>.notificationBox>.Topicbox { + width: 2.3vw; + height: 1.2vw; + border: 2px solid #5378FF; + border-radius: 2vw; + background-color: #87B3FF; + font-family: 'Inter'; + font-weight: 600; + font-size: 0.5vw; + color: #0418AB; + flex-direction: column; + display: flex; + justify-content: center; + text-align: center; + margin-left: 2vw; +} + +.right>.notificationBox>.postxtbox { + position: absolute; + margin-left: 8vw; +} + +.right>.notificationBox>.postxtbox>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 0.6vw; + color: #000000; + margin: 0; + display: inline; +} + +.right>.notificationBox>.postxtbox>#writeCount { + font-family: 'Inter'; + font-weight: 500; + font-size: 0.6vw; + color: #FF0000; +} + +.right>.notificationBox>.Writerbox>p, +.right>.notificationBox>.CreateDaybox>p, +.right>.notificationBox>.viewbox>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 0.6vw; + color: #000000; + margin: 0; +} + +.right>.notificationBox>.Writerbox { + position: absolute; + margin-left: 40vw; +} + +.right>.notificationBox>.CreateDaybox { + position: absolute; + margin-left: 48.8vw; +} + +.right>.notificationBox>.viewbox { + position: absolute; + margin-left: 58.4vw; +} + +.right>.paging { + width: 61vw; + height: 2.6vw; + border: 1px solid #949494; + border-radius: 1vw; + margin-top: 1vw; + flex: display; + justify-content: center; + align-items: center; + text-align: center; +} + +.right>.ourtownBox { + margin-top: 3vw; + position: relative; + display: flex; + justify-content: flex-start; + align-items: center; +} + +.right>.ourtownBox>.ourtownbox1 { + margin-left: 2vw; +} + +.right>.ourtownBox>.ourtownbox2, +.right>.ourtownBox>.ourtownbox3 { + margin-left: 6vw; +} + +.right>.ourtownBox>.ourtownbox1>.ourtownImage, +.right>.ourtownBox>.ourtownbox2>.ourtownImage, +.right>.ourtownBox>.ourtownbox3>.ourtownImage { + width: 15vw; + height: 10vw; + border-radius: 1.5vw; + box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + background-image: url("../image/sleepy.png"); +} + +.right>.ourtownBox>.ourtownbox1>.ourtownContainer, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + position:relative; +} + +.right>.ourtownBox>.ourtownbox1>.ourtownContainer>#ourtownTitle, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer>#ourtownTitle, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer>#ourtownTitle { + font-family: 'Inter'; + font-weight: 500; + font-size: 1vw; + color: #2D2D2D; + white-space: nowrap; + margin:0; +} + +.right>.ourtownBox>.ourtownbox1>.ourtownContainer>#live, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer>#live, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer>#live{ + font-family: 'Inter'; + font-weight:500; + font-size:0.6vw; + color:#949494; + margin:0; + margin-top:-40px; +} + +.right>.ourtownBox>.ourtownbox1>.ourtownContainer>#criminalText, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer>#criminalText, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer>#criminalText{ + font-family: 'Inter'; + font-weight:500; + font-size:0.7vw; + color: #fd0303; + margin:0; + margin-top:-30px; +} \ No newline at end of file diff --git a/static/css/information.css b/static/css/information.css new file mode 100644 index 00000000..1b8a0a4b --- /dev/null +++ b/static/css/information.css @@ -0,0 +1,1267 @@ +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(white,#CDCDCD) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all{ + padding-top:9vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; + background-color:lightblue; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; + background-color:pink; +} + +.top { + margin-top: -30px; +} + +p { + font-family: 'Jua'; + font-weight: 400; + font-size: 2.5vw; + line-height: 62.5px; + letter-spacing: -0.05rem; + color: #0F3FE8; + margin-right: auto; + margin-left: 15vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -4.5vw; + margin-right: 10vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; + color: #181D45; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; + color: #181D45; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + +.topBox{ + width:100vw; + height:auto; + display:flex; + justify-content: center; + align-items: center; + margin-top:2vw; + margin-left:-1vw; + position:relative; +} + +.topBox>.topBlueBox{ + width: 96vw; + height: 31vw; + background-color: #4762FF; + border-color: none; + border-radius: 3vw; + box-shadow: inset 0px -39px 34px 0px rgba(0, 0, 0, 0.01); +} + +.topBox>.topCircle{ + width:31vw; + height:31vw; + position:absolute; + margin-left:-20vw; + background: linear-gradient(270deg, #0418AB -20.77%, rgba(4, 24, 171, 0) 71.88%); + box-shadow: 17px 5px 33px 0px #00000030; + border-radius:50%; + border:none; +} + +.topBox>p{ + position:absolute; + margin-left:-50vw; + margin-top:-5.5vw; + font-family: 'Pretendard'; + font-weight:700; + font-size:7.5vw; + font-weight:150px; + color:white; +} + +.topBox>#p1{ + letter-spacing: 0.1rem; + margin-left:-54.1vw; +} + +.topBox>#p2{ + letter-spacing: -0.05rem; + margin-top:10vw; +} + +.topBox>#mini2{ + font-family: 'Pretendard'; + font-weight: 600; + font-size:1.5vw; + line-height: 35.8vw; + letter-spacing: -0.05rem; + color:whtie; + margin-left:56vw; + margin-top:17.5vw; +} + +.topBox>.miniTitle>#mini{ + position:absolute; + font-family: 'Pretendard'; + font-weight:600; + font-size:1.5vw; + line-height: 35.8px; + color:white; + white-space: nowrap; + margin-left:-82.5vw; + margin-top:7vw; +} + +.topBox>.topbar{ + position: absolute; + width:7.4vw; + height:0.7vw; + background-color:white; + border:none; + margin-left:63vw; + margin-top:-15vw; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1400px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1100px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.6vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.right>.rightTop { + display: flex; + justify-content: space-between; + align-items: center; + margin-top:-55px; + margin-left:-3vw; +} + +.right>.rightTop>.pContainer{ + display: flex; + align-items: center; + margin-left: -10vw; +} + +.right>.rightTop>.pContainer>p{ + font-family: 'Hind'; + font-weight:500; + font-size:0.9vw; + line-height: 130px; + letter-spacing: -0.1rem; + color:white; + display: inline-block; + white-space: nowrap; + margin-right: -12vw; + z-index:1; +} + +#pBar{ + margin-left:14vw; +} + +#ptown{ + margin-left:14vw +} +.right>.rightTop>.pContainer>.pBackground, .right>.rightTop>.pContainer>.pBackground2{ + width:7.6vw; + height:1.8vw; + background-color:#5378FF; + border:none; + margin-left:13.4vw; + position:absolute; + margin-top:-1vw; +} + +.right>.rightTop>.pContainer>.pBackground { + border-radius:2.5vw; + margin-top:1vw; +} + + +.right>.rightTop>form{ + display: flex; + justify-content: flex-end; + margin-right:10vw; +} + +.right>.rightTop>form>.SSbox>select{ + width:7vw; + height:1.5vw; + border:1px solid #9A9A9A; + border-radius:2vw; + outline:none; + font-family: 'Inter'; + font-weight:400; + font-size:0.5vw; + line-height: 6vw; + letter-spacing: -0.1rem; + color:#7A7A7A; + padding-left:0.2vw; + padding-right:0.1vw; +} + +.right>.rightTop>form>.SSbox>#searchBox{ + width:9.4vw; + height:1.5vw; + border:1px solid #9A9A9A; + border-radius:2vw; + font-weight: 'Inter'; + font-weight: 400; + font-size:0.5vw; + line-height: 6.5vw; + letter-spacing: -0.1rem; + color:#7A7A7A; + padding-left:0.4vw; +} + +.right>.rightTop>form>.SSbox>.submitContainer>#searchSubmit{ + position:absolute; + width:2.25vw; + height:1.4vw; + border:1px solid #5378FF; + border-radius:2vw; + background-color:#5378FF; + font-family: 'Inter'; + font-weight:400; + font-size:0.5vw; + color:white; + margin-top:-1.45vw; + margin-left:22.5vw; +} + +.right>#postTitle{ + font-family: 'Hind'; + font-weight:500; + font-size:2.5vw; + line-height: 6.5vw; + letter-spacing: -0.1rem; + color:#5B5B5B; + margin:0; + margin-left:0.4vw; +} + +.right>#postSub{ + font-family: 'Hind'; + font-weight:500; + font-size:0.9vw; + line-height: 6.5vw; + color:#787878; + margin:0; + margin-left:0.8vw; + margin-top:-4.5vw; +} + +.right>select{ + position: absolute; + width:5vw; + height:1.4vw; + border:1px solid #595959; + border-radius:0.5vw; + outline:none; + font-family: 'Hind'; + font-weight:500; + font-size:0.5vw; + color:#858585; + margin-left:55.5vw; + margin-top:-3vw; +} + +#postHr, #postBottomHr{ + width:61vw; + height:1px; + background-color:#7A7A7A; + border:0; + margin:0; + margin-top:-1vw; +} + +#postBottomHr { + margin-top: -45px; +} + +.right>.postTopbar{ + display: flex; + justify-content: space-between; + align-items: center; + margin-left:2vw; +} + +.right>.postTopbar>p{ + font-family: 'Hind'; + font-weight:500; + font-size:1vw; + line-height: 130px; + color:#858585; + margin:0; + margin-top:-40px; +} + +.right>.postTopbar>#writer{ + margin-right:-15vw; +} + +.right>.postTopbar>#createDay{ + margin-left:5vw; +} + +.right>.postTopbar>#createDay, .right>.postTopbar>#view{ + margin-right:10vw; +} + +.right>.postTopbar>#view{ + margin-left:-20vw; +} + +.right>.notificationBox, .right>.writepostBox{ + width:61vw; + height:2.4vw; + background-color:#E8E8E8; + border-top: none; + border-left: none; + border-right: none; + border-bottom:1px solid #7A7A7A; + margin:0; + display: flex; + align-items: center; + position:relative; + white-space: nowrap; +} + +.right>.writepostBox { + background-color:white; +} + +.right>.writepostBox>.Topicbox{ + position:absolute; + margin-left:-12.5vw; +} + +.right>.writepostBox>.Topicbox>p{ + font-family: 'Inter'; + font-weight: 600; + font-size:0.5vw; + color:#757575; +} + +.right>.notificationBox>.Topicbox{ + width:2.3vw; + height:1.2vw; + border:2px solid #5378FF; + border-radius:2vw; + background-color:#87B3FF; + font-family: 'Inter'; + font-weight:600; + font-size:0.5vw; + color:#0418AB; + flex-direction: column; + display: flex; + justify-content: center; + text-align:center; + margin-left:2vw; +} + +.right>.notificationBox>.postxtbox, +.right>.writepostBox>.postxtbox{ + position:absolute; + margin-left:8vw; +} + +.right>.notificationBox>.postxtbox>p, +.right>.writepostBox>.postxtbox>p{ + font-family: 'Inter'; + font-weight:600; + font-size:0.6vw; + color:#000000; + margin:0; + display:inline; +} + +.right>.writepostBox>.postxtbox>p{ + font-weight:500; +} + +.right>.notificationBox>.postxtbox>#writeCount, +.right>.writepostBox>.postxtbox>#writeCount{ + font-family: 'Inter'; + font-weight:500; + font-size:0.6vw; + color:#FF0000; +} + +.right>.notificationBox>.Writerbox>p, +.right>.notificationBox>.CreateDaybox>p, +.right>.notificationBox>.viewbox>p, +.right>.writepostBox>.Writerbox>p, +.right>.writepostBox>.CreateDaybox>p, +.right>.writepostBox>.viewbox>p{ + font-family: 'Inter'; + font-weight: 600; + font-size: 0.6vw; + color: #000000; + margin: 0; +} + +.right>.notificationBox>.Writerbox{ + position:absolute; + margin-left:40vw; +} + +.right>.writepostBox>.Writerbox{ + position:absolute; + margin-left:39.8vw; +} + +.right>.notificationBox>.CreateDaybox, +.right>.writepostBox>.CreateDaybox { + position: absolute; + margin-left: 48.8vw; +} + +.right>.notificationBox>.viewbox{ + position: absolute; + margin-left: 58.4vw; +} + +.right>.writepostBox>.viewbox{ + position:absolute; + margin-left:59vw; +} + +.right>.paging{ + width:61vw; + height:2.6vw; + border:1px solid #949494; + border-radius:1vw; + margin-top:2vw; + flex: display; + justify-content: center; + align-items: center; + text-align:center; +} \ No newline at end of file diff --git a/static/css/login.css b/static/css/login.css index fb7c91e5..036ae4a5 100644 --- a/static/css/login.css +++ b/static/css/login.css @@ -1,6 +1,12 @@ @import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} body { background: linear-gradient(180deg, #CDCDCD 0%, #F5F5F5 100%); @@ -41,8 +47,8 @@ body { } .circle1 { - width: 47.9vw; - height: 47.9vw; + width: 45vw; + height: 45vw; background-color: #242A5D; border-radius: 50%; margin-top: 25vw; @@ -55,7 +61,7 @@ body { background-color: #99BCFF; border-radius: 50%; filter: blur(5px); - margin-top: -80vw; + margin-top: -78vw; margin-left: 80vw; } @@ -65,7 +71,7 @@ body { background-color: #2A38B1; border-radius: 50%; filter: blur(10px); - margin-top: -80vw; + margin-top: -85vw; margin-left: 50vw; } @@ -73,20 +79,16 @@ body { display: flex; justify-content: center; align-items: center; - margin-top: -5%; - margin-left:-5%; + margin-top: -7%; + margin-left: -5%; } .bluebox-whitebox-container>.bluebox { - width: 30vw; - /* Updated size */ - height: 36.15vw; - /* Updated size */ + width: 34vw; + height: 38vw; border-radius: 6.5vw; - /* Updated size */ background: linear-gradient(#4762FF, #78B6FF); - box-shadow: 1.825vw 0 2.65vw -0.09vw rgba(0, 0, 0, 0.23); - /* Updated size */ + box-shadow: 25px 0px 36px -1px #0000003B; z-index: 2; display: flex; justify-content: center; @@ -97,50 +99,37 @@ body { .bluebox-whitebox-container>.bluebox>.subTitle { font-family: 'Inter'; + margin-top: -10%; font-weight: 600; font-size: 2vw; - line-height: 2.42vw; - letter-spacing: -0.05rem; color: white; } .bluebox-whitebox-container>.bluebox>.Title { font-family: 'Jua'; font-weight: 400; - font-size: 4.5vw; - /* Updated size */ - line-height: 7.5vw; - /* Updated size */ - letter-spacing: -0.05rem; + font-size: 6vw; color: white; - margin-top: 3%; + margin-top: 5%; white-space: nowrap; } .bluebox-whitebox-container>.bluebox>.explain { font-family: 'Pretendard'; font-weight: 500; - font-size: 1.25vw; - /* Updated size */ - line-height: 1.49vw; - /* Updated size */ - letter-spacing: -0.05rem; + font-size: 1.2vw; color: white; margin-top: -2%; } .bluebox-whitebox-container>.whitebox { width: 36vw; - /* Updated size */ height: 32vw; - /* Updated size */ - margin-top: 12%; + margin-top: 10%; margin-left: -1%; border-radius: 5vw; - /* Updated size */ background-color: white; box-shadow: 1.9vw 1.1vw 3.25vw 0 rgba(0, 0, 0, 0.25); - /* Updated size */ } .bluebox-whitebox-container>.whitebox>form { @@ -152,126 +141,86 @@ body { .bluebox-whitebox-container>.whitebox>form>.LoginText { margin-top: 10%; - margin-left: -45%; + margin-left: -35%; font-family: 'Inter'; font-weight: 700; - font-size: 3vw; - line-height: 3.63vw; + font-size: 4vw; color: #000000; } + .bluebox-whitebox-container>.whitebox>form>p { - margin-left: -60%; - margin-top: 5%; - font-family: 'Inter'; + font-weight: 'Inter'; font-weight: 400; - font-size: 1.25vw; - line-height: 1.89vw; - /* Updated size */ - letter-spacing: -0.05rem; + font-size: 1vw; color: #BEBEBE; + margin-left: -53%; + margin-top: 2vw; } -input { - box-sizing: border-box; - width: 40vw; - /* Updated size */ - max-width: 26.19vw; - /* Updated size */ - height: 10vh; - /* Updated size */ - max-height: 3.25vw; - /* Updated size */ - border-radius: 2.75vw; - /* Updated size */ - border: 0.05vw solid #C4C4C4; - /* Updated size */ - outline: none; - background-color: white; - padding-left: 3.75vw; - padding-right: 3.75vw; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 1.25vw; - color: #4A4A4A; - margin-top: -2vh; - margin-bottom: -3vh; -} - -.bluebox-whitebox-container>.whitebox>form>.UserText, -.bluebox-whitebox-container>.whitebox>form>.PasswordText { +.bluebox-whitebox-container>.whitebox>form>.PasswordText, +.bluebox-whitebox-container>.whitebox>form>.EmailText { position: relative; } -.bluebox-whitebox-container>.whitebox>form>.UserText>i, -.bluebox-whitebox-container>.whitebox>form>.PasswordText>i { - position: absolute; - margin-top: 0.7vw; - margin-left:2vw; - width: 28px; - height: 32px; +.bluebox-whitebox-container>.whitebox>form>.PasswordText>i, +.bluebox-whitebox-container>.whitebox>form>.EmailText>i { + width: 0.7vw; + height: 0.8vw; color: #575757; - z-index: 1; - font-size: 1.1vw; + position: absolute; + margin-left: 7%; + margin-top: 3%; } -@media (max-width:900px) { - .bluebox-whitebox-container>.whitebox>form>.UserText>i, - .bluebox-whitebox-container>.whitebox>form>.PasswordText>i { - position: absolute; - margin-top: 1vw; - margin-left: 2vw; +@media (max-width:1300px) { + .bluebox-whitebox-container>.whitebox>form>.PasswordText, + .bluebox-whitebox-container>.whitebox>form>.EmailText { + font-size: 0.5rem; } } +.bluebox-whitebox-container>.whitebox>form>.PasswordText>input, +.bluebox-whitebox-container>.whitebox>form>.EmailText>input { + width: 21vw; + height: 3.3vw; + border-radius: 55px; + border: 2px solid #C4C4C4; + background-color: white; + outline: none; + padding-left: 3vw; + font-family: 'Inter'; + font-weight: 400; + font-size: 0.8vw; + line-height: 19.36px; + letter-spacing: -0.05rem; + color: #4A4A4A; + margin-top: -4%; +} - -#LoginBtn { - width: calc(40vw - 1rem); - /* 조절된 크기 */ - max-width: 26.19vw; - /* Updated size */ - height: calc(6.25vh + 0.625rem); - /* 조절된 크기 */ - max-height: 3.25vw; - /* Updated size */ - margin-top: 10%; - margin-left: auto; - /* 수정된 부분 */ - margin-right: auto; - /* 수정된 부분 */ - border: 2px solid #4967FF; +.bluebox-whitebox-container>.whitebox>form>a>button { + width: 24vw; + height: 3.3vw; border-radius: 55px; background-color: #4967FF; - font-family: 'Inter', sans-serif; + font-family: 'Inter'; font-weight: 500; - font-size: 1.25vw; + font-size: 1.1vw; + line-height: 27.84px; + letter-spacing: -0.02rem; + text-align: center; color: white; - cursor: pointer; -} - -.bluebox-whitebox-container>.whitebox { - position: relative; - /* 추가된 속성 */ + border: none; + margin-top: 2vw; } -.bluebox-whitebox-container>.whitebox>#LoginBtn { - position: absolute; - /* 추가된 속성 */ - bottom: -10%; - /* 원하는 위치로 조정 */ - left: 50%; - /* 원하는 위치로 조정 */ - transform: translateX(-50%); - /* 가운데 정렬을 위한 속성 */ -} - -.bottom{ - display:flex; +.bottom { + display: flex; align-items: center; justify-content: center; - margin-top:1vw; + margin-top: 1vw; } -.bottom>a>img{ - width:25vw; + +.bottom>a>img { + width: 25vw; } \ No newline at end of file diff --git a/static/css/ourtown.css b/static/css/ourtown.css new file mode 100644 index 00000000..958c508b --- /dev/null +++ b/static/css/ourtown.css @@ -0,0 +1,1317 @@ +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(white, #CDCDCD) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all { + padding-top: 9vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; + background-color: lightblue; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; + background-color: pink; +} + +.top { + margin-top: -30px; +} + +p { + font-family: 'Jua'; + font-weight: 400; + font-size: 2.5vw; + line-height: 62.5px; + letter-spacing: -0.05rem; + color: #0F3FE8; + margin-right: auto; + margin-left: 15vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -4.5vw; + margin-right: 10vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; + color: #181D45; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; + color: #181D45; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + +.topBox { + width: 100vw; + height: auto; + display: flex; + justify-content: center; + align-items: center; + margin-top: 2vw; + margin-left: -1vw; + position: relative; +} + +.topBox>.topBlueBox { + width: 96vw; + height: 31vw; + background-color: #4762FF; + border-color: none; + border-radius: 3vw; + box-shadow: inset 0px -39px 34px 0px rgba(0, 0, 0, 0.01); +} + +.topBox>.topCircle { + width: 31vw; + height: 31vw; + position: absolute; + margin-left: -20vw; + background: linear-gradient(270deg, #0418AB -20.77%, rgba(4, 24, 171, 0) 71.88%); + box-shadow: 17px 5px 33px 0px #00000030; + border-radius: 50%; + border: none; +} + +.topBox>p { + position: absolute; + margin-left: -50vw; + margin-top: -5.5vw; + font-family: 'Pretendard'; + font-weight: 700; + font-size: 7.5vw; + font-weight: 150px; + color: white; +} + +.topBox>#p1 { + letter-spacing: 0.1rem; + margin-left: -54.1vw; +} + +.topBox>#p2 { + letter-spacing: -0.05rem; + margin-top: 10vw; +} + +.topBox>#mini2 { + font-family: 'Pretendard'; + font-weight: 600; + font-size: 1.5vw; + line-height: 35.8vw; + letter-spacing: -0.05rem; + color: whtie; + margin-left: 56vw; + margin-top: 17.5vw; +} + +.topBox>.miniTitle>#mini { + position: absolute; + font-family: 'Pretendard'; + font-weight: 600; + font-size: 1.5vw; + line-height: 35.8px; + color: white; + white-space: nowrap; + margin-left: -82.5vw; + margin-top: 7vw; +} + +.topBox>.topbar { + position: absolute; + width: 7.4vw; + height: 0.7vw; + background-color: white; + border: none; + margin-left: 63vw; + margin-top: -15vw; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1400px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1100px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.6vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.right>.rightTop { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: -55px; + margin-left: -3vw; +} + +.right>.rightTop>.pContainer { + display: flex; + align-items: center; + margin-left: -10vw; +} + +.right>.rightTop>.pContainer>p { + font-family: 'Hind'; + font-weight: 500; + font-size: 0.9vw; + line-height: 130px; + letter-spacing: -0.1rem; + color: white; + display: inline-block; + white-space: nowrap; + margin-right: -12vw; + z-index: 1; +} + +#pBar { + margin-left: 14vw; +} + +#ptown { + margin-left: 14vw +} + +.right>.rightTop>.pContainer>.pBackground, +.right>.rightTop>.pContainer>.pBackground2 { + width: 7.6vw; + height: 1.8vw; + background-color: #5378FF; + border: none; + margin-left: 29.5vw; + position: absolute; + margin-top: -1vw; +} + +.right>.rightTop>.pContainer>.pBackground { + border-radius: 2.5vw; + margin-top: 1vw; +} + + +.right>.rightTop>form { + display: flex; + justify-content: flex-end; + margin-right: 10vw; +} + +.right>.rightTop>form>.SSbox>select { + width: 7vw; + height: 1.5vw; + border: 1px solid #9A9A9A; + border-radius: 2vw; + outline: none; + font-family: 'Inter'; + font-weight: 400; + font-size: 0.5vw; + line-height: 6vw; + letter-spacing: -0.1rem; + color: #7A7A7A; + padding-left: 0.2vw; + padding-right: 0.1vw; +} + +.right>.rightTop>form>.SSbox>#searchBox { + width: 9.4vw; + height: 1.5vw; + border: 1px solid #9A9A9A; + border-radius: 2vw; + font-weight: 'Inter'; + font-weight: 400; + font-size: 0.5vw; + line-height: 6.5vw; + letter-spacing: -0.1rem; + color: #7A7A7A; + padding-left: 0.4vw; +} + +.right>.rightTop>form>.SSbox>.submitContainer>#searchSubmit { + position: absolute; + width: 2.25vw; + height: 1.4vw; + border: 1px solid #5378FF; + border-radius: 2vw; + background-color: #5378FF; + font-family: 'Inter'; + font-weight: 400; + font-size: 0.5vw; + color: white; + margin-top: -1.45vw; + margin-left: 22.5vw; +} + +.right>#postTitle { + font-family: 'Hind'; + font-weight: 500; + font-size: 2.5vw; + line-height: 6.5vw; + letter-spacing: -0.1rem; + color: #5B5B5B; + margin: 0; + margin-left: 0.4vw; +} + +.right>#postSub { + font-family: 'Hind'; + font-weight: 500; + font-size: 0.9vw; + line-height: 6.5vw; + color: #787878; + margin: 0; + margin-left: 0.8vw; + margin-top: -4.5vw; +} + +.right>select { + position: absolute; + width: 5vw; + height: 1.4vw; + border: 1px solid #595959; + border-radius: 0.5vw; + outline: none; + font-family: 'Hind'; + font-weight: 500; + font-size: 0.5vw; + color: #858585; + margin-left: 55.5vw; + margin-top: -3vw; +} + +#postHr, +#postBottomHr { + width: 61vw; + height: 1px; + background-color: #7A7A7A; + border: 0; + margin: 0; + margin-top: -1vw; +} + +#postBottomHr { + margin-top: -45px; +} + +.right>.postTopbar { + display: flex; + justify-content: space-between; + align-items: center; + margin-left: 2vw; +} + +.right>.postTopbar>p { + font-family: 'Hind'; + font-weight: 500; + font-size: 1vw; + line-height: 130px; + color: #858585; + margin: 0; + margin-top: -40px; +} + +.right>.postTopbar>#writer { + margin-right: -15vw; +} + +.right>.postTopbar>#createDay { + margin-left: 5vw; +} + +.right>.postTopbar>#createDay, +.right>.postTopbar>#view { + margin-right: 10vw; +} + +.right>.postTopbar>#view { + margin-left: -20vw; +} + +.right>.notificationBox{ + width: 61vw; + height: 2.4vw; + background-color: #E8E8E8; + border-top: none; + border-left: none; + border-right: none; + border-bottom: 1px solid #7A7A7A; + margin: 0; + display: flex; + align-items: center; + position: relative; + white-space: nowrap; +} + +.right>.notificationBox>.Topicbox { + width: 2.3vw; + height: 1.2vw; + border: 2px solid #5378FF; + border-radius: 2vw; + background-color: #87B3FF; + font-family: 'Inter'; + font-weight: 600; + font-size: 0.5vw; + color: #0418AB; + flex-direction: column; + display: flex; + justify-content: center; + text-align: center; + margin-left: 2vw; +} + +.right>.notificationBox>.postxtbox{ + position: absolute; + margin-left: 8vw; +} + +.right>.notificationBox>.postxtbox>p{ + font-family: 'Inter'; + font-weight: 600; + font-size: 0.6vw; + color: #000000; + margin: 0; + display: inline; +} + +.right>.notificationBox>.postxtbox>#writeCount{ + font-family: 'Inter'; + font-weight: 500; + font-size: 0.6vw; + color: #FF0000; +} + +.right>.notificationBox>.Writerbox>p, +.right>.notificationBox>.CreateDaybox>p, +.right>.notificationBox>.viewbox>p{ + font-family: 'Inter'; + font-weight: 600; + font-size: 0.6vw; + color: #000000; + margin: 0; +} + +.right>.notificationBox>.Writerbox { + position: absolute; + margin-left: 40vw; +} + +.right>.notificationBox>.CreateDaybox{ + position: absolute; + margin-left: 48.8vw; +} + +.right>.notificationBox>.viewbox { + position: absolute; + margin-left: 58.4vw; +} + +.right>.paging { + width: 61vw; + height: 2.6vw; + border: 1px solid #949494; + border-radius: 1vw; + margin-top: 1vw; + flex: display; + justify-content: center; + align-items: center; + text-align: center; +} + +.right>.ourtownBox{ + margin-top:5vw; + position:relative; + display: flex; + justify-content: flex-start; + align-items: center; +} + +.right>.ourtownBox>.ourtownbox1{ + margin-left:2vw; +} + +.right>.ourtownBox>.ourtownbox2, +.right>.ourtownBox>.ourtownbox3 { + margin-left: 6vw; +} + +.right>.ourtownBox>.ourtownbox1>.ourtownImage, +.right>.ourtownBox>.ourtownbox2>.ourtownImage, +.right>.ourtownBox>.ourtownbox3>.ourtownImage{ + width:15vw; + height:10vw; + border-radius:1.5vw; + box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + background-image:url("../image/sleepy.png"); +} + +.right>.ourtownBox>.ourtownbox1>.ourtownContainer, +.right>.ourtownBox>.ourtownbox1>.ourtownContainer2, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer2, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer2{ + display: flex; + justify-content: flex-start; + align-items: center; +} + +.right>.ourtownBox>.ourtownbox1>.ourtownContainer>p, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer>p, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer>p{ + font-family: 'Inter'; + font-weight:500; + font-size:0.7vw; + color:#2D2D2D; + margin:0; +} + +.right>.ourtownBox>.ourtownbox1>.ourtownContainer>#ourtownView, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer>#ourtownView, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer>#ourtownView{ + font-size:0.6vw; + color:#FF0000; + margin:0; + margin-left:0.5vw; +} + +.right>.ourtownBox>.ourtownbox1>#ourtownWriter, +.right>.ourtownBox>.ourtownbox1>.ourtownContainer2>p, +.right>.ourtownBox>.ourtownbox2>#ourtownWriter, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer2>p, +.right>.ourtownBox>.ourtownbox3>#ourtownWriter, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer2>p{ + font-family: 'Inter'; + font-weight:500; + font-size:0.6vw; + color:#949494; + margin:0; + margin-top:-45px; +} + +.right>.ourtownBox>.ourtownbox1>.ourtownContainer2>#ourtownView1, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer2>#ourtownView1, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer2>#ourtownView1 { + margin-left:1vw; +} + +.right>.ourtownBox>.ourtownbox1>.ourtownContainer2>#ourtownView2, +.right>.ourtownBox>.ourtownbox2>.ourtownContainer2>#ourtownView2, +.right>.ourtownBox>.ourtownbox3>.ourtownContainer2>#ourtownView2{ + margin-left:0.5vw; +} \ No newline at end of file diff --git a/static/css/profile.css b/static/css/profile.css new file mode 100644 index 00000000..aa3e27f5 --- /dev/null +++ b/static/css/profile.css @@ -0,0 +1,1245 @@ +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(#CDCDCD, #F5F5F5) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; +} + +.Middle { + display: flex; + justify-content: center; + align-items: center; +} + +.Middle>.Mcircle { + height: 149px; + width: 60%; + border: none; + border-radius: 100px; + background-color: #151E63; + margin-top: -100px; + margin-left: -20px; +} + +.top { + margin-top: -85px; +} + +p { + font-family: 'Jua'; + font-weight: 400; + font-size: 3vw; + line-height: 75px; + letter-spacing: -0.05rem; + color: #233C9B; + margin-right: auto; + margin-left: 2vw; + cursor:pointer; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -5.5vw; + margin-right: 5vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; + cursor:pointer; + color: #181D45; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; + cursor:pointer; + color: #181D45; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + + +.EditTitle>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 1.5vw; + line-height: 36.31px; + letter-spacing: -0.05rem; + color: #525253; + margin-left: 88%; + margin-top: 5%; + margin-bottom:5%; + cursor:pointer; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1400px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1100px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.8vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.all>.right>.profile{ + margin-left:2vw; + margin-top:-2vw; +} + +.all>.right>.profile>i{ + font-size:3rem; + color:#142F9E; + display: inline-block; +} + +@media (max-width:1200px) { + .all>.right>.profile>i{ + font-size:2rem; + } +} + +@media (max-width:700px) { + .all>.right>.profile>i { + font-size: 1.5rem; + } +} + +.all>.right>.profile>p{ + display: inline-block; + padding-top:2vw; + font-family: 'Inter'; + font-weight:600; + font-size:2vw; + line-height: 10px; + letter-spacing: -0.05rem; + color:#142F9E; + margin-left:0.5vw; +} + +.all>.right>form>.profilebox { + width: 90%; + height: auto; + border: 1px solid #919191; + border-radius: 70px; + background-color: white; + margin-left: 2vw; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + text-align: left; + padding-bottom: 2vw; + position: relative; +} + +.all>.right>form>.profilebox>#uname { + + font-family: 'Inter'; + font-weight: 600; + font-size: 4vw; + line-height: 30px; + letter-spacing: -0.1rem; + color: #142F9E; + margin-left: 10%; + margin-top: 10%; +} + +.all>.right>form>.profilebox>.emailbox { + width: 26vw; + height: 4.8vh; + border-radius: 100px; + border: none; + background-color: #0015AD; + opacity: 0.6; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + margin-left: 10%; + margin-top: -2%; + font-family: 'Inter'; + font-weight: 400; + font-size: 1.6vw; + line-height: 10px; + letter-spacing: -0.05rem; + color: white; + display: flex; + flex-direction: center; + justify-content: center; + align-items: center; +} + +.all>.right>form>.profilebox>.photoEdit { + position: absolute; + margin-top: 1vw; + margin-left: -1vw; +} + +.all>.right>form>.profilebox>.photoEdit>.photo { + position: relative; + width: 15vw; + height: 15vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-left: 45vw; + margin-top: -10vw; +} + +#rephoto { + position: absolute; + border: none; + width: 3vw; + height: 3vw; + background-color: #0015AD; + border-radius: 50%; + margin-left: 57vw; + margin-top: -4vw; + display: flex; + justify-content: center; + align-items: center; +} + +#rephoto>i { + width: 1.5vw; + height: 1.6vw; + color: white; + margin-top: 1.5vw; +} + +@media (max-width:1200px) { + #rephoto>i { + font-size: 0.1rem; + } +} + +.all>.right>form>.profilebox>.EmailContainer{ + width: 33vw; + height: auto; + border: 4px solid #5378FF; + border-top: none; + border-left: none; + border-right: none; + display: flex; + justify-content: space-between; + align-items: center; + margin-left: 10%; + margin-top: -1vw; +} + +.all>.right>form>.profilebox>.ExplainContainer1, +.all>.right>form>.profilebox>.ExplainContainer2 { + width: 33vw; + height: auto; + border: 4px solid #5378FF; + border-top: none; + border-left: none; + border-right: none; + display: flex; + justify-content: space-between; + align-items: center; + margin-left: 10%; + margin-top: 5vw; +} + +.all>.right>form>.profilebox>.EmailContainer>#Email{ + margin-top:5vw; +} + +.all>.right>form>.profilebox>.EmailContainer>#Email, +.all>.right>form>.profilebox>.ExplainContainer1>#Explain { + font-family: 'Inter'; + font-weight: 700; + font-size: 1.9vw; + line-height: 10px; + letter-spacing: -0.05rem; + color: #4967FF; + margin-left: 0; + margin-bottom: 0.8vw; +} + +.all>.right>form>.profilebox>.EmailContainer>p{ + margin-top:5vw; +} + +.all>.right>form>.profilebox>.EmailContainer>p, +.all>.right>form>.profilebox>.ExplainContainer2>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 1.5vw; + line-height: 10px; + letter-spacing: -0.05rem; + color: #4967FF; + margin-right: 0; + margin-bottom: 0.8vw; +} + +.all>.right>form>.profilebox>.ExplainContainer1, +.all>.right>form>.profilebox>.ExplainContainer2 { + width: 50vw; +} + +.all>.right>form>.profilebox>.ExplainContainer2 { + display: flex; + justify-content: flex-end; + margin-top: 0.5vw; +} + +.all>.right>form>.profilebox>.buttonContainer { + display: flex; + justify-content: flex-end; + margin-right: 10%; + margin-top: 2vw; + gap: 1vw; +} + +#edit, +#save { + border: 3px solid #4967FF; + border-radius: 30px; + width: 5vw; + height: 2.5vw; + font-family: 'Inter'; + font-weight: 400; + font-size: 1vw; + background-color: white; + cursor: pointer; +} + +#edit:hover, +#save:hover { + background-color: #4967FF; + color: white; +} + +.input-box { + width: 50vw; + height: 3vw; + border: none; + outline: none; + font-family: 'Inter', sans-serif; + font-weight: 400; + font-size: 1.5vw; + color: #4967FF; + padding-left: 20px; +} + +.input-box2 { + position: absolute; + width: 30vw; + height: 5vw; + top:-2%; + border: none; + outline: none; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 4vw; + color: #142F9E; + background-color: white; + border: none; + outline: none; +} + +.input-box3 { + position: absolute; + width: 30vw; + height: 5vw; + top: 2%; + border: none; + outline: none; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 4vw; + color: #142F9E; + background-color: white; + border: none; + outline: none; +} + +.modal-container { + position: fixed; + top: 0; + left: 0; + height: 100vh; + width: 100vw; + display: none; + align-items: center; + justify-content: center; + z-index: 9999; + backdrop-filter: blur(3px); +} + +.modal { + height: 400px; + width: 700px; + background-color: #c9d1f7; + border: 4px solid #7282fa; + border-radius: 30px; + text-align: center; +} + +.modal-container>.modal>h1 { + margin-top: 80px; + font-family: 'Inter', sans-serif; + text-align: left; + margin-left: 50px; +} + +.modal-container>.modal>.photobox { + width: 300px; + height: 300px; + border-radius: 50%; + margin-top: -230px; + margin-left: auto; + margin-right: 50px; + background-color: #0015AD; +} + +.modal-container>.modal>.photobox>.photoImage { + width: 300px; + height: 300px; + background-color: #0015AD; + border-radius: 50%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.modal-container>.modal>#photoInput { + margin-left: -350px; + margin-top: 70px; +} + +.modal-container>.modal>#close { + width: 30px; + height: 30px; + border: none; + font-size: 30px; + background-color: #c9d1f7; + font-family: 'Inter', sans-serif; + cursor: pointer; + margin-left: auto; + margin-right: -640px; + margin-top: 10px; +} + +.modal-container.show { + display: flex; +} + +.modal-container.show .modal { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} \ No newline at end of file diff --git a/static/css/review.css b/static/css/review.css new file mode 100644 index 00000000..7f26b8d0 --- /dev/null +++ b/static/css/review.css @@ -0,0 +1,1272 @@ +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(white, #CDCDCD) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all { + padding-top: 9vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; + background-color: lightblue; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; + background-color: pink; +} + +.top { + margin-top: -30px; +} + +p { + font-family: 'Jua'; + font-weight: 400; + font-size: 2.5vw; + line-height: 62.5px; + letter-spacing: -0.05rem; + color: #0F3FE8; + margin-right: auto; + margin-left: 15vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -4.5vw; + margin-right: 10vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; + color: #181D45; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; + color: #181D45; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + +.topBox { + width: 100vw; + height: auto; + display: flex; + justify-content: center; + align-items: center; + margin-top: 2vw; + margin-left: -1vw; + position: relative; +} + +.topBox>.topBlueBox { + width: 96vw; + height: 31vw; + background-color: #4762FF; + border-color: none; + border-radius: 3vw; + box-shadow: inset 0px -39px 34px 0px rgba(0, 0, 0, 0.01); +} + +.topBox>.topCircle { + width: 31vw; + height: 31vw; + position: absolute; + margin-left: -20vw; + background: linear-gradient(270deg, #0418AB -20.77%, rgba(4, 24, 171, 0) 71.88%); + box-shadow: 17px 5px 33px 0px #00000030; + border-radius: 50%; + border: none; +} + +.topBox>p { + position: absolute; + margin-left: -50vw; + margin-top: -5.5vw; + font-family: 'Pretendard'; + font-weight: 700; + font-size: 7.5vw; + font-weight: 150px; + color: white; +} + +.topBox>#p1 { + letter-spacing: 0.1rem; + margin-left: -54.1vw; +} + +.topBox>#p2 { + letter-spacing: -0.05rem; + margin-top: 10vw; +} + +.topBox>#mini2 { + font-family: 'Pretendard'; + font-weight: 600; + font-size: 1.5vw; + line-height: 35.8vw; + letter-spacing: -0.05rem; + color: whtie; + margin-left: 56vw; + margin-top: 17.5vw; +} + +.topBox>.miniTitle>#mini { + position: absolute; + font-family: 'Pretendard'; + font-weight: 600; + font-size: 1.5vw; + line-height: 35.8px; + color: white; + white-space: nowrap; + margin-left: -82.5vw; + margin-top: 7vw; +} + +.topBox>.topbar { + position: absolute; + width: 7.4vw; + height: 0.7vw; + background-color: white; + border: none; + margin-left: 63vw; + margin-top: -15vw; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1400px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1100px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.6vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.right>.rightTop { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: -55px; + margin-left: -3vw; +} + +.right>.rightTop>.pContainer { + display: flex; + align-items: center; + margin-left: -10vw; +} + +.right>.rightTop>.pContainer>p { + font-family: 'Hind'; + font-weight: 500; + font-size: 0.9vw; + line-height: 130px; + letter-spacing: -0.1rem; + color: white; + display: inline-block; + white-space: nowrap; + margin-right: -12vw; + z-index: 1; +} + +#pBar { + margin-left: 14vw; +} + +#ptown { + margin-left: 14vw +} + +.right>.rightTop>.pContainer>.pBackground, +.right>.rightTop>.pContainer>.pBackground2 { + width: 7.6vw; + height: 1.8vw; + background-color: #5378FF; + border: none; + margin-left: 20.4vw; + position: absolute; + margin-top: -1vw; +} + +.right>.rightTop>.pContainer>.pBackground { + border-radius: 2.5vw; + margin-top: 1vw; +} + + +.right>.rightTop>form { + display: flex; + justify-content: flex-end; + margin-right: 10vw; +} + +.right>.rightTop>form>.SSbox>select { + width: 7vw; + height: 1.5vw; + border: 1px solid #9A9A9A; + border-radius: 2vw; + outline: none; + font-family: 'Inter'; + font-weight: 400; + font-size: 0.5vw; + line-height: 6vw; + letter-spacing: -0.1rem; + color: #7A7A7A; + padding-left: 0.2vw; + padding-right: 0.1vw; +} + +.right>.rightTop>form>.SSbox>#searchBox { + width: 9.4vw; + height: 1.5vw; + border: 1px solid #9A9A9A; + border-radius: 2vw; + font-weight: 'Inter'; + font-weight: 400; + font-size: 0.5vw; + line-height: 6.5vw; + letter-spacing: -0.1rem; + color: #7A7A7A; + padding-left: 0.4vw; +} + +.right>.rightTop>form>.SSbox>.submitContainer>#searchSubmit { + position: absolute; + width: 2.25vw; + height: 1.4vw; + border: 1px solid #5378FF; + border-radius: 2vw; + background-color: #5378FF; + font-family: 'Inter'; + font-weight: 400; + font-size: 0.5vw; + color: white; + margin-top: -1.45vw; + margin-left: 22.5vw; +} + +.right>#postTitle { + font-family: 'Hind'; + font-weight: 500; + font-size: 2.5vw; + line-height: 6.5vw; + letter-spacing: -0.1rem; + color: #5B5B5B; + margin: 0; + margin-left: 0.4vw; +} + +.right>#postSub { + font-family: 'Hind'; + font-weight: 500; + font-size: 0.9vw; + line-height: 6.5vw; + color: #787878; + margin: 0; + margin-left: 0.8vw; + margin-top: -4.5vw; +} + +.right>select { + position: absolute; + width: 5vw; + height: 1.4vw; + border: 1px solid #595959; + border-radius: 0.5vw; + outline: none; + font-family: 'Hind'; + font-weight: 500; + font-size: 0.5vw; + color: #858585; + margin-left: 55.5vw; + margin-top: -3vw; +} + +#postHr, +#postBottomHr { + width: 61vw; + height: 1px; + background-color: #7A7A7A; + border: 0; + margin: 0; + margin-top: -1vw; +} + +#postBottomHr { + margin-top: -45px; +} + +.right>.postTopbar { + display: flex; + justify-content: space-between; + align-items: center; + margin-left: 2vw; +} + +.right>.postTopbar>p { + font-family: 'Hind'; + font-weight: 500; + font-size: 1vw; + line-height: 130px; + color: #858585; + margin: 0; + margin-top: -40px; +} + +.right>.postTopbar>#writer { + margin-right: -15vw; +} + +.right>.postTopbar>#createDay { + margin-left: 5vw; +} + +.right>.postTopbar>#createDay, +.right>.postTopbar>#view { + margin-right: 10vw; +} + +.right>.postTopbar>#view { + margin-left: -20vw; +} + +.right>.notificationBox, +.right>.writepostBox { + width: 61vw; + height: 2.4vw; + background-color: #E8E8E8; + border-top: none; + border-left: none; + border-right: none; + border-bottom: 1px solid #7A7A7A; + margin: 0; + display: flex; + align-items: center; + position: relative; + white-space: nowrap; +} + +.right>.writepostBox { + background-color: white; +} + +.right>.writepostBox>.Topicbox { + position: absolute; + margin-left: -12.5vw; +} + +.right>.writepostBox>.Topicbox>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 0.5vw; + color: #757575; +} + +.right>.notificationBox>.Topicbox { + width: 2.3vw; + height: 1.2vw; + border: 2px solid #5378FF; + border-radius: 2vw; + background-color: #87B3FF; + font-family: 'Inter'; + font-weight: 600; + font-size: 0.5vw; + color: #0418AB; + flex-direction: column; + display: flex; + justify-content: center; + text-align: center; + margin-left: 2vw; +} + +.right>.notificationBox>.postxtbox, +.right>.writepostBox>.postxtbox { + position: absolute; + margin-left: 8vw; +} + +.right>.notificationBox>.postxtbox>p, +.right>.writepostBox>.postxtbox>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 0.6vw; + color: #000000; + margin: 0; + display: inline; +} + +.right>.writepostBox>.postxtbox>p { + font-weight: 500; +} + +.right>.notificationBox>.postxtbox>#writeCount, +.right>.writepostBox>.postxtbox>#writeCount { + font-family: 'Inter'; + font-weight: 500; + font-size: 0.6vw; + color: #FF0000; +} + +.right>.notificationBox>.Writerbox>p, +.right>.notificationBox>.CreateDaybox>p, +.right>.notificationBox>.viewbox>p, +.right>.writepostBox>.Writerbox>p, +.right>.writepostBox>.CreateDaybox>p, +.right>.writepostBox>.viewbox>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 0.6vw; + color: #000000; + margin: 0; +} + +.right>.notificationBox>.Writerbox { + position: absolute; + margin-left: 40vw; +} + +.right>.writepostBox>.Writerbox { + position: absolute; + margin-left: 39.8vw; +} + +.right>.notificationBox>.CreateDaybox, +.right>.writepostBox>.CreateDaybox { + position: absolute; + margin-left: 48.8vw; +} + +.right>.notificationBox>.viewbox { + position: absolute; + margin-left: 58.4vw; +} + +.right>.writepostBox>.viewbox { + position: absolute; + margin-left: 59vw; +} + +.right>.paging { + width: 61vw; + height: 2.6vw; + border: 1px solid #949494; + border-radius: 1vw; + margin-top: 2vw; + flex: display; + justify-content: center; + align-items: center; + text-align: center; +} \ No newline at end of file diff --git a/static/css/signup.css b/static/css/signup.css index 634cde5f..c9758025 100644 --- a/static/css/signup.css +++ b/static/css/signup.css @@ -1,6 +1,12 @@ @import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} body { background: linear-gradient(180deg, #CDCDCD 0%, #F5F5F5 100%); diff --git a/static/css/write.css b/static/css/write.css new file mode 100644 index 00000000..0fd72d1f --- /dev/null +++ b/static/css/write.css @@ -0,0 +1,1190 @@ +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(white, #CDCDCD) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all { + padding-top: 9vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; + background-color: lightblue; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; + background-color: pink; +} + +.top { + margin-top: -30px; +} + +p { + font-family: 'Jua'; + font-weight: 400; + font-size: 2.5vw; + line-height: 62.5px; + letter-spacing: -0.05rem; + color: #0F3FE8; + margin-right: auto; + margin-left: 15vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -4.5vw; + margin-right: 10vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; + color: #181D45; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; + color: #181D45; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + +.topBox { + width: 100vw; + height: auto; + display: flex; + justify-content: center; + align-items: center; + margin-top: 2vw; + margin-left: -1vw; + position: relative; +} + +.topBox>.topBlueBox { + width: 96vw; + height: 31vw; + background-color: #4762FF; + border-color: none; + border-radius: 3vw; + box-shadow: inset 0px -39px 34px 0px rgba(0, 0, 0, 0.01); +} + +.topBox>.topCircle { + width: 31vw; + height: 31vw; + position: absolute; + margin-left: -20vw; + background: linear-gradient(270deg, #0418AB -20.77%, rgba(4, 24, 171, 0) 71.88%); + box-shadow: 17px 5px 33px 0px #00000030; + border-radius: 50%; + border: none; +} + +.topBox>p { + position: absolute; + margin-left: -50vw; + margin-top: -5.5vw; + font-family: 'Pretendard'; + font-weight: 700; + font-size: 7.5vw; + font-weight: 150px; + color: white; +} + +.topBox>#p1 { + letter-spacing: 0.1rem; + margin-left: -54.1vw; +} + +.topBox>#p2 { + letter-spacing: -0.05rem; + margin-top: 10vw; +} + +.topBox>#mini2 { + font-family: 'Pretendard'; + font-weight: 600; + font-size: 1.5vw; + line-height: 35.8vw; + letter-spacing: -0.05rem; + color: whtie; + margin-left: 56vw; + margin-top: 17.5vw; +} + +.topBox>.miniTitle>#mini { + position: absolute; + font-family: 'Pretendard'; + font-weight: 600; + font-size: 1.5vw; + line-height: 35.8px; + color: white; + white-space: nowrap; + margin-left: -82.5vw; + margin-top: 7vw; +} + +.topBox>.topbar { + position: absolute; + width: 7.4vw; + height: 0.7vw; + background-color: white; + border: none; + margin-left: 63vw; + margin-top: -15vw; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1400px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1100px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.6vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.right>.writebar{ + width:55vw; + height:3.8vw; + border:1px solid #0F3FE8; + border-radius:1.7vw; + background-color:#0F3FE8; + display:flex; + justify-content: center; + align-items: center; +} + +.right>.writebar>#writeTitle{ + font-family: 'Hind'; + font-weight:500; + font-size:1.5vw; + line-height: 130px; + letter-spacing: -0.1rem; + color:#FFFFFF; + margin-left:3vw; +} + +.right>.writebar>#subTitle{ + font-family: 'Hind'; + font-weight:500; + font-size:0.9vw; + line-height: 130px; + letter-spacing: -0.1rem; + color:#E8E8E8; + margin-left:-25vw; +} + +.right>.writebar>i{ + margin-right:2vw; + color:#E8E8E8; +} + +.right>form>.writebox{ + margin-top:5vw; + width:55vw; + height:45vw; + border: 1px solid #0F3FE8; + border-radius:5vw; + background-color:white; + box-shadow: 5px 5px 14px 0px rgba(0, 0, 0, 0.32); +} + +.right>form>.writebox>.selectBox1>#postType{ + width:23vw; + height:2vw; + border-radius:5vw; + border:1px solid #525252; + background-color:white; + outline:none; + font-family: 'Inter'; + font-weight:600; + font-size:0.9vw; + line-height: 1vw; + letter-spacing: -0.05rem; + color:#878787; + margin-top:3vw; + margin-left:5vw; +} + +.right>form>.writebox>.selectBox1>#postType>optgroup, +.right>form>.wrtiebox>.selectBox1>#postType>option{ + font-family: 'Pretendard'; + font-weight:600; + font-size:0.7vw; + line-height: 0.9vw; + letter-spacing: -0.05rem; + color:#646464; +} + +.right>form>.writebox>.selectBox1>#postType>option{ + font-size:0.65vw; + line-height: 0.7vw; + color:#868686; +} + +.right>form>.writebox>input{ + width:44vw; + height:4vw; + margin-left:5vw; + margin-top:1vw; + border:1px solid #8C8C8C; + outline:none; + border-top:none; + border-left:none; + border-right:none; + font-family: 'Hind'; + font-weight:500; + font-size:2vw; + line-height: 4vw; + color:#8C8C8C; +} + +.right>form>.writebox>.toolbox{ + width:44.5vw; + height:2.6vw; + background-color:#EBEBEB; + margin-left:5vw; + margin-top:3vw; + display: flex; + align-items:center; + justify-content: flex-start; +} + +.right>form>.writebox>.toolbox>i{ + margin-left:2vw; +} + +.right>form>.writebox>#textareaContainer { + width: 44vw; + height: 25.5vw; + border: 1px solid #8C8C8C; + outline: none; + border-top: none; + border-left: none; + border-right: none; + font-family: 'Hind'; + font-weight: 500; + font-size: 1.2vw; + margin-left: 5vw; + text-align: center; + color: #878787; + resize:none; +} + + +#submitButton{ + width:6vw; + height:2.5vw; + border:1px solid #0F3FE8; + border-radius:1.2vw; + background-color:#0F3FE8; + box-shadow: 5px 5px 14px 0px rgba(0, 0, 0, 0.32); + font-family: 'Inter'; + font-weight:400; + font-size:0.9vw; + line-height: 21.78px; + letter-spacing: -0.05rem; + text-align: center; + color:white; + margin-top:2vw; + margin-left:46vw; +} + +#modal { + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.4); + display: flex; + align-items: center; + justify-content: center; + display:none; +} + +#modal>.modal-content { + background-color: white; + margin: 0 auto; + padding: 20px; + border: 1px solid #868686; + border-radius:54px; + width:405px; + height:320px; + text-align: center; + display:flex; + align-items: center; + flex-direction: column; + justify-content: center; + position:relative; +} + +#modal>.modal-content>p{ + font-family: 'Pretendard'; + font-weight: 600; + font-size: 20px; + line-height: 15px; + color: #515151; + margin:0; + position:absolute; + margin-top:-250px; +} + +#modal>.modal-content>input{ + display:none; +} + +#modal>.modal-content>.custom{ + display: flex; + flex-direction: row; + gap:2vw; +} + +#modal>.modal-content>.custom>label>.imagebox{ + width:74px; + height:74px; + border:0.5px solid #A7A7A7; + border-radius:27px; + box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.25); + display: flex; + align-items: center; + justify-content: center; + cursor:pointer; +} + +#modal>.modal-content>.custom>label>.imagebox>i { + font-size:2.5rem; + color:#0418AB; +} + +#modal>.modal-content>.custom>#fileName{ + text-align: left; + font-family: 'Pretendard'; + font-weight:600; + font-size:12px; + line-height: 15px; + color:#646464; + margin-top:1vw; +} + +#close-modal{ + background-color:white; + border:none; + cursor:pointer; + position:absolute; + margin-top:-270px; + margin-left:370px; +} \ No newline at end of file diff --git a/static/javascript/cal.js b/static/javascript/cal.js new file mode 100644 index 00000000..3a5757d5 --- /dev/null +++ b/static/javascript/cal.js @@ -0,0 +1,198 @@ +// 현재 날짜 가져오는 Date 객체 생성 +let date = new Date(); + +const renderCalendar = () => { + const viewYear = date.getFullYear(); // 현재 년도 가져오기 + const viewMonth = (date.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 가져오기, 2자리로 변환 + const monthNames = [ + // 월 영문 이름 배열 + 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', + 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC' + ]; + const monthText = monthNames[date.getMonth()]; // 현재 월의 영문 이름 가져오기 + + document.querySelector('.year-month').textContent = `${viewYear}.`; + document.querySelector('.year-month2').textContent = `.${viewMonth}`; + document.querySelector('.go-today').textContent = `${monthText}`; + + const prevLast = new Date(viewYear, viewMonth - 1, 0); // 이전 달의 마지막 날짜 가져오기 + const thisLast = new Date(viewYear, viewMonth, 0); // 현재 달의 마지막 날짜 가져오기 + + const PLDate = prevLast.getDate(); // 이전 달 마지막 날짜 + const PLDay = prevLast.getDay(); // 이전 달 마지막 날짜의 요일 + + const TLDate = thisLast.getDate(); // 현재 달 마지막 날짜 + const TLDay = thisLast.getDay(); // 현재 달 마지막 날짜의 요일 + + const prevDates = []; + const thisDates = [...Array(TLDate + 1).keys()].slice(1); + const nextDates = []; + + // 이전 달의 날짜들이 담긴 배열 + if (PLDay !== 6) { + for (let i = 0; i < PLDay + 1; i++) { + prevDates.unshift(PLDate - i); + } + } + + // 다음 달의 날짜들이 담긴 배열 + for (let i = 1; i < 7 - TLDay; i++) { + nextDates.push(i); + } + + // 날짜 배열 합침 + const dates = prevDates.concat(thisDates, nextDates); + const firstDateIndex = dates.indexOf(1); + const lastDateIndex = dates.lastIndexOf(TLDate); + + dates.forEach((date, i) => { + const condition = i >= firstDateIndex && i < lastDateIndex + 1 ? 'this' : 'other'; + dates[i] = `
${date}
`; + }); + + document.querySelector('.dates').innerHTML = dates.join(''); + + const today = new Date(); + if ( + viewMonth === (today.getMonth() + 1).toString().padStart(2, '0') && + viewYear === today.getFullYear() + ) { + // 현재 달에 해당하는 모든 요소에 today-hover 클래스 추가 + const thisDates = document.querySelectorAll('.this'); + for (let date of thisDates) { + date.parentElement.classList.add('today-hover'); + } + + // 현재 날짜와 일치하는 요소에 today 클래스 추가 + for (let date of thisDates) { + if (+date.innerText === today.getDate()) { + date.classList.add('today'); + break; + } + } + } +}; + +renderCalendar(); + +const prevMonth = () => { + date.setDate(1); + date.setMonth(date.getMonth() - 1); + renderCalendar(); +}; + +const nextMonth = () => { + date.setDate(1); + date.setMonth(date.getMonth() + 1); + renderCalendar(); +}; + + +const modalContainer = document.getElementById("modal"); +const modalContent = document.querySelector(".modal-content"); + +function openModal() { + modalContainer.style.display = "flex"; +} + +function closeModal() { + modalContainer.style.display = "none"; +} + +modalContent.addEventListener("click", function (event) { + event.stopPropagation(); // 이벤트 전파 중단 +}); + +window.addEventListener("load", function () { + modalContainer.style.display = "none"; +}); + + +//모달 안의 달력 -> 기존 html꺼 복사해오려고 했는데, 이전 달과 다음 달로 넘어가는 버튼에서 문제 생겨서 그냥 새로 만들어줬습니다. +let calendarDate = new Date(); + +const modalrenderCalendar = () => { + const viewYear = calendarDate.getFullYear(); // 현재 년도 가져오기 + const viewMonth = (calendarDate.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 가져오기, 2자리로 변환 + const monthNames = [ + // 월 영문 이름 배열 + 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', + 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC' + ]; + const monthText = monthNames[calendarDate.getMonth()]; // 현재 월의 영문 이름 가져오기 + + document.querySelector('.modal-year-month').textContent = `${viewYear}.`; + document.querySelector('.modal-year-month2').textContent = `.${viewMonth}`; + document.querySelector('.modal-go-today').textContent = `${monthText}`; + + const prevLast = new Date(viewYear, viewMonth - 1, 0); // 이전 달의 마지막 날짜 가져오기 + const thisLast = new Date(viewYear, viewMonth, 0); // 현재 달의 마지막 날짜 가져오기 + + const PLDate = prevLast.getDate(); // 이전 달 마지막 날짜 + const PLDay = prevLast.getDay(); // 이전 달 마지막 날짜의 요일 + + const TLDate = thisLast.getDate(); // 현재 달 마지막 날짜 + const TLDay = thisLast.getDay(); // 현재 달 마지막 날짜의 요일 + + const prevDates = []; + const thisDates = [...Array(TLDate + 1).keys()].slice(1); + const nextDates = []; + + // 이전 달의 날짜들이 담긴 배열 + if (PLDay !== 6) { + for (let i = 0; i < PLDay + 1; i++) { + prevDates.unshift(PLDate - i); + } + } + + // 다음 달의 날짜들이 담긴 배열 + for (let i = 1; i < 7 - TLDay; i++) { + nextDates.push(i); + } + + // 날짜 배열 합침 + const dates = prevDates.concat(thisDates, nextDates); + const firstDateIndex = dates.indexOf(1); + const lastDateIndex = dates.lastIndexOf(TLDate); + + dates.forEach((date, i) => { + const condition = i >= firstDateIndex && i < lastDateIndex + 1 ? 'modal-this' : 'modal-other'; + dates[i] = `
${date}
`; + }); + + document.querySelector('.modaldates').innerHTML = dates.join(''); + + const today = new Date(); + if ( + viewMonth === (today.getMonth() + 1).toString().padStart(2, '0') && + viewYear === today.getFullYear() + ) { + // 현재 달에 해당하는 모든 요소에 today-hover 클래스 추가 + const thisDates = document.querySelectorAll('.modal-this'); + for (let date of thisDates) { + date.parentElement.classList.add('modal-today-hover'); + } + + // 현재 날짜와 일치하는 요소에 today 클래스 추가 + for (let date of thisDates) { + if (+date.innerText === today.getDate()) { + date.classList.add('modal-today'); + break; + } + } + } +}; + +modalrenderCalendar(); + +const prevMonth2 = () => { + calendarDate.setDate(1); + calendarDate.setMonth(calendarDate.getMonth() - 1); + modalrenderCalendar(); +}; + +const nextMonth2 = () => { + calendarDate.setDate(1); + calendarDate.setMonth(calendarDate.getMonth() + 1); + modalrenderCalendar(); +}; diff --git a/static/javascript/checklist.js b/static/javascript/checklist.js new file mode 100644 index 00000000..b3ed429a --- /dev/null +++ b/static/javascript/checklist.js @@ -0,0 +1,156 @@ + + +//close 버튼 누르면 모달 종료 +function closeModal() { + const modalContainer = document.getElementById("modalContainer"); + modalContainer.style.display = "none"; +} + +// 모달 초기화 여부 +var isModalInitialized = false; + +// 모달 초기화 함수 +function initializeModal() { + if (isModalInitialized) { + return; + } + + //photo에 있는 사진의 background를 photoimage에 담아 초기 값 주기 + var mainPhotoBox = document.querySelector('.photo'); + var photoBox = document.querySelector('.photoImage'); + var photoBoxStyle = getComputedStyle(mainPhotoBox); + + photoBox.style.backgroundImage = photoBoxStyle.backgroundImage; + photoBox.style.backgroundSize = photoBoxStyle.backgroundSize; + photoBox.style.backgroundPosition = photoBoxStyle.backgroundPosition; + photoBox.style.backgroundRepeat = photoBoxStyle.backgroundRepeat; + + isModalInitialized = true; +} + +// 모달 열기 함수 +function openModal() { + const modalContainer = document.getElementById('modalContainer'); + modalContainer.style.display = 'flex'; + setTimeout(initializeModal, 0); // 모달이 열린 후에 초기화 +} + + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.checkbox > .first_checkbox'); + let clicked = false; + + checkbox.addEventListener('click', function () { + clicked = !clicked; + + if (clicked) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.checkbox > .second_checkbox'); + let clicked = false; + + checkbox.addEventListener('click', function () { + clicked = !clicked; + + if (clicked) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.checkbox > .third_checkbox'); + let clicked = false; + + checkbox.addEventListener('click', function () { + clicked = !clicked; + + if (clicked) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +const items = document.querySelectorAll('.checkbox'); + +items.forEach(item => { + item.addEventListener('click', () => { + if (!item.classList.contains('active')) { + items.forEach(otherItem => { + if (otherItem !== item && otherItem.classList.contains('active')) { + otherItem.classList.remove('active'); + } + }); + item.classList.add('active'); + } else { + item.classList.remove('active'); + } + }); +}); +let clicked1 = false; +let clicked2 = false; +let clicked3 = false; +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.modal > #item1'); + + + checkbox.addEventListener('click', function () { + clicked1 = !clicked1; + + if (clicked1 && !clicked2 && !clicked3) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.modal > #item2'); + + checkbox.addEventListener('click', function () { + clicked2 = !clicked2; + + if (!clicked1 && clicked2 && !clicked3) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.modal > #item3'); + + checkbox.addEventListener('click', function () { + clicked3 = !clicked3; + + if (!clicked1 && !clicked2 && clicked3) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); \ No newline at end of file diff --git a/static/javascript/criminal.js b/static/javascript/criminal.js new file mode 100644 index 00000000..8c60459d --- /dev/null +++ b/static/javascript/criminal.js @@ -0,0 +1,124 @@ +function addressKindChange(e) { + var seoul = ["구/군 선택", + "강남구", "강동구", "강북구", "강서구", "관악구", + "광진구", "구로구", "금천구", "노원구", "도봉구", + "동대문구", "동작구", "마포구", "서대문구", "서초구", + "성동구", "성북구", "송파구", "양천구", "영등포구", + "용산구", "은평구", "종로구", "중구", "중랑구"]; + + var gyeonggi = ["구/군 선택", + "가평군", "고양시", "과천시", "광명시", "광주시", + "구리시", "군포시", "김포시", "남양주시", "동두천시", + "부천시", "성남시", "수원시", "시흥시", "안산시", + "안성시", "안양시", "양주시", "양평군", "여주시", + "연천군", "오산시", "용인시", "의왕시", "의정부시", + "이천시", "파주시", "평택시", "포천시", "하남시", + "화성시"]; + + var incheon = ["구/군 선택", + "강화군", "계양군", "남동구", "동구", "미추홀구", + "부평구", "서구", "연수구", "옹진군", "중구"]; + + var gangwon = ["구/군 선택", + "강릉시", "고성군", "동해시", "삼척시", "속초시", + "양구군", "양양군", "영월군", "원주시", "인제군", + "정선군", "철원군", "춘천시", "태백시", "평창군", + "홍천군", "화천군", "횡성군"]; + + var daejeon = ["구/군 선택", + "대덕구", "동구", "서구", "유성구", "중구"]; + + var sejong = ["구/군 선택", + "고운동", "금남면", "나성동", "다정동", "대평동", + "도담동", "반곡동", "부강면", "보람동", "새롬동", + "소담동", "소정면", "아름동", "어진동", "연기면", + "연동면", "연서면", "장군면", "전동면", "전의면", + "조치원읍", "종촌동", "한솔동", "해밀동"]; + + var chungnam = ["구/군 선택", + "계룡시", "공주시", "금산군", "논산시", "당진시", + "보령시", "부여군", "서산시", "서천군", "아산시", + "예산군", "천안시", "청양군", "태안군", "홍성군"]; + + var chungbuk = ["구/군 선택", + "괴산군", "단양군", "보은군", "영동군", "옥천군", + "음성군", "제천시", "증평군", "진천군", "청주시", + "충주시"]; + + var busan = ["구/군 선택", + "강서구", "금정구", "기장군", "남구", "동구", + "동래구", "부산진구", "북구", "사상구", "사하구", + "서구", "수영구", "연제구", "영도구", "중구", + "해운대구"]; + + var ulsan = ["구/군 선택", + "남구", "동구", "북구", "울주군", "중구"]; + + var gyeongnam = ["구/군 선택", + "거제시", "거창군", "고성군", "김해시", "남해군", + "밀양시", "사천시", "산천군", "양산시", "의령군", + "진주시", "창녕군", "창원시", "통영시", "하동군", + "함안군", "함양군", "합천군"]; + + var gyeongbuk = ["구/군 선택", + "경산시", "경주시", "고령군", "구미시", "김천시", + "문경시", "봉화군", "상주시", "성주군", "안동시", + "영덕군", "영양군", "영주시", "영천시", "예천군", + "울릉군", "울진군", "의성군", "청도군", "청송군", + "칠곡군", "포항시"]; + + var daegu = ["구/군 선택", + "군위군", "남구", "달서구", "달성군", "동구", + "북구", "서구", "수성구", "중구"]; + + var gwangju = ["구/군 선택", + "광산구", "남구", "동구", "북구", "서구"]; + + var jeonnam = ["구/군 선택", + "강진군", "고흥군", "곡성군", "광양시", "구례군", + "나주시", "담양군", "목포시", "무안군", "보성군", + "순천시", "신안군", "여수시", "영광군", "영암군", + "완도군", "장성군", "장흥군", "진도군", "함평군", + "해남군", "화순군"]; + + var jeonbuk = ["구/군 선택", + "고창군", "군산시", "김제시", "남원시", "무주군", + "부안군", "순창군", "완주군", "익산시", "임실군", + "장수군", "전주시", "정읍시", "진안군"]; + + var jeju = ["구/군 선택", + "구좌읍", "남원읍", "대정읍", "서귀포시", "성산읍", + "안덕면", "애월읍", "우도면", "제주시", "조천읍", + "추자면", "표선면", "한경면", "한림읍"]; + + var target = document.getElementById("Location2"); + + if (e.value == "Seoul") var d = seoul; + else if (e.value == "Gyeonggi") var d = gyeonggi; + else if (e.value == "Incheon") var d = incheon; + else if (e.value == "Gangwon") var d = gangwon; + else if (e.value == "Daejeon") var d = daejeon; + else if (e.value == "Sejong") var d = sejong; + else if (e.value == "Chungnam") var d = chungnam; + else if (e.value == "Chungbuk") var d = chungbuk; + else if (e.value == "Busan") var d = busan; + else if (e.value == "Ulsan") var d = ulsan; + else if (e.value == "Gyeongnam") var d = gyeongnam; + else if (e.value == "Gyeongbuk") var d = gyeongbuk; + else if (e.value == "Daegu") var d = daegu; + else if (e.value == "Gwangju") var d = gwangju; + else if (e.value == "Jeonnam") var d = jeonnam; + else if (e.value == "Jeonbuk") var d = jeonbuk; + else if (e.value == "Jeju") var d = jeju; + + target.options.length = 0; + + for (x in d) { + var opt = document.createElement("option"); + opt.value = d[x]; + opt.innerHTML = d[x]; + target.appendChild(opt); + } + + target.options[0].style.display = "none"; +} \ No newline at end of file diff --git a/static/javascript/information.js b/static/javascript/information.js new file mode 100644 index 00000000..50ab796d --- /dev/null +++ b/static/javascript/information.js @@ -0,0 +1,124 @@ +function addressKindChange(e){ + var seoul=["구/군 선택", + "강남구", "강동구", "강북구", "강서구", "관악구", + "광진구", "구로구", "금천구", "노원구", "도봉구", + "동대문구", "동작구", "마포구", "서대문구", "서초구", + "성동구", "성북구", "송파구", "양천구", "영등포구", + "용산구", "은평구", "종로구", "중구", "중랑구"]; + + var gyeonggi = ["구/군 선택", + "가평군", "고양시", "과천시", "광명시", "광주시", + "구리시", "군포시", "김포시", "남양주시", "동두천시", + "부천시", "성남시", "수원시", "시흥시", "안산시", + "안성시", "안양시", "양주시", "양평군", "여주시", + "연천군", "오산시", "용인시", "의왕시", "의정부시", + "이천시", "파주시", "평택시", "포천시", "하남시", + "화성시"]; + + var incheon = ["구/군 선택", + "강화군", "계양군", "남동구", "동구", "미추홀구", + "부평구", "서구", "연수구", "옹진군", "중구"]; + + var gangwon = ["구/군 선택", + "강릉시", "고성군", "동해시", "삼척시", "속초시", + "양구군", "양양군", "영월군", "원주시", "인제군", + "정선군", "철원군", "춘천시", "태백시", "평창군", + "홍천군", "화천군", "횡성군"]; + + var daejeon = ["구/군 선택", + "대덕구", "동구", "서구", "유성구", "중구"]; + + var sejong = ["구/군 선택", + "고운동", "금남면", "나성동", "다정동", "대평동", + "도담동", "반곡동", "부강면", "보람동", "새롬동", + "소담동", "소정면", "아름동", "어진동", "연기면", + "연동면", "연서면", "장군면", "전동면", "전의면", + "조치원읍", "종촌동", "한솔동", "해밀동"]; + + var chungnam = ["구/군 선택", + "계룡시", "공주시", "금산군", "논산시", "당진시", + "보령시", "부여군", "서산시", "서천군", "아산시", + "예산군", "천안시", "청양군", "태안군", "홍성군"]; + + var chungbuk = ["구/군 선택", + "괴산군", "단양군", "보은군", "영동군", "옥천군", + "음성군", "제천시", "증평군", "진천군", "청주시", + "충주시"]; + + var busan = ["구/군 선택", + "강서구", "금정구", "기장군", "남구", "동구", + "동래구", "부산진구", "북구", "사상구", "사하구", + "서구", "수영구", "연제구", "영도구", "중구", + "해운대구"]; + + var ulsan = ["구/군 선택", + "남구", "동구", "북구", "울주군", "중구"]; + + var gyeongnam = ["구/군 선택", + "거제시", "거창군", "고성군", "김해시", "남해군", + "밀양시", "사천시", "산천군", "양산시", "의령군", + "진주시", "창녕군", "창원시", "통영시", "하동군", + "함안군", "함양군", "합천군"]; + + var gyeongbuk = ["구/군 선택", + "경산시", "경주시", "고령군", "구미시", "김천시", + "문경시", "봉화군", "상주시", "성주군", "안동시", + "영덕군", "영양군", "영주시", "영천시", "예천군", + "울릉군", "울진군", "의성군", "청도군", "청송군", + "칠곡군", "포항시"]; + + var daegu = ["구/군 선택", + "군위군", "남구", "달서구", "달성군", "동구", + "북구", "서구", "수성구", "중구"]; + + var gwangju = ["구/군 선택", + "광산구", "남구", "동구", "북구", "서구"]; + + var jeonnam = ["구/군 선택", + "강진군", "고흥군", "곡성군", "광양시", "구례군", + "나주시", "담양군", "목포시", "무안군", "보성군", + "순천시", "신안군", "여수시", "영광군", "영암군", + "완도군", "장성군", "장흥군", "진도군", "함평군", + "해남군", "화순군"]; + + var jeonbuk = ["구/군 선택", + "고창군", "군산시", "김제시", "남원시", "무주군", + "부안군", "순창군", "완주군", "익산시", "임실군", + "장수군", "전주시", "정읍시", "진안군"]; + + var jeju = ["구/군 선택", + "구좌읍", "남원읍", "대정읍", "서귀포시", "성산읍", + "안덕면", "애월읍", "우도면", "제주시", "조천읍", + "추자면", "표선면", "한경면", "한림읍"]; + + var target=document.getElementById("Location2"); + + if(e.value=="Seoul") var d=seoul; + else if(e.value=="Gyeonggi") var d=gyeonggi; + else if(e.value=="Incheon") var d=incheon; + else if(e.value=="Gangwon") var d=gangwon; + else if(e.value=="Daejeon") var d=daejeon; + else if(e.value=="Sejong") var d=sejong; + else if(e.value=="Chungnam") var d=chungnam; + else if(e.value=="Chungbuk") var d=chungbuk; + else if(e.value == "Busan") var d = busan; + else if(e.value=="Ulsan") var d=ulsan; + else if (e.value == "Gyeongnam") var d = gyeongnam; + else if(e.value=="Gyeongbuk") var d=gyeongbuk; + else if(e.value=="Daegu") var d=daegu; + else if(e.value=="Gwangju") var d=gwangju; + else if(e.value=="Jeonnam") var d=jeonnam; + else if(e.value=="Jeonbuk") var d=jeonbuk; + else if(e.value=="Jeju") var d=jeju; + + target.options.length=0; + + for(x in d){ + var opt=document.createElement("option"); + opt.value=d[x]; + opt.innerHTML=d[x]; + target.appendChild(opt); + } + + target.options[0].style.display = "none"; +} \ No newline at end of file diff --git a/static/javascript/login.js b/static/javascript/login.js deleted file mode 100644 index a3cae11f..00000000 --- a/static/javascript/login.js +++ /dev/null @@ -1,6 +0,0 @@ -const saveUser = document.getElementById("saveUser"); -const saveLogin = document.getElementById("saveLogin"); - -saveUser.addEventListener("click", function () { - saveLogin.checked = !saveLogin.checked; -}); \ No newline at end of file diff --git a/static/javascript/ourtown.js b/static/javascript/ourtown.js new file mode 100644 index 00000000..8c60459d --- /dev/null +++ b/static/javascript/ourtown.js @@ -0,0 +1,124 @@ +function addressKindChange(e) { + var seoul = ["구/군 선택", + "강남구", "강동구", "강북구", "강서구", "관악구", + "광진구", "구로구", "금천구", "노원구", "도봉구", + "동대문구", "동작구", "마포구", "서대문구", "서초구", + "성동구", "성북구", "송파구", "양천구", "영등포구", + "용산구", "은평구", "종로구", "중구", "중랑구"]; + + var gyeonggi = ["구/군 선택", + "가평군", "고양시", "과천시", "광명시", "광주시", + "구리시", "군포시", "김포시", "남양주시", "동두천시", + "부천시", "성남시", "수원시", "시흥시", "안산시", + "안성시", "안양시", "양주시", "양평군", "여주시", + "연천군", "오산시", "용인시", "의왕시", "의정부시", + "이천시", "파주시", "평택시", "포천시", "하남시", + "화성시"]; + + var incheon = ["구/군 선택", + "강화군", "계양군", "남동구", "동구", "미추홀구", + "부평구", "서구", "연수구", "옹진군", "중구"]; + + var gangwon = ["구/군 선택", + "강릉시", "고성군", "동해시", "삼척시", "속초시", + "양구군", "양양군", "영월군", "원주시", "인제군", + "정선군", "철원군", "춘천시", "태백시", "평창군", + "홍천군", "화천군", "횡성군"]; + + var daejeon = ["구/군 선택", + "대덕구", "동구", "서구", "유성구", "중구"]; + + var sejong = ["구/군 선택", + "고운동", "금남면", "나성동", "다정동", "대평동", + "도담동", "반곡동", "부강면", "보람동", "새롬동", + "소담동", "소정면", "아름동", "어진동", "연기면", + "연동면", "연서면", "장군면", "전동면", "전의면", + "조치원읍", "종촌동", "한솔동", "해밀동"]; + + var chungnam = ["구/군 선택", + "계룡시", "공주시", "금산군", "논산시", "당진시", + "보령시", "부여군", "서산시", "서천군", "아산시", + "예산군", "천안시", "청양군", "태안군", "홍성군"]; + + var chungbuk = ["구/군 선택", + "괴산군", "단양군", "보은군", "영동군", "옥천군", + "음성군", "제천시", "증평군", "진천군", "청주시", + "충주시"]; + + var busan = ["구/군 선택", + "강서구", "금정구", "기장군", "남구", "동구", + "동래구", "부산진구", "북구", "사상구", "사하구", + "서구", "수영구", "연제구", "영도구", "중구", + "해운대구"]; + + var ulsan = ["구/군 선택", + "남구", "동구", "북구", "울주군", "중구"]; + + var gyeongnam = ["구/군 선택", + "거제시", "거창군", "고성군", "김해시", "남해군", + "밀양시", "사천시", "산천군", "양산시", "의령군", + "진주시", "창녕군", "창원시", "통영시", "하동군", + "함안군", "함양군", "합천군"]; + + var gyeongbuk = ["구/군 선택", + "경산시", "경주시", "고령군", "구미시", "김천시", + "문경시", "봉화군", "상주시", "성주군", "안동시", + "영덕군", "영양군", "영주시", "영천시", "예천군", + "울릉군", "울진군", "의성군", "청도군", "청송군", + "칠곡군", "포항시"]; + + var daegu = ["구/군 선택", + "군위군", "남구", "달서구", "달성군", "동구", + "북구", "서구", "수성구", "중구"]; + + var gwangju = ["구/군 선택", + "광산구", "남구", "동구", "북구", "서구"]; + + var jeonnam = ["구/군 선택", + "강진군", "고흥군", "곡성군", "광양시", "구례군", + "나주시", "담양군", "목포시", "무안군", "보성군", + "순천시", "신안군", "여수시", "영광군", "영암군", + "완도군", "장성군", "장흥군", "진도군", "함평군", + "해남군", "화순군"]; + + var jeonbuk = ["구/군 선택", + "고창군", "군산시", "김제시", "남원시", "무주군", + "부안군", "순창군", "완주군", "익산시", "임실군", + "장수군", "전주시", "정읍시", "진안군"]; + + var jeju = ["구/군 선택", + "구좌읍", "남원읍", "대정읍", "서귀포시", "성산읍", + "안덕면", "애월읍", "우도면", "제주시", "조천읍", + "추자면", "표선면", "한경면", "한림읍"]; + + var target = document.getElementById("Location2"); + + if (e.value == "Seoul") var d = seoul; + else if (e.value == "Gyeonggi") var d = gyeonggi; + else if (e.value == "Incheon") var d = incheon; + else if (e.value == "Gangwon") var d = gangwon; + else if (e.value == "Daejeon") var d = daejeon; + else if (e.value == "Sejong") var d = sejong; + else if (e.value == "Chungnam") var d = chungnam; + else if (e.value == "Chungbuk") var d = chungbuk; + else if (e.value == "Busan") var d = busan; + else if (e.value == "Ulsan") var d = ulsan; + else if (e.value == "Gyeongnam") var d = gyeongnam; + else if (e.value == "Gyeongbuk") var d = gyeongbuk; + else if (e.value == "Daegu") var d = daegu; + else if (e.value == "Gwangju") var d = gwangju; + else if (e.value == "Jeonnam") var d = jeonnam; + else if (e.value == "Jeonbuk") var d = jeonbuk; + else if (e.value == "Jeju") var d = jeju; + + target.options.length = 0; + + for (x in d) { + var opt = document.createElement("option"); + opt.value = d[x]; + opt.innerHTML = d[x]; + target.appendChild(opt); + } + + target.options[0].style.display = "none"; +} \ No newline at end of file diff --git a/static/javascript/profile.js b/static/javascript/profile.js new file mode 100644 index 00000000..f062b7f9 --- /dev/null +++ b/static/javascript/profile.js @@ -0,0 +1,230 @@ +var isEditClicked=false; + +//수정 버튼 +function editClick() { + isEditClicked = true; + + //수정 버튼 숨기기 + var editButton = document.getElementById('edit'); + editButton.style.display = 'none'; + + //

숨기기 + var explainText = document.getElementById('explaintext'); + explainText.style.display = 'none'; + + //input 박스 생성 + var inputBox = document.createElement('input'); + inputBox.type = 'text'; + inputBox.value = explainText.textContent; + inputBox.id = 'explaintext'; + inputBox.className = 'input-box'; + + inputBox.onclick = function (event) { + event.stopPropagation(); + }; + + //새로운 내용 입력 + var explainBox2 = document.querySelector('.ExplainContainer2'); + explainBox2.appendChild(inputBox); + + //수정 전 내용 제거 + explainBox2.removeChild(explainText); //소개글 완료 + + var profileText = document.getElementById('uname'); + profileText.style.display = 'none'; + + var inputBox2 = document.createElement('input'); + inputBox2.type = 'text'; + inputBox2.value = profileText.textContent; + inputBox2.id = 'uname'; + inputBox2.className = 'input-box2'; + + var emailBox = document.querySelector('.emailbox'); + emailBox.style.marginTop = '20%'; + + inputBox2.onclick = function (event) { + event.stopPropagation(); + }; + + var profileBox = document.querySelector('.profilebox'); + profileBox.appendChild(inputBox2); + + profileBox.removeChild(profileText); //같은 방식으로 닉네임 완료 +} + +//사진 수정 버튼 누르면 실행 +function rephotoButtonClickHandler() { + if (!isEditClicked) { + return; // 수정 버튼을 누르지 않은 경우 작동 안됨 + } + openModal(); +} + +//수정 버튼 클릭 이벤트 +document.addEventListener('DOMContentLoaded', function() { + var editButton = document.getElementById('edit'); + editButton.onclick = function() { + editClick(); + }; + }); + + +//사진 수정 버튼 클릭 이벤트 +var rephotoButton = document.getElementById('rephoto'); +rephotoButton.onclick = function () { + if (isEditClicked) { + rephotoButtonClickHandler(); + } +}; + +//수정 완료 버튼 +function saveClick() { + //input박스에 입력한 내용 가져오기 + var inputBox = document.getElementById('explaintext'); + var inputValue = inputBox.value; + + //값이 비어있는지 확인 + if (inputValue.trim() === '') { + return; + } + + //입력 내용을 출력할 요소

로 설정 + var explainBox2 = document.querySelector('.ExplainContainer2'); + + var pElement = document.createElement('p'); + pElement.id = 'explaintext'; + pElement.textContent = inputValue; + pElement.style.textAlign = 'right'; + + //수정 버튼 화면에 표시 + var editButton = document.getElementById('edit'); + editButton.style.display = 'block'; + + //완료 버튼 화면에 표시 + var saveButton = document.getElementById('save'); + saveButton.style.display = 'block'; + + //기존 맨 처음 출력된 요소 제거 + var existingPElement = document.getElementById('explaintext'); + if (existingPElement) { + explainBox2.removeChild(existingPElement); + } + + //새로운 요소 출력 + explainBox2.appendChild(pElement); + + explainBox2.style.justifyContent = 'flex-end'; //소개글 수정 완료 + + var inputBox2 = document.getElementById('uname'); + var inputValue2 = inputBox2.value; + + if (inputValue2.trim() === '') { + return; + } + + var profileBox = document.querySelector('.profilebox'); + + var pElement2 = document.createElement('p'); + pElement2.id = 'uname'; + pElement2.textContent = inputValue2; + pElement2.className='input-box3'; + + var existingPElement2 = document.getElementById('uname'); + if (existingPElement2) { + profileBox.removeChild(existingPElement2); + } + + profileBox.appendChild(pElement2); + profileBox.style.justifyContent = 'flex-end'; //같은 방식으로 닉네임 수정 완료 + + //바뀐 닉네임을 왼쪽 userbox 프로필에도 결과 출력 + var profileId = document.querySelector('.name'); + profileId.textContent = inputValue2; + + //바뀐 소개글을 왼쪽 userbox 프로필에도 결과 출력 + var profileExplain = document.querySelector('.explain'); + profileExplain.textContent = inputValue; + + //프로필 이미지를 profile 박스와 왼쪽 프로필 둘 다 변경 + var mainPhotoBox = document.querySelector('.photo'); + var userImageBox = document.querySelector('.userImage'); + var uploadedPhotoUrl = mainPhotoBox.style.backgroundImage; + + mainPhotoBox.style.backgroundImage = uploadedPhotoUrl; + mainPhotoBox.style.backgroundSize = 'cover'; + mainPhotoBox.style.backgroundPosition = 'center'; + mainPhotoBox.style.backgroundRepeat = 'no-repeat'; + + userImageBox.style.backgroundImage = uploadedPhotoUrl; + userImageBox.style.backgroundSize = 'cover'; + userImageBox.style.backgroundPosition = 'center'; + userImageBox.style.backgroundRepeat = 'no-repeat'; + + isEditClicked=false; +} + +//close 버튼 누르면 모달 종료 +function closeModal() { + const modalContainer = document.getElementById("modalContainer"); + modalContainer.style.display = "none"; +} + +// 모달 초기화 여부 +var isModalInitialized = false; + +// 모달 초기화 함수 +function initializeModal() { + if (isModalInitialized) { + return; + } + + //photo에 있는 사진의 background를 photoimage에 담아 초기 값 주기 + var mainPhotoBox = document.querySelector('.photo'); + var photoBox = document.querySelector('.photoImage'); + var photoBoxStyle = getComputedStyle(mainPhotoBox); + + photoBox.style.backgroundImage = photoBoxStyle.backgroundImage; + photoBox.style.backgroundSize = photoBoxStyle.backgroundSize; + photoBox.style.backgroundPosition = photoBoxStyle.backgroundPosition; + photoBox.style.backgroundRepeat = photoBoxStyle.backgroundRepeat; + + isModalInitialized = true; +} + +// 모달 열기 함수 +function openModal() { + const modalContainer = document.getElementById('modalContainer'); + modalContainer.style.display = 'flex'; + setTimeout(initializeModal, 0); // 모달이 열린 후에 초기화 +} + +//사진 업로드 이벤트 -> input +function handleFileUpload(event) { + var file = event.target.files[0]; + var reader = new FileReader(); + + reader.onload = function (e) { + var photoBox = document.querySelector('.photoImage'); + photoBox.style.backgroundImage = `url(${e.target.result})`; + photoBox.style.backgroundSize = 'cover'; + photoBox.style.backgroundPosition = 'center'; + photoBox.style.backgroundRepeat = 'no-repeat'; + + var modalContainer = document.querySelector('.modal-container'); + var closeButton = modalContainer.querySelector('#close'); + + // 이전에 등록된 이벤트 리스너 제거 + closeButton.removeEventListener('click', closeModal); + + // 닫기 버튼을 누르면 modal에서 업로드한 사진을 photo에 넣어줌 + closeButton.addEventListener('click', function () { + modalContainer.style.display = 'none'; + var mainPhotoBox = document.querySelector('.photo'); + mainPhotoBox.style.backgroundImage = `url(${e.target.result})`; + mainPhotoBox.style.backgroundSize = 'cover'; + mainPhotoBox.style.backgroundPosition = 'center'; + mainPhotoBox.style.backgroundRepeat = 'no-repeat'; + }); + }; + reader.readAsDataURL(file); +} diff --git a/static/javascript/review.js b/static/javascript/review.js new file mode 100644 index 00000000..8c60459d --- /dev/null +++ b/static/javascript/review.js @@ -0,0 +1,124 @@ +function addressKindChange(e) { + var seoul = ["구/군 선택", + "강남구", "강동구", "강북구", "강서구", "관악구", + "광진구", "구로구", "금천구", "노원구", "도봉구", + "동대문구", "동작구", "마포구", "서대문구", "서초구", + "성동구", "성북구", "송파구", "양천구", "영등포구", + "용산구", "은평구", "종로구", "중구", "중랑구"]; + + var gyeonggi = ["구/군 선택", + "가평군", "고양시", "과천시", "광명시", "광주시", + "구리시", "군포시", "김포시", "남양주시", "동두천시", + "부천시", "성남시", "수원시", "시흥시", "안산시", + "안성시", "안양시", "양주시", "양평군", "여주시", + "연천군", "오산시", "용인시", "의왕시", "의정부시", + "이천시", "파주시", "평택시", "포천시", "하남시", + "화성시"]; + + var incheon = ["구/군 선택", + "강화군", "계양군", "남동구", "동구", "미추홀구", + "부평구", "서구", "연수구", "옹진군", "중구"]; + + var gangwon = ["구/군 선택", + "강릉시", "고성군", "동해시", "삼척시", "속초시", + "양구군", "양양군", "영월군", "원주시", "인제군", + "정선군", "철원군", "춘천시", "태백시", "평창군", + "홍천군", "화천군", "횡성군"]; + + var daejeon = ["구/군 선택", + "대덕구", "동구", "서구", "유성구", "중구"]; + + var sejong = ["구/군 선택", + "고운동", "금남면", "나성동", "다정동", "대평동", + "도담동", "반곡동", "부강면", "보람동", "새롬동", + "소담동", "소정면", "아름동", "어진동", "연기면", + "연동면", "연서면", "장군면", "전동면", "전의면", + "조치원읍", "종촌동", "한솔동", "해밀동"]; + + var chungnam = ["구/군 선택", + "계룡시", "공주시", "금산군", "논산시", "당진시", + "보령시", "부여군", "서산시", "서천군", "아산시", + "예산군", "천안시", "청양군", "태안군", "홍성군"]; + + var chungbuk = ["구/군 선택", + "괴산군", "단양군", "보은군", "영동군", "옥천군", + "음성군", "제천시", "증평군", "진천군", "청주시", + "충주시"]; + + var busan = ["구/군 선택", + "강서구", "금정구", "기장군", "남구", "동구", + "동래구", "부산진구", "북구", "사상구", "사하구", + "서구", "수영구", "연제구", "영도구", "중구", + "해운대구"]; + + var ulsan = ["구/군 선택", + "남구", "동구", "북구", "울주군", "중구"]; + + var gyeongnam = ["구/군 선택", + "거제시", "거창군", "고성군", "김해시", "남해군", + "밀양시", "사천시", "산천군", "양산시", "의령군", + "진주시", "창녕군", "창원시", "통영시", "하동군", + "함안군", "함양군", "합천군"]; + + var gyeongbuk = ["구/군 선택", + "경산시", "경주시", "고령군", "구미시", "김천시", + "문경시", "봉화군", "상주시", "성주군", "안동시", + "영덕군", "영양군", "영주시", "영천시", "예천군", + "울릉군", "울진군", "의성군", "청도군", "청송군", + "칠곡군", "포항시"]; + + var daegu = ["구/군 선택", + "군위군", "남구", "달서구", "달성군", "동구", + "북구", "서구", "수성구", "중구"]; + + var gwangju = ["구/군 선택", + "광산구", "남구", "동구", "북구", "서구"]; + + var jeonnam = ["구/군 선택", + "강진군", "고흥군", "곡성군", "광양시", "구례군", + "나주시", "담양군", "목포시", "무안군", "보성군", + "순천시", "신안군", "여수시", "영광군", "영암군", + "완도군", "장성군", "장흥군", "진도군", "함평군", + "해남군", "화순군"]; + + var jeonbuk = ["구/군 선택", + "고창군", "군산시", "김제시", "남원시", "무주군", + "부안군", "순창군", "완주군", "익산시", "임실군", + "장수군", "전주시", "정읍시", "진안군"]; + + var jeju = ["구/군 선택", + "구좌읍", "남원읍", "대정읍", "서귀포시", "성산읍", + "안덕면", "애월읍", "우도면", "제주시", "조천읍", + "추자면", "표선면", "한경면", "한림읍"]; + + var target = document.getElementById("Location2"); + + if (e.value == "Seoul") var d = seoul; + else if (e.value == "Gyeonggi") var d = gyeonggi; + else if (e.value == "Incheon") var d = incheon; + else if (e.value == "Gangwon") var d = gangwon; + else if (e.value == "Daejeon") var d = daejeon; + else if (e.value == "Sejong") var d = sejong; + else if (e.value == "Chungnam") var d = chungnam; + else if (e.value == "Chungbuk") var d = chungbuk; + else if (e.value == "Busan") var d = busan; + else if (e.value == "Ulsan") var d = ulsan; + else if (e.value == "Gyeongnam") var d = gyeongnam; + else if (e.value == "Gyeongbuk") var d = gyeongbuk; + else if (e.value == "Daegu") var d = daegu; + else if (e.value == "Gwangju") var d = gwangju; + else if (e.value == "Jeonnam") var d = jeonnam; + else if (e.value == "Jeonbuk") var d = jeonbuk; + else if (e.value == "Jeju") var d = jeju; + + target.options.length = 0; + + for (x in d) { + var opt = document.createElement("option"); + opt.value = d[x]; + opt.innerHTML = d[x]; + target.appendChild(opt); + } + + target.options[0].style.display = "none"; +} \ No newline at end of file diff --git a/static/javascript/write.js b/static/javascript/write.js new file mode 100644 index 00000000..e67d6ca6 --- /dev/null +++ b/static/javascript/write.js @@ -0,0 +1,68 @@ +const modal = document.getElementById("modal"); +const openModalBtn = document.getElementById("open-modal"); +const closeModalBtn = document.getElementById("close-modal"); +const form = document.querySelector('form'); +const submitButton = document.getElementById('submitButton'); +const fileInput = document.getElementById('bizFile'); +const textBox = document.getElementById('textareaContainer'); + +// 모달창 열기 +openModalBtn.addEventListener("click", (event) => { + event.preventDefault(); // 폼 제출 방지 + modal.style.display = "block"; +}); + +// 모달창 닫기 +closeModalBtn.addEventListener("click", () => { + modal.style.display = "none"; + setTimeout(handleFileUpload, 0); // 모달 닫힌 후에 이미지 처리 +}); + +// 폼 제출 이벤트 핸들러 +form.addEventListener('submit', (event) => { + event.preventDefault(); +}); + +// 등록하기 버튼 클릭 이벤트 핸들러 +submitButton.addEventListener('click', () => { + form.submit(); // 폼 제출 +}); + +// 사진 업로드 커스텀 버튼 기능 +fileInput.addEventListener('change', function () { + const filename = document.getElementById('fileName'); + if (this.files[0] == undefined) { + filename.innerText = '선택된 파일 없음'; + return; + } + filename.innerText = this.files[0].name; +}); + +// 이미지 파일 업로드 시 처리 +function handleFileUpload() { + const file = fileInput.files[0]; + const reader = new FileReader(); + + reader.onload = function (e) { + const imageSrc = e.target.result; + const imageElement = document.createElement("img"); + imageElement.src = imageSrc; + textBox.appendChild(imageElement); + + // 캐럿(커서) 위치를 마지막으로 이동 + textBox.focus(); + const range = document.createRange(); + range.selectNodeContents(textBox); + range.collapse(false); + const selection = window.getSelection(); + selection.removeAllRanges(); + selection.addRange(range); + }; + + if (file) { + reader.readAsDataURL(file); + } +} + +// 파일 업로드 이벤트 처리 +fileInput.addEventListener("change", handleFileUpload); diff --git a/templates/.DS_Store b/templates/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..4591c7dc2f50a1f0b4077c2ed70df9571d6ff698 GIT binary patch literal 6148 zcmeHK%}T>S5Z-O8Nhm@OiXIod7Ho@1iOnEAHzv*~^byBWq9A1=Z!V=cy*4T@NEz8z4Xj{nF2K0BNFYyy{LpPpY3%K&1p!7Pr_tkZepwR&S?)3O|^Y2A4DGWRk+TcksO zeuclzrHq4e><1UoG#|INPh^t$Q8JyYf+(Cq%JpTGgfbt>MG~f}*3$vUv7K>icey<3 z_S<66U$w<@(Cf6t;h?u#Irh%}!SUJnA%0Bcv*wb+Yo}z(U?N>97<3I58X*G0bt#}O<)+2px*Yt%)=3zg2e ztC1`*Kn#3k0DC`>7M}m7KllGCi3~A746G*uyfN}dLs*+RTPv%?vsQrKf}&tvq4A>x j2I?q=Ts(^RK$U=B-~iAySZD+f2z>}B8psd>f6Bl+1@=?V literal 0 HcmV?d00001 diff --git a/templates/accounts/login.html b/templates/accounts/login.html index 9f993c78..ee4fe6c5 100644 --- a/templates/accounts/login.html +++ b/templates/accounts/login.html @@ -7,7 +7,6 @@ LisaMate - @@ -35,12 +34,12 @@

{% csrf_token %}
Login
-

User

-
+

Email

+
-

Password

+

Password

@@ -54,7 +53,7 @@
- +
diff --git a/templates/accounts/signup.html b/templates/accounts/signup.html index ce20884d..57eaca04 100644 --- a/templates/accounts/signup.html +++ b/templates/accounts/signup.html @@ -47,7 +47,7 @@

E-mail

- +
{% if error_message %} {% if '불가능' in error_message %} diff --git a/templates/basic.html b/templates/basic.html index 5b232d4b..a5ecb2be 100644 --- a/templates/basic.html +++ b/templates/basic.html @@ -1,125 +1,126 @@ - - - - - - - LisaMate - - - - - -
-

LISA MATE

- -
- -
-
- -
-
-
-

My Check list

-
-
-

Checklist

-
-
-

|

-
-
-

Calendar

-
- - -
USER
-
-
-
아기사자 33
- -
이사 준비 중입니다!
- - -
- -
-
-

체크리스트

-
-
-
-

게시판

-
-
- -
- -

체크리스트

-
-
- -

캘린더

-
- -
-

정보 게시판

-
- -

월세 정보 공유

-
-
- -

전세 정보 공유

-
-
- -

매매 정보 공유

-
-
-
- -
-

후기 게시판

-
- -

월세 후기

-
-
- -

전세 후기

-
-
- -

매매 후기

-
-
-
- -
-

우리동네 게시판

-
- -

우리동네 현황

-
-
- -

범죄자 거주 정보

-
-
- -
Schedule
-
- -
-

오늘의 일정이 없습니다.

-
-
-
- + + + + + + LisaMate + + + + +
+
+
+
+

My Check list

+
+ + +
+ +
+
+
+
+ + + +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+
+
+ \ No newline at end of file diff --git a/templates/cal.html b/templates/cal.html new file mode 100644 index 00000000..c17042ae --- /dev/null +++ b/templates/cal.html @@ -0,0 +1,221 @@ + + + + + + + LisaMate + + + + +
+
+
+
+

My Check list

+
+ + +
+ +
+
+
+
+ + + +
+

Checklist

+

|

+

Calendar

+
+ +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+ +
+
+
+
+ +
+

Calendar

+
+
+
+
+
+
+
+ + + +
+
+
+
+
+
일
+
월
+
화
+
수
+
목
+
금
+
토
+
+
+
+
+
+ +
+
+
+
+ + + + \ No newline at end of file diff --git a/templates/checklist.html b/templates/checklist.html new file mode 100644 index 00000000..91565000 --- /dev/null +++ b/templates/checklist.html @@ -0,0 +1,240 @@ + + + + + + + LisaMate + + + + + + +
+
+
+
+

My Check list

+
+ + +
+ +
+
+
+
+ + + +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+ +
+
+

부기의

이사 체크리스트

+
+

Lisa가 추천하는 기본 체크리스트 항목

+

부기가 추천하는 기본 체크리스트 항목

+

나의 추가 체크리스트 항목

+

+

+
+
+

이사확정후

+
+

이사할 집 도시가스 설치요청

+
+

이사직전

+
+

이사할 집 도시가스 설치요청

+
+

이사당일

+
+

짐 포장 및 운반 입회 확인

+
+ +
+ + +
+
+ +
+
+ + + + + + + \ No newline at end of file diff --git a/templates/criminal.html b/templates/criminal.html new file mode 100644 index 00000000..58c4ed46 --- /dev/null +++ b/templates/criminal.html @@ -0,0 +1,238 @@ + + + + + + + LisaMate + + + + + + +
+

LISA MATE

+
+ + +
+ +
+
+
+
+ +
+
+
+

LISA


+

MATE

+
+

Move Checklist Service

+
+
+

나의 이사메이트 리사.

+
+ +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+ +
+
+
+

정보 게시판

+

후기 게시판

+

|

+

우리동네 게시판

+
+
+
+
+
+ + + +
+ +
+
+
+
+

우리동네 게시판

+

우리동네 게시판 > 범죄자 거주정보 > 미리미리 예방합시다!

+ +
+ +
+

Topic

+

제목

+

작성자

+

작성일

+

조회

+
+
+ +
+
공지
+
+

LISA MATE 리사 메이트 이용안내 - 나의 이사메이트 리사.

+

[892]

+
+
+

LISA

+
+
+

2023.05.26

+
+
+

3333

+
+
+ +
+
+
+
+

김철수영희

+

oo동 거주중

+

사기

+
+
+
+
+
+

김철수영희

+

oo동 거주중

+

사기

+
+
+
+
+
+

김철수영희

+

oo동 거주중

+

사기

+
+
+
+
페이징?
+
+
+ + \ No newline at end of file diff --git a/templates/information.html b/templates/information.html new file mode 100644 index 00000000..6fd1b578 --- /dev/null +++ b/templates/information.html @@ -0,0 +1,230 @@ + + + + + + + LisaMate + + + + + + +
+

LISA MATE

+
+ + +
+ +
+
+
+
+ +
+
+
+

LISA


+

MATE

+
+

Move Checklist Service

+
+
+

나의 이사메이트 리사.

+
+ +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+ +
+
+
+

정보 게시판

+

후기 게시판

+

|

+

우리동네 게시판

+
+
+
+
+
+ + + +
+ +
+
+
+
+

정보 게시판

+

정보 게시판 & 후기 게시판 & 우리동네 게시판

+ +
+ +
+

Topic

+

제목

+

작성자

+

작성일

+

조회

+
+
+ +
+
공지
+
+

LISA MATE 리사 메이트 이용안내 - 나의 이사메이트 리사.

+

[892]

+
+
+

LISA

+
+
+

2023.05.26

+
+
+

3333

+
+
+ +
+
+

[월세]

+
+
+

oo동 월세 너무 비싸네요ㅠㅠ

+

[1]

+
+
+

김지은

+
+
+

2023.04.27

+
+
+

1

+
+
+
페이징?
+
+
+ + \ No newline at end of file diff --git a/templates/mypage.html b/templates/mypage.html index c8c7e785..69bba480 100644 --- a/templates/mypage.html +++ b/templates/mypage.html @@ -5,9 +5,9 @@ LisaMate - + - + diff --git a/templates/ourtown.html b/templates/ourtown.html new file mode 100644 index 00000000..00a8bf42 --- /dev/null +++ b/templates/ourtown.html @@ -0,0 +1,254 @@ + + + + + + + LisaMate + + + + + + +
+

LISA MATE

+
+ + +
+ +
+
+
+
+ +
+
+
+

LISA


+

MATE

+
+

Move Checklist Service

+
+
+

나의 이사메이트 리사.

+
+ +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+ +
+
+
+

정보 게시판

+

후기 게시판

+

|

+

우리동네 게시판

+
+
+
+
+
+ + + +
+ +
+
+
+
+

우리동네 게시판

+

우리동네 게시판 > 현황 게시판 > 우리동네는 지금 무슨 일이?

+ +
+ +
+

Topic

+

제목

+

작성자

+

작성일

+

조회

+
+
+ +
+
공지
+
+

LISA MATE 리사 메이트 이용안내 - 나의 이사메이트 리사.

+

[892]

+
+
+

LISA

+
+
+

2023.05.26

+
+
+

3333

+
+
+ +
+
+
+
+

oo동 앞 산책하기 좋은 장소

+

[10]

+
+

아기사자 33

+
+

2023.05.26

+

조회

+

1

+
+
+
+
+
+

oo동 앞 산책하기 좋은 장소

+

[10]

+
+

아기사자 33

+
+

2023.05.26

+

조회

+

1

+
+
+
+
+
+

oo동 앞 산책하기 좋은 장소

+

[10]

+
+

아기사자 33

+
+

2023.05.26

+

조회

+

1

+
+
+
+
페이징?
+
+
+ + + \ No newline at end of file diff --git a/templates/profile.html b/templates/profile.html new file mode 100644 index 00000000..5e8815ea --- /dev/null +++ b/templates/profile.html @@ -0,0 +1,168 @@ + + + + + + LisaMate + + + + + +
+
+
+
+

LISA MATE

+
+ + +
+ +
+
+
+
+ +
+

Edit Profile

+
+ +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+
+
+ +

프로필 편집

+
+
+
+

아기사자 33

+
LIKEALION3333@gmail.com
+
+
+ + +
+
+

E-mail

+

LIKEALION3333@gmail.com

+
+
+

소개글

+
+
+

이사 준비 중입니다!

+
+
+ + +
+
+
+
+
+ + \ No newline at end of file diff --git a/templates/review.html b/templates/review.html new file mode 100644 index 00000000..579ad575 --- /dev/null +++ b/templates/review.html @@ -0,0 +1,231 @@ + + + + + + + LisaMate + + + + + + +
+

LISA MATE

+
+ + +
+ +
+
+
+
+ +
+
+
+

LISA


+

MATE

+
+

Move Checklist Service

+
+
+

나의 이사메이트 리사.

+
+ +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+ +
+
+
+

정보 게시판

+

후기 게시판

+

|

+

우리동네 게시판

+
+
+
+
+
+ + + +
+ +
+
+
+
+

후기 게시판

+

정확하고 솔직한 후기를 확인해보세요!

+ +
+ +
+

Topic

+

제목

+

작성자

+

작성일

+

조회

+
+
+ +
+
공지
+
+

LISA MATE 리사 메이트 이용안내 - 나의 이사메이트 리사.

+

[892]

+
+
+

LISA

+
+
+

2023.05.26

+
+
+

3333

+
+
+ +
+
+

[월세]

+
+
+

oo동 월세 너무 비싸네요ㅠㅠ

+

[1]

+
+
+

김지은

+
+
+

2023.04.27

+
+
+

1

+
+
+
페이징?
+
+
+ + + \ No newline at end of file diff --git a/templates/write.html b/templates/write.html new file mode 100644 index 00000000..02581de0 --- /dev/null +++ b/templates/write.html @@ -0,0 +1,192 @@ + + + + + + + LisaMate + + + + + +
+

LISA MATE

+
+ + +
+ +
+
+
+
+ +
+
+
+

LISA


+

MATE

+
+

Move Checklist Service

+
+
+

나의 이사메이트 리사.

+
+ +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+ +
+
+

글쓰기

+

정보 게시판 & 후기 게시판 & 우리동네 게시판

+ +
+
+
+
+ +
+ +
+ + + + + + +
+
+
+
+ +
+
+ + + + \ No newline at end of file diff --git a/users/__pycache__/backends.cpython-311.pyc b/users/__pycache__/backends.cpython-311.pyc index a8a209b771a01fa5fe821be43219847fd2313bc8..17582ec6258024f02a7f5b941668ca1f9a2bfc56 100644 GIT binary patch delta 19 ZcmdnXy_cJ7IWI340}u%P+Q_w;6#y|K1myq# delta 19 ZcmdnXy_cJ7IWI340}z-z+sL(<6#y}d1oHp@ From 2fd370ccdb15380a897723d30fe13592674300dd Mon Sep 17 00:00:00 2001 From: gahyeon <1000ji1@naver.com> Date: Mon, 10 Jul 2023 23:20:07 +0900 Subject: [PATCH 6/7] =?UTF-8?q?merge=20=EB=8F=84=EC=A0=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- db.sqlite3 | Bin 135168 -> 0 bytes lisamate/settings.py | 9 +- lisamate/settings2.py | 138 + lisamate/urls.py | 16 +- lisamate/urls2.py | 26 + lisamate/views.py | 5 +- lisamate/views2.py | 7 + static/css/{cal.css => cal2.css} | 2968 ++++++++--------- static/css/{checklist.css => checklist2.css} | 2682 +++++++-------- static/javascript/{cal.js => cal2.js} | 396 +-- .../{checklist.js => checklist2.js} | 310 +- .../accounts/{login.html => login2.html} | 0 templates/{basic.html => basic2.html} | 250 +- 13 files changed, 3490 insertions(+), 3317 deletions(-) delete mode 100644 db.sqlite3 create mode 100644 lisamate/settings2.py create mode 100644 lisamate/urls2.py create mode 100644 lisamate/views2.py rename static/css/{cal.css => cal2.css} (94%) rename static/css/{checklist.css => checklist2.css} (94%) rename static/javascript/{cal.js => cal2.js} (97%) rename static/javascript/{checklist.js => checklist2.js} (96%) rename templates/accounts/{login.html => login2.html} (100%) rename templates/{basic.html => basic2.html} (97%) diff --git a/db.sqlite3 b/db.sqlite3 deleted file mode 100644 index d870a4089f32c160c6f09373ae5e8a3508ae5288..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 135168 zcmeI5d2AzDTEJaC<0N(^-JNmo&h(7qPIlU4lGJItvJ4t0angJjl zf9o@WzSvtQ=wHh8{k*Rqw@mH+o&yWh?_e1p{f=kU{dw1+^S7LXeLp{#a3}+x>U(V4 z7&skRvEH)$@_CBRNk4u4eJQAn2`jcDB%l>=o@s;TMwm%Wu_D8oiSK~>f zb0wDCe5I)`g-fN?JSu1uT8}Nn)?>-J*oOI{`Za?7d7QmYY>Fr2oAK!K^0uBBn@4&L z=ZN+$o6PFvdTl3V6u8pl! zk=kQ=#N`_ur9P^5P%{F{bsncD0#uPT?XX-$5q2O~Gdpti4$DP?XK{u?r66myRH2N* zFW}G0HKnE&6%x28Pt{Ud9fbzA4#jA>Trii!sU^9nm~@Mbq1(TejIV9QkeZxYMc24M zv}MM{BG{UmoXd4vf^y_cO+7%SbQ+0WO6``_l7bi*{^^wyU05l~YQb=U6NO$bl+?^# zyLFr>8iJTrQO=uDFc<}@|2V5utCq8MWMLUWt|>=GMGrQ{uDN_~Oi+y#wUkwkIx1r- zQ%226sg|l8R}>VFDK003LyC~@kn7ijCZ3#+J@f}Ua?jNg@UJGjq;Z^eTs9DF%+M}h zUZNVZVP>cY95tGUCoS0@( z^^&^Z+k-*fgJ%8on`5S_)WD}1RE$J?Z`&?&W#3R;Xj2mi4saH~5&o~>pV(X9K|W9a%lSn)FDYBuTXtP=lI)>ZXs)YA37Z$a``4EsK*p(Wl4^4-HuaQ zr=dULJ93|>(e11~-F*V{^EbOIm-6MdI;vmw^5=Y}oK@PJC6=^1M)TI5+tz3WPm}#F zpCnO_!v?3W2r#&sB29Dmpw?CNiQu*3x<^mSOwBOs%CL+Oz^%f?H>GzNTyjH#p0_Q} z?m=y@3#`gU_o~KTmL4!&3D!2ffv)@~OH`F&sb1geO_X&u}wbWQLWdM1c!2 zk@z)-#rGg8XNzhHmEiHfI~v}t9;f7NmW*MSOQ~Ez&ZjavWfi@Y^j5`)Y$!U6R4tyV z;tW+)rC2^_4wGTEJyr0bki;-UNX7V>ii_>%89owWXi|cVHeBj4C$b!W*Xyv1Adk^V z9U{b~A!Us-TqewVj^UvJojPzUD!iki$()Y^q)%WBZkA`RLd@G}T)} z2n{354I&LIEe(urOLM>pza?F21|O1y#Q~&bOIN~3W{1dB%9Ru`f*>sPBSjl6MG>5t-Av zR1?o~+_Vj8LRF0f@5L>J5Rn)$bl2*zj4wv@@h8F^V@EfHRPMHMDI6-j?uQWJcrF~K zkf!lYO&3;nAtZ%4-a~(<#Yq<&^e@tXMW50?N*CzQKEn+aHc9D=0m$ee9?r90x7jABj-^O9ku4+cPEn8DHrhud$#B*PWt(oP zGu9ql_d0E(l(AH301Y$wtTw(SX&zK?mb89!B`5t27W(h$-=Y7M{&D)d&IEc8F1xBp+Ke~SJj{k3$F zen2nM0zFC(dH>z}dGBv}f71JX-f!^My=m`;H|m{61>ge&fB+Bx0zd!=00AHX1b_e# z00Pev0oqQzL^%&s<&bQsc5~QH-KLyqlLH0q(SqMoea#fK>r^STBe$Gx!Qg))w^zu7&(@wFJ zT~}$!pqm-GT2qF1#7<36cC6Zz>KU?Aqm+%PC$G_i#C)5sm?RA}lXR6Nsh@DNVP)jp zO_W=S8sqi5&u6EmDXXr_NOv{Ub%jPc8UsL_tXQj&=(uKgzf2L$t#^3)4ZC}S($%&S zZ6s0G*-Eqy+1=x403dtzheY`A|DE*5Ec6%XKcRn{{xSL!=mb7M00;m9AOHk_01yBI zKmZ5;0U!VbfWViAfX8XK_(sUOeSEm?uv>0DuMc`?`oGWH?UwP|rr`?B^xb2#TSk2N z&jZL1#5F5A9mS`{*ugM`u5qhv{@>&MjK%HxV~gh>J;Q_Cz(#+~{q21}OOK)?_y7SQ z00e*l5C8&C7lFoy28Jw+SEKF;kH_tfPWU{FmGoXV$ECC#nG-`}A+*sD!;Iy*N=%Wq zmJ^BDrGtY5MoY}r)AM6n4^~y>zQFLZ#vjL`(f#P7!=vL^BC^dMCTi8`W1$*3;pEt( zljy6aO^H}(hQt3&NfCi%B;1c-UnAX(sZ6=pCCGA9e1sENvaz{Ikd%A->%Qr&pZK1) ze(r1D{^Vo-+u!@OfA{@A_=Ru(#M_U5?(OgXwyDO4+*fi>JFX<83SX#f-pw4%?Jggr zAKrbC9$T8&+>X>H9<6N%^ z!!lDm$A?)So5}Td4+*j}d}u1dg@h2x?z5_00W_+TwLE!CyXY(|<6=hFxII3wSy$oY7id&~?g&hX+C z!wC_F+>~%{_mH44BZ^Z35^QoX31aucm$>J;l6%Vsawc(aJyEZ%E=IZd@zNq2Djbic zV-MBbM!fjw!C{%>%CkbPq}7hmPueWs+Yk!M-O@=tv{qc;<>;Q-J+w=ofOhE%P2pYf znlTsZ>0VQiLEHH;Xgfa<`(qL$r46rDCKOiQ-cK)! z@}i*bh+9V+8(YHk_HJ_fL^}~9OVdn3-wr8 zd{kV!FIQFz`||oyaz8IG)atXvM-%xr_fU($phg3^7h>2DHj_WkJzkm-geeK{ml*C4 zB&Qdb)-T76e7o#!6fN|WcN*pP@CmkvQ~ z_d?&$BYJB%+UN0j`rOg+VNYY0JS8lbJp?a&N;E#y-v;cwC#keAJcuNg=8`8>UM@V` zSlx`=JIRgJ7D^lI31uy#NPC%ltdcKg%VGBZqr-4GvbJ(EQQq5C64TW=A<_OM4b8Bq zy%MK*f#*V`EtYx$LoK$5;vq7HH!~DS;Ftt)JV+NZ>!<(5;->H7`Tx6gh5iHjSI{1S zpP(PpA9}hvJYX#l00KY&2mk>f00e*l5C8%|00;nq{|y4y(I$TQZQC@AJf00e*l5C8%|00;nq|0@Dy|3A8Jq5p&aH~OE@DuBPHKTrP|{fG4L z(!WK2n*JsFQ}j>LKSKW?{e9?{0X|NDGyPGzLBEL#zy}Bb0U!VbfB+Bx0zd!=00AHX z1b_e#xR`*$Mp4e2f00f>!0{EpL*8e|^cMfa@0zd!=00AHX1b_e#00KY&2mk>faCHLk{(p5=APEG3 z01yBIKmZ5;0U!VbfB+Bx0zlwtB>?aLPwSlnyMX`@00KY&2mk>f00e*l5C8%|00>;2 z0RH>`n}c6zq5quzDf;W_G(AHPdOzp=8Si&^tKOt{%4_p{*7F0NnrGefWghF`=LUam z@cRe98Wn&K5C8%|00;m9AOHk_01yBIK%j%b3pX7W>ZO;R2dZ+I!atBUCzt&A#E(z> zK9qZV!kJYHN=-S-Z=N0Xyq1#}R(#>eeU2DqemYC#pWAqgNFp|4H;lTEogs@5a>BJC{ zm<-#ARhe?Brj%;68URZ5Gh&>?okyYAz7;paK)3 z9UI&sjg2;ozBq_PM}szEdA?e%SI%rEXMq8fKR#*GjXjgl&1}l_H)VAD&SZ4U$oUIy zB=geCHf++F05*o4-04HP6TFpJQBkTzwf)8#Nw2t&R}e7Wd06F}6_7qkCOFKBI;b{3PX$4M|Oix}jz{ z-AqH$N+fk7&62u_XOaO5Nsdor1I=RCyfYb?|L5tKM`cIxgXTc>P00e*l5C8%|00;m9AOHk_ z01yBI?*@VEwh0O^YhhoLvqiNul_?hoT4|h-=5D2hjkLa2TF6LqwbDc*&Dly5j5J3p zjW^Qltu)C<>%V53aBKBlwPd83e*f>?AOJdm01yBIKmZ5;0U!VbfB+Bx0zd!=0D<=) z0eJs^58f0o2?ziIAOHk_01yBIKmZ5;0U!VbfWW&<0RH~}T?Pv3fB+Bx0zd!=00AHX z1b_e#00KY&2)qXg;Q9YyYt=%Jc|YrQdOkStR{wwYue!grZ`bv0&M!E(on!WEw!g6b zu(e9vup}>YpfUG;m#;WYH4fEMRyo3d3!#xsIh(sU>fcp;Q^yqgl8!_aIUV6r^^&^Z zC4XaXJr>=J`L~kswXK*xo}7<8^ar}cnwL0NZNR^p>`^MEbMAx_diP*M3y0y6)Pa>TwvE(MQmMFoc(rO+RGzzW97GmqMy?W$Vse;& z?uvz2qfp;tdc@@$9i=|1cHAFB#&zBud7@iUku~kGTt(4#AXm{Irqw$v7YUw4Gz!Xs ztkv)qrfMnR&&oBWrWO@aMNpoqrL;PVT5KJv4drsdToR|2X*KG;Pkux>*0GZNhBz7sai*BWY7#RNP%>cTvQk2z#;Q}WLy<8}% znZ0)FI8ihNF{`4SH=|%M3e?izEVM0cIa@~-mJ#Hda%40qLH@=?VMJPiX4tdF_o2q{ zbrMF6A_*fS$M`nT9!5sS6NOQ`>uitP9BhnTbNSwwpc*Tr+K>yH8a#cc;}qU@89$r2 zoDdEvLb^k)UpHHS8g=BhwovZU(tHYaNMlbsE*l6oHilik;|c1NzLJ@la#q34rx;dF z^I=gY&(e+yIdr4jpQIf^UAFgDePvHjT(vZyr|S5S%QrDWJ*JF+FyMDsLiY#_L->i} zqZ9MR4Rm%F?KfU-1EOE`@@MFo&qjkrYMN1@+het@ng$y)w9A*5sD^CZ{buzt0BEMi zE{@cQkP$Nyrx1!=!rmSM+a+|4M$^6SDuRI+Hj%DVW5SDS7&6{e!@9~fJA>HnG|MrW zbWZARx93WBH`SYzU1oBt0IF!ao<3j0CQ+xiFJj#)(1D1_WO+_ZGe&jm@^tY0TGu6O zP-$bDYP-ypeM42RO%1Al$$pnllBmaFqyBXn(fdZYd(_6RqEA#Qn_8~c(bot6W)p(NxPmdNOC08n`f}BQHd1E=1&2)-tzAEGHlBRoZ zBv{+@2D!sD_^Sh-9{j3-S6V(&KhydK z|Nh?+aNc$j0~$jCmv42FYOv-3NV4@Lo-I9F6_F7`f|8a)`Z&~?z>E4Yl|GTxncY>s zZCLS43m(kE)2w9tzyEXAAN8e>No&1L>X?K{WrTD_i74sLYu~!WwDa_wZ(>J@KoFTq z`6ef+k4~FM_0HVtwCIJNV|r)ePd21Srdv~ZI=lD8Z#liIWNMhKJ|)|ntksjNN(D`M zwLpFhqlxCTNpk<(-Pl|Lj|-dSzv5Lt6U5VZ z&7a*ZqMyzsQ^#!+!#KbB>$R=PPSb)Bynw~LSVZS(E}%2Jd_t`iUhnE+mtZ6LlFPS0 zM>XmsR`EsjH5BA}#sos=Y#Wo7cqzhNv@q!T_W1qcbvFa~f^rz1VPbRg?aN$Z!zP)?L3#sspd@43qi z>(p?8UAia&25SxVAHLRLts!1x*}a}IIQa9H#NTqwl1i;T8cgZ9jx<(u`OT@Y7J)3s1V2z|ii3kIpvm(3j+-K_SqtsbAg zD78HkD{eWnryLtS3&Ff%&a@~MHDWD!fP z`?(+WfctPSxG^;TKk5Wu*3)b?O|4FJ+bwD9{uwRPoiW$D(FtyKInV2#oBLAuan$Ne zpKoGEi9qlpUwzy4MRbB+(j&M%e%dJXT+3k!ny!`1(8nbUuUpacuJ&f00e*l5Ww&McKUBE^gHyw(EotGzy}Bb0U!VbfB+Bx0zd!=00AHX1b_e# zczOvqY!v0RlcS9st#%vbb~fMt-?GsELH{fLkMvtluY+JY5C8%|00;m9AOHk_01yBI zKmZ5;0U%(p;Fo?k831sT0RV^9W^=ne2#wYA(-!Zap@YTp0+0d%KmZ5;0U!VbfB+Bx z0zd!=0D<=mfzxrTW91{;Q9hsN*|fSN?iCBWwNUur@F07#r-j3rG)k_Nrj(_l`@74` z>fv#8EiX+j)VG$R^Z9tTKACyM+*>$VdcZDJmS$J(XD6lgmFn7Y<(|Yn6i#+iwFjwW z_&8M0#j1NpiR{5%G8%bQs^+sx^Pv-dC!-Y7buBZwaCc{kV z{Ca+d-H(?ge&*=Getc04siL^FA;uSGW1EZnkxfzEWg|(a7O8Q_ocfywIN2N%U zQ!KW6s7BY;mDC(piSDl?lSiSnScNv3zkwsbrb8Y)z@`Y(K2#=2M$mx%}ust+02p zzPB;Y=QTNcqRbs?QZcc+zO%kooISj^7CS0F+E~h`50;A$6UT?k`Sti@^<*~ph+U1X zU`X2!A~Ve5@lj+yr&W*E?kz1ws~g9~7!yj)9&Ti%kh-r{C)2yT@mT5M=AH=>!_5eh z88$Q(3NtJh#_#`j?;ly{&(KBMi@v}I2mk>f00e*l5C8%|00;m9AOHk_z*9pYWOrNW z3CcrJQNFGzRrWPGTU1L^nR3zQbhqAyS;o(bGa`N=o?>{3;kY+!q}=O0%2{83GmzPl zOL-+5nDM_E$f-&ptDkyz5c37@v18;oz!*BFZ&k1-$f(uJ;SpVnh9Uay)Gn_cZ zMkJ2mISQ#CM_#+5oK`oxY$}7^|9O6f=cah%uf*c@|5o}_7Wz~4pFcIX7YqdgKmZ5; z0U!VbfB+Bx0zd!=00AKI|AWAoZH2mQ{fG6oZN+`r;)mw@|EDeVU(%oc|A7v?1Oh++ v2mk>f00e*l5C8%|00;m9An;TYc+nQ6S`+-;e+6N^Ws9DzctF`5>;L~7UlpwB diff --git a/lisamate/settings.py b/lisamate/settings.py index 14ffe97e..980548a0 100644 --- a/lisamate/settings.py +++ b/lisamate/settings.py @@ -38,8 +38,9 @@ 'django.contrib.messages', 'django.contrib.staticfiles', 'informationPost', + 'checklist', 'users', - 'accounts', + 'accounts' ] MIDDLEWARE = [ @@ -130,9 +131,3 @@ DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' AUTH_USER_MODEL = 'users.User' - - -AUTHENTICATION_BACKENDS = [ - 'users.backends.EmailBackend', - 'django.contrib.auth.backends.ModelBackend' -] \ No newline at end of file diff --git a/lisamate/settings2.py b/lisamate/settings2.py new file mode 100644 index 00000000..14ffe97e --- /dev/null +++ b/lisamate/settings2.py @@ -0,0 +1,138 @@ +""" +Django settings for lisamate project. + +Generated by 'django-admin startproject' using Django 4.2.1. + +For more information on this file, see +https://docs.djangoproject.com/en/4.2/topics/settings/ + +For the full list of settings and their values, see +https://docs.djangoproject.com/en/4.2/ref/settings/ +""" + +from pathlib import Path + +# Build paths inside the project like this: BASE_DIR / 'subdir'. +BASE_DIR = Path(__file__).resolve().parent.parent + + +# Quick-start development settings - unsuitable for production +# See https://docs.djangoproject.com/en/4.2/howto/deployment/checklist/ + +# SECURITY WARNING: keep the secret key used in production secret! +SECRET_KEY = 'django-insecure-^05fh%)7vy-cm72=-4ujlcz9_b!t5vc41prk6q4@$wy$_ef@v(' + +# SECURITY WARNING: don't run with debug turned on in production! +DEBUG = True + +ALLOWED_HOSTS = [] + + +# Application definition + +INSTALLED_APPS = [ + 'django.contrib.admin', + 'django.contrib.auth', + 'django.contrib.contenttypes', + 'django.contrib.sessions', + 'django.contrib.messages', + 'django.contrib.staticfiles', + 'informationPost', + 'users', + 'accounts', +] + +MIDDLEWARE = [ + 'django.middleware.security.SecurityMiddleware', + 'django.contrib.sessions.middleware.SessionMiddleware', + 'django.middleware.common.CommonMiddleware', + 'django.middleware.csrf.CsrfViewMiddleware', + 'django.contrib.auth.middleware.AuthenticationMiddleware', + 'django.contrib.messages.middleware.MessageMiddleware', + 'django.middleware.clickjacking.XFrameOptionsMiddleware', +] + +ROOT_URLCONF = 'lisamate.urls' + +TEMPLATES = [ + { + 'BACKEND': 'django.template.backends.django.DjangoTemplates', + 'DIRS': [BASE_DIR / 'templates'], + 'APP_DIRS': True, + 'OPTIONS': { + 'context_processors': [ + 'django.template.context_processors.debug', + 'django.template.context_processors.request', + 'django.contrib.auth.context_processors.auth', + 'django.contrib.messages.context_processors.messages', + ], + }, + }, +] + +WSGI_APPLICATION = 'lisamate.wsgi.application' + + +# Database +# https://docs.djangoproject.com/en/4.2/ref/settings/#databases + +DATABASES = { + 'default': { + 'ENGINE': 'django.db.backends.sqlite3', + 'NAME': BASE_DIR /'db.sqlite3', + } +} + + +# Password validation +# https://docs.djangoproject.com/en/4.2/ref/settings/#auth-password-validators + +AUTH_PASSWORD_VALIDATORS = [ + { + 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', + }, +] + + +# Internationalization +# https://docs.djangoproject.com/en/4.2/topics/i18n/ + +LANGUAGE_CODE = 'en-us' + +TIME_ZONE = 'Asia/Seoul' + +USE_I18N = True + +USE_TZ = False # db에서 ut 사용x + + +# Static files (CSS, JavaScript, Images) +# https://docs.djangoproject.com/en/4.2/howto/static-files/ + +STATIC_URL = 'static/' + +# Default primary key field type +# https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field + +STATICFILES_DIRS = (BASE_DIR / 'static', ) # static 디렉터리로 지정 +MEDIA_URL = '/media/' # 미디어 파일에 대한 경로 지정, 사진 업로드에 사용될 예정 +MEDIA_ROOT = BASE_DIR / 'media' + +DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' + +AUTH_USER_MODEL = 'users.User' + + +AUTHENTICATION_BACKENDS = [ + 'users.backends.EmailBackend', + 'django.contrib.auth.backends.ModelBackend' +] \ No newline at end of file diff --git a/lisamate/urls.py b/lisamate/urls.py index 21959b00..1400a4ae 100644 --- a/lisamate/urls.py +++ b/lisamate/urls.py @@ -16,11 +16,21 @@ """ from django.contrib import admin from django.urls import path, include -from lisamate.views import MainView, ProfileView +from django.conf import settings +from django.conf.urls.static import static +from lisamate.views import ProfileView +from django.views.generic import RedirectView + urlpatterns = [ path('admin/', admin.site.urls), - path('', MainView.as_view(), name='main'), - path('profile/', ProfileView.as_view(), name='profile'), + path('', RedirectView.as_view(pattern_name='checklist:index', permanent=False)), + path('checklist/', include('checklist.urls', namespace='checklist')), path('accounts/', include('accounts.urls', namespace='accounts')), + path('profile/', ProfileView.as_view(), name='profile'), + path('boards/', include('informationPost.urls', namespace='informationPost')), + ] + +# MEDIA_URL로 들어오면 MEDIA_ROOT에서 정의한 걸 찾아서 사용 +urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) \ No newline at end of file diff --git a/lisamate/urls2.py b/lisamate/urls2.py new file mode 100644 index 00000000..21959b00 --- /dev/null +++ b/lisamate/urls2.py @@ -0,0 +1,26 @@ +""" +URL configuration for lisamate project. + +The `urlpatterns` list routes URLs to views. For more information please see: + https://docs.djangoproject.com/en/4.2/topics/http/urls/ +Examples: +Function views + 1. Add an import: from my_app import views + 2. Add a URL to urlpatterns: path('', views.home, name='home') +Class-based views + 1. Add an import: from other_app.views import Home + 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') +Including another URLconf + 1. Import the include() function: from django.urls import include, path + 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) +""" +from django.contrib import admin +from django.urls import path, include +from lisamate.views import MainView, ProfileView + +urlpatterns = [ + path('admin/', admin.site.urls), + path('', MainView.as_view(), name='main'), + path('profile/', ProfileView.as_view(), name='profile'), + path('accounts/', include('accounts.urls', namespace='accounts')), +] diff --git a/lisamate/views.py b/lisamate/views.py index 60679677..63c90518 100644 --- a/lisamate/views.py +++ b/lisamate/views.py @@ -1,7 +1,4 @@ from django.views.generic import TemplateView -class MainView(TemplateView): - template_name = 'checklist.html' - class ProfileView(TemplateView): - template_name = 'profile.html' \ No newline at end of file + template_name = 'mypage.html' \ No newline at end of file diff --git a/lisamate/views2.py b/lisamate/views2.py new file mode 100644 index 00000000..60679677 --- /dev/null +++ b/lisamate/views2.py @@ -0,0 +1,7 @@ +from django.views.generic import TemplateView + +class MainView(TemplateView): + template_name = 'checklist.html' + +class ProfileView(TemplateView): + template_name = 'profile.html' \ No newline at end of file diff --git a/static/css/cal.css b/static/css/cal2.css similarity index 94% rename from static/css/cal.css rename to static/css/cal2.css index 07991e50..1f60352a 100644 --- a/static/css/cal.css +++ b/static/css/cal2.css @@ -1,1485 +1,1485 @@ -@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); -@font-face { - font-family: 'Pretendard-Regular'; - src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); - font-weight: 400; - font-style: normal; -} - -body { - background: linear-gradient(#CDCDCD, #F5F5F5) no-repeat center fixed; - height: 100vh; - width: 100vw; -} - -.all>.left { - width: 30%; - padding-left: 12%; - float: left; - box-sizing: border-box; -} - -.all>.right { - width: 70%; - float: right; - box-sizing: border-box; -} - -.Middle { - display: flex; - justify-content: center; - align-items: center; -} - -.Middle>.Mcircle { - height: 149px; - width: 60%; - border: none; - border-radius: 100px; - background-color: #151E63; - margin-top: -100px; - margin-left: -20px; -} - -.top { - margin-top: -30px; -} - -p { - font-family: 'Inter'; - font-weight: 400; - font-size: 2vw; - line-height: 36.31px; - letter-spacing: -0.05rem; - color: #242A57; - margin-right: auto; - margin-left: 2vw; -} - -.icon { - display: flex; - justify-content: flex-end; - align-items: center; - margin-top: -1vw; - margin-right: 5vw; -} - -.icon>i { - margin-right: 2vw; - font-size: 2rem; - color: #181D45; -} - -@media (max-width: 1300px) { - .icon>i { - font-size: 1.5rem; - } -} - -.bell { - display: flex; - align-items: center; -} - -.bell>i { - margin-right: 5px; - color: #181D45; -} - -@media (max-width: 1300px) { - .bell>i { - font-size: 1.5rem; - } -} - - -.logo>p { - font-family: 'Jua'; - font-weight: 400; - font-size: 6.25vw; - line-height: 125px; - letter-spacing: -0.05rem; - color: #233C9B; - margin-left: 7%; - margin-top: 8%; - margin-bottom:7%; -} - -.middleTitle { - display: flex; - align-items: center; - margin-left:79%; - margin-top:-13%; - margin-bottom: 11%; -} - -.middleTitle>p { - font-family: 'Inter'; - font-weight: 400; - font-size: 1.5vw; - line-height: 36.31px; - letter-spacing: -0.05rem; - color: #000000; - margin: 0; -} - -.middleTitle>p:not(:first-child) { - margin-left: 5px; -} - -.middleTitle>#bar{ - margin-right:5%; - margin-left:10%; -} - -.middleTitle>#Cal{ - color:#0F3FE8; - font-weight:700; -} - -.userBox>.user { - width: 15vw; - height: 3vw; - border: none; - border-radius: 100px; - background-color: #0015AD; - box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); - color: white; - font-family: 'Hind'; - font-weight: 600; - font-size: 25px; - line-height: 40.03px; - letter-spacing: -0.05rem; - text-align: center; - display: flex; - justify-content: center; - flex-direction: column; - position: relative; - z-index: 1; -} - -@media (max-width: 1500px) { - .userBox>.user { - font-size: 15px; - } -} - -.userbox { - width: 15vw; - min-width: 30px; - min-height: 30px; - height: 20vw; - border: 1px solid #919191; - background-color: white; - border-radius: 50px; - box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); - margin-top: -3vw; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; -} - -.userbox>.userImage { - width: 8vw; - padding-top: 8vw; - border: 2px solid #142F9E; - background: linear-gradient(#CFCFCF, #FFFFFF); - border-radius: 50%; - margin-top: 4vh; -} - -.userbox>.name { - font-family: 'Inter'; - font-weight: 600; - font-size: 18px; - color: #142F9E; - margin-top: 5%; -} - -@media (max-width: 1300px) { - .userbox>.name { - font-size: 5px; - } -} - -@media (max-width: 1100px) { - .userbox>.name { - font-size: 2px; - } -} - -.userbox>.email { - font-family: 'Inter'; - font-weight: 400; - font-size: 13px; - color: #4967FF; -} - -@media (max-width: 1200px) { - .userbox>.email { - font-size: 5px; - } -} - -@media (max-width: 1100px) { - .userbox>.email { - font-size: 2px; - } -} - -.userbox>.explain { - font-family: 'Inter'; - font-weight: 400; - font-size: 18px; - color: #142F9E; - margin-top: 2%; -} - -@media (max-width: 1600px) { - .userbox>.explain { - font-size: 15px; - } -} - -@media (max-width: 1200px) { - .userbox>.explain { - font-size: 10px; - } -} - -@media (max-width: 1100px) { - .userbox>.explain { - font-size: 2px; - } -} - -.userbox>.button-container { - display: flex; - align-items: center; - margin-top: 3%; -} - -#pen, -#setting { - width: 6vw; - height: 20px; - border: none; - background-color: white; - color: #09174E; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - font-family: 'Inter', sans-serif; - font-weight: 600; - font-size: 14px; - line-height: 17px; - letter-spacing: -0.05rem; - white-space: nowrap; -} - -@media (max-width: 1700px) { - - #pen, - #setting { - font-size: 1px; - height: 1vh; - } -} - -#pen { - width: 4vw; - margin-right: 5px; -} - -#pen:hover, -#setting:hover { - color: #142F9E; -} - -#pen img, -#setting img { - width: 1vw; - height: 1vw; - margin-right: 3px; -} - -.menu { - width: 14.5vw; - height: 55vw; - border: 1px solid #919191; - border-radius: 50px; - box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); - margin-top: 20%; - margin-left: 0.5%; - background-color: white; -} - -.menu>.checklist { - width: 13vw; - height: 4vw; - padding-left: 9%; - background-color: #131B5A; - font-family: 'Hind'; - font-weight: 600; - font-size: 25px; - line-height: 40.03px; - letter-spacing: -0.05rem; - color: white; - display: flex; - justify-content: center; - flex-direction: center; - align-items: center; -} - -@media (max-width: 1600px) { - .menu>.checklist { - font-size: 20px; - } -} - -@media (max-width: 1400px) { - .menu>.checklist { - font-size: 15px; - } -} - -@media (max-width: 1100px) { - .menu>.checklist { - font-size: 10px; - } -} - -.menu>.checklistcircle { - width: 3vw; - height: 4vw; - background-color: #131B5A; - border-radius: 0 4vw 4vw 0; - margin-top: -4vw; - margin-left: 13vw; -} - -.menu>.text1 { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; -} - -.menu>.text1>.checklistText, -.menu>.text1>.calText { - display: flex; - align-items: center; - margin-top: 1.5vw; -} - -.menu>.text1>.calText { - margin-bottom: 1.5vw; -} - -@media (max-width: 1700px) { - .menu>.text1>.calText { - margin-bottom: 1vw; - } -} - -@media (max-width: 1700px) { - - .menu>.text1>.checklistText, - .menu>.text1>.calText { - margin-top: 1vw; - } -} - -@media (max-width: 1200px) { - .menu>.text1>.calText { - margin-bottom: 0.5vw; - } -} - -@media (max-width: 1200px) { - - .menu>.text1>.checklistText, - .menu>.text1>.calText { - margin-top: 0.5vw; - } -} - -.menu>.text1>.checklistText>p, -.menu>.text1>.calText>p { - font-family: 'Inter'; - font-size: 25px; - line-height: 30.26px; - letter-spacing: -0.05rem; - font-weight: 400; - color: #131B5A; - margin: 0; -} - -@media (max-width: 1700px) { - - .menu>.text1>.checklistText>p, - .menu>.text1>.calText>p { - font-size: 20px; - } -} - -@media (max-width: 1400px) { - - .menu>.text1>.checklistText>p, - .menu>.text1>.calText>p { - font-size: 15px; - } -} - -@media (max-width: 1200px) { - - .menu>.text1>.checklistText>p, - .menu>.text1>.calText>p { - font-size: 10px; - } -} - -.menu>.text1>.checklistText>i, -.menu>.text1>.calText>i { - font-size: 0.5rem; -} - -@media (max-width: 1700px) { - - .menu>.text1>.checklistText>i, - .menu>.text1>.calText>i { - font-size: 0.1rem; - } -} - -.menu>.noticeboard { - width: 13vw; - height: 4vw; - padding-left: 9%; - background-color: #131B5A; - font-family: 'Hind'; - font-weight: 600; - font-size: 25px; - line-height: 40.03px; - letter-spacing: -0.05rem; - color: white; - display: flex; - justify-content: center; - flex-direction: center; - align-items: center; -} - -@media (max-width: 1600px) { - .menu>.noticeboard { - font-size: 20px; - } -} - -@media (max-width: 1200px) { - .menu>.noticeboard { - font-size: 15px; - } -} - -@media (max-width: 1100px) { - .menu>.noticeboard { - font-size: 10px; - } -} - -.menu>.noticeboardcircle { - width: 3vw; - height: 4vw; - background-color: #131B5A; - border-radius: 0 4vw 4vw 0; - margin-top: -4vw; - margin-left: 13vw; -} - -.menu>.text2, -.menu>.text3, -.menu>.text4 { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; -} - -.menu>.text2>.Jeonse, -.menu>.text2>.bargain, -.menu>.text3>.JeonseReview, -.menu>.text3>.bargainReview, -.menu>.text4>.criminal { - display: flex; - align-items: center; - justify-content: center; - margin-top: 1.5vw; -} - -@media (max-width: 1700px) { - - .menu>.text2>.Jeonse, - .menu>.text2>.bargain, - .menu>.text3>.JeonseReview, - .menu>.text3>.bargainReview, - .menu>.text4>.criminal { - margin-top: 1vw; - } -} - -@media (max-width: 1200px) { - - .menu>.text2>.Jeonse, - .menu>.text2>.bargain, - .menu>.text3>.JeonseReview, - .menu>.text3>.bargainReview, - .menu>.text4>.criminal { - margin-top: 0.5vw; - } -} - -@media (max-width: 1000px) { - - .menu>.text2>.Jeonse, - .menu>.text2>.bargain, - .menu>.text3>.JeonseReview, - .menu>.text3>.bargainReview, - .menu>.text4>.criminal { - margin-top: 0.1vw; - } -} - -.menu>.text2>.notice, -.menu>.text2>.monthly, -.menu>.text3>.review, -.menu>.text3>.monthlyReview, -.menu>.text4>.town, -.menu>.text4>.situation { - display: flex; - align-items: center; - justify-content: center; - margin-top: 1.5vw; -} - -@media (max-width: 1700px) { - - .menu>.text2>.notice, - .menu>.text2>.monthly, - .menu>.text3>.review, - .menu>.text3>.monthlyReview, - .menu>.text4>.town, - .menu>.text4>.situation { - margin-top: 1.5vw; - } -} - -@media (max-width: 1600px) { - - .menu>.text2>.notice, - .menu>.text2>.monthly, - .menu>.text3>.review, - .menu>.text3>.monthlyReview, - .menu>.text4>.town, - .menu>.text4>.situation { - margin-top: 0.5vw; - } -} - -@media (max-width: 1500px) { - - .menu>.text2>.notice, - .menu>.text2>.monthly, - .menu>.text3>.review, - .menu>.text3>.monthlyReview, - .menu>.text4>.town, - .menu>.text4>.situation { - margin-top: 0.3vw; - } -} - -@media (max-width: 1300px) { - - .menu>.text2>.notice, - .menu>.text2>.monthly, - .menu>.text3>.review, - .menu>.text3>.monthlyReview, - .menu>.text4>.town, - .menu>.text4>.situation { - margin-top: 0.1vw; - } -} - - -.menu>.text1>.checklistText { - margin-left: -1vw; -} - -.menu>.text1>.checklistText>i { - padding-right: 2vw; -} - -@media (max-width: 1700px) { - .menu>.text1>.checklistText { - margin-left: -2vw; - } -} - -@media (max-width: 1700px) { - .menu>.text1>.checklistText>i { - padding-right: 1vw; - } -} - -@media (max-width: 1500px) { - .menu>.text1>.checklistText { - margin-left: -1vw; - } -} - -@media (max-width: 1500px) { - .menu>.text1>.checklistText>i { - padding-right: 2vw; - } -} - -@media (max-width: 1300px) { - .menu>.text1>.checklistText { - margin-left: -2vw; - } -} - -@media (max-width: 1300px) { - .menu>.text1>.checklistText>i { - padding-right: 2vw; - } -} - -.menu>.text1>.calText { - margin-left: -3vw; -} - -.menu>.text1>.calText>i { - padding-right: 2.5vw; -} - -.menu>.text2>.monthly, -.menu>.text2>.Jeonse, -.menu>.text2>.bargain { - margin-left: -1vw; -} - -.menu>.text2>.monthly>i, -.menu>.text2>.Jeonse>i, -.menu>.text2>.bargain>i { - padding-right: 1vw; -} - -.menu>.text3>.monthlyReview, -.menu>.text3>.JeonseReview, -.menu>.text3>.bargainReview { - margin-left: -2vw; -} - -.menu>.text3>.monthlyReview>i, -.menu>.text3>.JeonseReview>i, -.menu>.text3>.bargainReview>i { - padding-right: 2vw; -} - -.menu>.text4>.situation { - margin-left: -1vw; -} - -.menu>.text4>.situation>i { - padding-right: 1vw; -} - -.menu>.text4>.criminal>i { - padding-right: 0.6vw; -} - -@media (max-width: 1400px) { - .menu>.text4>.criminal>i { - padding-right: 1vw; - } -} - -.text2>.notice>p, -.text3>.review>p, -.text4>.town>p { - font-family: 'Inter'; - font-weight: 600; - font-size: 25px; - line-height: 30.26px; - letter-spacing: -0.05rem; - color: #131B5A; - margin: 0; -} - -@media (max-width: 1700px) { - - .text2>.notice>p, - .text3>.review>p, - .text4>.town>p { - font-size: 20px; - } -} - -@media (max-width: 1400px) { - - .text2>.notice>p, - .text3>.review>p, - .text4>.town>p { - font-size: 15px; - } -} - -@media (max-width: 1100px) { - - .text2>.notice>p, - .text3>.review>p, - .text4>.town>p { - font-size: 10px; - } -} - -.text2>.monthly>p, -.text2>.Jeonse>p, -.text2>.bargain>p, -.text3>.monthlyReview>p, -.text3>.JeonseReview>p, -.text3>.bargainReview>p, -.text4>.criminal>p, -.text4>.situation>p { - font-family: 'Inter'; - font-weight: 400; - font-size: 25px; - line-height: 30.26px; - letter-spacing: -0.05rem; - color: #131B5A; - margin: 0; -} - -@media (max-width: 1700px) { - - .text2>.monthly>p, - .text2>.Jeonse>p, - .text2>.bargain>p, - .text3>.monthlyReview>p, - .text3>.JeonseReview>p, - .text3>.bargainReview>p, - .text4>.criminal>p, - .text4>.situation>p { - font-size: 20px; - } -} - -@media (max-width: 1400px) { - - .text2>.monthly>p, - .text2>.Jeonse>p, - .text2>.bargain>p, - .text3>.monthlyReview>p, - .text3>.JeonseReview>p, - .text3>.bargainReview>p, - .text4>.criminal>p, - .text4>.situation>p { - font-size: 15px; - } -} - -@media (max-width: 1200px) { - - .text2>.monthly>p, - .text2>.Jeonse>p, - .text2>.bargain>p, - .text3>.monthlyReview>p, - .text3>.JeonseReview>p, - .text3>.bargainReview>p, - .text4>.criminal>p, - .text4>.situation>p { - font-size: 10px; - } -} - -.text2>.monthly>i, -.text2>.Jeonse>i, -.text2>.bargain>i, -.text4>.situation>i, -.text4>.criminal>i { - font-size: 0.5rem; -} - -@media (max-width: 1700px) { - - .text2>.monthly>i, - .text2>.Jeonse>i, - .text2>.bargain>i, - .text4>.situation>i, - .text4>.criminal>i { - font-size: 0.1rem; - } -} - -.text3>.monthlyReview>i, -.text3>.JeonseReview>i, -.text3>.bargainReview>i { - font-size: 0.5rem; -} - -.text2>hr, -.text3>hr { - width: 14.5vw; - border: 1px solid #131B5A; - margin-top: 1.5vw; -} - -@media (max-width: 1900px) { - - .text2>hr, - .text3>hr { - margin-top: 0.9vw; - } -} - -@media (max-width: 1800px) { - - .text2>hr, - .text3>hr { - margin-top: 0.8vw; - } -} - -.scheduleTitle { - width: 15vw; - height: 3vw; - border: none; - border-radius: 100px; - background-color: #0015AD; - box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); - color: white; - font-family: 'Hind'; - font-weight: 600; - font-size: 25px; - line-height: 40.03px; - text-align: center; - display: flex; - justify-content: center; - align-items: center; - margin-top: 20%; - z-index: 1; - position: relative; -} - -@media (max-width: 1500px) { - .scheduleTitle { - font-size: 15px; - } -} - -.scheduleBox { - width: 15vw; - height: 20vw; - border: 1px solid #919191; - background-color: white; - border-radius: 50px; - box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); - margin-top: -3vw; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -.scheduleBox>img { - width: 7vw; - height: 7vw; -} - -@media (max-width:1300px) { - .scheduleBox>img { - margin-top: 2vw; - } -} - -.scheduleBox>.scheduleText { - display: flex; - justify-content: center; - align-items: center; - text-align: center; -} - - -.scheduleBox>.scheduleText>p { - font-family: 'Inter'; - font-weight: 400; - font-size: 20px; - line-height: 24.2px; - letter-spacing: -0.05rem; - color: #818181; - margin: 0; - margin-top: 20px; -} - -@media (max-width:1500px) { - .scheduleBox>.scheduleText>p { - font-size: 15px; - } -} - -@media (max-width:1100px) { - .scheduleBox>.scheduleText>p { - font-size: 10px; - } -} - -.calendarbox { - cursor: pointer; - position:relative; -} - -.calendarbox>.Calendar1 { - width: 55vw; - height: 40vw; - margin-left:5%; - border: 1px solid #424242; - background-color: #F5F5F5; - border-radius: 40px; - box-shadow: 23px 27px 38px 1px rgba(0, 0, 0, 0.20); - z-index: 1; -} - -.calendarbox>.leftbar { - position:absolute; - width: 8vw; - height:40vw; - margin-top:-58%; - margin-left:1%; - border-radius: 100px; - background: linear-gradient(#23326F, #4967FF); - box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); - z-index:-1; -} - -.calendarbox>.leftcircle { - width: 7vw; - height: 7vw; - position: absolute; - margin-top:-59%; - margin-left:1%; - background-color: #09174E; - border-radius: 50%; - box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); - z-index: 3; -} - -.calendarbox>.Calendar1>.Container{ - display: flex; - align-items: center; - margin-left:7vw; - margin-top:4vw; -} - -.calendarbox>.Calendar1>.Container>i { - width: 18px; - height: 16.5px; - z-index: 3; - color: #4F4F4F; - margin-top: -1vw; -} - -@media (max-width:1400px) { - .calendarbox>.Calendar1>.Container>i{ - font-size:1.5rem; - } -} - -.calendarbox>.Calendar1>.Container>.ctext>p { - font-family: Inter; - font-size: 1.2vw; - font-weight: 400; - line-height: 30px; - letter-spacing: -0.05em; - text-align: left; - color: #4F4F4F; - margin-top:-1vw; - margin-left:1vw; - z-index: 3; -} - -.calendarbox>.Calendar1>.innerCalendar { - width: 51vw; - height: 34vw; - border: 1px solid #767676; - border-radius: 70px; - margin-left:2vw; - z-index: 4; - display: flex; - justify-content: center; - align-items: center; -} - -* { - margin: 0; - padding: 0; - font-family: sans-serif; - box-sizing: border-box; -} - -.calendarbox>.Calendar1>.innerCalendar>.calendar { - z-index: 999; - margin-top:-3vw; -} - -.header { - display: flex; - align-items: center; - margin-left: 11vw; - margin-top:3vw; -} - -.year-month, -.year-month2 { - font-family: 'Inter', sans-serif; - font-size: 1.6vw; - font-weight: 700; - text-align: left; - margin-top:1vw; - color: #505050; -} - -.year-month { - margin-right: 1vw; -} - -.year-month2 { - margin-left: 1vw; -} - -.nav { - display: flex; -} - -.nav-btn { - width: 3vw; - height: 1.5vw; - border: none; - background-color: transparent; - cursor: pointer; - font-family: 'Inter', sans-serif; - font-weight: 900; - font-size: 2.7vw; - color: #1A2344; -} - -.go-prev { - color: #000000; - margin-top:-1vw; -} - -.go-today { - width: 8vw; - display: flex; - justify-content: center; - align-items: center; -} - -.go-next { - color: #000000; - margin-top: -1vw; -} - -.days { - display: flex; - margin: 0.2vw 0 0; - width: 47vw; - height: 2.7vw; - border: 1px solid #4967FF; - border-radius: 20px; - background-color: #BFCBF6; - box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.35); -} - -.day { - width: calc(100%/7); - text-align: center; - display: flex; - justify-content: center; - align-items: center; - font-family: Inter; - font-size: 15px; - font-weight: 500; - line-height: 18px; - letter-spacing: 0em; - text-align: left; -} - -.dates { - display: flex; - flex-flow: row wrap; - width: 47vw; - height: 26vw; - border-right: 1px solid #676767; - border-bottom: 1px solid #676767; - border-left: 1px solid #676767; - border-radius: 30px; - overflow: hidden; - box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.25); -} - -.date { - width: calc(100%/7); - padding: 0.5vw 0.7vw; - text-align: right; - border-bottom: 2px solid #BFCBF6; - border-left: 2px solid #BFCBF6; - font-family: Inter; - font-size: 0.7vw; - font-weight: 400; - line-height: 18px; - letter-spacing: -0.05em; - text-align: right; -} - -.day:nth-child(7n+1), -.date:nth-child(7n+1) { - color: #D13E3E; -} - -.day:nth-child(7n), -.date:nth-child(7n) { - color: #396EE2; -} - -.other { - opacity: .3; -} - -.today { - position: relative; -} - -.today:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 1; - display: block; - width: 1.5vw; - height: 1.5vw; - border: 2px solid #BFCBF6; - border-radius: 50%; - transform: translate(-50%, -50%); - content: ''; -} - -.modal { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.4); - /* 배경 투명도 조절 */ - z-index: 1000; - display: flex; - align-items: center; - justify-content: center; -} - -.modal-content { - width: 100vw; - height: 100vh; - background: linear-gradient(#4A66FF, #77B5FF); - margin: auto; -} - -.modal>.modal-content>.modalTop>p { - font-family: Jua; - font-size: 3.5vw; - font-weight: 400; - line-height: 88px; - letter-spacing: -0.05em; - text-align: left; - color: #E9E9E9; - cursor: pointer; - background-color: none; -} - -.modal>.modal-content>.modalTop>p:hover { - color: #233C9B; -} - -.modal>.modal-content>.modalTop{ - display: flex; - justify-content: flex-end; - margin-top:1vw; -} - -.modal>.modal-content>.modalTop>.rightContainer{ - display:inline-flex; - margin-top:2vw; - margin-right:3vw; - -} - -.modal>.modal-content>.modalTop>.rightContainer>.text4>p { - font-family: Inter; - font-size: 1.5vw; - font-weight: 400; - line-height: 36px; - letter-spacing: -0.05em; - text-align: left; - color: #D1D1D1; -} - -.modal>.modal-content>.modalTop>.rightContainer>p { - color:#A4A4A4; -} - -.modal>.modal-content>.modalTop>.rightContainer>.text6>p { - font-family: Inter; - font-size: 1.5vw; - font-weight: 700; - line-height: 36px; - letter-spacing: -0.05em; - text-align: left; - color: white; -} - -.modal>.modal-content>.modalBox { - display: flex; - justify-content: center; - align-items: center; - position: relative; -} - -.modal>.modal-content>.modalBox>.modalbox { - width: 60%; - height: 39vw; - border-radius: 50px; - border: 1px solid #424242; - background-color: white; - z-index: 2; -} - -.modal>.modal-content>.modalBox>.modalbar { - z-index:1; - position: absolute; - margin-left:-60%; - width: 5vw; - height: 39vw; - background: linear-gradient(#23326F, #4967ff); - border-radius: 100px; - box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); -} - -.modal>.modal-content>.modalBox>.modalcircle { - position:absolute; - width: 5vw; - height: 5vw; - margin-left:-60%; - margin-top:-35%; - border-radius: 50%; - background-color: #09174E; - box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); - z-index: 2; -} - -.modal>.modal-content>.modalBox>i{ - position:absolute; - width:0.9vw; - height:0.8vw; - color:#4F4F4F; - z-index:3; - margin-left:-50%; - margin-top:-32%; -} - -@media (max-width:1400px) { - .modal>.modal-content>.modalBox>i { - font-size: 1.5rem; - } -} - -@media (max-width:1200px) { - .modal>.modal-content>.modalBox>i{ - font-size:1rem; - } -} - -.modal>.modal-content>.modalBox>.ctext2{ - position:absolute; - font-family: 'Inter'; - font-weight:400; - font-size:1.2vw; - line-height: 30.26px; - letter-spacing: -0.05rem; - color:#4F4F4F; - margin-top:-32%; - margin-left:-42%; - z-index:3; -} - -.modal>.modal-content>.modalBox>.inner{ - width: 55vw; - height: 34vw; - border: 1px solid #767676; - border-radius: 30px; - position: absolute; - margin-top:4vw; - z-index:4; -} - -.modalcalendar{ - display:flex; - justify-content: center; - align-items: center; - flex-direction: column; - position: absolute; - z-index: 9999; - margin-top:-35%; - margin-left:25%; -} - -.modalheader { - display: flex; - align-items: center; - margin-left:-5%; -} - -.modal-year-month, -.modal-year-month2 { - font-family: 'Inter', sans-serif; - font-size: 1.9vw; - font-weight: 700; - color: #505050; - margin-top: 1vw; -} - -.modal-year-month { - margin-right: 1vw; -} - -.modal-year-month2 { - margin-left: 1vw; -} - -.modalnav { - display: flex; -} - -.modalnav-btn { - width: 1.4vw; - height: 1.5vw; - border: none; - line-height: 34px; - background-color: transparent; - cursor: pointer; - font-family: 'Inter', sans-serif; - font-weight: 900; - font-size: 2.7vw; - color: #1A2344; - margin-top:0.5vw; -} - -.modal-go-today { - width: 8vw; - display: flex; - justify-content: center; - align-items: center; - margin-top:1vw; -} - -.modaldays { - display: flex; - margin: 0.7vw 0 0; - width: 50vw; - height: 2.7vw; - border: 1px solid #4967FF; - border-radius: 20px; - background-color: #BFCBF6; - box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.35); -} - -.modalday { - width: calc(100%/7); - text-align: center; - display: flex; - justify-content: center; - align-items: center; - font-size: 0.7vw; - font-family: 'Inter', sans-serif; - font-weight: 500; - color: #000000; -} - -.modaldates { - display: flex; - flex-flow: row wrap; - width: 50vw; - height: 27vw; - border-right: 1px solid #676767; - border-bottom: 1px solid #676767; - border-left: 1px solid #676767; - border-radius: 15px; - overflow: hidden; - box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.25); -} - -.modaldate { - width: calc(100%/7); - padding: 10px 15px; - text-align: right; - border-bottom: 2px solid #BFCBF6; - border-left: 2px solid #BFCBF6; - font-family: 'Inter', sans-serif; - font-weight: 400; - font-size: 0.7vw; - color: #646464; -} - -.modalday:nth-child(7n+1), -.modaldate:nth-child(7n+1) { - color: #D13E3E; -} - -.modalday:nth-child(7n), -.modaldate:nth-child(7n) { - color: #396EE2; -} - -.mdoal-today-hover:hover { - background-color: #E7FFDE; -} - -.modal-other { - opacity: .3; -} - -.modal-other-style { - background-color: pink; -} - -.modal-today { - position: relative; -} - -.modal-today:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 1; - display: block; - width: 1.5vw; - height: 1.5vw; - border: 2px solid #BFCBF6; - border-radius: 50%; - transform: translate(-50%, -50%); - content: ''; +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(#CDCDCD, #F5F5F5) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; +} + +.Middle { + display: flex; + justify-content: center; + align-items: center; +} + +.Middle>.Mcircle { + height: 149px; + width: 60%; + border: none; + border-radius: 100px; + background-color: #151E63; + margin-top: -100px; + margin-left: -20px; +} + +.top { + margin-top: -30px; +} + +p { + font-family: 'Inter'; + font-weight: 400; + font-size: 2vw; + line-height: 36.31px; + letter-spacing: -0.05rem; + color: #242A57; + margin-right: auto; + margin-left: 2vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -1vw; + margin-right: 5vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; + color: #181D45; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; + color: #181D45; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + + +.logo>p { + font-family: 'Jua'; + font-weight: 400; + font-size: 6.25vw; + line-height: 125px; + letter-spacing: -0.05rem; + color: #233C9B; + margin-left: 7%; + margin-top: 8%; + margin-bottom:7%; +} + +.middleTitle { + display: flex; + align-items: center; + margin-left:79%; + margin-top:-13%; + margin-bottom: 11%; +} + +.middleTitle>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 1.5vw; + line-height: 36.31px; + letter-spacing: -0.05rem; + color: #000000; + margin: 0; +} + +.middleTitle>p:not(:first-child) { + margin-left: 5px; +} + +.middleTitle>#bar{ + margin-right:5%; + margin-left:10%; +} + +.middleTitle>#Cal{ + color:#0F3FE8; + font-weight:700; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1600px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1500px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.3vw; + } +} + +@media (max-width: 1300px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.8vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.calendarbox { + cursor: pointer; + position:relative; +} + +.calendarbox>.Calendar1 { + width: 55vw; + height: 40vw; + margin-left:5%; + border: 1px solid #424242; + background-color: #F5F5F5; + border-radius: 40px; + box-shadow: 23px 27px 38px 1px rgba(0, 0, 0, 0.20); + z-index: 1; +} + +.calendarbox>.leftbar { + position:absolute; + width: 8vw; + height:40vw; + margin-top:-58%; + margin-left:1%; + border-radius: 100px; + background: linear-gradient(#23326F, #4967FF); + box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); + z-index:-1; +} + +.calendarbox>.leftcircle { + width: 7vw; + height: 7vw; + position: absolute; + margin-top:-59%; + margin-left:1%; + background-color: #09174E; + border-radius: 50%; + box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); + z-index: 3; +} + +.calendarbox>.Calendar1>.Container{ + display: flex; + align-items: center; + margin-left:7vw; + margin-top:4vw; +} + +.calendarbox>.Calendar1>.Container>i { + width: 18px; + height: 16.5px; + z-index: 3; + color: #4F4F4F; + margin-top: -1vw; +} + +@media (max-width:1400px) { + .calendarbox>.Calendar1>.Container>i{ + font-size:1.5rem; + } +} + +.calendarbox>.Calendar1>.Container>.ctext>p { + font-family: Inter; + font-size: 1.2vw; + font-weight: 400; + line-height: 30px; + letter-spacing: -0.05em; + text-align: left; + color: #4F4F4F; + margin-top:-1vw; + margin-left:1vw; + z-index: 3; +} + +.calendarbox>.Calendar1>.innerCalendar { + width: 51vw; + height: 34vw; + border: 1px solid #767676; + border-radius: 70px; + margin-left:2vw; + z-index: 4; + display: flex; + justify-content: center; + align-items: center; +} + +* { + margin: 0; + padding: 0; + font-family: sans-serif; + box-sizing: border-box; +} + +.calendarbox>.Calendar1>.innerCalendar>.calendar { + z-index: 999; + margin-top:-3vw; +} + +.header { + display: flex; + align-items: center; + margin-left: 11vw; + margin-top:3vw; +} + +.year-month, +.year-month2 { + font-family: 'Inter', sans-serif; + font-size: 1.6vw; + font-weight: 700; + text-align: left; + margin-top:1vw; + color: #505050; +} + +.year-month { + margin-right: 1vw; +} + +.year-month2 { + margin-left: 1vw; +} + +.nav { + display: flex; +} + +.nav-btn { + width: 3vw; + height: 1.5vw; + border: none; + background-color: transparent; + cursor: pointer; + font-family: 'Inter', sans-serif; + font-weight: 900; + font-size: 2.7vw; + color: #1A2344; +} + +.go-prev { + color: #000000; + margin-top:-1vw; +} + +.go-today { + width: 8vw; + display: flex; + justify-content: center; + align-items: center; +} + +.go-next { + color: #000000; + margin-top: -1vw; +} + +.days { + display: flex; + margin: 0.2vw 0 0; + width: 47vw; + height: 2.7vw; + border: 1px solid #4967FF; + border-radius: 20px; + background-color: #BFCBF6; + box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.35); +} + +.day { + width: calc(100%/7); + text-align: center; + display: flex; + justify-content: center; + align-items: center; + font-family: Inter; + font-size: 15px; + font-weight: 500; + line-height: 18px; + letter-spacing: 0em; + text-align: left; +} + +.dates { + display: flex; + flex-flow: row wrap; + width: 47vw; + height: 26vw; + border-right: 1px solid #676767; + border-bottom: 1px solid #676767; + border-left: 1px solid #676767; + border-radius: 30px; + overflow: hidden; + box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.25); +} + +.date { + width: calc(100%/7); + padding: 0.5vw 0.7vw; + text-align: right; + border-bottom: 2px solid #BFCBF6; + border-left: 2px solid #BFCBF6; + font-family: Inter; + font-size: 0.7vw; + font-weight: 400; + line-height: 18px; + letter-spacing: -0.05em; + text-align: right; +} + +.day:nth-child(7n+1), +.date:nth-child(7n+1) { + color: #D13E3E; +} + +.day:nth-child(7n), +.date:nth-child(7n) { + color: #396EE2; +} + +.other { + opacity: .3; +} + +.today { + position: relative; +} + +.today:before { + position: absolute; + top: 50%; + left: 50%; + z-index: 1; + display: block; + width: 1.5vw; + height: 1.5vw; + border: 2px solid #BFCBF6; + border-radius: 50%; + transform: translate(-50%, -50%); + content: ''; +} + +.modal { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.4); + /* 배경 투명도 조절 */ + z-index: 1000; + display: flex; + align-items: center; + justify-content: center; +} + +.modal-content { + width: 100vw; + height: 100vh; + background: linear-gradient(#4A66FF, #77B5FF); + margin: auto; +} + +.modal>.modal-content>.modalTop>p { + font-family: Jua; + font-size: 3.5vw; + font-weight: 400; + line-height: 88px; + letter-spacing: -0.05em; + text-align: left; + color: #E9E9E9; + cursor: pointer; + background-color: none; +} + +.modal>.modal-content>.modalTop>p:hover { + color: #233C9B; +} + +.modal>.modal-content>.modalTop{ + display: flex; + justify-content: flex-end; + margin-top:1vw; +} + +.modal>.modal-content>.modalTop>.rightContainer{ + display:inline-flex; + margin-top:2vw; + margin-right:3vw; + +} + +.modal>.modal-content>.modalTop>.rightContainer>.text4>p { + font-family: Inter; + font-size: 1.5vw; + font-weight: 400; + line-height: 36px; + letter-spacing: -0.05em; + text-align: left; + color: #D1D1D1; +} + +.modal>.modal-content>.modalTop>.rightContainer>p { + color:#A4A4A4; +} + +.modal>.modal-content>.modalTop>.rightContainer>.text6>p { + font-family: Inter; + font-size: 1.5vw; + font-weight: 700; + line-height: 36px; + letter-spacing: -0.05em; + text-align: left; + color: white; +} + +.modal>.modal-content>.modalBox { + display: flex; + justify-content: center; + align-items: center; + position: relative; +} + +.modal>.modal-content>.modalBox>.modalbox { + width: 60%; + height: 39vw; + border-radius: 50px; + border: 1px solid #424242; + background-color: white; + z-index: 2; +} + +.modal>.modal-content>.modalBox>.modalbar { + z-index:1; + position: absolute; + margin-left:-60%; + width: 5vw; + height: 39vw; + background: linear-gradient(#23326F, #4967ff); + border-radius: 100px; + box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); +} + +.modal>.modal-content>.modalBox>.modalcircle { + position:absolute; + width: 5vw; + height: 5vw; + margin-left:-60%; + margin-top:-35%; + border-radius: 50%; + background-color: #09174E; + box-shadow: 9px 14px 34px 0px rgba(0, 0, 0, 0.34); + z-index: 2; +} + +.modal>.modal-content>.modalBox>i{ + position:absolute; + width:0.9vw; + height:0.8vw; + color:#4F4F4F; + z-index:3; + margin-left:-50%; + margin-top:-32%; +} + +@media (max-width:1400px) { + .modal>.modal-content>.modalBox>i { + font-size: 1.5rem; + } +} + +@media (max-width:1200px) { + .modal>.modal-content>.modalBox>i{ + font-size:1rem; + } +} + +.modal>.modal-content>.modalBox>.ctext2{ + position:absolute; + font-family: 'Inter'; + font-weight:400; + font-size:1.2vw; + line-height: 30.26px; + letter-spacing: -0.05rem; + color:#4F4F4F; + margin-top:-32%; + margin-left:-42%; + z-index:3; +} + +.modal>.modal-content>.modalBox>.inner{ + width: 55vw; + height: 34vw; + border: 1px solid #767676; + border-radius: 30px; + position: absolute; + margin-top:4vw; + z-index:4; +} + +.modalcalendar{ + display:flex; + justify-content: center; + align-items: center; + flex-direction: column; + position: absolute; + z-index: 9999; + margin-top:-35%; + margin-left:25%; +} + +.modalheader { + display: flex; + align-items: center; + margin-left:-5%; +} + +.modal-year-month, +.modal-year-month2 { + font-family: 'Inter', sans-serif; + font-size: 1.9vw; + font-weight: 700; + color: #505050; + margin-top: 1vw; +} + +.modal-year-month { + margin-right: 1vw; +} + +.modal-year-month2 { + margin-left: 1vw; +} + +.modalnav { + display: flex; +} + +.modalnav-btn { + width: 1.4vw; + height: 1.5vw; + border: none; + line-height: 34px; + background-color: transparent; + cursor: pointer; + font-family: 'Inter', sans-serif; + font-weight: 900; + font-size: 2.7vw; + color: #1A2344; + margin-top:0.5vw; +} + +.modal-go-today { + width: 8vw; + display: flex; + justify-content: center; + align-items: center; + margin-top:1vw; +} + +.modaldays { + display: flex; + margin: 0.7vw 0 0; + width: 50vw; + height: 2.7vw; + border: 1px solid #4967FF; + border-radius: 20px; + background-color: #BFCBF6; + box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.35); +} + +.modalday { + width: calc(100%/7); + text-align: center; + display: flex; + justify-content: center; + align-items: center; + font-size: 0.7vw; + font-family: 'Inter', sans-serif; + font-weight: 500; + color: #000000; +} + +.modaldates { + display: flex; + flex-flow: row wrap; + width: 50vw; + height: 27vw; + border-right: 1px solid #676767; + border-bottom: 1px solid #676767; + border-left: 1px solid #676767; + border-radius: 15px; + overflow: hidden; + box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.25); +} + +.modaldate { + width: calc(100%/7); + padding: 10px 15px; + text-align: right; + border-bottom: 2px solid #BFCBF6; + border-left: 2px solid #BFCBF6; + font-family: 'Inter', sans-serif; + font-weight: 400; + font-size: 0.7vw; + color: #646464; +} + +.modalday:nth-child(7n+1), +.modaldate:nth-child(7n+1) { + color: #D13E3E; +} + +.modalday:nth-child(7n), +.modaldate:nth-child(7n) { + color: #396EE2; +} + +.mdoal-today-hover:hover { + background-color: #E7FFDE; +} + +.modal-other { + opacity: .3; +} + +.modal-other-style { + background-color: pink; +} + +.modal-today { + position: relative; +} + +.modal-today:before { + position: absolute; + top: 50%; + left: 50%; + z-index: 1; + display: block; + width: 1.5vw; + height: 1.5vw; + border: 2px solid #BFCBF6; + border-radius: 50%; + transform: translate(-50%, -50%); + content: ''; } \ No newline at end of file diff --git a/static/css/checklist.css b/static/css/checklist2.css similarity index 94% rename from static/css/checklist.css rename to static/css/checklist2.css index 14791481..ad4b06c9 100644 --- a/static/css/checklist.css +++ b/static/css/checklist2.css @@ -1,1342 +1,1342 @@ -@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); -@font-face { - font-family: 'Pretendard-Regular'; - src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); - font-weight: 400; - font-style: normal; -} - -body { - background: linear-gradient(#CDCDCD, #F5F5F5) no-repeat center fixed; - height: 100vh; - width: 100vw; -} - -.all>.left { - width: 30%; - padding-left: 12%; - float: left; - box-sizing: border-box; -} - -.all>.right { - width: 70%; - float: right; - box-sizing: border-box; - background: #ece6cc; -} - -.Middle { - display: flex; - justify-content: center; - align-items: center; -} - -.Middle>.Mcircle { - height: 149px; - width: 60%; - border: none; - border-radius: 100px; - background-color: #151E63; - margin-top: -100px; - margin-left: -20px; -} - -.top { - margin-top: -70px; -} - -p { - font-family: 'Inter'; - font-weight: 400; - font-size: 2vw; - line-height: 36.31px; - letter-spacing: -0.05rem; - color: #242A57; - margin-right: auto; - margin-left: 2vw; -} - -.icon { - display: flex; - justify-content: flex-end; - align-items: center; - margin-top: -3vw; - margin-right: 5vw; -} - -.icon>i { - margin-right: 2vw; - font-size: 2rem; -} - -@media (max-width: 1300px) { - .icon>i { - font-size: 1.5rem; - } -} - -.bell { - display: flex; - align-items: center; -} - -.bell>i { - margin-right: 5px; -} - -@media (max-width: 1300px) { - .bell>i { - font-size: 1.5rem; - } -} - - -.logo>p { - font-family: 'Jua'; - font-weight: 400; - font-size: 6.25vw; - line-height: 125px; - letter-spacing: -0.05rem; - color: #233C9B; - margin-left: 7%; - margin-top: 8%; -} - -.userBox>.user { - width: 15vw; - height: 3vw; - border: none; - border-radius: 100px; - background-color: #0015AD; - box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); - color: white; - font-family: 'Hind'; - font-weight: 600; - font-size: 25px; - line-height: 40.03px; - letter-spacing: -0.05rem; - text-align: center; - display: flex; - justify-content: center; - flex-direction: column; - position: relative; - z-index: 1; -} - -@media (max-width: 1500px) { - .userBox>.user { - font-size: 15px; - } -} - -.userbox { - width: 15vw; - min-width: 30px; - min-height: 30px; - height: 20vw; - border: 1px solid #919191; - background-color: white; - border-radius: 50px; - box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); - margin-top: -3vw; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; -} - -.userbox>.userImage { - width: 8vw; - padding-top: 8vw; - border: 2px solid #142F9E; - background: linear-gradient(#CFCFCF, #FFFFFF); - border-radius: 50%; - margin-top: 4vh; -} - -.userbox>.name { - font-family: 'Inter'; - font-weight: 600; - font-size: 18px; - color: #142F9E; - margin-top: 5%; -} - -@media (max-width: 1300px) { - .userbox>.name { - font-size: 5px; - } -} - -@media (max-width: 1100px) { - .userbox>.name { - font-size: 2px; - } -} - -.userbox>.email { - font-family: 'Inter'; - font-weight: 400; - font-size: 13px; - color: #4967FF; -} - -@media (max-width: 1200px) { - .userbox>.email { - font-size: 5px; - } -} - -@media (max-width: 1100px) { - .userbox>.email { - font-size: 2px; - } -} - -.userbox>.explain { - font-family: 'Inter'; - font-weight: 400; - font-size: 18px; - color: #142F9E; - margin-top: 2%; -} - -@media (max-width: 1600px) { - .userbox>.explain { - font-size: 15px; - } -} - -@media (max-width: 1200px) { - .userbox>.explain { - font-size: 10px; - } -} - -@media (max-width: 1100px) { - .userbox>.explain { - font-size: 2px; - } -} - -.userbox>.button-container { - display: flex; - align-items: center; - margin-top: 3%; -} - -#pen, -#setting { - width: 6vw; - height: 20px; - border: none; - background-color: white; - color: #09174E; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - font-family: 'Inter', sans-serif; - font-weight: 600; - font-size: 14px; - line-height: 17px; - letter-spacing: -0.05rem; - white-space: nowrap; -} - -@media (max-width: 1700px) { - - #pen, - #setting { - font-size: 1px; - height: 1vh; - } -} - -#pen { - width: 4vw; - margin-right: 5px; -} - -#pen:hover, -#setting:hover { - color: #142F9E; -} - -#pen img, -#setting img { - width: 1vw; - height: 1vw; - margin-right: 3px; -} - -.menu { - width: 14.5vw; - height: 55vw; - border: 1px solid #919191; - border-radius: 50px; - box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); - margin-top: 20%; - margin-left: 0.5%; - background-color: white; -} - -.menu>.checklist { - width: 13vw; - height: 4vw; - padding-left: 9%; - background-color: #131B5A; - font-family: 'Hind'; - font-weight: 600; - font-size: 25px; - line-height: 40.03px; - letter-spacing: -0.05rem; - color: white; - display: flex; - justify-content: center; - flex-direction: center; - align-items: center; -} - -@media (max-width: 1600px) { - .menu>.checklist { - font-size: 20px; - } -} - -@media (max-width: 1400px) { - .menu>.checklist { - font-size: 15px; - } -} - -@media (max-width: 1100px) { - .menu>.checklist { - font-size: 10px; - } -} - -.menu>.checklistcircle { - width: 3vw; - height: 4vw; - background-color: #131B5A; - border-radius: 0 4vw 4vw 0; - margin-top: -4vw; - margin-left: 13vw; -} - -.menu>.text1 { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; -} - -.menu>.text1>.checklistText, -.menu>.text1>.calText { - display: flex; - align-items: center; - margin-top: 1.5vw; -} - -.menu>.text1>.calText { - margin-bottom: 1.5vw; -} - -@media (max-width: 1700px) { - .menu>.text1>.calText { - margin-bottom: 1vw; - } -} - -@media (max-width: 1700px) { - - .menu>.text1>.checklistText, - .menu>.text1>.calText { - margin-top: 1vw; - } -} - -@media (max-width: 1200px) { - .menu>.text1>.calText { - margin-bottom: 0.5vw; - } -} - -@media (max-width: 1200px) { - - .menu>.text1>.checklistText, - .menu>.text1>.calText { - margin-top: 0.5vw; - } -} - -.menu>.text1>.checklistText>p, -.menu>.text1>.calText>p { - font-family: 'Inter'; - font-size: 25px; - line-height: 30.26px; - letter-spacing: -0.05rem; - font-weight: 400; - color: #131B5A; - margin: 0; -} - -@media (max-width: 1700px) { - - .menu>.text1>.checklistText>p, - .menu>.text1>.calText>p { - font-size: 20px; - } -} - -@media (max-width: 1400px) { - - .menu>.text1>.checklistText>p, - .menu>.text1>.calText>p { - font-size: 15px; - } -} - -@media (max-width: 1200px) { - - .menu>.text1>.checklistText>p, - .menu>.text1>.calText>p { - font-size: 10px; - } -} - -.menu>.text1>.checklistText>i, -.menu>.text1>.calText>i { - font-size: 0.5rem; -} - -@media (max-width: 1700px) { - - .menu>.text1>.checklistText>i, - .menu>.text1>.calText>i { - font-size: 0.1rem; - } -} - -.menu>.noticeboard { - width: 13vw; - height: 4vw; - padding-left: 9%; - background-color: #131B5A; - font-family: 'Hind'; - font-weight: 600; - font-size: 25px; - line-height: 40.03px; - letter-spacing: -0.05rem; - color: white; - display: flex; - justify-content: center; - flex-direction: center; - align-items: center; -} - -@media (max-width: 1600px) { - .menu>.noticeboard { - font-size: 20px; - } -} - -@media (max-width: 1200px) { - .menu>.noticeboard { - font-size: 15px; - } -} - -@media (max-width: 1100px) { - .menu>.noticeboard { - font-size: 10px; - } -} - -.menu>.noticeboardcircle { - width: 3vw; - height: 4vw; - background-color: #131B5A; - border-radius: 0 4vw 4vw 0; - margin-top: -4vw; - margin-left: 13vw; -} - -.menu>.text2, -.menu>.text3, -.menu>.text4 { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; -} - -.menu>.text2>.Jeonse, -.menu>.text2>.bargain, -.menu>.text3>.JeonseReview, -.menu>.text3>.bargainReview, -.menu>.text4>.criminal { - display: flex; - align-items: center; - justify-content: center; - margin-top: 1.5vw; -} - -@media (max-width: 1700px) { - - .menu>.text2>.Jeonse, - .menu>.text2>.bargain, - .menu>.text3>.JeonseReview, - .menu>.text3>.bargainReview, - .menu>.text4>.criminal { - margin-top: 1vw; - } -} - -@media (max-width: 1200px) { - - .menu>.text2>.Jeonse, - .menu>.text2>.bargain, - .menu>.text3>.JeonseReview, - .menu>.text3>.bargainReview, - .menu>.text4>.criminal { - margin-top: 0.5vw; - } -} - -@media (max-width: 1000px) { - - .menu>.text2>.Jeonse, - .menu>.text2>.bargain, - .menu>.text3>.JeonseReview, - .menu>.text3>.bargainReview, - .menu>.text4>.criminal { - margin-top: 0.1vw; - } -} - -.menu>.text2>.notice, -.menu>.text2>.monthly, -.menu>.text3>.review, -.menu>.text3>.monthlyReview, -.menu>.text4>.town, -.menu>.text4>.situation { - display: flex; - align-items: center; - justify-content: center; - margin-top: 1.5vw; -} - -@media (max-width: 1700px) { - - .menu>.text2>.notice, - .menu>.text2>.monthly, - .menu>.text3>.review, - .menu>.text3>.monthlyReview, - .menu>.text4>.town, - .menu>.text4>.situation { - margin-top: 1.5vw; - } -} - -@media (max-width: 1400px) { - - .menu>.text2>.notice, - .menu>.text2>.monthly, - .menu>.text3>.review, - .menu>.text3>.monthlyReview, - .menu>.text4>.town, - .menu>.text4>.situation { - margin-top: 0.5vw; - } -} - -@media (max-width: 1100px) { - - .menu>.text2>.notice, - .menu>.text2>.monthly, - .menu>.text3>.review, - .menu>.text3>.monthlyReview, - .menu>.text4>.town, - .menu>.text4>.situation { - margin-top: 0.1vw; - } -} - - -.menu>.text1>.checklistText { - margin-left: -1vw; -} - -.menu>.text1>.checklistText>i { - padding-right: 2vw; -} - -@media (max-width: 1700px) { - .menu>.text1>.checklistText { - margin-left: -2vw; - } -} - -@media (max-width: 1700px) { - .menu>.text1>.checklistText>i { - padding-right: 1vw; - } -} - -@media (max-width: 1500px) { - .menu>.text1>.checklistText { - margin-left: -1vw; - } -} - -@media (max-width: 1500px) { - .menu>.text1>.checklistText>i { - padding-right: 2vw; - } -} - -@media (max-width: 1300px) { - .menu>.text1>.checklistText { - margin-left: -2vw; - } -} - -@media (max-width: 1300px) { - .menu>.text1>.checklistText>i { - padding-right: 2vw; - } -} - -.menu>.text1>.calText { - margin-left: -3vw; -} - -.menu>.text1>.calText>i { - padding-right: 2.5vw; -} - -.menu>.text2>.monthly, -.menu>.text2>.Jeonse, -.menu>.text2>.bargain { - margin-left: -1vw; -} - -.menu>.text2>.monthly>i, -.menu>.text2>.Jeonse>i, -.menu>.text2>.bargain>i { - padding-right: 1vw; -} - -.menu>.text3>.monthlyReview, -.menu>.text3>.JeonseReview, -.menu>.text3>.bargainReview { - margin-left: -2vw; -} - -.menu>.text3>.monthlyReview>i, -.menu>.text3>.JeonseReview>i, -.menu>.text3>.bargainReview>i { - padding-right: 2vw; -} - -.menu>.text4>.situation { - margin-left: -1vw; -} - -.menu>.text4>.situation>i { - padding-right: 1vw; -} - -.menu>.text4>.criminal>i { - padding-right: 0.6vw; -} - -@media (max-width: 1400px) { - .menu>.text4>.criminal>i { - padding-right: 1vw; - } -} - -.text2>.notice>p, -.text3>.review>p, -.text4>.town>p { - font-family: 'Inter'; - font-weight: 600; - font-size: 25px; - line-height: 30.26px; - letter-spacing: -0.05rem; - color: #131B5A; - margin: 0; -} - -@media (max-width: 1700px) { - - .text2>.notice>p, - .text3>.review>p, - .text4>.town>p { - font-size: 20px; - } -} - -@media (max-width: 1400px) { - - .text2>.notice>p, - .text3>.review>p, - .text4>.town>p { - font-size: 15px; - } -} - -@media (max-width: 1100px) { - - .text2>.notice>p, - .text3>.review>p, - .text4>.town>p { - font-size: 10px; - } -} - -.text2>.monthly>p, -.text2>.Jeonse>p, -.text2>.bargain>p, -.text3>.monthlyReview>p, -.text3>.JeonseReview>p, -.text3>.bargainReview>p, -.text4>.criminal>p, -.text4>.situation>p { - font-family: 'Inter'; - font-weight: 400; - font-size: 25px; - line-height: 30.26px; - letter-spacing: -0.05rem; - color: #131B5A; - margin: 0; -} - -@media (max-width: 1700px) { - - .text2>.monthly>p, - .text2>.Jeonse>p, - .text2>.bargain>p, - .text3>.monthlyReview>p, - .text3>.JeonseReview>p, - .text3>.bargainReview>p, - .text4>.criminal>p, - .text4>.situation>p { - font-size: 20px; - } -} - -@media (max-width: 1400px) { - - .text2>.monthly>p, - .text2>.Jeonse>p, - .text2>.bargain>p, - .text3>.monthlyReview>p, - .text3>.JeonseReview>p, - .text3>.bargainReview>p, - .text4>.criminal>p, - .text4>.situation>p { - font-size: 15px; - } -} - -@media (max-width: 1200px) { - - .text2>.monthly>p, - .text2>.Jeonse>p, - .text2>.bargain>p, - .text3>.monthlyReview>p, - .text3>.JeonseReview>p, - .text3>.bargainReview>p, - .text4>.criminal>p, - .text4>.situation>p { - font-size: 10px; - } -} - -.text2>.monthly>i, -.text2>.Jeonse>i, -.text2>.bargain>i, -.text4>.situation>i, -.text4>.criminal>i { - font-size: 0.5rem; -} - -@media (max-width: 1700px) { - - .text2>.monthly>i, - .text2>.Jeonse>i, - .text2>.bargain>i, - .text4>.situation>i, - .text4>.criminal>i { - font-size: 0.1rem; - } -} - -.text3>.monthlyReview>i, -.text3>.JeonseReview>i, -.text3>.bargainReview>i { - font-size: 0.5rem; -} - -.text2>hr, -.text3>hr { - width: 14.5vw; - border: 1px solid #131B5A; - margin-top: 1.5vw; -} - -@media (max-width: 1900px) { - - .text2>hr, - .text3>hr { - margin-top: 0.9vw; - } -} - -@media (max-width: 1800px) { - - .text2>hr, - .text3>hr { - margin-top: 0.6vw; - } -} - -.scheduleTitle { - width: 15vw; - height: 3vw; - border: none; - border-radius: 100px; - background-color: #0015AD; - box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); - color: white; - font-family: 'Hind'; - font-weight: 600; - font-size: 25px; - line-height: 40.03px; - text-align: center; - display: flex; - justify-content: center; - align-items: center; - margin-top: 20%; - z-index: 1; - position: relative; -} - -@media (max-width: 1500px) { - .scheduleTitle { - font-size: 15px; - } -} - -.scheduleBox { - width: 15vw; - height: 20vw; - border: 1px solid #919191; - background-color: white; - border-radius: 50px; - box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); - margin-top: -3vw; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -.scheduleBox>img { - width: 7vw; - height: 7vw; -} - -@media (max-width:1300px) { - .scheduleBox>img { - margin-top: 2vw; - } -} - -.scheduleBox>.scheduleText { - display: flex; - justify-content: center; - align-items: center; - text-align: center; -} - - -.scheduleBox>.scheduleText>p { - font-family: 'Inter'; - font-weight: 400; - font-size: 20px; - line-height: 24.2px; - letter-spacing: -0.05rem; - color: #818181; - margin: 0; - margin-top: 20px; -} - -@media (max-width:1500px) { - .scheduleBox>.scheduleText>p { - font-size: 15px; - } -} - -@media (max-width:1100px) { - .scheduleBox>.scheduleText>p { - font-size: 10px; - } -} - -.exambox { - height: 24vw; - width: 39vw; - border-radius: 100px; - background: linear-gradient(180deg, #5072FF 0%, #75B0FF 100%); - position: absolute; - top: 23vw; - left: 50%; - transform: translateX(-50%); -} - -.box_title { - font-size: 2.5vw; - color: #FFFFFF; - text-align: left; - margin-left: 4vw; - margin-bottom: 1vw; -} - -.box_text1, -.box_text2, -.box_text3 { - font-size: 1.2vw; - color: #FFFFFF; - text-align: left; - margin-left: 4vw; - margin-bottom: 1vw; -} - -.box_text4 { - margin-top: 1vw; - font-size: 1.5vw; - color: #FFFFFF; - text-align: left; - margin-left: 4vw; - margin-bottom: 1vw; -} - -.box_hr { - background-color: #FFFFFF; - height: 4px; - width: 80%; -} - -/* 반응형 스타일을 추가합니다 */ -@media (max-width: 1200px) { - .exambox { - height: 40vw; - width: 65vw; - top: 10vw; - left: 50%; - transform: translateX(-50%); - } - - .box_title { - font-size: 4vw; - margin-left: 8vw; - } - - .box_text1, - .box_text2, - .box_text3 { - font-size: 2vw; - margin-left: 8vw; - } - - .box_text4 { - font-size: 2.5vw; - margin-left: 8vw; - } -} - -/* 추가된 부분 */ -.checkbox { - height: 24vw; - width: 39vw; - border-radius: 100px; - position: absolute; - top: 50vw; - left: 50%; - transform: translateX(-50%); -} - -.plusboxs { - height: 4vw; - width: 35vw; - border-radius: 100px; - position: absolute; - background: linear-gradient(180deg, #cbc7c7 0%, rgba(226, 226, 226, 0) 100%); - left: 50%; - transform: translateX(-50%); - border: 8px solid #5073FF; -} - -#plusBtn { - height: 4vw; - width: 35vw; - border-radius: 100px; - position: absolute; - background: linear-gradient(180deg, #cbc7c7 0%, rgba(226, 226, 226, 0) 100%); - left: 50%; - transform: translateX(-50%); - border: 8px solid #5073FF; - font-size: 1.0vw; - color: #0418AB; - cursor: pointer; -} - -.plus_text { - margin-top: 0%; - font-size: 1.3vw; - text-align: left; - margin-left: 39%; -} - -.right>.checkbox>i { - font-size: 3vw; - margin-left: 47%; - margin-bottom: 5%; - margin-top: 7vw; - color: #676767; -} - -.right>.checkbox>.plusbox>i { - font-size: 1.5vw; - margin-left: 35%; - margin-top: 4%; - color: #0418AB; -} - -.check_text1 { - color: #222B72; - font-size: 1.5vw; - font-weight: bold; -} - -.check_text2 { - color: #222B72; - margin-top: 10vw; - font-size: 1.5vw; - font-weight: bold; -} - -.check_text3 { - color: #222B72; - margin-top: 10vw; - font-size: 1.5vw; - font-weight: bold; -} - -/* 추가된 부분 */ -@media (max-width: 600px) { - .checkbox { - height: 50vw; - width: 80vw; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - - .plusboxs, - #plusBtn { - height: 10vw; - width: 80vw; - left: 50%; - transform: translateX(-50%); - } - - .plus_text { - font-size: 3vw; - text-align: center; - margin-left: 0; - } - - .right>.checkbox>i { - font-size: 6vw; - margin-left: 50%; - margin-bottom: 10%; - } - - .right>.checkbox>.plusbox>i { - font-size: 3vw; - margin-left: 35%; - margin-top: 8%; - } -} - -.modal-container { - position: fixed; - top: 5vw; - left: 15vw; - height: 40vw; - width: 70vw; - display: none; - align-items: center; - justify-content: center; - z-index: 9999; - backdrop-filter: blur(3px); - background-color: #FFFFFF; - border-radius: 70px; - border: 2px solid #000000; - /* 검은색 테두리 선 추가 */ -} - -.first_checkbox { - height: 4vw; - width: 35vw; - border-radius: 100px; - position: absolute; - background: #FFFFFF; - left: 50%; - transform: translateX(-50%); - border: 8px solid #5073FF; - font-size: 1.0vw; - color: #0418AB; - cursor: pointer; -} - -.second_checkbox { - height: 4vw; - width: 35vw; - border-radius: 100px; - position: absolute; - background: #FFFFFF; - left: 50%; - transform: translateX(-50%); - border: 8px solid #5073FF; - font-size: 1.0vw; - color: #0418AB; - cursor: pointer; -} - -.third_checkbox { - height: 4vw; - width: 35vw; - border-radius: 100px; - position: absolute; - background: #FFFFFF; - left: 50%; - transform: translateX(-50%); - border: 8px solid #5073FF; - font-size: 1.0vw; - color: #0418AB; - cursor: pointer; -} - -.checkbox>.first_checkbox { - display: flex; - align-items: center; - justify-content: flex-start; -} - -.checkbox>.first_checkbox>i { - margin-left: 1vw; - font-size: 1.5vw; -} - -.checkbox>.first_checkbox>.first_checkbox_text { - margin-left: 1vw; - font-size: 1.1vw; - font-weight: bold; -} - -.checkbox>.second_checkbox { - display: flex; - align-items: center; - justify-content: flex-start; -} - -.checkbox>.second_checkbox>i { - margin-left: 1vw; - font-size: 1.5vw; -} - -.checkbox>.second_checkbox>.second_checkbox_text { - margin-left: 1vw; - font-size: 1.1vw; - font-weight: bold; -} - -.checkbox>.third_checkbox { - display: flex; - align-items: center; - justify-content: flex-start; -} - -.checkbox>.third_checkbox>i { - margin-left: 1vw; - font-size: 1.5vw; -} - -.checkbox>.third_checkbox>.third_checkbox_text { - margin-left: 1vw; - font-size: 1.1vw; - font-weight: bold; -} - -first_checkbox.clicked { - background: #ff0000; - /* 변경할 색상을 지정합니다 */ -} - -.modal-container>.modal>#ModalTitle { - color: #222B72; - margin-top: -13vw; - margin-left: 30vw; - margin-top: -7vw; -} - -.modal-container>.modal>#close { - height: 2.5vw; - width: 5vw; - border-radius: 100px; - position: absolute; - background: #5073FF; - top: 35vw; - left: 60vw; - transform: translateX(-50%); - border: 8px solid #5073FF; - font-size: 1.0vw; - font-weight: bold; - color: #ffffff; - cursor: pointer; - -} - -.modal-container>.modal>#modal_firsttext { - font-size: 1.2vw; - font-weight: bold; - margin-left: 30vw; - margin-top: 3vw; -} - -.modal-container>.modal>#modal_secondtext { - font-size: 1.2vw; - font-weight: bold; - margin-left: 30vw; - margin-top: 3vw; -} - -.modal-container>.modal>#modal_thirdtext { - font-size: 1.2vw; - font-weight: bold; - margin-left: 30vw; - margin-top: 3vw; -} - -.modal-container>.modal>#modal_Input { - margin-left: 60vw; - text-align: center; - height: 2.5vw; - width: 60vw; - border-radius: 100px; - background: #F6F6F6; - top: 35vw; - transform: translateX(-50%); - border: 5px solid #5073FF; - font-size: 1.0vw; - font-weight: bold; - color: #000000; - cursor: pointer; -} - -.modal-container>.modal>.dropbox { - margin-left: 30vw; -} - -.modal-container>.modal>.dropbox>#year, -.modal-container>.modal>.dropbox>#month, -.modal-container>.modal>.dropbox>#day { - display: inline-block; - margin-left: 10vw; - /* 드롭박스 사이의 간격을 조정할 수 있습니다 */ - text-align: center; - height: 2.5vw; - width: 10vw; - border-radius: 100px; - background: #F6F6F6; - top: 35vw; - transform: translateX(-50%); - border: 5px solid #5073FF; - font-size: 1.0vw; - font-weight: bold; - color: #000000; - cursor: pointer; -} - -.modal-container>.modal>.checkbox { - display: inline-block; - margin-right: 10px; - padding: 5px 10px; - border-radius: 5px; - background-color: #F6F6F6; - color: #333333; - cursor: pointer; - -} - -#item1 { - text-align: center; - height: 1.5vw; - width: 10vw; - margin-left: -20vw; - border-radius: 100px; - background: #F6F6F6; - top: 30vw; - transform: translateX(-50%); - border: 5px solid #5073FF; - font-size: 1.0vw; - font-weight: bold; - color: #000000; - cursor: pointer; -} - -#item2 { - text-align: center; - height: 1.5vw; - width: 10vw; - border-radius: 100px; - background: #F6F6F6; - top: 30vw; - transform: translateX(-50%); - border: 5px solid #5073FF; - font-size: 1.0vw; - font-weight: bold; - color: #000000; - cursor: pointer; -} - -#item3 { - text-align: center; - height: 1.5vw; - margin-left: 20vw; - width: 10vw; - border-radius: 100px; - background: #F6F6F6; - top: 30vw; - transform: translateX(-50%); - border: 5px solid #5073FF; - font-size: 1.0vw; - font-weight: bold; - color: #000000; - cursor: pointer; -} - -.selected { - background-color: #5073FF; - color: #FFFFFF; +@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap'); +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body { + background: linear-gradient(#CDCDCD, #F5F5F5) no-repeat center fixed; + height: 100vh; + width: 100vw; +} + +.all>.left { + width: 30%; + padding-left: 12%; + float: left; + box-sizing: border-box; +} + +.all>.right { + width: 70%; + float: right; + box-sizing: border-box; + background: #ece6cc; +} + +.Middle { + display: flex; + justify-content: center; + align-items: center; +} + +.Middle>.Mcircle { + height: 149px; + width: 60%; + border: none; + border-radius: 100px; + background-color: #151E63; + margin-top: -100px; + margin-left: -20px; +} + +.top { + margin-top: -70px; +} + +p { + font-family: 'Inter'; + font-weight: 400; + font-size: 2vw; + line-height: 36.31px; + letter-spacing: -0.05rem; + color: #242A57; + margin-right: auto; + margin-left: 2vw; +} + +.icon { + display: flex; + justify-content: flex-end; + align-items: center; + margin-top: -3vw; + margin-right: 5vw; +} + +.icon>i { + margin-right: 2vw; + font-size: 2rem; +} + +@media (max-width: 1300px) { + .icon>i { + font-size: 1.5rem; + } +} + +.bell { + display: flex; + align-items: center; +} + +.bell>i { + margin-right: 5px; +} + +@media (max-width: 1300px) { + .bell>i { + font-size: 1.5rem; + } +} + + +.logo>p { + font-family: 'Jua'; + font-weight: 400; + font-size: 6.25vw; + line-height: 125px; + letter-spacing: -0.05rem; + color: #233C9B; + margin-left: 7%; + margin-top: 8%; +} + +.userBox>.user { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; + position: relative; + z-index: 1; +} + +@media (max-width: 1500px) { + .userBox>.user { + font-size: 15px; + } +} + +.userbox { + width: 15vw; + min-width: 30px; + min-height: 30px; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} + +.userbox>.userImage { + width: 8vw; + padding-top: 8vw; + border: 2px solid #142F9E; + background: linear-gradient(#CFCFCF, #FFFFFF); + border-radius: 50%; + margin-top: 4vh; +} + +.userbox>.name { + font-family: 'Inter'; + font-weight: 600; + font-size: 18px; + color: #142F9E; + margin-top: 5%; +} + +@media (max-width: 1300px) { + .userbox>.name { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.name { + font-size: 2px; + } +} + +.userbox>.email { + font-family: 'Inter'; + font-weight: 400; + font-size: 13px; + color: #4967FF; +} + +@media (max-width: 1200px) { + .userbox>.email { + font-size: 5px; + } +} + +@media (max-width: 1100px) { + .userbox>.email { + font-size: 2px; + } +} + +.userbox>.explain { + font-family: 'Inter'; + font-weight: 400; + font-size: 18px; + color: #142F9E; + margin-top: 2%; +} + +@media (max-width: 1600px) { + .userbox>.explain { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + .userbox>.explain { + font-size: 10px; + } +} + +@media (max-width: 1100px) { + .userbox>.explain { + font-size: 2px; + } +} + +.userbox>.button-container { + display: flex; + align-items: center; + margin-top: 3%; +} + +#pen, +#setting { + width: 6vw; + height: 20px; + border: none; + background-color: white; + color: #09174E; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Inter', sans-serif; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: -0.05rem; + white-space: nowrap; +} + +@media (max-width: 1700px) { + + #pen, + #setting { + font-size: 1px; + height: 1vh; + } +} + +#pen { + width: 4vw; + margin-right: 5px; +} + +#pen:hover, +#setting:hover { + color: #142F9E; +} + +#pen img, +#setting img { + width: 1vw; + height: 1vw; + margin-right: 3px; +} + +.menu { + width: 14.5vw; + height: 55vw; + border: 1px solid #919191; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: 20%; + margin-left: 0.5%; + background-color: white; +} + +.menu>.checklist { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.checklist { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + .menu>.checklist { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.checklist { + font-size: 10px; + } +} + +.menu>.checklistcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text1 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text1>.checklistText, +.menu>.text1>.calText { + display: flex; + align-items: center; + margin-top: 1.5vw; +} + +.menu>.text1>.calText { + margin-bottom: 1.5vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.calText { + margin-bottom: 1vw; + } +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + .menu>.text1>.calText { + margin-bottom: 0.5vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText, + .menu>.text1>.calText { + margin-top: 0.5vw; + } +} + +.menu>.text1>.checklistText>p, +.menu>.text1>.calText>p { + font-family: 'Inter'; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + font-weight: 400; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .menu>.text1>.checklistText>p, + .menu>.text1>.calText>p { + font-size: 10px; + } +} + +.menu>.text1>.checklistText>i, +.menu>.text1>.calText>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .menu>.text1>.checklistText>i, + .menu>.text1>.calText>i { + font-size: 0.1rem; + } +} + +.menu>.noticeboard { + width: 13vw; + height: 4vw; + padding-left: 9%; + background-color: #131B5A; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + letter-spacing: -0.05rem; + color: white; + display: flex; + justify-content: center; + flex-direction: center; + align-items: center; +} + +@media (max-width: 1600px) { + .menu>.noticeboard { + font-size: 20px; + } +} + +@media (max-width: 1200px) { + .menu>.noticeboard { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + .menu>.noticeboard { + font-size: 10px; + } +} + +.menu>.noticeboardcircle { + width: 3vw; + height: 4vw; + background-color: #131B5A; + border-radius: 0 4vw 4vw 0; + margin-top: -4vw; + margin-left: 13vw; +} + +.menu>.text2, +.menu>.text3, +.menu>.text4 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.menu>.text2>.Jeonse, +.menu>.text2>.bargain, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview, +.menu>.text4>.criminal { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 1vw; + } +} + +@media (max-width: 1200px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.5vw; + } +} + +@media (max-width: 1000px) { + + .menu>.text2>.Jeonse, + .menu>.text2>.bargain, + .menu>.text3>.JeonseReview, + .menu>.text3>.bargainReview, + .menu>.text4>.criminal { + margin-top: 0.1vw; + } +} + +.menu>.text2>.notice, +.menu>.text2>.monthly, +.menu>.text3>.review, +.menu>.text3>.monthlyReview, +.menu>.text4>.town, +.menu>.text4>.situation { + display: flex; + align-items: center; + justify-content: center; + margin-top: 1.5vw; +} + +@media (max-width: 1700px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 1.5vw; + } +} + +@media (max-width: 1400px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.5vw; + } +} + +@media (max-width: 1100px) { + + .menu>.text2>.notice, + .menu>.text2>.monthly, + .menu>.text3>.review, + .menu>.text3>.monthlyReview, + .menu>.text4>.town, + .menu>.text4>.situation { + margin-top: 0.1vw; + } +} + + +.menu>.text1>.checklistText { + margin-left: -1vw; +} + +.menu>.text1>.checklistText>i { + padding-right: 2vw; +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1700px) { + .menu>.text1>.checklistText>i { + padding-right: 1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText { + margin-left: -1vw; + } +} + +@media (max-width: 1500px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText { + margin-left: -2vw; + } +} + +@media (max-width: 1300px) { + .menu>.text1>.checklistText>i { + padding-right: 2vw; + } +} + +.menu>.text1>.calText { + margin-left: -3vw; +} + +.menu>.text1>.calText>i { + padding-right: 2.5vw; +} + +.menu>.text2>.monthly, +.menu>.text2>.Jeonse, +.menu>.text2>.bargain { + margin-left: -1vw; +} + +.menu>.text2>.monthly>i, +.menu>.text2>.Jeonse>i, +.menu>.text2>.bargain>i { + padding-right: 1vw; +} + +.menu>.text3>.monthlyReview, +.menu>.text3>.JeonseReview, +.menu>.text3>.bargainReview { + margin-left: -2vw; +} + +.menu>.text3>.monthlyReview>i, +.menu>.text3>.JeonseReview>i, +.menu>.text3>.bargainReview>i { + padding-right: 2vw; +} + +.menu>.text4>.situation { + margin-left: -1vw; +} + +.menu>.text4>.situation>i { + padding-right: 1vw; +} + +.menu>.text4>.criminal>i { + padding-right: 0.6vw; +} + +@media (max-width: 1400px) { + .menu>.text4>.criminal>i { + padding-right: 1vw; + } +} + +.text2>.notice>p, +.text3>.review>p, +.text4>.town>p { + font-family: 'Inter'; + font-weight: 600; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 15px; + } +} + +@media (max-width: 1100px) { + + .text2>.notice>p, + .text3>.review>p, + .text4>.town>p { + font-size: 10px; + } +} + +.text2>.monthly>p, +.text2>.Jeonse>p, +.text2>.bargain>p, +.text3>.monthlyReview>p, +.text3>.JeonseReview>p, +.text3>.bargainReview>p, +.text4>.criminal>p, +.text4>.situation>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 25px; + line-height: 30.26px; + letter-spacing: -0.05rem; + color: #131B5A; + margin: 0; +} + +@media (max-width: 1700px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 20px; + } +} + +@media (max-width: 1400px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 15px; + } +} + +@media (max-width: 1200px) { + + .text2>.monthly>p, + .text2>.Jeonse>p, + .text2>.bargain>p, + .text3>.monthlyReview>p, + .text3>.JeonseReview>p, + .text3>.bargainReview>p, + .text4>.criminal>p, + .text4>.situation>p { + font-size: 10px; + } +} + +.text2>.monthly>i, +.text2>.Jeonse>i, +.text2>.bargain>i, +.text4>.situation>i, +.text4>.criminal>i { + font-size: 0.5rem; +} + +@media (max-width: 1700px) { + + .text2>.monthly>i, + .text2>.Jeonse>i, + .text2>.bargain>i, + .text4>.situation>i, + .text4>.criminal>i { + font-size: 0.1rem; + } +} + +.text3>.monthlyReview>i, +.text3>.JeonseReview>i, +.text3>.bargainReview>i { + font-size: 0.5rem; +} + +.text2>hr, +.text3>hr { + width: 14.5vw; + border: 1px solid #131B5A; + margin-top: 1.5vw; +} + +@media (max-width: 1900px) { + + .text2>hr, + .text3>hr { + margin-top: 0.9vw; + } +} + +@media (max-width: 1800px) { + + .text2>hr, + .text3>hr { + margin-top: 0.6vw; + } +} + +.scheduleTitle { + width: 15vw; + height: 3vw; + border: none; + border-radius: 100px; + background-color: #0015AD; + box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32); + color: white; + font-family: 'Hind'; + font-weight: 600; + font-size: 25px; + line-height: 40.03px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + margin-top: 20%; + z-index: 1; + position: relative; +} + +@media (max-width: 1500px) { + .scheduleTitle { + font-size: 15px; + } +} + +.scheduleBox { + width: 15vw; + height: 20vw; + border: 1px solid #919191; + background-color: white; + border-radius: 50px; + box-shadow: inset 6px -5px 28px 0px rgba(0, 0, 0, 0.28); + margin-top: -3vw; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.scheduleBox>img { + width: 7vw; + height: 7vw; +} + +@media (max-width:1300px) { + .scheduleBox>img { + margin-top: 2vw; + } +} + +.scheduleBox>.scheduleText { + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + + +.scheduleBox>.scheduleText>p { + font-family: 'Inter'; + font-weight: 400; + font-size: 20px; + line-height: 24.2px; + letter-spacing: -0.05rem; + color: #818181; + margin: 0; + margin-top: 20px; +} + +@media (max-width:1500px) { + .scheduleBox>.scheduleText>p { + font-size: 15px; + } +} + +@media (max-width:1100px) { + .scheduleBox>.scheduleText>p { + font-size: 10px; + } +} + +.exambox { + height: 24vw; + width: 39vw; + border-radius: 100px; + background: linear-gradient(180deg, #5072FF 0%, #75B0FF 100%); + position: absolute; + top: 23vw; + left: 50%; + transform: translateX(-50%); +} + +.box_title { + font-size: 2.5vw; + color: #FFFFFF; + text-align: left; + margin-left: 4vw; + margin-bottom: 1vw; +} + +.box_text1, +.box_text2, +.box_text3 { + font-size: 1.2vw; + color: #FFFFFF; + text-align: left; + margin-left: 4vw; + margin-bottom: 1vw; +} + +.box_text4 { + margin-top: 1vw; + font-size: 1.5vw; + color: #FFFFFF; + text-align: left; + margin-left: 4vw; + margin-bottom: 1vw; +} + +.box_hr { + background-color: #FFFFFF; + height: 4px; + width: 80%; +} + +/* 반응형 스타일을 추가합니다 */ +@media (max-width: 1200px) { + .exambox { + height: 40vw; + width: 65vw; + top: 10vw; + left: 50%; + transform: translateX(-50%); + } + + .box_title { + font-size: 4vw; + margin-left: 8vw; + } + + .box_text1, + .box_text2, + .box_text3 { + font-size: 2vw; + margin-left: 8vw; + } + + .box_text4 { + font-size: 2.5vw; + margin-left: 8vw; + } +} + +/* 추가된 부분 */ +.checkbox { + height: 24vw; + width: 39vw; + border-radius: 100px; + position: absolute; + top: 50vw; + left: 50%; + transform: translateX(-50%); +} + +.plusboxs { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: linear-gradient(180deg, #cbc7c7 0%, rgba(226, 226, 226, 0) 100%); + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; +} + +#plusBtn { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: linear-gradient(180deg, #cbc7c7 0%, rgba(226, 226, 226, 0) 100%); + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + color: #0418AB; + cursor: pointer; +} + +.plus_text { + margin-top: 0%; + font-size: 1.3vw; + text-align: left; + margin-left: 39%; +} + +.right>.checkbox>i { + font-size: 3vw; + margin-left: 47%; + margin-bottom: 5%; + margin-top: 7vw; + color: #676767; +} + +.right>.checkbox>.plusbox>i { + font-size: 1.5vw; + margin-left: 35%; + margin-top: 4%; + color: #0418AB; +} + +.check_text1 { + color: #222B72; + font-size: 1.5vw; + font-weight: bold; +} + +.check_text2 { + color: #222B72; + margin-top: 10vw; + font-size: 1.5vw; + font-weight: bold; +} + +.check_text3 { + color: #222B72; + margin-top: 10vw; + font-size: 1.5vw; + font-weight: bold; +} + +/* 추가된 부분 */ +@media (max-width: 600px) { + .checkbox { + height: 50vw; + width: 80vw; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + .plusboxs, + #plusBtn { + height: 10vw; + width: 80vw; + left: 50%; + transform: translateX(-50%); + } + + .plus_text { + font-size: 3vw; + text-align: center; + margin-left: 0; + } + + .right>.checkbox>i { + font-size: 6vw; + margin-left: 50%; + margin-bottom: 10%; + } + + .right>.checkbox>.plusbox>i { + font-size: 3vw; + margin-left: 35%; + margin-top: 8%; + } +} + +.modal-container { + position: fixed; + top: 5vw; + left: 15vw; + height: 40vw; + width: 70vw; + display: none; + align-items: center; + justify-content: center; + z-index: 9999; + backdrop-filter: blur(3px); + background-color: #FFFFFF; + border-radius: 70px; + border: 2px solid #000000; + /* 검은색 테두리 선 추가 */ +} + +.first_checkbox { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: #FFFFFF; + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + color: #0418AB; + cursor: pointer; +} + +.second_checkbox { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: #FFFFFF; + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + color: #0418AB; + cursor: pointer; +} + +.third_checkbox { + height: 4vw; + width: 35vw; + border-radius: 100px; + position: absolute; + background: #FFFFFF; + left: 50%; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + color: #0418AB; + cursor: pointer; +} + +.checkbox>.first_checkbox { + display: flex; + align-items: center; + justify-content: flex-start; +} + +.checkbox>.first_checkbox>i { + margin-left: 1vw; + font-size: 1.5vw; +} + +.checkbox>.first_checkbox>.first_checkbox_text { + margin-left: 1vw; + font-size: 1.1vw; + font-weight: bold; +} + +.checkbox>.second_checkbox { + display: flex; + align-items: center; + justify-content: flex-start; +} + +.checkbox>.second_checkbox>i { + margin-left: 1vw; + font-size: 1.5vw; +} + +.checkbox>.second_checkbox>.second_checkbox_text { + margin-left: 1vw; + font-size: 1.1vw; + font-weight: bold; +} + +.checkbox>.third_checkbox { + display: flex; + align-items: center; + justify-content: flex-start; +} + +.checkbox>.third_checkbox>i { + margin-left: 1vw; + font-size: 1.5vw; +} + +.checkbox>.third_checkbox>.third_checkbox_text { + margin-left: 1vw; + font-size: 1.1vw; + font-weight: bold; +} + +first_checkbox.clicked { + background: #ff0000; + /* 변경할 색상을 지정합니다 */ +} + +.modal-container>.modal>#ModalTitle { + color: #222B72; + margin-top: -13vw; + margin-left: 30vw; + margin-top: -7vw; +} + +.modal-container>.modal>#close { + height: 2.5vw; + width: 5vw; + border-radius: 100px; + position: absolute; + background: #5073FF; + top: 35vw; + left: 60vw; + transform: translateX(-50%); + border: 8px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #ffffff; + cursor: pointer; + +} + +.modal-container>.modal>#modal_firsttext { + font-size: 1.2vw; + font-weight: bold; + margin-left: 30vw; + margin-top: 3vw; +} + +.modal-container>.modal>#modal_secondtext { + font-size: 1.2vw; + font-weight: bold; + margin-left: 30vw; + margin-top: 3vw; +} + +.modal-container>.modal>#modal_thirdtext { + font-size: 1.2vw; + font-weight: bold; + margin-left: 30vw; + margin-top: 3vw; +} + +.modal-container>.modal>#modal_Input { + margin-left: 60vw; + text-align: center; + height: 2.5vw; + width: 60vw; + border-radius: 100px; + background: #F6F6F6; + top: 35vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +.modal-container>.modal>.dropbox { + margin-left: 30vw; +} + +.modal-container>.modal>.dropbox>#year, +.modal-container>.modal>.dropbox>#month, +.modal-container>.modal>.dropbox>#day { + display: inline-block; + margin-left: 10vw; + /* 드롭박스 사이의 간격을 조정할 수 있습니다 */ + text-align: center; + height: 2.5vw; + width: 10vw; + border-radius: 100px; + background: #F6F6F6; + top: 35vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +.modal-container>.modal>.checkbox { + display: inline-block; + margin-right: 10px; + padding: 5px 10px; + border-radius: 5px; + background-color: #F6F6F6; + color: #333333; + cursor: pointer; + +} + +#item1 { + text-align: center; + height: 1.5vw; + width: 10vw; + margin-left: -20vw; + border-radius: 100px; + background: #F6F6F6; + top: 30vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +#item2 { + text-align: center; + height: 1.5vw; + width: 10vw; + border-radius: 100px; + background: #F6F6F6; + top: 30vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +#item3 { + text-align: center; + height: 1.5vw; + margin-left: 20vw; + width: 10vw; + border-radius: 100px; + background: #F6F6F6; + top: 30vw; + transform: translateX(-50%); + border: 5px solid #5073FF; + font-size: 1.0vw; + font-weight: bold; + color: #000000; + cursor: pointer; +} + +.selected { + background-color: #5073FF; + color: #FFFFFF; } \ No newline at end of file diff --git a/static/javascript/cal.js b/static/javascript/cal2.js similarity index 97% rename from static/javascript/cal.js rename to static/javascript/cal2.js index 3a5757d5..d901c467 100644 --- a/static/javascript/cal.js +++ b/static/javascript/cal2.js @@ -1,198 +1,198 @@ -// 현재 날짜 가져오는 Date 객체 생성 -let date = new Date(); - -const renderCalendar = () => { - const viewYear = date.getFullYear(); // 현재 년도 가져오기 - const viewMonth = (date.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 가져오기, 2자리로 변환 - const monthNames = [ - // 월 영문 이름 배열 - 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', - 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC' - ]; - const monthText = monthNames[date.getMonth()]; // 현재 월의 영문 이름 가져오기 - - document.querySelector('.year-month').textContent = `${viewYear}.`; - document.querySelector('.year-month2').textContent = `.${viewMonth}`; - document.querySelector('.go-today').textContent = `${monthText}`; - - const prevLast = new Date(viewYear, viewMonth - 1, 0); // 이전 달의 마지막 날짜 가져오기 - const thisLast = new Date(viewYear, viewMonth, 0); // 현재 달의 마지막 날짜 가져오기 - - const PLDate = prevLast.getDate(); // 이전 달 마지막 날짜 - const PLDay = prevLast.getDay(); // 이전 달 마지막 날짜의 요일 - - const TLDate = thisLast.getDate(); // 현재 달 마지막 날짜 - const TLDay = thisLast.getDay(); // 현재 달 마지막 날짜의 요일 - - const prevDates = []; - const thisDates = [...Array(TLDate + 1).keys()].slice(1); - const nextDates = []; - - // 이전 달의 날짜들이 담긴 배열 - if (PLDay !== 6) { - for (let i = 0; i < PLDay + 1; i++) { - prevDates.unshift(PLDate - i); - } - } - - // 다음 달의 날짜들이 담긴 배열 - for (let i = 1; i < 7 - TLDay; i++) { - nextDates.push(i); - } - - // 날짜 배열 합침 - const dates = prevDates.concat(thisDates, nextDates); - const firstDateIndex = dates.indexOf(1); - const lastDateIndex = dates.lastIndexOf(TLDate); - - dates.forEach((date, i) => { - const condition = i >= firstDateIndex && i < lastDateIndex + 1 ? 'this' : 'other'; - dates[i] = `
${date}
`; - }); - - document.querySelector('.dates').innerHTML = dates.join(''); - - const today = new Date(); - if ( - viewMonth === (today.getMonth() + 1).toString().padStart(2, '0') && - viewYear === today.getFullYear() - ) { - // 현재 달에 해당하는 모든 요소에 today-hover 클래스 추가 - const thisDates = document.querySelectorAll('.this'); - for (let date of thisDates) { - date.parentElement.classList.add('today-hover'); - } - - // 현재 날짜와 일치하는 요소에 today 클래스 추가 - for (let date of thisDates) { - if (+date.innerText === today.getDate()) { - date.classList.add('today'); - break; - } - } - } -}; - -renderCalendar(); - -const prevMonth = () => { - date.setDate(1); - date.setMonth(date.getMonth() - 1); - renderCalendar(); -}; - -const nextMonth = () => { - date.setDate(1); - date.setMonth(date.getMonth() + 1); - renderCalendar(); -}; - - -const modalContainer = document.getElementById("modal"); -const modalContent = document.querySelector(".modal-content"); - -function openModal() { - modalContainer.style.display = "flex"; -} - -function closeModal() { - modalContainer.style.display = "none"; -} - -modalContent.addEventListener("click", function (event) { - event.stopPropagation(); // 이벤트 전파 중단 -}); - -window.addEventListener("load", function () { - modalContainer.style.display = "none"; -}); - - -//모달 안의 달력 -> 기존 html꺼 복사해오려고 했는데, 이전 달과 다음 달로 넘어가는 버튼에서 문제 생겨서 그냥 새로 만들어줬습니다. -let calendarDate = new Date(); - -const modalrenderCalendar = () => { - const viewYear = calendarDate.getFullYear(); // 현재 년도 가져오기 - const viewMonth = (calendarDate.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 가져오기, 2자리로 변환 - const monthNames = [ - // 월 영문 이름 배열 - 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', - 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC' - ]; - const monthText = monthNames[calendarDate.getMonth()]; // 현재 월의 영문 이름 가져오기 - - document.querySelector('.modal-year-month').textContent = `${viewYear}.`; - document.querySelector('.modal-year-month2').textContent = `.${viewMonth}`; - document.querySelector('.modal-go-today').textContent = `${monthText}`; - - const prevLast = new Date(viewYear, viewMonth - 1, 0); // 이전 달의 마지막 날짜 가져오기 - const thisLast = new Date(viewYear, viewMonth, 0); // 현재 달의 마지막 날짜 가져오기 - - const PLDate = prevLast.getDate(); // 이전 달 마지막 날짜 - const PLDay = prevLast.getDay(); // 이전 달 마지막 날짜의 요일 - - const TLDate = thisLast.getDate(); // 현재 달 마지막 날짜 - const TLDay = thisLast.getDay(); // 현재 달 마지막 날짜의 요일 - - const prevDates = []; - const thisDates = [...Array(TLDate + 1).keys()].slice(1); - const nextDates = []; - - // 이전 달의 날짜들이 담긴 배열 - if (PLDay !== 6) { - for (let i = 0; i < PLDay + 1; i++) { - prevDates.unshift(PLDate - i); - } - } - - // 다음 달의 날짜들이 담긴 배열 - for (let i = 1; i < 7 - TLDay; i++) { - nextDates.push(i); - } - - // 날짜 배열 합침 - const dates = prevDates.concat(thisDates, nextDates); - const firstDateIndex = dates.indexOf(1); - const lastDateIndex = dates.lastIndexOf(TLDate); - - dates.forEach((date, i) => { - const condition = i >= firstDateIndex && i < lastDateIndex + 1 ? 'modal-this' : 'modal-other'; - dates[i] = `
${date}
`; - }); - - document.querySelector('.modaldates').innerHTML = dates.join(''); - - const today = new Date(); - if ( - viewMonth === (today.getMonth() + 1).toString().padStart(2, '0') && - viewYear === today.getFullYear() - ) { - // 현재 달에 해당하는 모든 요소에 today-hover 클래스 추가 - const thisDates = document.querySelectorAll('.modal-this'); - for (let date of thisDates) { - date.parentElement.classList.add('modal-today-hover'); - } - - // 현재 날짜와 일치하는 요소에 today 클래스 추가 - for (let date of thisDates) { - if (+date.innerText === today.getDate()) { - date.classList.add('modal-today'); - break; - } - } - } -}; - -modalrenderCalendar(); - -const prevMonth2 = () => { - calendarDate.setDate(1); - calendarDate.setMonth(calendarDate.getMonth() - 1); - modalrenderCalendar(); -}; - -const nextMonth2 = () => { - calendarDate.setDate(1); - calendarDate.setMonth(calendarDate.getMonth() + 1); - modalrenderCalendar(); -}; +// 현재 날짜 가져오는 Date 객체 생성 +let date = new Date(); + +const renderCalendar = () => { + const viewYear = date.getFullYear(); // 현재 년도 가져오기 + const viewMonth = (date.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 가져오기, 2자리로 변환 + const monthNames = [ + // 월 영문 이름 배열 + 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', + 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC' + ]; + const monthText = monthNames[date.getMonth()]; // 현재 월의 영문 이름 가져오기 + + document.querySelector('.year-month').textContent = `${viewYear}.`; + document.querySelector('.year-month2').textContent = `.${viewMonth}`; + document.querySelector('.go-today').textContent = `${monthText}`; + + const prevLast = new Date(viewYear, viewMonth - 1, 0); // 이전 달의 마지막 날짜 가져오기 + const thisLast = new Date(viewYear, viewMonth, 0); // 현재 달의 마지막 날짜 가져오기 + + const PLDate = prevLast.getDate(); // 이전 달 마지막 날짜 + const PLDay = prevLast.getDay(); // 이전 달 마지막 날짜의 요일 + + const TLDate = thisLast.getDate(); // 현재 달 마지막 날짜 + const TLDay = thisLast.getDay(); // 현재 달 마지막 날짜의 요일 + + const prevDates = []; + const thisDates = [...Array(TLDate + 1).keys()].slice(1); + const nextDates = []; + + // 이전 달의 날짜들이 담긴 배열 + if (PLDay !== 6) { + for (let i = 0; i < PLDay + 1; i++) { + prevDates.unshift(PLDate - i); + } + } + + // 다음 달의 날짜들이 담긴 배열 + for (let i = 1; i < 7 - TLDay; i++) { + nextDates.push(i); + } + + // 날짜 배열 합침 + const dates = prevDates.concat(thisDates, nextDates); + const firstDateIndex = dates.indexOf(1); + const lastDateIndex = dates.lastIndexOf(TLDate); + + dates.forEach((date, i) => { + const condition = i >= firstDateIndex && i < lastDateIndex + 1 ? 'this' : 'other'; + dates[i] = `
${date}
`; + }); + + document.querySelector('.dates').innerHTML = dates.join(''); + + const today = new Date(); + if ( + viewMonth === (today.getMonth() + 1).toString().padStart(2, '0') && + viewYear === today.getFullYear() + ) { + // 현재 달에 해당하는 모든 요소에 today-hover 클래스 추가 + const thisDates = document.querySelectorAll('.this'); + for (let date of thisDates) { + date.parentElement.classList.add('today-hover'); + } + + // 현재 날짜와 일치하는 요소에 today 클래스 추가 + for (let date of thisDates) { + if (+date.innerText === today.getDate()) { + date.classList.add('today'); + break; + } + } + } +}; + +renderCalendar(); + +const prevMonth = () => { + date.setDate(1); + date.setMonth(date.getMonth() - 1); + renderCalendar(); +}; + +const nextMonth = () => { + date.setDate(1); + date.setMonth(date.getMonth() + 1); + renderCalendar(); +}; + + +const modalContainer = document.getElementById("modal"); +const modalContent = document.querySelector(".modal-content"); + +function openModal() { + modalContainer.style.display = "flex"; +} + +function closeModal() { + modalContainer.style.display = "none"; +} + +modalContent.addEventListener("click", function (event) { + event.stopPropagation(); // 이벤트 전파 중단 +}); + +window.addEventListener("load", function () { + modalContainer.style.display = "none"; +}); + + +//모달 안의 달력 -> 기존 html꺼 복사해오려고 했는데, 이전 달과 다음 달로 넘어가는 버튼에서 문제 생겨서 그냥 새로 만들어줬습니다. +let calendarDate = new Date(); + +const modalrenderCalendar = () => { + const viewYear = calendarDate.getFullYear(); // 현재 년도 가져오기 + const viewMonth = (calendarDate.getMonth() + 1).toString().padStart(2, '0'); // 현재 월 가져오기, 2자리로 변환 + const monthNames = [ + // 월 영문 이름 배열 + 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', + 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC' + ]; + const monthText = monthNames[calendarDate.getMonth()]; // 현재 월의 영문 이름 가져오기 + + document.querySelector('.modal-year-month').textContent = `${viewYear}.`; + document.querySelector('.modal-year-month2').textContent = `.${viewMonth}`; + document.querySelector('.modal-go-today').textContent = `${monthText}`; + + const prevLast = new Date(viewYear, viewMonth - 1, 0); // 이전 달의 마지막 날짜 가져오기 + const thisLast = new Date(viewYear, viewMonth, 0); // 현재 달의 마지막 날짜 가져오기 + + const PLDate = prevLast.getDate(); // 이전 달 마지막 날짜 + const PLDay = prevLast.getDay(); // 이전 달 마지막 날짜의 요일 + + const TLDate = thisLast.getDate(); // 현재 달 마지막 날짜 + const TLDay = thisLast.getDay(); // 현재 달 마지막 날짜의 요일 + + const prevDates = []; + const thisDates = [...Array(TLDate + 1).keys()].slice(1); + const nextDates = []; + + // 이전 달의 날짜들이 담긴 배열 + if (PLDay !== 6) { + for (let i = 0; i < PLDay + 1; i++) { + prevDates.unshift(PLDate - i); + } + } + + // 다음 달의 날짜들이 담긴 배열 + for (let i = 1; i < 7 - TLDay; i++) { + nextDates.push(i); + } + + // 날짜 배열 합침 + const dates = prevDates.concat(thisDates, nextDates); + const firstDateIndex = dates.indexOf(1); + const lastDateIndex = dates.lastIndexOf(TLDate); + + dates.forEach((date, i) => { + const condition = i >= firstDateIndex && i < lastDateIndex + 1 ? 'modal-this' : 'modal-other'; + dates[i] = `
${date}
`; + }); + + document.querySelector('.modaldates').innerHTML = dates.join(''); + + const today = new Date(); + if ( + viewMonth === (today.getMonth() + 1).toString().padStart(2, '0') && + viewYear === today.getFullYear() + ) { + // 현재 달에 해당하는 모든 요소에 today-hover 클래스 추가 + const thisDates = document.querySelectorAll('.modal-this'); + for (let date of thisDates) { + date.parentElement.classList.add('modal-today-hover'); + } + + // 현재 날짜와 일치하는 요소에 today 클래스 추가 + for (let date of thisDates) { + if (+date.innerText === today.getDate()) { + date.classList.add('modal-today'); + break; + } + } + } +}; + +modalrenderCalendar(); + +const prevMonth2 = () => { + calendarDate.setDate(1); + calendarDate.setMonth(calendarDate.getMonth() - 1); + modalrenderCalendar(); +}; + +const nextMonth2 = () => { + calendarDate.setDate(1); + calendarDate.setMonth(calendarDate.getMonth() + 1); + modalrenderCalendar(); +}; diff --git a/static/javascript/checklist.js b/static/javascript/checklist2.js similarity index 96% rename from static/javascript/checklist.js rename to static/javascript/checklist2.js index b3ed429a..c21ead0d 100644 --- a/static/javascript/checklist.js +++ b/static/javascript/checklist2.js @@ -1,156 +1,156 @@ - - -//close 버튼 누르면 모달 종료 -function closeModal() { - const modalContainer = document.getElementById("modalContainer"); - modalContainer.style.display = "none"; -} - -// 모달 초기화 여부 -var isModalInitialized = false; - -// 모달 초기화 함수 -function initializeModal() { - if (isModalInitialized) { - return; - } - - //photo에 있는 사진의 background를 photoimage에 담아 초기 값 주기 - var mainPhotoBox = document.querySelector('.photo'); - var photoBox = document.querySelector('.photoImage'); - var photoBoxStyle = getComputedStyle(mainPhotoBox); - - photoBox.style.backgroundImage = photoBoxStyle.backgroundImage; - photoBox.style.backgroundSize = photoBoxStyle.backgroundSize; - photoBox.style.backgroundPosition = photoBoxStyle.backgroundPosition; - photoBox.style.backgroundRepeat = photoBoxStyle.backgroundRepeat; - - isModalInitialized = true; -} - -// 모달 열기 함수 -function openModal() { - const modalContainer = document.getElementById('modalContainer'); - modalContainer.style.display = 'flex'; - setTimeout(initializeModal, 0); // 모달이 열린 후에 초기화 -} - - -document.addEventListener('DOMContentLoaded', function () { - const checkbox = document.querySelector('.checkbox > .first_checkbox'); - let clicked = false; - - checkbox.addEventListener('click', function () { - clicked = !clicked; - - if (clicked) { - this.style.background = '#5377FF'; - //cnt올리기? - } else { - this.style.background = '#FFFFFF'; - //cnt내리기? - } - }); -}); - -document.addEventListener('DOMContentLoaded', function () { - const checkbox = document.querySelector('.checkbox > .second_checkbox'); - let clicked = false; - - checkbox.addEventListener('click', function () { - clicked = !clicked; - - if (clicked) { - this.style.background = '#5377FF'; - //cnt올리기? - } else { - this.style.background = '#FFFFFF'; - //cnt내리기? - } - }); -}); - -document.addEventListener('DOMContentLoaded', function () { - const checkbox = document.querySelector('.checkbox > .third_checkbox'); - let clicked = false; - - checkbox.addEventListener('click', function () { - clicked = !clicked; - - if (clicked) { - this.style.background = '#5377FF'; - //cnt올리기? - } else { - this.style.background = '#FFFFFF'; - //cnt내리기? - } - }); -}); - -const items = document.querySelectorAll('.checkbox'); - -items.forEach(item => { - item.addEventListener('click', () => { - if (!item.classList.contains('active')) { - items.forEach(otherItem => { - if (otherItem !== item && otherItem.classList.contains('active')) { - otherItem.classList.remove('active'); - } - }); - item.classList.add('active'); - } else { - item.classList.remove('active'); - } - }); -}); -let clicked1 = false; -let clicked2 = false; -let clicked3 = false; -document.addEventListener('DOMContentLoaded', function () { - const checkbox = document.querySelector('.modal > #item1'); - - - checkbox.addEventListener('click', function () { - clicked1 = !clicked1; - - if (clicked1 && !clicked2 && !clicked3) { - this.style.background = '#5377FF'; - //cnt올리기? - } else { - this.style.background = '#FFFFFF'; - //cnt내리기? - } - }); -}); - -document.addEventListener('DOMContentLoaded', function () { - const checkbox = document.querySelector('.modal > #item2'); - - checkbox.addEventListener('click', function () { - clicked2 = !clicked2; - - if (!clicked1 && clicked2 && !clicked3) { - this.style.background = '#5377FF'; - //cnt올리기? - } else { - this.style.background = '#FFFFFF'; - //cnt내리기? - } - }); -}); - -document.addEventListener('DOMContentLoaded', function () { - const checkbox = document.querySelector('.modal > #item3'); - - checkbox.addEventListener('click', function () { - clicked3 = !clicked3; - - if (!clicked1 && !clicked2 && clicked3) { - this.style.background = '#5377FF'; - //cnt올리기? - } else { - this.style.background = '#FFFFFF'; - //cnt내리기? - } - }); + + +//close 버튼 누르면 모달 종료 +function closeModal() { + const modalContainer = document.getElementById("modalContainer"); + modalContainer.style.display = "none"; +} + +// 모달 초기화 여부 +var isModalInitialized = false; + +// 모달 초기화 함수 +function initializeModal() { + if (isModalInitialized) { + return; + } + + //photo에 있는 사진의 background를 photoimage에 담아 초기 값 주기 + var mainPhotoBox = document.querySelector('.photo'); + var photoBox = document.querySelector('.photoImage'); + var photoBoxStyle = getComputedStyle(mainPhotoBox); + + photoBox.style.backgroundImage = photoBoxStyle.backgroundImage; + photoBox.style.backgroundSize = photoBoxStyle.backgroundSize; + photoBox.style.backgroundPosition = photoBoxStyle.backgroundPosition; + photoBox.style.backgroundRepeat = photoBoxStyle.backgroundRepeat; + + isModalInitialized = true; +} + +// 모달 열기 함수 +function openModal() { + const modalContainer = document.getElementById('modalContainer'); + modalContainer.style.display = 'flex'; + setTimeout(initializeModal, 0); // 모달이 열린 후에 초기화 +} + + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.checkbox > .first_checkbox'); + let clicked = false; + + checkbox.addEventListener('click', function () { + clicked = !clicked; + + if (clicked) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.checkbox > .second_checkbox'); + let clicked = false; + + checkbox.addEventListener('click', function () { + clicked = !clicked; + + if (clicked) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.checkbox > .third_checkbox'); + let clicked = false; + + checkbox.addEventListener('click', function () { + clicked = !clicked; + + if (clicked) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +const items = document.querySelectorAll('.checkbox'); + +items.forEach(item => { + item.addEventListener('click', () => { + if (!item.classList.contains('active')) { + items.forEach(otherItem => { + if (otherItem !== item && otherItem.classList.contains('active')) { + otherItem.classList.remove('active'); + } + }); + item.classList.add('active'); + } else { + item.classList.remove('active'); + } + }); +}); +let clicked1 = false; +let clicked2 = false; +let clicked3 = false; +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.modal > #item1'); + + + checkbox.addEventListener('click', function () { + clicked1 = !clicked1; + + if (clicked1 && !clicked2 && !clicked3) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.modal > #item2'); + + checkbox.addEventListener('click', function () { + clicked2 = !clicked2; + + if (!clicked1 && clicked2 && !clicked3) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); +}); + +document.addEventListener('DOMContentLoaded', function () { + const checkbox = document.querySelector('.modal > #item3'); + + checkbox.addEventListener('click', function () { + clicked3 = !clicked3; + + if (!clicked1 && !clicked2 && clicked3) { + this.style.background = '#5377FF'; + //cnt올리기? + } else { + this.style.background = '#FFFFFF'; + //cnt내리기? + } + }); }); \ No newline at end of file diff --git a/templates/accounts/login.html b/templates/accounts/login2.html similarity index 100% rename from templates/accounts/login.html rename to templates/accounts/login2.html diff --git a/templates/basic.html b/templates/basic2.html similarity index 97% rename from templates/basic.html rename to templates/basic2.html index a5ecb2be..0082e836 100644 --- a/templates/basic.html +++ b/templates/basic2.html @@ -1,126 +1,126 @@ - - - - - - LisaMate - - - - -
-
-
-
-

My Check list

-
- - -
- -
-
-
-
- - - -
-
-
-
USER
-
-
-
아기사자 33
- -
이사 준비 중입니다!
-
- - -
-
-
- -
-
체크리스트
-
-
-
- -

체크리스트

-
-
- -

캘린더

-
-
-
게시판
-
-
-
-

정보 게시판

-
-
- -

월세 정보 공유

-
-
- -

전세 정보 공유

-
-
- -

매매 정보 공유

-
-
-
-
-
-

후기 게시판

-
-
- -

월세 후기

-
-
- -

전세 후기

-
-
- -

매매 후기

-
-
-
-
-
-

우리동네 게시판

-
-
- -

우리동네 현황

-
-
- -

범죄자 거주 정보

-
-
-
-
Schedule
-
- -
-

오늘의 일정이 없습니다.

-
-
-
-
-
- + + + + + + LisaMate + + + + +
+
+
+
+

My Check list

+
+ + +
+ +
+
+
+
+ + + +
+
+
+
USER
+
+
+
아기사자 33
+ +
이사 준비 중입니다!
+
+ + +
+
+
+ +
+
체크리스트
+
+
+
+ +

체크리스트

+
+
+ +

캘린더

+
+
+
게시판
+
+
+
+

정보 게시판

+
+
+ +

월세 정보 공유

+
+
+ +

전세 정보 공유

+
+
+ +

매매 정보 공유

+
+
+
+
+
+

후기 게시판

+
+
+ +

월세 후기

+
+
+ +

전세 후기

+
+
+ +

매매 후기

+
+
+
+
+
+

우리동네 게시판

+
+
+ +

우리동네 현황

+
+
+ +

범죄자 거주 정보

+
+
+
+
Schedule
+
+ +
+

오늘의 일정이 없습니다.

+
+
+
+
+
+ \ No newline at end of file From 82ffef51fe4687b1b47f7487c0ae41029ff7b031 Mon Sep 17 00:00:00 2001 From: gahyeon <1000ji1@naver.com> Date: Mon, 10 Jul 2023 23:21:45 +0900 Subject: [PATCH 7/7] =?UTF-8?q?merge=20=EB=8F=84=EC=A0=842?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lisamate/settings.py | 133 ------------------------------------------- lisamate/urls.py | 36 ------------ 2 files changed, 169 deletions(-) delete mode 100644 lisamate/settings.py delete mode 100644 lisamate/urls.py diff --git a/lisamate/settings.py b/lisamate/settings.py deleted file mode 100644 index 980548a0..00000000 --- a/lisamate/settings.py +++ /dev/null @@ -1,133 +0,0 @@ -""" -Django settings for lisamate project. - -Generated by 'django-admin startproject' using Django 4.2.1. - -For more information on this file, see -https://docs.djangoproject.com/en/4.2/topics/settings/ - -For the full list of settings and their values, see -https://docs.djangoproject.com/en/4.2/ref/settings/ -""" - -from pathlib import Path - -# Build paths inside the project like this: BASE_DIR / 'subdir'. -BASE_DIR = Path(__file__).resolve().parent.parent - - -# Quick-start development settings - unsuitable for production -# See https://docs.djangoproject.com/en/4.2/howto/deployment/checklist/ - -# SECURITY WARNING: keep the secret key used in production secret! -SECRET_KEY = 'django-insecure-^05fh%)7vy-cm72=-4ujlcz9_b!t5vc41prk6q4@$wy$_ef@v(' - -# SECURITY WARNING: don't run with debug turned on in production! -DEBUG = True - -ALLOWED_HOSTS = [] - - -# Application definition - -INSTALLED_APPS = [ - 'django.contrib.admin', - 'django.contrib.auth', - 'django.contrib.contenttypes', - 'django.contrib.sessions', - 'django.contrib.messages', - 'django.contrib.staticfiles', - 'informationPost', - 'checklist', - 'users', - 'accounts' -] - -MIDDLEWARE = [ - 'django.middleware.security.SecurityMiddleware', - 'django.contrib.sessions.middleware.SessionMiddleware', - 'django.middleware.common.CommonMiddleware', - 'django.middleware.csrf.CsrfViewMiddleware', - 'django.contrib.auth.middleware.AuthenticationMiddleware', - 'django.contrib.messages.middleware.MessageMiddleware', - 'django.middleware.clickjacking.XFrameOptionsMiddleware', -] - -ROOT_URLCONF = 'lisamate.urls' - -TEMPLATES = [ - { - 'BACKEND': 'django.template.backends.django.DjangoTemplates', - 'DIRS': [BASE_DIR / 'templates'], - 'APP_DIRS': True, - 'OPTIONS': { - 'context_processors': [ - 'django.template.context_processors.debug', - 'django.template.context_processors.request', - 'django.contrib.auth.context_processors.auth', - 'django.contrib.messages.context_processors.messages', - ], - }, - }, -] - -WSGI_APPLICATION = 'lisamate.wsgi.application' - - -# Database -# https://docs.djangoproject.com/en/4.2/ref/settings/#databases - -DATABASES = { - 'default': { - 'ENGINE': 'django.db.backends.sqlite3', - 'NAME': BASE_DIR /'db.sqlite3', - } -} - - -# Password validation -# https://docs.djangoproject.com/en/4.2/ref/settings/#auth-password-validators - -AUTH_PASSWORD_VALIDATORS = [ - { - 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', - }, - { - 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', - }, - { - 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', - }, - { - 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', - }, -] - - -# Internationalization -# https://docs.djangoproject.com/en/4.2/topics/i18n/ - -LANGUAGE_CODE = 'en-us' - -TIME_ZONE = 'Asia/Seoul' - -USE_I18N = True - -USE_TZ = False # db에서 ut 사용x - - -# Static files (CSS, JavaScript, Images) -# https://docs.djangoproject.com/en/4.2/howto/static-files/ - -STATIC_URL = 'static/' - -# Default primary key field type -# https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field - -STATICFILES_DIRS = (BASE_DIR / 'static', ) # static 디렉터리로 지정 -MEDIA_URL = '/media/' # 미디어 파일에 대한 경로 지정, 사진 업로드에 사용될 예정 -MEDIA_ROOT = BASE_DIR / 'media' - -DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' - -AUTH_USER_MODEL = 'users.User' diff --git a/lisamate/urls.py b/lisamate/urls.py deleted file mode 100644 index 1400a4ae..00000000 --- a/lisamate/urls.py +++ /dev/null @@ -1,36 +0,0 @@ -""" -URL configuration for lisamate project. - -The `urlpatterns` list routes URLs to views. For more information please see: - https://docs.djangoproject.com/en/4.2/topics/http/urls/ -Examples: -Function views - 1. Add an import: from my_app import views - 2. Add a URL to urlpatterns: path('', views.home, name='home') -Class-based views - 1. Add an import: from other_app.views import Home - 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') -Including another URLconf - 1. Import the include() function: from django.urls import include, path - 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) -""" -from django.contrib import admin -from django.urls import path, include -from django.conf import settings -from django.conf.urls.static import static -from lisamate.views import ProfileView -from django.views.generic import RedirectView - - -urlpatterns = [ - path('admin/', admin.site.urls), - path('', RedirectView.as_view(pattern_name='checklist:index', permanent=False)), - path('checklist/', include('checklist.urls', namespace='checklist')), - path('accounts/', include('accounts.urls', namespace='accounts')), - path('profile/', ProfileView.as_view(), name='profile'), - path('boards/', include('informationPost.urls', namespace='informationPost')), - -] - -# MEDIA_URL로 들어오면 MEDIA_ROOT에서 정의한 걸 찾아서 사용 -urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) \ No newline at end of file