Skip to content
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

Merged
merged 14 commits into from
Mar 21, 2024
Merged

Conversation

Claurt07
Copy link
Contributor

@Claurt07 Claurt07 commented Mar 14, 2024

Changes:

  • Fixed formatting issues
  • Added Carrousel using Tailwind CSS Library
  • Instead of using CDN I imported the library because I had to do make some changes to the code to better display images.
  • Corrected Typos

Screenshots of the change:
image

@Claurt07
Copy link
Contributor Author

@kshitijrajsharma @dakotabenjamin Thanks as always! some fixes to the program page requested by leadership.

Copy link
Member

@dakotabenjamin dakotabenjamin left a 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.

Copy link
Member

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?

Copy link
Contributor Author

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.

_programs/mapping-for-climate-ready-cities.markdown Outdated Show resolved Hide resolved
_layouts/program-item.html Outdated Show resolved Hide resolved
@Claurt07
Copy link
Contributor Author

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>
Copy link
Member

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 ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Deleted the repeating section

@kshitijrajsharma
Copy link
Member

kshitijrajsharma commented Mar 20, 2024

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 .

@Claurt07 Claurt07 closed this Mar 20, 2024
@Claurt07 Claurt07 reopened this Mar 20, 2024
@Claurt07 Claurt07 marked this pull request as ready for review March 20, 2024 03:48
@kshitijrajsharma kshitijrajsharma merged commit 3d27647 into hotosm:gh-pages Mar 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants