From f89e1918270b64fa0fce6b0a673bd1881d3f51f3 Mon Sep 17 00:00:00 2001 From: JoyM268 <125041935+JoyM268@users.noreply.github.com> Date: Wed, 5 Jun 2024 05:55:21 +0530 Subject: [PATCH] Form Submission Update --- assets/Failed/failed-icon.png | Bin 0 -> 2057 bytes feedbackFailed.html | 50 ++++ feedbacksubmitted.html | 6 +- formFailed.html | 50 ++++ formsubmitted.html | 4 +- styles/formsubmitted.css | 243 ------------------ ...feedbacksubmitted.css => submitstatus.css} | 3 +- 7 files changed, 107 insertions(+), 249 deletions(-) create mode 100644 assets/Failed/failed-icon.png create mode 100644 feedbackFailed.html create mode 100644 formFailed.html delete mode 100644 styles/formsubmitted.css rename styles/{feedbacksubmitted.css => submitstatus.css} (98%) diff --git a/assets/Failed/failed-icon.png b/assets/Failed/failed-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..57c9cf8c9e8166844377a6b6c72f75711ad8d92b GIT binary patch literal 2057 zcmV+k2=@1hP)Px+!%0LzRCr$PUE5OIND%FjdDz!25-v}1zGUG`fG+{QgzT3X_frH+ z0A#j6=I*Bmm;f+aV6k|e!@=7eq)`99s4EKra{+Q*ftUk;`d8L1$WnmNKUW~X>t6|3 zo__xPklDu8?nf5^kBis&A4PQ`gggTfXB^|H$;jO=Xi%htZ%|a<#|FqK0H{5^x)2gB z8?WZroqKILCNQ!Bu=w?IEkqKdn?TZFoE{(Ea#0L*eHH)~zkiMs$UYF4U&~yXE z{g6C~H?1HomlEXd>CvZeL0U635*2{O^7&GLP+afxsZ~q+DXLoIza5myLv?hiPg^f& z%_+X9dO-px8C(Ay`IsbZ>?9oxfM3g(I|*9hxO{4(SH<7HG_avRRad~70KpDMDd8rT zQVI@$N1}}`2{jnAl>*@!K+b`>9a4u!DObh0uS4{`F(?4F@vD1k*f)cTZutJBF;QTk zBh^fB5P|{VV*Hq)P2s)GvIk3@1qC4(08h*3d%C`t4<|>T&M8JpagBrXlqW}rUqg&7 z2mt$R{MLxvXi&An@zLRxF9_ZMH0wE}0xLJ=P>hv&K3)JcYdR|Fq8}-$^Bij}=)eXp z*r{L4S=oE(!Wn>uHyoR(VPI-RXsz4iz79kmM;UljvF(c9348%$p*x3Vh%T7_F%i-Z_Z6|jIWF| z2tYFs_1|#}0GfRa0piStzDpFa0ibApxhlSfUNdPubPa$3{TLCT`X(l2c7etMU~qZ4 zXNcImpM!$dNm=b-7jR=+PL&|9IC}^z0G^gFN_JY;*JF9$CIX(NEg8n_KSmUg0iY(sGprm z*uY(B$AZuhVGjfc09lev$^T=DfZ;r_y+}u)W*mU}7INd3BQ@D@lkJ#gs4)-p22HUI z3IJAsQBV$L{INv&0YygEc07QI#%GW@#zmGa6!8UjV zp!Y}O#YSvHAO5!bwGypm@WYWATE6@}kj`b00 zpPU2$iH3-XV-utNUEQNu%&P0=D1;I!SxPy(igibJe@u(z@>0Oeas~#S5y$`-HSZ=Q zlBl7^_(L~Ec|EH|0lvKkQ$JMxC+C3f(yO+&frlttaGZ$_U2E6gbkB1g2UdKkb}8zo z?VlV06dF=zDTI20++-lc`%?68y+xC20~P?d8q%^V$P?s_06HT{>!iPN9mpp3J?T!u#6%goU@EzMUdKHH0n2ww>+sh7FN! zy@ZD|0G5KN5487*B3!QxaXl^RHss^+T(mO)x;Vr43iN8<|4RnR&xP{=fikakgga7? zQz14qskSySEz)(rvky6e%K4i2nVLUn4%kY{$Sv&q0s>9#tbISoxp!U^)DFertk9^% z8kc_f<9Cys(IP4*Um<5Jal61vGoK_;A!IskUSfVVl! z^s8&30P$CCYW)J9!PnX9dO>G5`D1#WZHO3s=WUES0^Ygp>p=YolN|FLCjc^|GXXFG nkl6y6yPqOp0wA*mGI#$U^bQNGD6gyH00000NkvXXu0mjfb7QaL literal 0 HcmV?d00001 diff --git a/feedbackFailed.html b/feedbackFailed.html new file mode 100644 index 0000000..7003d49 --- /dev/null +++ b/feedbackFailed.html @@ -0,0 +1,50 @@ + + + + + + Submission Failed + + + + + +
+ + + Project Portal + + +
+ +
+ +
+ + \ No newline at end of file diff --git a/feedbacksubmitted.html b/feedbacksubmitted.html index 3ad63e2..ec896b7 100644 --- a/feedbacksubmitted.html +++ b/feedbacksubmitted.html @@ -3,10 +3,10 @@ - Form Submitted + Feedback Submitted - +
@@ -43,7 +43,7 @@ Your feedback has been submitted successfully. Return to Contact Form - Return to Home + Return to Homepage diff --git a/formFailed.html b/formFailed.html new file mode 100644 index 0000000..dd35735 --- /dev/null +++ b/formFailed.html @@ -0,0 +1,50 @@ + + + + + + Submission Failed + + + + + +
+ + + Project Portal + + +
+ +
+ +
+ + \ No newline at end of file diff --git a/formsubmitted.html b/formsubmitted.html index fb2b016..ba95c50 100644 --- a/formsubmitted.html +++ b/formsubmitted.html @@ -6,7 +6,7 @@ Form Submitted - +
@@ -43,7 +43,7 @@ Your form has been submitted successfully. Explore Other Projects - Return to Home + Return to Homepage diff --git a/styles/formsubmitted.css b/styles/formsubmitted.css deleted file mode 100644 index e4abca2..0000000 --- a/styles/formsubmitted.css +++ /dev/null @@ -1,243 +0,0 @@ -/* General */ -*{ - padding: 0px; - margin: 0px; - box-sizing: border-box; - font-family: 'jost', sans-serif; -} - -html, body{ - height: 100%; - width: 100%; - background-color: rgb(234, 219, 219); -} - -a{ - text-decoration: unset; - color: black; -} - -/* Fonts */ -@font-face{ - font-family: 'jost'; - src: url(../assets/fonts/Jost/Jost-Regular.ttf) format('truetype'); - font-style: normal; - font-optical-sizing: auto; - font-weight: 400; -} - -@font-face{ - font-family: 'jost'; - src: url(../assets/fonts/Jost/Jost-Medium.ttf) format('truetype'); - font-style: normal; - font-optical-sizing: auto; - font-weight: 500; -} - -@font-face{ - font-family: 'jost'; - src: url(../assets/fonts/Jost/Jost-Bold.ttf) format('truetype'); - font-style: normal; - font-optical-sizing: auto; - font-weight: 700; -} - -/* Header */ -.header{ - background-color: rgb(248, 248, 248); - display: flex; - position: fixed; - align-items: center; - justify-content: space-between; - padding: 7px; - width: 100%; - border-bottom: 1px solid rgb(107, 107, 107); - height: 65px; - column-gap: 25px; - z-index: 3; -} - -.stop-scrolling { - height: 100%; - overflow: hidden; -} - -.left-section{ - margin-left: 8px; - display: flex; - align-items: center; - height: 100%; - width: 176px; - text-wrap: nowrap; -} - -.left-section #logo{ - width: 35px; -} - -.left-section .name{ - margin-left: 10px; - font-weight: 500; - font-size: 110%; - color: rgb(126, 19, 17); -} - -.right-section .menu{ - display: none; - position: relative; -} - -#close-click{ - display: none; -} - -.menu-list{ - padding-top: 64px; - background-color: rgb(141, 23, 21); - position: fixed; - width: 100%; - right: 0px; - height: 100%; - z-index: 2; - display: none; - flex-direction: column; -} - -.menu-list a{ - padding: 12px 20px; - color: white; - font-size: 20px; - transition: 0.2s; -} - -.menu-list a:hover{ - background-color: rgba(241, 120, 120, 0.703); -} - -.menu-list a:active{ - background-color: rgba(241, 164, 164, 0.703); -} - -@media (max-width: 480px) { - .right-section .navigation{ - display: none; - } - - .right-section .menu{ - display: flex; - justify-content: center; - align-items: center; - width: 40px; - height: 40px; - border-radius: 20px; - border: none; - cursor: pointer; - } - - .right-section .menu:hover{ - background-color: rgba(224, 224, 224, 0.277); - } - - .right-section{ - justify-content: end; - } -} - -.right-section{ - display: flex; - align-items: center; - width: 200px; - height: 100%; - text-wrap: nowrap; -} - -.right-section .navigation a{ - color: rgb(126, 19, 17); - margin-right: 10px; - cursor: pointer; - transition: 0.15s; -} - -.right-section .navigation a:hover{ - text-decoration: underline; - color: rgb(179, 20, 17); -} - -#active-nav{ - text-decoration: underline; - color: rgb(179, 20, 17); - text-underline-offset: 3px; - cursor: default; - pointer-events: none; -} - -#active-menu{ - cursor: default; - pointer-events: none; - background-color: rgba(178, 46, 46, 0.703); -} - -/* Main */ -.main{ - padding-left: 20px; - padding-right: 20px; - padding-bottom: 10px; - width: 100%; - height: 100%; - font-family: 'jost'; - display: flex; - justify-content: center; - padding-top: 210px; -} - -.submitted-icon{ - filter: invert(1); - margin-bottom: 5px; -} - -.message{ - display: flex; - flex-direction: column; - align-items: center; - margin-bottom: 23px; -} - -.message-subject{ - font-family: Helvetica; - font-size: 40px; - font-weight: 500; - margin-bottom: 4px; -} - -.message-description{ - font-family: Helvetica; - font-size: 17px; - -} - -.navigation-options{ - display: flex; - flex-direction: column; - align-items: center; -} - -.navigation-section{ - font-family: Helvetica; - color: rgb(213, 29, 26); - cursor: pointer; - margin-bottom: 13px; - font-size: 17px; - transition: 0.2s; - font-weight: 500; - text-decoration: underline; -} - -.navigation-section:hover{ - color: rgb(255, 4, 0); - text-underline-offset: 3px; -} - -.navigation-section:focus{ - color: rgb(175, 22, 20); - text-underline-offset: 3px; -} \ No newline at end of file diff --git a/styles/feedbacksubmitted.css b/styles/submitstatus.css similarity index 98% rename from styles/feedbacksubmitted.css rename to styles/submitstatus.css index e4abca2..4da8be1 100644 --- a/styles/feedbacksubmitted.css +++ b/styles/submitstatus.css @@ -207,12 +207,13 @@ a{ font-size: 40px; font-weight: 500; margin-bottom: 4px; + text-align: center; } .message-description{ font-family: Helvetica; font-size: 17px; - + text-align: center; } .navigation-options{