-
Notifications
You must be signed in to change notification settings - Fork 98
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update: program page #851
Update: program page #851
Conversation
fixing issues related to screen resizing
@kshitijrajsharma @dakotabenjamin Thanks as always! some fixes to the program page requested by leadership. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Some minor typos and a big question about the new javascript code.
Is this code from an existing third party module of some sort? If so we should rather pull it in from a link rather than commit it to code- this will avoid any copyright issues and make it easier to maintain. At present the code in the tailwind-js-carrousel.js file is largely unreadable so I can't review it. It looks like code that has already been minimized.
js/tailwindcss-js-carrousel.js
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What is the source of this code? It's difficult to understand. Did you write this or is it from an existing third party source?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi Dakota - I took it from this site https://github.com/tailwindlabs/tailwindcss -- MIT license.
I named the file after the cdn link (https://cdn.tailwindcss.com/) so it is clear where it comes.
I did not load it as CDN directly like the other js files because I needed to make some minor changes to the code.
The Typos, I already took note and will correct them on Siteleaf, there has to be a last review by comms on the text on content so its not final. thank you dk :) |
</div> --> | ||
|
||
|
||
<html> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This html section looks repetitive, Can you check ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Deleted the repeating section
You are using tailwind css carrousel. Neat implementation ⭐️ Do mention this in PR and the reason behind for you to import the lib itself . Importing lib is okay , I just want to make sure whoever comes to this PR after will know why you made this decision instead of cdn. One more small comment on css : I noticed your media css on base css, While testing you can have multiple views like phone, tablet and web . Based on which you can make sure carrousel doesn't get carried away when screen size changes . I think a lot of people will use cellphone browsing hot website . + It will be wise to make this carrousel content dynamic so that you will have option to change or implement new carrousel easily later on as request comes in . |
Changes:
Screenshots of the change:
![image](https://private-user-images.githubusercontent.com/77023236/312808123-d46f2bbf-0d46-4785-892e-731c1c53782a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2NzEzNjMsIm5iZiI6MTcyMDY3MTA2MywicGF0aCI6Ii83NzAyMzIzNi8zMTI4MDgxMjMtZDQ2ZjJiYmYtMGQ0Ni00Nzg1LTg5MmUtNzMxYzFjNTM3ODJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzExVDA0MTEwM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA1YzVmMWI1ZjJlODNjY2ExZGYxYWQ4MzFhZGM3YmM2Yjg5OTdiZTJmNDFhYmZkOWJiNmUwMTU4NzMzOWRhMjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CvUQjWRJmEPDxvyfg2oEBQEjWvYsmwEcY5bhZykiDQQ)