The Official Website for the Hackers' Horizon Event
- the theme:
- 80's retro
- neon colours, glowing geometrical matterns
- gta vice city -esque
- reference: https://dribbble.com/shots/18116271-Retrend-NFTs-Landing-Page
- progress meter in navbar
- navbar should be like portfolio-techno
- parallax effect bg while scrolling kinda like this
- cards for our previous events
- extra info about the club (in the footer)
- engaging section at the end
- a scroll to the top button
- hack the system in 5 commands game kinda thing kinda like this
- changing the cursor
- fixed registration button (doesn't move while scrolling)
- some 3d stuff
- heading/highlighted text can be glowing (pinkish-whitish)
- favicon
- Formatting:
- indentation: 4 spaces
- use prettier if you use vscode, prettierrc file is given below
- js:
- use let/const instead of var
- use arrow functions where possible
- make sure the code is readable, i.e. others should be able to read it and understand what it does
- use comments to tell why you have done something if needed
- code doing separate things should be in separate files e.g.: the code setting the timer is in
timer.js
and the code changing the navbar is inchangeNavbar.js
- html:
- use tags semantically
- properly indent code
- all styling should be done in css files, not inline
- edit only the sections you are working on
- PRs:
- do not push directly to this repo, make a PR for any changes you want to do
- navbar: samridh
- landing section:
- by: shakti, priyanshu, dhananjay
- name of the event should be prominent
- the speaker, and his top achievements
- venue, timings
- a short line about the event
- countdown:
- by: umesh, dhananjay
- flip clock kinda effect
- FAQs section:
- by: rahul, nixon
- an accordion with question-answers
- about the speaker section:
- by: faheema, arjun
- name, intro
- companies for which he found bugs
- rankings
- footer:
- by: allan
- external links to our pages (should open in a new tab, target=_blank and rel=noreferrer)
- a short description of the club
- a go to top button
- some cards about the previous events by our club (not too detailed)
- the registration button:
- by: umesh
- should be fixed