face-amrita-bengaluru/website

Official source code of FACE Amrita Bengaluru website and it's sister chapters

The Forum for Aspiring Computer Engineers - CSE Departmental Club at Amrita School of Engineering, Bengaluru

Greetings from FACE!
We are the official Computer Science forum at Amrita School of Engineering, Bengaluru. We are a continuously evolving, growing college community of coders, designers and thinkers.

Where to find us?

• Official Website
• Instagram
• Discord

Watch this space for more about us!

website's Issues

Visibility of the logo on the navbar

Description of the bug:
The ACM-STUDENT CHAPTER logo looks subtle, light and transparent, where as on the external pages linked it looks perfectly fine.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://faceaseb.com/ACM.
2. You shall notice a light,transparent logo at the top left.
3. As you scroll down you shall further notice a subtle and light logo or navbar id.
4. After noticing on main page click on any external link( ex: Go to
   https://faceaseb.com/ACM_Members).
5. You shall notice the logo and navbar to be perfectly fine.

Screenshots*

Desktop
Windows 10 1903 -Operating System
Google Chrome

DepShield encountered errors while building your project

The project could not be analyzed because of build errors. Please review the error messages here. Another build will be scheduled within 24 hours. If the build is successful this issue will be closed, otherwise the error message will be updated.

_{This is an automated GitHub Issue created by Sonatype DepShield. GitHub Apps, including DepShield, can be managed from the Developer settings of the repository administrators.}

ACMW-Blog

Things that need to be done:

• Creation of Blog page
• Linking it to ACM events page

ACMW enhancements

• Don't use center tags. Use CSS Style instead.
• Use HTML5 everywhere.
• Put alt properly for all images.

Alignment of members

Describe the bug
The Members arent displayed

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://faceaseb.com/ACMW_Members'
2. Scroll down to 'The team'
3. See error

Expected behavior
Should be Inside well aligned boxes

Fix 'The universal selector (*) is known to be slow.' issue in public\ACM\css\ACM.css

CodeFactor found an issue: The universal selector (*) is known to be slow.

It's currently on:
public\ACM\css\ACM.css:1

Missing members

Describe the bug
A image in the page with member name and description

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://faceaseb.com/ACM_Members'
2. Scroll down to '....'
3. See error

Expected behavior
Should have a valid name and a description or should be aligned correctly

Screenshots

Desktop (please complete the following information):

• OS: windows
• Browser chrome
• Version 80

The Down Arrow in the Main Card

The Down arrow is supposed to take the user down to the next section, instead its direction is set as UP

Steps to reproduce the behavior:

1. Go to 'https://faceaseb.com/ACM'
2. Click on 'Down Arrow'
3. See error

Expected behavior
Scroll Down

ACMW Bootstrap

Describe the bug
Bootstrap 4 code written with Bootstrap 3 CDN in all the pages.

Improve Page Speed

Page speed can be improved by losslessly compressing images and resizing them to the required size.

Fix 'Values of 0 shouldn't have units specified.'

CodeFactor found an issue: Values of 0 shouldn't have units specified.

It's currently on:
public\ACMW\css\ACMW_Members.css:153

ACM Home Page

• Minor style and content fixes in ACM.ejs
• Add animations
• Add lazy loader

Fix buttons in members section

The buttons are inside the carousel.

ACM Events Page

• Need to improve UI UX of ACM Events Page

Credits in Footer

• Add developer and maintainer credits to footer

ACM and ACMW final roster

1. On click of names mentioned in the footer for the credits section, it should redirect to respective LinkedIn profiles with target="_blank" rel="noopener"
2. Make sure all links and pages are working as expected. Use incognito mode to test and verify to avoid cache. And test for different resolutions as well. (Ctrl + Shift + I and then Ctrl + Shift + M)
3. Make sure sections as named aptly and not as /ACM#carouselExampleCaptions for example.
4. Click of the logo on any subpage should take you back to the home page of ACM or ACM-W respectively.
5. Make sure proper meta and head tags are present on all pages as I have put for FACE.
6. Run each page on GTmetrix and fix issues identified. Everything should be green.
7. Run each page on Lighthouse (Ctrl + Shift + I and then go to Audits).
8. Make sure all images have the alt property defined properly.
9. Proper words need to be used such as:
   • ACM and not acm
   • ACM-W and not ACMW or ACM - W or acmw or any other variants
   • Web Development and not Web Dev or any other variants. Similarly Data Science and Competitive Coding. Competitive Programming is wrong. Update all these for text and image names
10. Sort all images into proper folders. All members should be in members folder. Icons in icons folder. Logos in logos folders. Icon with text is the logo. Don't get confused with those two.
11. If images which are used in FACE need to be used, use the same for ACM and ACM-W instead of duplicating. If images are already present in ACM, do not duplicate in ACMW. Only if images don't exist in this hierarchy, images are to be created. No duplication at all.
12. Remove unnecessary comments in the code.
13. Make sure all links are HTTPS and 3rd party links outside of our network are set to target="_blank" rel="noopener"
14. Remove unused code, libraries and frameworks. (HTML, CSS and JS)
15. Split common code between files into separate files such as footer.ejs, nav.ejs, meta.ejs, etc as done on FACE.
16. Switch to JPG instead of PNG unless there's a valid reason.

Comment here with the number once resolved. I shall verify and tick mark the following as you all fix the issues

ACM:

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16

ACM-W:

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16

Modifications to be made in contact section of ACM-W

Describe the bug
A unnecessary contact us in the footer section.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://faceaseb.com/ACMW
2. Scroll down to Contact Us section
3. See error

Expected behavior
An unexpected contact us line above the contact number.
Screenshot

Desktop (please complete the following information):
Lenovo Legion Laptop
Windows 10 1903
Google Chrome

Footer bugs

FIRST:
Describe the bug
White space to the left and right of footer section of the website.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://faceaseb.com/ACMW
2. Scroll down to Contact
3. See error

Expected behavior
A white space to the left and right of the footer section.

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: Lenovo Legion Laptop
• OS: Windows 10 1903
• Browser Google Chrome
  SECOND:
  Describe the bug
  A unnecessary contact us in the footer section.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://faceaseb.com/ACMW
2. Scroll down to Contact Us section
3. See error

Expected behavior
An unexpected contact us line above the contact number.
Screenshot

Desktop (please complete the following information):
Lenovo Legion Laptop
Windows 10 1903
Google Chrome

2020 - 2021 Update

• Add 2020 - 2021 to the menu
• Create 2020 - 2021 page
• Update the main page with the 2020 - 2021 team
• Add mentors for all years
• Update dependencies
• Switch to npm 7
• Fix all images
• Fix &
• Update ESLint
• Switch dependencies to CDN
• Fix copyright year
• Update CI / CD
• Update docs
• Update sitemap
• Refactor

White space between the navbar and image in ACM-W

Describe the bug
A white space between the nav bar and the image

To Reproduce
Steps to reproduce the behavior:

1. Go to https://faceaseb.com/ACMW

2. See error

Screenshots

Desktop (please complete the following information):
Lenovo Legion
Windows 10 1903

Fix 'Values of 0 shouldn't have units specified.' issue in public\ACMW\css\ACMW_Members.css

CodeFactor found an issue: Values of 0 shouldn't have units specified.

It's currently on:
public\ACMW\css\ACMW_Members.css:153

Fix 'Outlines should only be modified using :focus.' issue in public\ACMW\css\ACMW_Members.css

CodeFactor found an issue: Outlines should only be modified using :focus.

It's currently on:
public\ACMW\css\ACMW_Members.css:157

ACMW-Events

Files need to be changed:

• New events page creation
• Link it to ACM events page

Update image of Shobanadri

• Image of Shobhanadri needs to be updated in Members page as well as in home page

ACM Bugs

Bugs from incorrect rebase:

• Path issues
• Missing/Invalid CSS

Blog Page

Add blogs and link them to Medium page.

Fix ACM and ACM-W EJS and Scrollspy bugs

• Fix Scrollspy
• Use ejs v3 compatible syntax

Members

Add remaining members in ACM_Members.ejs

Fix 'Missing standard property 'transform' to go along with '-webkit-transform'

CodeFactor found an issue: Missing standard property 'transform' to go along with '-webkit-transform'.

It's currently on:
public\ACM\css\ACM.css:100

ACM landing page

Possible Actions

• Images carousel
• Amrita building image in parallax
• Text carousel
• A quote with a sketch

SIG background

Fix the alignment of Wsig,png, Dsig.png and Csig.png in photoshop to match when scrolling through ACM.ejs.

Fix 'Outlines should only be modified using :focus.' issue in public\ACMW\css\ACMW_Members.css

CodeFactor found an issue: Outlines should only be modified using :focus.

It's currently on:
public\ACMW\css\ACMW_Members.css:157

Fix 'The property -ms-transform is compatible with -webkit-transform and should be included as well.' issue in public\ACM\css\ACM.css

CodeFactor found an issue: The property -ms-transform is compatible with -webkit-transform and should be included as well.

It's currently on:
public\ACM\css\ACM.css:73

Fix 'Missing standard property 'transform' to go along with '-webkit-transform'

CodeFactor found an issue: Missing standard property 'transform' to go along with '-webkit-transform'.

It's currently on:
public\ACM\css\ACM.css:106

SIG box alignment

Describe the bug
The button needs to be aligned properly

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://faceaseb.com/ACMW#'
2. Scroll down to 'SIG @ AMRITA'
3. See error

Expected behavior
Should be aligned

.

Screenshots
If applicable, add screenshots to help explain your problem.

Text-Cursor in Mobile view

Description of the bug:
The text-cursor in the mobile view has to be placed properly.

Steps to reproduce the behaviour:
• Go to 'https://faceaseb.com/ACM'
• Switch to mobile view.
• Observe the text-cursor.

Events Page

Add all the events of the year 2019.

Fix 'Missing standard property 'transform' to go along with '-webkit-transform'

CodeFactor found an issue: Missing standard property 'transform' to go along with '-webkit-transform'.

It's currently on:
public\ACM\css\ACM.css:103