Skip to content

Add “Tips to Get Selected for GSoC” Section Above CTA on GSoC Page #876

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Aarya-Chaudhari wants to merge 4 commits into
base: main
Choose a base branch
from
+1,080 −3
Open

Add “Tips to Get Selected for GSoC” Section Above CTA on GSoC Page #876

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6c18e09
Removing duplicate programs
Aarya-Chaudhari Feb 18, 2026
3f93b52
Adding feedback card
Aarya-Chaudhari Feb 18, 2026
b446e4c
Adding tips
Aarya-Chaudhari Feb 18, 2026
6ce1853
Merge branch 'main' into tips
Aarya-Chaudhari Feb 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
76 changes: 73 additions & 3 deletions frontend/css/feedback.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,15 @@
body {
margin: 0;
}

.feedback-header {
text-align: center;
padding: 80px 20px 40px;
padding: 40px 20px 0px; /* remove bottom gap */
margin-bottom: 0;
}



.feedback-header h1 {
font-size: 2.5rem;
color: var(--deep-navy);
Expand All @@ -15,10 +22,12 @@

.feedback-container {
max-width: 600px;
margin: auto;
padding: 30px;
margin: 0 auto 60px; /* removes top gap */
padding: 0 20px 40px;
}



form {
display: flex;
flex-direction: column;
Expand Down Expand Up @@ -61,3 +70,64 @@ button:hover {
margin-top: 10px;
font-weight: 600;
}

/* ===== Card Layout Enhancement ===== */

.feedback-container {
max-width: 700px;
margin: auto;
padding: 40px 20px 80px;
display: flex;
justify-content: center;
}

.feedback-card {
width: 100%;
background: #ffffff;
padding: 35px 30px;
border-radius: 14px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Hover effect for modern UI depth */
.feedback-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.12);
}

/* Improve input styling consistency */
.feedback-card input,
.feedback-card select,
.feedback-card textarea {
width: 100%;
padding: 12px;
border-radius: 8px;
border: 1px solid #dcdcdc;
font-size: 1rem;
transition: border 0.2s ease, box-shadow 0.2s ease;
}

/* Focus interaction */
.feedback-card input:focus,
.feedback-card select:focus,
.feedback-card textarea:focus {
outline: none;
border-color: var(--primary-gold);
box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);
}

/* Better button polish */
.feedback-card button {
margin-top: 10px;
font-size: 1rem;
letter-spacing: 0.3px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feedback-card button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

Loading
Loading