sutd-robotics / sutdsoar

SUTD Organisation of Autonomous Robotics Club Website

SUTD Organisation of Autonomous Robotics (SOAR) Website

Usage

• Development:

  1. Fix a cache issue: npm config set cache "C:\Users\Firstname~1\AppData\Roaming\npm-cache" --global or npm config set cache C:\tmp\nodejs\npm-cache --global
  2. Download or clone this repository
  3. Change directory: cd sutdsoar
  4. Install dependencies: npm install
  5. Run npm run dev

• Production:

  • Netlify (CSR SPA):

    • Build command: npm run build:spa
    • Publish directory: dist
    • Deploy log visibility: Private logs
    • Production branch: master
    • Deploy previews: Automatically build deploy previews for all pull requests
    • Branch deploys: Deploy only the production branch
    • Build image: Ubuntu Xenial 16.04 (default)
    • Asset optimization: Pretty URLs, Bundle CSS, Minify CSS, Bundle JS, Minify JS and Compress Images
    • Custom domain: sutdsoar.netlify.com and soar.opensutd.org

  • Heroku/AWS (SSR PWA):

    • Coming soon!

License

MIT

sutdsoar's Issues

Alignment Issue

When the view height is sufficiently small, there is an overlapping issue between each section and their corresponding titles. This can be solved by utilizing the max-height media query specification and adding sufficient margin or padding accordingly.

Close Sidebar On Click

When any of the sidebar links are clicked, as the page scrolls to the corresponding section, the sidebar should automatically be closed by transitioning to the right.

Dynamic Nav Bar Color

Navbar starts with a black background.

When user scrolls down after the 'SOAR' logo, navbar turns to red