Coder Social home page Coder Social logo

astrax.in's People

Contributors

adityaray7 avatar akshat157 avatar arshitakalra avatar blackdevil559 avatar dependabot[bot] avatar devharal avatar divyanshmangla avatar divyanshvinayak avatar gajrajgchouhan avatar gd-codes avatar harnaman-hk avatar kaushik1216 avatar mayank28082003 avatar mohhitsaini avatar palaksharma12 avatar pgoyal77 avatar prachee-03 avatar pranavr0411 avatar rajatverma311201 avatar rishabh-792 avatar saransh019 avatar shreyasbapat avatar star-ankur avatar vmm24 avatar wings-realm avatar yuvraj-aseri avatar yuvrajmisra avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

astrax.in's Issues

Events section - Desktop View

The events branch has the basic layout for the events section. Following tasks are to be worked on

  • The first row shall contain two pre events. "Pre Event" can be shown in red or any prominent color. There should be four events in the after the pre-event row. All event cards should have the same dimensions.
  • Improve visibility of "Events" heading

The display of background image can be improved after trying out different possibilities. However, it is not mandatory to be fix it under this issue.

Archive the website.

  • All the registration links to be removed and to be replaced with a single event report in the banner>
  • Do all the other archiving work.

Improve navigation menu in mobile view

Navigation bar in mobile view needs improvement.

  1. Background should be colored when navbar expands in header section
    Screenshot_2021-04-10 AstraX 21 IIT Mandi

  2. The menu should collapse/roll back after jumping to the link selected by the user

Add go to top button

Since the home page will be quite long, a go to top button will be useful. It can be added in the bottom right corner.

CSS variables

In main.css same color codes are repeatedly used in different sections. We can use css variables to eliminate repetition and change color scheme easily in future. Repeated colors should be put as variables, the ones with few occurrences are fine as it is.

Events section - Mobile View

The events branch has the basic layout for the events section. Following tasks are to be worked on:

  1. Clicking on events cards should expand them and display information i.e. Hover behavior in desktop view should be the onclick behavior in mobile view.
  2. Background image should be sized appropriately.

Show Active Link on Scroll

Currently when clicking on a link in navbar, active link is changed.
This is can be changed to do the change completely on scroll of page.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.