From 66bbede536d77c3a03da51a078152cf5bf2f517d Mon Sep 17 00:00:00 2001 From: DUCK JIN Date: Tue, 3 Mar 2026 17:24:06 +0900 Subject: [PATCH] =?UTF-8?q?=EC=A0=80=EC=9E=A5=EC=86=8C=20=EC=9D=B4?= =?UTF-8?q?=EA=B4=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- favicon/bar-black.png | Bin 0 -> 196 bytes favicon/bar-blue.png | Bin 0 -> 193 bytes favicon/bar-gray.png | Bin 0 -> 196 bytes favicon/bar-green.png | Bin 0 -> 200 bytes favicon/bar-mint.png | Bin 0 -> 161 bytes favicon/bar-orange.png | Bin 0 -> 200 bytes favicon/bar-purple.png | Bin 0 -> 201 bytes favicon/bar-red.png | Bin 0 -> 189 bytes favicon/bar-white.png | Bin 0 -> 189 bytes favicon/bar-yellow.png | Bin 0 -> 197 bytes favicon/default.png | Bin 0 -> 407 bytes favicon/line-black.png | Bin 0 -> 165 bytes favicon/line-blue.png | Bin 0 -> 162 bytes favicon/line-gray.png | Bin 0 -> 165 bytes favicon/line-green.png | Bin 0 -> 170 bytes favicon/line-mint.png | Bin 0 -> 191 bytes favicon/line-orange.png | Bin 0 -> 170 bytes favicon/line-purple.png | Bin 0 -> 171 bytes favicon/line-red.png | Bin 0 -> 161 bytes favicon/line-white.png | Bin 0 -> 161 bytes favicon/line-yellow.png | Bin 0 -> 166 bytes favicon/triangle-down-black.png | Bin 0 -> 683 bytes favicon/triangle-down-blue.png | Bin 0 -> 583 bytes favicon/triangle-down-gray.png | Bin 0 -> 633 bytes favicon/triangle-down-green.png | Bin 0 -> 655 bytes favicon/triangle-down-mint.png | Bin 0 -> 470 bytes favicon/triangle-down-orange.png | Bin 0 -> 663 bytes favicon/triangle-down-purple.png | Bin 0 -> 672 bytes favicon/triangle-down-red.png | Bin 0 -> 440 bytes favicon/triangle-down-white.png | Bin 0 -> 516 bytes favicon/triangle-down-yellow.png | Bin 0 -> 649 bytes favicon/triangle-up-black.png | Bin 0 -> 616 bytes favicon/triangle-up-blue.png | Bin 0 -> 570 bytes favicon/triangle-up-gray.png | Bin 0 -> 603 bytes favicon/triangle-up-green.png | Bin 0 -> 621 bytes favicon/triangle-up-mint.png | Bin 0 -> 477 bytes favicon/triangle-up-orange.png | Bin 0 -> 627 bytes favicon/triangle-up-purple.png | Bin 0 -> 636 bytes favicon/triangle-up-red.png | Bin 0 -> 443 bytes favicon/triangle-up-white.png | Bin 0 -> 515 bytes favicon/triangle-up-yellow.png | Bin 0 -> 626 bytes index.html | 354 +++++++++++++++++++++++++++++++ style.css | 194 +++++++++++++++++ 43 files changed, 548 insertions(+) create mode 100644 favicon/bar-black.png create mode 100644 favicon/bar-blue.png create mode 100644 favicon/bar-gray.png create mode 100644 favicon/bar-green.png create mode 100644 favicon/bar-mint.png create mode 100644 favicon/bar-orange.png create mode 100644 favicon/bar-purple.png create mode 100644 favicon/bar-red.png create mode 100644 favicon/bar-white.png create mode 100644 favicon/bar-yellow.png create mode 100644 favicon/default.png create mode 100644 favicon/line-black.png create mode 100644 favicon/line-blue.png create mode 100644 favicon/line-gray.png create mode 100644 favicon/line-green.png create mode 100644 favicon/line-mint.png create mode 100644 favicon/line-orange.png create mode 100644 favicon/line-purple.png create mode 100644 favicon/line-red.png create mode 100644 favicon/line-white.png create mode 100644 favicon/line-yellow.png create mode 100755 favicon/triangle-down-black.png create mode 100755 favicon/triangle-down-blue.png create mode 100755 favicon/triangle-down-gray.png create mode 100755 favicon/triangle-down-green.png create mode 100644 favicon/triangle-down-mint.png create mode 100755 favicon/triangle-down-orange.png create mode 100755 favicon/triangle-down-purple.png create mode 100755 favicon/triangle-down-red.png create mode 100755 favicon/triangle-down-white.png create mode 100755 favicon/triangle-down-yellow.png create mode 100755 favicon/triangle-up-black.png create mode 100755 favicon/triangle-up-blue.png create mode 100755 favicon/triangle-up-gray.png create mode 100755 favicon/triangle-up-green.png create mode 100755 favicon/triangle-up-mint.png create mode 100755 favicon/triangle-up-orange.png create mode 100755 favicon/triangle-up-purple.png create mode 100755 favicon/triangle-up-red.png create mode 100755 favicon/triangle-up-white.png create mode 100755 favicon/triangle-up-yellow.png create mode 100644 index.html create mode 100644 style.css diff --git a/favicon/bar-black.png b/favicon/bar-black.png new file mode 100644 index 0000000000000000000000000000000000000000..e74cf9143ceae86539ef1040f309a9ea46ff676e GIT binary patch literal 196 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG z-B}Cf} zFsPCMH2?qr literal 0 HcmV?d00001 diff --git a/favicon/bar-mint.png b/favicon/bar-mint.png new file mode 100644 index 0000000000000000000000000000000000000000..5015e7dd5ac00d36ba504513427b56b37ae651a5 GIT binary patch literal 161 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG ze_qJR$E;$! xY1M3?JVX4d+?Vh6tjYRm^U0ENJ10oU!ie#>9y8C|cke%gxSpCOHX;bS>e{ zVBnl7aBp(9nK4_jB*V?*h^{?)ZNm)-vV@9|TXD?~tswZd%OECGTqUi1NNV(@hJ Kb6Mw<&;$TcTtVpo literal 0 HcmV?d00001 diff --git a/favicon/bar-red.png b/favicon/bar-red.png new file mode 100644 index 0000000000000000000000000000000000000000..167411c621347dbb4445017694a55fb2e1b435ab GIT binary patch literal 189 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG z?- literal 0 HcmV?d00001 diff --git a/favicon/bar-white.png b/favicon/bar-white.png new file mode 100644 index 0000000000000000000000000000000000000000..cc4a0ccef2397a8b8ebc42882ce2a4fa27510007 GIT binary patch literal 189 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG zFVdQ&MBb@0JE<$bpQYW literal 0 HcmV?d00001 diff --git a/favicon/bar-yellow.png b/favicon/bar-yellow.png new file mode 100644 index 0000000000000000000000000000000000000000..82c76c3f679907e7791658c8d9df5e10c8e32596 GIT binary patch literal 197 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG zKhC*=2*?m6&heWiAVDcF31|z0r>mdKI;Vst E01u%yod5s; literal 0 HcmV?d00001 diff --git a/favicon/default.png b/favicon/default.png new file mode 100644 index 0000000000000000000000000000000000000000..1434fa253258bd581365cda7b453b9d5f6b2573a GIT binary patch literal 407 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG zH7a*eXwVg)SM1rDrYS)9jH68b3VpSPMM$J{T=ch6$#0D%`#t_9b& zy}i3hNB!sAr=K?5Tenza)$+_;Q&Mjpo*3P*?seX=!kP)4_y2#L!&2#W`Ad+rWupGf9@d(&#aM}u(B8OA49IQbghC!5Xi7W}W?&tQA#s==olPU|_A#HUMC zvQ#)Kac literal 0 HcmV?d00001 diff --git a/favicon/line-gray.png b/favicon/line-gray.png new file mode 100644 index 0000000000000000000000000000000000000000..c647e0a1100750a28a0ebe62fedb6b5c63d1c12a GIT binary patch literal 165 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG z;3F{Fa=?fHd*2NXnH4$c=5nR;wR%dr3x z7AY0B88@dcf9DER#t>fh?4kC`qX%EjZ$FgTe~ HDWM4fD26Xr literal 0 HcmV?d00001 diff --git a/favicon/line-mint.png b/favicon/line-mint.png new file mode 100644 index 0000000000000000000000000000000000000000..f3a8fb0ebd706690e6a719900979773d5ccb23c1 GIT binary patch literal 191 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG z;3F{Fa=?fHd*2NXnH4$hwN5eA?YLyjZ~9l4@7q(On!3kDOl3eD7#KDzVOEb~;hD32k}`FVdQ I&MBb@0Kk$g^8f$< literal 0 HcmV?d00001 diff --git a/favicon/line-purple.png b/favicon/line-purple.png new file mode 100644 index 0000000000000000000000000000000000000000..9179c8d1cd6703d1fa9874953eb929bd1e224680 GIT binary patch literal 171 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG zKMYSo+&$jdVF@6W~m_VY_N^Ebj@JJuMFagB#boFyt I=akR{09V&Am;e9( literal 0 HcmV?d00001 diff --git a/favicon/line-red.png b/favicon/line-red.png new file mode 100644 index 0000000000000000000000000000000000000000..9a43d548c4e54415f6642a3429e920f0fa93883b GIT binary patch literal 161 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DWND9BhG z(aD`6_K?xv;EwyXQaVG~8wZ3Npyd^pj%Yxe~WgTe~DWM4f D$Mh=q literal 0 HcmV?d00001 diff --git a/favicon/triangle-down-black.png b/favicon/triangle-down-black.png new file mode 100755 index 0000000000000000000000000000000000000000..ebb7b49739e1489e4805f6b5e323c885334f7c47 GIT binary patch literal 683 zcmV;c0#yBpP)q`+XmqXQ(LX zzyO;+4p_WVyWM`rrU%u--)^@aKWJYJ*!B}t5M2Gp|8?QOdcB^b@f<1y{-5b)vzbNB z*-?X-3$)h)s0j6XeH1rWiy90N$8oN)+lTTQq4Lb)ChfS1!{IQ7@}uB48jWd^K`m|q zgYeaAwLY=?03|_*i>p6Rw1E^loz5G6-1<;Fk+R8Sry1ZXjGzQ?>)eUhr8+>eiV=8$ z0wLL4E|(|LVEOq0YO*RVn>?8!aQ?Av4?qDO zf}j)uBCD*1Wunpo5K0js!tzrZmBeL{mQkMYoFpr&6O_$Y(13CT2uWF`GI0!=P>ujW z5@$zElJE0Q+`U7i85%90Kwhr`QdXeL1=?2{ZHYgi}4Vs^oN^$R+NDU^A?R*-^k7QX% zY`F8?y&M4ofj}V808zY{K+Yu)!BfcC^c!Mdyf;?XENHyIUmj_kIUv*(W5^Gh=I{(M z^gyRSQ}2&T);_~SP8z!|95_PkXxhOe==3)~5bv62m)t^5j{v8V7X?j)I{Sh+lszj; zA>@nK@Pk-qJR|h`WJI1P7%&Q4xHrIkl>?)S?Wq{Ppes+G5imfqx<&T;&?`FGR2jic zi~-=(u~}zyfMu0V;|)E+vS~`4!df$Z%W9Qus@SAZ-?AFp8qZioAVWqIiUM`3Q*?xF z;TExqK>qRRse4&<77T|7WOOL2dlHO0I8w)f1x;JDj7#AbaY&(zyjyLxpj~9MWN#hX z>yvEyohqCokbiB8_M)(^Yy6)jXaKzgNSerM9obZ=8G#I${mE{^Abr*uEUPr6>!9ep zq6HeI5R>;wiQ~4~ve^lAqASM;tl$?ctMbz_brOyme1i;ovUK19zQS+yOs5Z@;XcU_ zfdza=C#!AAX6JB$mKC&@g{y-MUMdbOab5h&Di>}<*SI!VF1?pc6J-1bfj}To#V=PZ V7>Z}-Ashez002ovPDHLkV1i*k^9TR{ literal 0 HcmV?d00001 diff --git a/favicon/triangle-down-gray.png b/favicon/triangle-down-gray.png new file mode 100755 index 0000000000000000000000000000000000000000..64da9249d1f73ca7912500bc0508a7c15f11886d GIT binary patch literal 633 zcmV-<0*3vGP)(f z!Y~lVFHr?NGD7nL;*D-VN9YJ0p&P&ir5n%Is zBoy*b@^_!_lVgBLBoc`*NYs<#@i=!IG$DAJ);10p}@lj1OPVfsvM7zwC=`WFj&L=T`2IkX?mbmK$c}ERDaiowpE`< zzyikVH^%A$`o|cXI;rh}rUvQ~tp2mhb5;Qqt9bZ?9--K@O`Qs>00OJAgdQ8($8{$G zea5Oww*X=|943g zvFaV0I;|Y2C_l0}@3RAe~Fetx!jPb7}n0;mCfW0l*uDr^CS zXRMOoH3%UhfMOK~f_7*PR4 z-L76&t5|UXrq565##Ip)Kxn&q#b`7Vi%p$Q1gN`uRQ+=G`v1Vy>INc_NTi7$_f+tv Tw0lX400000NkvXXu0mjf5bX|> literal 0 HcmV?d00001 diff --git a/favicon/triangle-down-green.png b/favicon/triangle-down-green.png new file mode 100755 index 0000000000000000000000000000000000000000..f61cc6cb377b19703acd90fe9591c4846a834909 GIT binary patch literal 655 zcmV;A0&x9_P)C` z!!Qtq-^wX~5}*No2ErLipae?DfjhYaF&%^s=zyFV7z_Ta}jwY!GdmmQUv&s{kF8@HIA=&~>(H z(n!EYZPj9%CXEE>KxwNgvCtuE{Ey+?wM(DI0+g+Gy-!lM2}i6pYSNXh%86v}CzB&M z(s%`y59-KP<^JmeEpQgFu+^Xm?P8lI&H{9&fVQd<*Tpv1=7JWegbrn^ob!F#x36$c z;vxsHqfch+q9slDJ9V^Lf#n2pUHG)`4}U}O65vyQ>cl-xr|`r}fSyRwZWVkIw}`iZ zMFP4ev{&L5@fM&5aj;cgCMKLB5J3d!^0VPTbdxgC1uq*lv7PFLuuYR7EAWqPw@P{9 zWxHhr6;NlZ+BSzbGXy5607ccQUMSl%2`-?t{B$f6T?j5f4_Y|YTb!;1v(2?j$dfw&RQkGDCz(J002ovPDHLkV1ho#7g_)S literal 0 HcmV?d00001 diff --git a/favicon/triangle-down-mint.png b/favicon/triangle-down-mint.png new file mode 100644 index 0000000000000000000000000000000000000000..9a03b1b4694e47b5bcb5582699a75771e7bcd5b4 GIT binary patch literal 470 zcmV;{0V)28P)evbOYF++2Gd}suBps5NtS0ev*+wF4En_ z_XGwKi9{kX1J(LOZuRvUa=AdMpW7Qxoq$5GPsrs>uT}x-E`&Vm>lX5;b@w;jn^{lb z2V^oKFY;S23R)*ys>)J8uCHb*Ng3#k-ad8T7g=w36MTdW_O|2=%K9_Xbicy7|3a$l(q0YvJTi@QUdM`75#e*{G;xwYq=YIzt$(n!yU& zc~66DFXA M07*qoM6N<$fh zBBHexbVQUp`wT(D@apghQl4VfWY}gBp&duf0@eUg0I&As?_p*fw=bXO30? zLqZ0tEa*JjT#79cv`Smm*=CYL0+?T04N)a({JrZzVDgp10@zkjv8_fW3`1+9Nvg6{ zwRB$8?4Q7p!Wo!Tm946O+;fz`SOD8<1h)lkVw*{f1u$PCa%Zc&-!ZVwB&7s!K|8b6 z2=`@YpD`}tIO_QMp{j2mWhuDd$)i*T{@zcb4GSU%hG3NermU@U;qG<%RujNjWq_F; zKg+z>qHq_+fhD|8GPPBXw<+8>)&dwKTUCX-AsTmZgcAX?eG&>Si6X~D6Re9kj`mj1 zfo&#nl7Tt8TRmIbO~a{xyj#85e&@Xh$2b+hWZmkyvdyJ&;h41Jr|B`#1m^;ng=D`g9m^x61>ld}i zHAx)DCS>q85G64ve_q~4YygMD;cys0#GPT|?V8Zt1r!t(cA}c=K0+~xysm=)?P+DfHw!2bgb<(K z{aMsG8g+2XNR!uW4F$mqpci*8GQh*MvVwpOpa>AwYvT39K;ur7&Nuy2R{mVEaS0t!a;`8(f~A!p*WDMM8Q_sI!T){sRHDxRibWOkyHT?)GFhR1xExMw>_?Qb-t520BV)SypPxd zwF#OiH7au~trB3%)}(p^nxwA4o+D}1W3&bt&<=oF<#)?!L+fZ$M!y0a?`&gDtJt_Y z+LXx@02|ttR=L>*S?@lg-NYip`uvmsz$IiP?fXs=nJTcq0G#+3kVTs^MgdHwpV+va zY1Icqi~=Crj8!mcToK~{_@1PzRUB{9xFW^@5FM?C+GMm3maq~a)aowXBavpBsDqJ4 zWmKzrHnb^Yr2=~tt9r~c({2=210-n`wb_2DEWk2$D**AUdbYGFV?99R^pn_aToLO5 z5OGy6TwVLxSktD=Q38modZ9LFwZbeEYr&_VJ~$i>M-o5#?bMp+S|a!W0000IM8Mrgrz#dvM_{~`H2}{Tu zf*hZQ8VF;xZtguPEB!-GC)n`%Q_nKe_13_*KvT1?X(D!RAR-s{ThN3OxL>RWlp-H? zZd`mqN!&hGgSNJfW>Di;eJnQT@GVxU^2`%zk_+rBHxN-9*NfE)THt!I8qkVd>{z(? zgqFDMeG=u&zA8qCB<8Lt7ptc#v8loNu}bKvz=DqGEhAPFEa2OHlI_@>^FXW~VadW+ zB~!Eii}kyD5mxd1t{%ZMMXc^%-9)S=tO1Yz{0vwNDfTcZ{(v=#uaE-kwN0000K5Pg}_KP)hyOFT6DdBz$~At|K2W6Hv_&T!oBJJIGUT_T%QoP0PR! z$mAXuSK&^wTurem!vrEe>7^uPL&v;)inbeVO9<8A3uH)5!E4HNgR7vkpJUl76nyNv zCa^Kx;4eL}{D$t#zNTQomAIq)eekWdZ8mLSmtq-vmqFGEa2CG#^aa0ewx#oAT|(Ld zZ8dhCfXfo{-BwfA;5DZTXjNO)RfsSjr;S_ZQ~}LXTb;jQ(0uPn8GPUeB{Yu+zVO4& zG_5Oq;so|Hg3GPhM3ZPSLzw%WF# zBdi4ndujxK!kW-)Tg|EbJGw5qT~-q~V68a#8-gGRy8HpTksKJOkCmbT0000=Gj+W&QX1S3rI&o>W_&Fd~eVv;0In)V;^+4lXD9 zUK1FJCFj>o@6{HNABX}ayTb^mTl!jmp9Z|~gWtHt`nyo5oSe0t&{#lzCWK_`9ccCU zTdzK0=K-ekW3%JdsdN@V=rp>87pv@b zdL;JY$+-iSp<-19#W{NLEfdGAC(-zbL(l=IVaJLUXf-V3F>Hzs&e)@kdU~o;r z1@w7NQny~v;F^L9AfB;G%fwqm5~TqBoCLRlbXg|)2p(dS!>(R%Y}%r9pwhLg7aF^D zq88A$tEZoL^zt;Ws0EOwUAp6MaN4fLObF1-9bFrfrY{%w0VloBLuk j8^vB0^K6DBNs=}{>^#n`W+{Gl00000NkvXXu0mjfHy#%$ literal 0 HcmV?d00001 diff --git a/favicon/triangle-up-black.png b/favicon/triangle-up-black.png new file mode 100755 index 0000000000000000000000000000000000000000..43cc3de9e393f5ff685e060059cced418547c92e GIT binary patch literal 616 zcmV-u0+;=XP)w9^2!j z68@yBRpKTyd7js?3y?@85?#z@vo%B{hlpVCWnI@Ly+b52h=fwA$n*SzKH}?eI-Mp} zRUJT>XbNEPPw*Q&LCHKr1fnQ_PhVlcUyZ|u(P(tH-EJ!oB#HtU{7cK>;&?oY7qqwn z^Z9&%^Zm_q9+O+{cDoG-A+7)hzqXuTfgo2Ph_=hpGVEqN9)Ium`*#pPYzpbZrKzJB z!^Lb>Yzj4O(?($^bZ0~qFxaLQwAD$dt%@k%`!pqNH8=rg;kJT((t>Ok0tik3g9w_- zHrurkWTVsRlnVC&!YI&IGqlwWc;H>cj<#vT+g81&kS<&WGI-mnmjb@FX~U;a@=^eA z^a>I1F$CuXv~Au(1jttL`u8s1aZVuAHW}An(Q=eK-YEgJP07MFp>`d;xCYqE zPqqS5-6IoPezNYzQlRIj{|CobSqkW1+}`0BhBX0gn+gU%+iKZ0rgI7j_dC9H_DP)z zVDOJHZ16KL^lY0pjJtZR3Q#|S1r()W3!%+cTNR*w1TK)aUA?m< zWym7E2hMi&uA3uJrcYF02^UJ1W#WI5Boc|lKjsIxdAr|{alSwR0000%A_P)b>Zx{=YP}7Ux z|5f1Y7z13mngn=kFmx!$$`E`rDh!!c;hM%5hDu|bwn6v3VrX!I3RYjmw$(dC;s~r1 zFcscT?+C0BfdUcW)u#k@aAX3^eo*WYKokW|o~ubo_unT;3pbUm25%uQT!+1{3t<0? zVg^rwwh#rs3JIR!`5}Fhw*p+awD&im3Dg{@9!Q1a07twP;KGd*JmYPvUJCfyrhw%U z#iz>zF9j(052V3a1?L3nsP3VjTqZbgp-|hjakf<~qy_Dy03Q=m2G5*r72o)mB9c@EaHXU{%4I0NZBj!tJ24ebwvS zLXrC&Upo7wP6cSDS<`%!qpb)**0y=FTd(dG&gN&EHPZ1kDZxJCX+Gp2j_YWV?^K!PXGV_07*qo IM6N<$g5s*~fB*mh literal 0 HcmV?d00001 diff --git a/favicon/triangle-up-gray.png b/favicon/triangle-up-gray.png new file mode 100755 index 0000000000000000000000000000000000000000..e38dca981541e5ae2c5634d7c2eec2609d25a1d7 GIT binary patch literal 603 zcmV-h0;K(kP)wA;RxA* zFlq`MkH>rXn!LpZ^8gB{D6m{EO_pWlpXS}^bh;jo#~&bwiUNbdVBXMNV7quiiz~3* zZl}1?FRthK>;_eM1tG*0zzMdlGH$H}2qGFlZI{N=ZL(Ue#1dL;3)P8hw~irn7qe9{ z1u#K>+oq4=a5&6C01*Wow&?})WfW_xA__QclQJ&aR-*&>u6KX|j+>%-Q-~ls0GveB zUdF8#r9xByxcVW9>%y$p>qlV1PU1k@^ue}OwgPqH8jyi)t1Jb$w&{aYC$SX3)qe&B zICdNyKy8~7P{7(MCiHE{nBV|nZIi&l9!II2g95->UovrBn2_TqIf=Cr*8%zXNmhVc z?=UH--$zoQR;T>p{U>ufOt$)!P=_tRYWA9r)?5AyVc7Z pI=x$|;GcrIApR#wB9Ta3FrO%2*mN=w_F(`3002ovPDHLkV1j1f|I+{f literal 0 HcmV?d00001 diff --git a/favicon/triangle-up-green.png b/favicon/triangle-up-green.png new file mode 100755 index 0000000000000000000000000000000000000000..c9e2c2292a37e52ca01f4d3bfcc2a8f91c304126 GIT binary patch literal 621 zcmV-z0+RiSP)#5dWyX9j z49hO;&B-}?696)qOs0*?_51}A!XY6S>-kg&F;%aS2nLB5Zps3YZ9qU@zTNYlINy$* z_drZC1rTA@+`OW|PhLU-k|-cYzmFCBI5@0S7)cd&Ku8h=1o8*X;X+i5+|c9-4435? z8GAE*&P8vsy?S~FBFGg$-ag8LRSO`5w17G;e~qg}NRbB1Ihmo!rciBMlvBr2Km%E< zk|}`5XO1_okk1IM(Y+y2zz~~O8WnaB0f_=4a5O1mHM)TBeg^`Oh8_=>_hX14x&Q_u zYAz$MqEv_~V6eLNF|HnYy^PgI2qf6Vp0Q~oI97udsEtc=^NQeD4N@R9Hf@CTNkIz8 z_@-Cg@!<6S^(Y}!DE3$+||J>RQFSZM%A{Q;4|V z38l49YE?k)uHAHe^NQA8J);6$8P|X@R*ecAIW}z=clERisD1DngL|Ns`HAGXIz_k3R3l4!4#Y00000NkvXX Hu0mjf_E`OB literal 0 HcmV?d00001 diff --git a/favicon/triangle-up-mint.png b/favicon/triangle-up-mint.png new file mode 100755 index 0000000000000000000000000000000000000000..57a4d4cde2737bf4cbfbaa4f13e229c90380250c GIT binary patch literal 477 zcmV<30V4j1P)yjJzy^%aQ944|Al;zZ;P4SFAjGi^v3-{Oqz{51ap&{@ zaspH;mC7VU-zXNMwH6)Ui-TyP)t(yoKYlI>qRpvzqb-VoNDYcNQ&1=ZHtuZ$tRIMn zXk{thXa&)njcd~{#Bz>Jm%bp5-ngx20|H}}Xy;kH(GFr5k4+ybh`=73E(wTLf8z>` zRe$5!)FK;1pAQyqv_*2lVpCwO-fvt1v3h@O3NbXFXW}%FAXXobO_$ygmHCWoQyXIF zCxpPaiGV^}lvae(YCPkP$@}&*WC9zcV=?dlrCt39u^QjFHq8*L@nh4a^;CI{qj;rX zc@-4$(P_P)X}YnCE)#zsZ}AKp+8V3&3G}O<@vMFYul`a`;cs|hY62-^(*;i<;4wX) zNAeoiJ60P@1H5$<kV@0P^nZZmANnM zCRd;kr+t+2UiW>**q|j|9)JjP1=QqgS6NCq1wu#zC^mM<>&7U_d&^OWETPG^&^B?) zt-~#bli4bn0*F6s(?ot;o#@VxD4?-T^UYba9crsI3V5z2g{=k$P$n)S48aG)erdZ9 zKyUz;Wvk2U?zziPoC658O(P7a<#E({I5<#@JCup5gS#9* zt&=!b;%cxye%dQQR6SafOI%ys&q{$kul_eSwrZuo_KCZ9Y;4sSfXy*68p>8pUA@{Z zL|pIqQd=k0DD+{K~#7F?U_MR z!Y~wuU)rjmn;rpffH#08JKRCX8DZfXZ-6&o=?KiQap4X(Pfv8mKe@&j_M~C|tU;!%%T(!fBN9fC+%S(@v}%HDFE3;_|;0(flxGHwc_cHLQ^ z85(T~apSsd>BtNC1T9w46kw^-SDZY@kB-U%KmbL7l-QKQVzp`-t0)Sj#HJLCST!!- zyWasl>f=)uy9SsmK&jDMCb5|cMg@$5`#i=KLfQS}V15ajXqz}^Y|7A%Rc!^hagip^ z(T-Iu1$1LmibkKLrGV!oGq6FNKM-;kz+;njY&Eb$ebQO9^4ySL0mIl-V92+ls)KVC zzUqK~#7F?U>Mqm_=KsWFR?FPqLilu%AmEB#;qXV6{408cLw~St9N^EtM^A9z(-=N@MlWz!^AtYZ1%n>&i#s!b*FriR za)^Wv4v@@babw;fl}T-;{DCya#dRwOkXNf5=&~|=@B%5&d~L4LKmrT3nbM*)8H+2k zRx=hirb8?E;@>;N2hVslnYAgeR(C9J`&y;#wJBqv`9il!16b6C_Sa_018P!mabvoi zg?>W@{J|&G|M@qlaaygoxO0|&{G{@=nevKKy!hLnI-mqpe{o}4?1k#rX38VBLS@f8 zTU|USrE2sG?Vp-_`21R>c8eRk3nnLji`qi>HLbC44%Pqw002ovPDHLkV1i-LxE=ri literal 0 HcmV?d00001 diff --git a/favicon/triangle-up-white.png b/favicon/triangle-up-white.png new file mode 100755 index 0000000000000000000000000000000000000000..05b56a233144de8fdcd0d9fcf2759e8349e01f4c GIT binary patch literal 515 zcmV+e0{s1nP)-1K8j=EBO&MvG1J7ACde>k)Vni z+n0N58K|nN@*$#6Y!wgwNWCMrh6lals~aZpYyU?C4~XZDFEjjY2mg+(;MF!XWvgJY z1-5Z%-Zx6egKWvKMaf2u>vBPkrU|~*QLV>tM)?t@bP|UDce6ENR7f`Q<6SbX?f$iq>EKr9-ERDDe!|X z6i576rS-8Xc?lU$gFw{BoE@ zkdJNXCs(XW6?jG7!CT%_J!b_nHtrl}tokaDGBzc)3bV)bvlSTjBVQ=bBvxG$h`rxg z>dF(?k3X2aLYZSz@=SN9dXF4+|~d9 literal 0 HcmV?d00001 diff --git a/favicon/triangle-up-yellow.png b/favicon/triangle-up-yellow.png new file mode 100755 index 0000000000000000000000000000000000000000..99d6e7ff2d17a107235e07bd1cd6ef853ec420b7 GIT binary patch literal 626 zcmV-&0*(ENP)&pTxQu?q8Bu} z0;>`02_kQG-wR3l?UUjTkU&>JZNBj-QzEYb5!3)GyX1ytoyC};6*O83RfSuo4!2m2 zW~*ol?r}~bb;d1IheJGOs-U~J1?{B3YSO|iTpiry z_-U;`tish`ef+dmz_;J=gk{3cR;?7+@zejt##XHqsD5#Gj*YDv1F$?MMxnG-(^Ri9 zg^>FlUmE+QMg?*q&S1ZrFKL|WX%*O4;cC#@s#bv=+olQaRIgTnrRql{jnlA&P-m;P z3aHJaPS3EYo9b-^uut2xU~8(EZ?0GaJb{u5ek&Bv|0GEy5{ZAz2S(1_r@k^<-T(jq M07*qoM6N<$g1}1-jQ{`u literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..d7301a1 --- /dev/null +++ b/index.html @@ -0,0 +1,354 @@ + + + + + + Bookmark Divider + + + + + + +

