From 31697d3e0709e6dc5a1e0858b47fb86e0ef29824 Mon Sep 17 00:00:00 2001
From: Aayush Agnihotri <aa2328@cornell.edu>
Date: Tue, 26 Nov 2024 14:58:20 -0500
Subject: [PATCH] Creating login page

---
 public/black-logo.png | Bin 0 -> 1185 bytes
 public/logo.png       | Bin 0 -> 1124 bytes
 src/app/page.tsx      |  30 ++++++++++++++++++++++++++----
 3 files changed, 26 insertions(+), 4 deletions(-)
 create mode 100644 public/black-logo.png
 create mode 100644 public/logo.png

diff --git a/public/black-logo.png b/public/black-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..dde33372f9b89dc449fa4a0b1fcba1fbb8a83bbe
GIT binary patch
literal 1185
zcmeAS@N?(olHy`uVBq!ia0vp^$so+Z3?z3v^;-_4(gJ)!T!AzYu)+Wf3k!tF#>NI@
z0Hq)dpg0@|2nYb#?Ck771waOn1ghcS;DE3p+L@V|fefG^M0;bF;%uN<N+m&l!3+Wg
z^Y6d^e|~*}LVbSy`uz?94Fv`h-Zv<mU$B2dK)?Kk_*CPdFa`$Z`JOJ0Ar*7p-bzfq
zr69nT;KN~7cKJ%=(WSfI{r`WGvxVhQ?2h7v^G{7Lz4qjzYJp;iV%xTrSvOZ)z4dMB
z-Oe4kap5-m^Glcf(NM6Nm81SBUGU(R>&rXR>L0YoO_-)!($9RauSdB~GD%(1ea@ZZ
zRm<fI@7dgoH}1H_?|kg}E}J9+j-`K9Q@*@c=6IeJvuxoBj-XE4zh{H|-Q4Zhh=reH
z=epJS?;^|G34vc1vRfMWm>EepzHk#*{Frs2v|~^6%<xCwU%APbOy1HQG5@-m-@-)h
zmIc#vR|R%oDA-)+%;RKQk~62gN5Mt8E0N3dEQgcHmpcJvf5Nn-<dqD6eOzA3voiQF
z>&~@lF)Rr=cS~YUPGB;+b7XmlNY}+fZL>RC6j+oyAFlt>D$$alVz|eVcar%fiN_s#
zXa9d8+QVl)Wv#}|qhZ%p1Sc82aXAw<WzE9rJmN;-QpIc{$_5^eML=pz&=dtp<{m+*
zvMZ_6_MbksM`Br9^lyFrjOo3VhAcehg4_M24}9_FadM3`xunG;@w01FN`hfp`TlCX
z6O$T`&bXiGKU0C5P0Cp&`H0_<%fV~`JhhkKzqJ1NR6p-c;USHOpQrOS>DL!B&#Md0
zZsyy4Q!YiiK(tf;^pCX6WBO52fytU}_s?H^Y`Q~-^<d9YiT1+lFU0QM+NjXcDB_&I
z;`5G$#y!c>ERp||*n)W6m2b>0l6@v8_CShX`jc)p%k7+7b8eOC#RMiWuT@$o_@-fI
z;hom~C#5SyJ9}3gt}@}sNJ(m$|1I^+25l)8qawpc!gu!;9cpqo)|=|GdwxPDOOKp&
zX->}W$?NwS-8jKIZGXc=?Y8EHhaC=<74G`u%j;ygWqF@<+N%v)7A<kJb4xM#TA)6$
zZo9H(Z|6kW5MyV5{_W1~s?M+Ld9594W)@A|v}WOz`HPN)ikVxLul1ICCU2bKE%jC4
z`RyNO`*^cwTz$T8!^f=u(?YKW{PhmLQ*c3CB29O1a4N6rYOiT#F~7MUU*5Cl-(Tgd
zXPaj5E}PUg>HBW2TpnJtXWGYwj{Py5Xj^7)*A(n<%&amlL27e*{fQqw^Hx?K+i*gD
zKD)wV-)Wz0k|UnvPve=Z^EC3<wf&F&bMZ^4z0%=0{o?uhC2hAwJJ)lZp71$5D7j*v
zm0j))>2)0Y?o5<;eC+hc%*XHIesoG6yyv$e|M(pFvfY2zH}$Ihns#){VmHG>#~<%o
zRmCcGws2qdlG}f$X60PaUs|zvVyP+De}=D)Yo`Ugy0;3Lv1LnKBT9nv(@M${i&7aJ
na!T_O3lcN)O7siz(sh&bQ&N+^I!np{6*73b`njxgN@xNAIi&Cq

