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

Bootstrap integrate into entire website #3101

Conversation

kaimmej
Copy link
Contributor

@kaimmej kaimmej commented Jul 25, 2024

Description

This change brings bootstrap into the default head of every page. Effectively, it turns over the rendering of all of our elements to bootstrap.
Part of this change included reorganizaing the padding of both the blog/index.html and partners/index.html pages. This was to turn off the manual padding that we had been doing through the _partners.scss styling (note - this padding was the reason for the featured blog posts image not stretching to the edge of its card).

Additionally, I removed the previous templates I had created where I was including bootstrap into the blog and partners pages I redesigned. I deleted the new templates I made, and switched them over to the default template.

also - I am included the year of the blog post in the card. This closes issue #3044

Issues Resolved

Check List

  • Commits are signed per the DCO using --signoff

By submitting this pull request, I confirm that my contribution is made under the terms of the BSD-3-Clause License.

kaimmej added 2 commits July 25, 2024 15:39
head.html is called by the default template. Doing this effectively integrates bootstrap to our entire site.

In styles.scss, I removed the manually styling for container elements, bootstrap will now take over the rendering, and resizing of these elements.

Signed-off-by: kaimmej <[email protected]>
…lt.html template, instead of the custom one i created.

Deleted
   - head-blog.html and head-default.html
both of these are now redundent. They were being used to bring bootstrap into these pages. Now that bootstrap is integrated into our site, we can switch these back to the default template.

Blog had a few issues with the new bootstrap styling - I believe this was caused by the ordering of the stylesheets in head.html. Because bootstrap is being included before our custom .scss files, bootstrap no longer takes precedence. I changed the blog titles to be <h2> tags instead of <h3> to make them more readable.
I changed the padding of the partners page so that bootstrap is taking over the padding structure of the cards.

Additionally - I added the year that the blog post was released.

Signed-off-by: kaimmej <[email protected]>
Copy link
Member

@nateynateynate nateynateynate left a comment

Choose a reason for hiding this comment

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

Looks good. Thanks for pruning the scss as well.

@nateynateynate nateynateynate merged commit 4ab75de into opensearch-project:main Jul 25, 2024
4 of 5 checks passed
@kaimmej kaimmej deleted the bootstrap_integrate_into_entire_website branch October 2, 2024 20:09
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.

2 participants