Bookmark Divider

+
북마크를 깔끔하게 정리하기 위해 만든 사이트입니다.
+
아래 색상 블록을 드래그하여 원하는 북마크 사이에 놓기만 하면 쉽게 등록할 수 있습니다.
+
폴더로 구분된 북마크에도 가로 또는 아이콘형 북마크와 이름을 추가하여 보기 좋게 섹션을 구성할 수 있습니다.
+ +
+
+
+

가로 라인

+
+
sample)
+ 가로 라인 +
+
+
+
+ Blue + +
+
+ Red + +
+
+ Green + +
+
+ Yellow + +
+
+ Orange + +
+
+ Purple + +
+
+ Gray + +
+
+ Mint + +
+
+ Black + +
+
+ White + +
+ + + +
+
+ +
+
+

세로 라인

+
+
sample)
+ 세로 라인 +
+
+
+
+ Blue + +
+
+ Red + +
+
+ Green + +
+
+ Yellow + +
+
+ Orange + +
+
+ Purple + +
+
+ Gray + +
+
+ Mint + +
+
+ Black + +
+
+ White + +
+
+
+
+ +
+
+
+

삼각형 (아래로)

+
+
sample)
+ 삼각형 다운 +
+
+
+
+ Blue + +
+
+ Red + +
+
+ Green + +
+
+ Yellow + +
+
+ Orange + +
+
+ Purple + +
+
+ Gray + +
+
+ Mint + +
+
+ Black + +
+
+ White + +
+
+
+ + +
+
+