literal 0
HcmV?d00001

diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b04a45983a5a2974c514cef08c23f26291fc069e
GIT binary patch
literal 1124
zcmV-q1e^PbP)<h;3K|Lk000e1NJLTq003hE003hM1^@s6k2}7V00001b5ch_0Itp)
z=>Px(9!W$&RCr$Pom-OQAPhy@J4p7w$YclUa#y*F5I|2JB6ofbw$b4TfoC$u5Ao;q
zdcCMNxXz2faU4ghW%VK;@B*x9RfAH50T7xH%ledne82z*Sx_ylb0BXp0KyVlUEdVQ
zKa8j#(!tzrx7*|Kc<911uh%t(KNvfJNJANMJSUK_Fj{3|SQrss{Ir0o*&~kY2>H^)
z=IKgV(Z&WC^VaQ;Cx?SUrKfy^k?aTsLkc2VrMNweNI=5C;97B}rMzvFRJA3HQt2B3
zNC+5QE7Ft{(T;6lM6_dh7!oV;#X6cDTf>NE$I>vQR+P%vNOo)wBa$7<!q8Yz+u)V%
zwPLCJ6)>XMu_O$w6|JL>2zD$7!vcajhgy9x|0)=(r>mu4SgoMU01UyGv=J~?2C|G9
z9w0bo00zU3kuX*TvV<94Ah>1#M#GL7FjfRI-3(6<5;Fj!V8=`ts{xs6hBpYQ8Gw=4
zu>y>hfJ`%^2MCQB*W6g)+-eGpULXL2v7yVGtO#R;bT!<Jo**n{0EWUUs*Ck=>dduc
zs2RPju$nR3j_qJX1~LrB2rKdwrcGJ1Qq|TlE;t$}Gk^?%F~f?|LNA4qzPGe5RcMs1
zZwI6Fk7d$<OM*Juj_xo<TagC4^=vMbk#=kiqg1L&7x|HPbcHe6idI=`v1AmGZZPim
z`~CTRJ~a!Or4N;UG*H6Bm|+EX!$-Ya3FrtQUCf{cYnk~}U&@TMzr+&2pdw$mE`d?|
zuv9CBdjoMdW2P0{G*x3vnF1I>J2Yl+Q<ulCzBL?IGiF<1HA4f%3jghyt~X=;D3@@u
zi<;NQquoh!CYV<Y-OS*;v?!{|#y!eXYHWZ}fz<<swCYmMqaPPDsF|aEIZZzejO+cm
zGrTljZr|<;cw`vba#h<8FtWm;b<8fA;o730y3dh3T(eoyq#8>fX_~UkaKIo)dBbR}
zCx9^!1{G}Ty43KmuclgQib`RCG0BY5Q43%IMmqw#?lX|4q^n-m-m{tl48X8O0BOqS
zze+-BYd9)FHKnMg&MvjUVV_~kip}2Cm%jWuU`&9)J>-;}=ps!i(-dHIG@y2C%_o7{
z$t?C6Mt~X^8f#ibfp!RAQQE45(<plZgArAjvA|zmyEu8mNM}EF=H>BRq$!4NoHYe7
z3Q_V13YQP|8P59*Zs1Gp00S^$f9Y$zJ+-mp_Vq}QU%i0WzQb?>i!|k!rj~<oj*UAL
zI3=ECLG<X$9Sik!l5-zVGtPS*fKi?T(_mPEP_xWq#&hq%31WV(RJu3kK3-;A_xUr!
zdXx|mMhgfBMBbm<CkLO#?hS_45Wvu_yLsF`U}%6ug;BCYGQ%xtsuZ&#3@MPvFt}@x
q*KtVe*M_PvB<l!Z&}oYElTW{VmXBjLSpS*;0000<MNUMnLSTaM*#3Y3

literal 0
HcmV?d00001

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2f0a6c8..d36b95b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,29 @@
 export default function Home() {
   return (
-    <div>
-      <h1>Hi</h1>
-    </div>
+    <main className="flex flex-col items-center justify-center gap-16 h-screen">
+      <div>
+        <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M9 0C4.02944 0 0 4.02943 0 9V57C0 61.9706 4.02943 66 9 66L11.2437 66V40.7897C11.2437 40.702 11.2656 40.6156 11.3073 40.5385L30.6736 4.7288C31.7721 2.69759 34.6872 2.69902 35.7837 4.73131L55.1034 40.5387C55.145 40.6157 55.1668 40.7019 55.1668 40.7894V66L57 66C61.9706 66 66 61.9706 66 57V9C66 4.02944 61.9706 0 57 0H9ZM52.0859 66V41.9391L34.7992 31.7262V64.284V64.416C34.7992 65.2872 35.5115 65.994 36.3813 66L52.0859 66ZM34.782 28.314V9.43009L49.9026 37.0392L35.508 28.5516C35.508 28.5516 35.2934 28.4338 35.145 28.3866C35.0072 28.3428 34.782 28.314 34.782 28.314ZM44.022 65.076C45.5894 65.076 46.86 63.569 46.86 61.71C46.86 59.851 45.5894 58.344 44.022 58.344C42.4546 58.344 41.184 59.851 41.184 61.71C41.184 63.569 42.4546 65.076 44.022 65.076ZM47.124 44.6245C47.124 43.8179 47.7779 43.1639 48.5845 43.1639C49.3912 43.1639 50.0451 43.8179 50.0451 44.6245V54.8638C50.0451 55.6704 49.3912 56.3243 48.5845 56.3243C47.7779 56.3243 47.124 55.6704 47.124 54.8638V44.6245ZM43.958 40.392C43.1549 40.392 42.504 41.0429 42.504 41.846V52.3188C42.504 53.1218 43.1549 53.7728 43.958 53.7728C44.761 53.7728 45.4119 53.1218 45.4119 52.3188V41.846C45.4119 41.0429 44.761 40.392 43.958 40.392ZM37.9671 39.5584C37.9671 38.743 38.6281 38.082 39.4435 38.082C40.2589 38.082 40.9199 38.743 40.9199 39.5584V50.0749C40.9199 50.8903 40.2589 51.5513 39.4435 51.5513C38.6281 51.5513 37.9671 50.8903 37.9671 50.0749V39.5584Z" fill="#ffffff"></path>
+        </svg>
+      </div>
+      
+      <div className="rounded-lg border border-neutral-200 bg-white text-neutral-950 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 w-[380px] py-5  max-[900px]:mt-10 max-[400px]:w-[95%]">
+        <div className="flex flex-col space-y-1.5 p-6">
+          <h3 className="text-2xl font-semibold leading-none tracking-tight">
+            Welcome
+          </h3>
+          <p className="text-sm text-neutral-500 dark:text-neutral-400">
+            Login with your Cornell account
+          </p>
+        </div>
+        
+        <div className="items-center p-6 pt-0 flex mt-1">
+          <button className="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-800 bg-neutral-900 text-neutral-50 hover:bg-neutral-900/90 dark:bg-neutral-100 dark:text-neutral-900 dark:hover:text-neutral-200 dark:hover:bg-neutral-400 h-10 px-4 py-2 w-full">
+            Login
+          </button>
+        </div>
+      </div>
+
+    </main>
   );
-}
+}
\ No newline at end of file