Freshers 2026 Campaign - #923
Open
gellowg wants to merge 35 commits into
Open
Conversation
…ade freshers menu item an image
… the freshers page.
…ited with Netlify CMS
…ers page - just using already implemented redirect instead
…ountdown timer. Includes image assets too.
…er cosmetic fixes
…n be toggled in _config.yml
github-actions
Bot
added
the
sync
cssbhamdev
enabled auto-merge (squash)
August 22, 2026 18:25
|
This pull request has been marked to automatically sync to its base branch. You can disable this behavior by removing the label. |
Contributor
Author
|
Deploy preview here: https://deploy-preview-923--cssbham.netlify.app |
Member
|
FAQ answers wrap unnecessarily |
Comment on lines
+1
to
+9
| --- | ||
| title: Scavenger Hunt | ||
| cover_image: /assets/images/inaction-css.jpg | ||
| image_alt: Computer Science Society members at a social event | ||
| description: Learn the lay of the campus with CSS' scavenger hunt, find study areas and food outlets around the uni. Find us at our stall from 10am — 4pm once you've completed it in the CS building for an exclusive Old Joe Tex sticker! Join up with up to 5 other people and have fun exploring! | ||
| location: Campus | ||
| date: 2026-09-21 | ||
| start_time: "Self-guided throughout freshers' week" | ||
| --- No newline at end of file |
Member
There was a problem hiding this comment.
File name inconsistent with established convention
Comment on lines
+272
to
+353
| .freshers-hero-art { | ||
| min-height: 430px; | ||
| } | ||
|
|
||
| .freshers-mascot-card { | ||
| position: absolute; | ||
| top: 50%; | ||
| left: 50%; | ||
| width: min(29vw, 390px); | ||
| aspect-ratio: 1; | ||
| padding: 22px; | ||
| border: 1px solid rgba(255, 255, 255, 0.18); | ||
| border-radius: 38% 62% 58% 42% / 48% 38% 62% 52%; | ||
| background: linear-gradient(145deg, $purple, $purple-dark); | ||
| box-shadow: 0 40px 90px rgba(79, 40, 150, 0.42); | ||
| transform: translate(-50%, -50%) rotate(4deg); | ||
|
|
||
| img { | ||
| width: 100%; | ||
| max-height: none; | ||
| filter: drop-shadow(0 20px 18px rgba(0, 0, 0, 0.25)); | ||
| transform: rotate(-4deg); | ||
| } | ||
| } | ||
|
|
||
| .freshers-float-card { | ||
| position: absolute; | ||
| z-index: 2; | ||
| padding: 12px 16px; | ||
| border: 1px solid rgba(255, 255, 255, 0.25); | ||
| border-radius: 999px; | ||
| color: $ink; | ||
| font-family: "JetBrains Mono", "Inconsolata", monospace; | ||
| font-weight: 700; | ||
| box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); | ||
| } | ||
|
|
||
| .freshers-float-socials { | ||
| top: 2%; | ||
| right: 0; | ||
| background: $yellow; | ||
| transform: rotate(5deg); | ||
| } | ||
|
|
||
| .freshers-float-tech { | ||
| bottom: 11%; | ||
| left: -5%; | ||
| background: $mint; | ||
| transform: rotate(-7deg); | ||
| } | ||
|
|
||
| .freshers-float-friends { | ||
| right: -2%; | ||
| bottom: 2%; | ||
| background: $coral; | ||
| transform: rotate(3deg); | ||
| } | ||
|
|
||
| .freshers-orb { | ||
| position: absolute; | ||
| z-index: 0; | ||
| border-radius: 50%; | ||
| filter: blur(1px); | ||
| opacity: 0.7; | ||
| } | ||
|
|
||
| .freshers-orb-one { | ||
| top: 10%; | ||
| right: 8%; | ||
| width: 180px; | ||
| height: 180px; | ||
| border: 42px solid rgba(105, 230, 194, 0.12); | ||
| } | ||
|
|
||
| .freshers-orb-two { | ||
| bottom: -140px; | ||
| left: 34%; | ||
| width: 330px; | ||
| height: 330px; | ||
| background: rgba(169, 104, 255, 0.12); | ||
| filter: blur(70px); | ||
| } |
Member
There was a problem hiding this comment.
Classes are not used and can be deleted.
Suggested change
| .freshers-hero-art { | |
| min-height: 430px; | |
| } | |
| .freshers-mascot-card { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| width: min(29vw, 390px); | |
| aspect-ratio: 1; | |
| padding: 22px; | |
| border: 1px solid rgba(255, 255, 255, 0.18); | |
| border-radius: 38% 62% 58% 42% / 48% 38% 62% 52%; | |
| background: linear-gradient(145deg, $purple, $purple-dark); | |
| box-shadow: 0 40px 90px rgba(79, 40, 150, 0.42); | |
| transform: translate(-50%, -50%) rotate(4deg); | |
| img { | |
| width: 100%; | |
| max-height: none; | |
| filter: drop-shadow(0 20px 18px rgba(0, 0, 0, 0.25)); | |
| transform: rotate(-4deg); | |
| } | |
| } | |
| .freshers-float-card { | |
| position: absolute; | |
| z-index: 2; | |
| padding: 12px 16px; | |
| border: 1px solid rgba(255, 255, 255, 0.25); | |
| border-radius: 999px; | |
| color: $ink; | |
| font-family: "JetBrains Mono", "Inconsolata", monospace; | |
| font-weight: 700; | |
| box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); | |
| } | |
| .freshers-float-socials { | |
| top: 2%; | |
| right: 0; | |
| background: $yellow; | |
| transform: rotate(5deg); | |
| } | |
| .freshers-float-tech { | |
| bottom: 11%; | |
| left: -5%; | |
| background: $mint; | |
| transform: rotate(-7deg); | |
| } | |
| .freshers-float-friends { | |
| right: -2%; | |
| bottom: 2%; | |
| background: $coral; | |
| transform: rotate(3deg); | |
| } | |
| .freshers-orb { | |
| position: absolute; | |
| z-index: 0; | |
| border-radius: 50%; | |
| filter: blur(1px); | |
| opacity: 0.7; | |
| } | |
| .freshers-orb-one { | |
| top: 10%; | |
| right: 8%; | |
| width: 180px; | |
| height: 180px; | |
| border: 42px solid rgba(105, 230, 194, 0.12); | |
| } | |
| .freshers-orb-two { | |
| bottom: -140px; | |
| left: 34%; | |
| width: 330px; | |
| height: 330px; | |
| background: rgba(169, 104, 255, 0.12); | |
| filter: blur(70px); | |
| } |
Comment on lines
+253
to
+270
| .freshers-reassurance { | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| gap: 5px; | ||
| margin-top: 22px; | ||
| color: rgba(255, 255, 255, 0.55); | ||
| font-size: 13px; | ||
|
|
||
| span { | ||
| color: inherit; | ||
| } | ||
|
|
||
| i { | ||
| padding: 0 5px; | ||
| color: $purple; | ||
| font-style: normal; | ||
| } | ||
| } |
Member
There was a problem hiding this comment.
Class is only used in freshers-hero-lower and so should be deleted and incorporated into that class instead
Comment on lines
+657
to
+678
| .freshers-date-notice { | ||
| display: flex; | ||
| align-items: flex-start; | ||
| gap: 12px; | ||
| max-width: 850px; | ||
| margin-top: 24px; | ||
| padding: 16px 18px; | ||
| border: 1px solid rgba(255, 226, 119, 0.35); | ||
| border-radius: 12px; | ||
| background: rgba(255, 226, 119, 0.08); | ||
|
|
||
| span { | ||
| color: $yellow; | ||
| font-size: 20px; | ||
| } | ||
|
|
||
| p { | ||
| margin: 0; | ||
| color: rgba(255, 255, 255, 0.75); | ||
| font-size: 14px; | ||
| } | ||
| } |
Member
There was a problem hiding this comment.
Class is not used and can be deleted
Suggested change
| .freshers-date-notice { | |
| display: flex; | |
| align-items: flex-start; | |
| gap: 12px; | |
| max-width: 850px; | |
| margin-top: 24px; | |
| padding: 16px 18px; | |
| border: 1px solid rgba(255, 226, 119, 0.35); | |
| border-radius: 12px; | |
| background: rgba(255, 226, 119, 0.08); | |
| span { | |
| color: $yellow; | |
| font-size: 20px; | |
| } | |
| p { | |
| margin: 0; | |
| color: rgba(255, 255, 255, 0.75); | |
| font-size: 14px; | |
| } | |
| } |
Comment on lines
+192
to
+201
| .freshers-button-primary { | ||
| color: $ink; | ||
| background: linear-gradient(110deg, $mint, #a5f4dd); | ||
| box-shadow: 0 14px 35px rgba(105, 230, 194, 0.22); | ||
|
|
||
| &:hover, | ||
| &:focus-visible { | ||
| box-shadow: 0 18px 40px rgba(105, 230, 194, 0.32); | ||
| } | ||
| } |
Member
There was a problem hiding this comment.
Class is not used and can be deleted
Suggested change
| .freshers-button-primary { | |
| color: $ink; | |
| background: linear-gradient(110deg, $mint, #a5f4dd); | |
| box-shadow: 0 14px 35px rgba(105, 230, 194, 0.22); | |
| &:hover, | |
| &:focus-visible { | |
| box-shadow: 0 18px 40px rgba(105, 230, 194, 0.32); | |
| } | |
| } |
Comment on lines
+1164
to
+1170
| .freshers-hero { | ||
| position: relative; | ||
| display: block; | ||
| min-height: auto; | ||
| padding: clamp(26px, 4vw, 58px) var(--page-gutter) clamp(58px, 7vw, 100px); | ||
| text-align: left; | ||
| } |
Member
There was a problem hiding this comment.
Overrides existing definition at L58, combine them either here or at the top
Comment on lines
+1139
to
+1142
| .freshers-marquee span:nth-of-type(n + 5), | ||
| .freshers-marquee i:nth-of-type(n + 4) { | ||
| display: none; | ||
| } |
Member
There was a problem hiding this comment.
This hides the careers and workshops names from the homepage on mobile / small screens. Fine if intentional but thought I'd flag anyway
…EO effectively becomes the alt text
…ub.io into freshers-2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds a new responsive Freshers 2026 landing page designed around the CSS brand, with editable content and events managed through Netlify CMS.
What changed outside of freshers campaign
_config.ymland is hidden on/freshersThe new freshers campaign
/fresherslanding page with:Notes
Some event details are currently marked as
TBDand can be updated through Netlify CMS once confirmed.