삼각형 (위로)

+
+
sample)
+ 삼각형 다운 +
+
+
+
+ Blue + +
+
+ Red + +
+
+ Green + +
+
+ Yellow + +
+
+ Orange + +
+
+ Purple + +
+
+ Gray + +
+
+ Mint + +
+
+ Black + +
+
+ White + +
+
+
+
+ + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..1ddd47e --- /dev/null +++ b/style.css @@ -0,0 +1,194 @@ +/* 기본 바디 설정 */ +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + margin: 20px; + background-color: #f8f9fa; + color: #2c3e50; + max-width: 1440px; + margin: 0 auto; + padding: 1rem 1rem 9rem 1rem; +} + +/* 사이트 제목 */ +#site-title { + font-size: 2rem; + margin-bottom: 10px; + cursor: pointer; + color: #34495e; +} + +#site-title:hover { + color: #2ecc71; +} + +/* 소개글 */ +body>div { + margin: 5px 0; + font-size: 1rem; + line-height: 1.5; +} + +/* 섹션 제목 */ +h2 { + margin-top: 30px; + margin-bottom: 10px; + color: #2ecc71; +} + +/* 색상 컨테이너: 표 형태 */ +.color-container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + width: 100%; + gap: 0.5rem; + border-collapse: separate; + border-spacing: 10px 5px; + margin-bottom: 20px; +} + +/* 한 줄(row) */ +.color-row { + display: flex; + align-items: center; + justify-content: flex-start; + gap: 10px; + padding: 4px 8px; +} + +/* 셀 스타일 */ +.color-name, +.color-block { + display: table-cell; + vertical-align: middle; + padding: 10px; +} + +.color-block { + position: relative; + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +.color-block.selected::after { + content: "선택됨"; + position: absolute; + right: 0.25rem; + bottom: 0.25rem; + font-size: 10px; + color: white; + background-color: rgba(0, 0, 0, 0.6); + padding: 2px 4px; + border-radius: 3px; + pointer-events: none; +} + +/* hover 시 살짝 커짐 + 그림자 */ +.color-block:hover { + transform: scale(1.2); + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); +} + +/* 색상 이름 */ +.color-name { + flex: 1; + cursor: pointer; + font-weight: 500; + font-size: 1rem; + user-select: none; + transition: color 0.2s; + text-align: center; +} + +.color-name:hover { + color: #2ecc71; + text-decoration: underline; +} + +/* 색상 블록 */ +.color-block { + width: 50px; + height: 30px; + border-radius: 5px; + display: inline-block; + cursor: grab; + border: 2px solid #ecf0f1; + transition: transform 0.2s, box-shadow 0.2s; + margin-left: auto; + /* span과 색상 블록 사이 공간 확보 후 블록 오른쪽으로 배치 */ +} + +.color-block:active { + cursor: grabbing; + transform: scale(1.1); + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); +} + +/* 테이블 스타일링 */ +.color-row:nth-child(odd) { + background-color: #ecf0f1; + border-radius: 5px; +} + +.color-row:nth-child(even) { + background-color: #ffffff; + border-radius: 5px; +} + +/* 반응형: 좁은 화면에서는 세로 정렬 */ +@media (max-width: 479px) { + .color-row { + display: flex; + justify-content: space-between; + align-items: center; + } + + .color-name, + .color-block { + display: block; + text-align: left; + } + + .color-block { + margin-top: 5px; + } +} + +@media (min-width: 672px) { + .line-container { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1.5rem; + } +} + +.ads_coupang { + position: fixed; + width: 100%; + bottom: 0; +} +.ads_coupang iframe { + max-height: 96px; +} + +@media screen and (min-width: 640px) { + .ads_coupang { + max-width: 100%; + overflow: hidden; + } + + .ads_coupang iframe { + max-height: 128px; + } +} + +.section-header { + display: flex; + justify-content: space-between; + gap: 2rem; + align-items: end; +} + +.section-header img { + width: 36px; + margin-top: 30px; + margin-bottom: 10px; +} \ No newline at end of file