Skip to content

Vs branch 11#21

Merged
VatsalSy merged 8 commits intomainfrom
vs-branch-11
Mar 8, 2025
Merged

Vs branch 11#21
VatsalSy merged 8 commits intomainfrom
vs-branch-11

Conversation

@VatsalSy
Copy link
Member

@VatsalSy VatsalSy commented Mar 8, 2025

Description

This pull request includes the following changes:

  1. Feat(header): Add dark mode styles for navigation

  2. Feat(css): Improve content responsiveness and layout

    • Ensures all content elements have a maximum width of 100% and use box-sizing: border-box to prevent overflow on small screens.
    • Adds word-wrap and overflow-wrap properties to allow long words to break and wrap properly.
    • Adjusts the grid layout of the "About" section to be fully responsive on smaller screens.
    • Ensures the body element has a width of 100% and is not overflowing on small screens.
  3. Feat(responsive): Make YouTube stats card responsive

    • Sets the max-width and height properties of the YouTube stats card to 100% and auto respectively to ensure the card scales properly on different screen sizes.
    • Adds a media query to further optimize the card's appearance on smaller screens, setting the width and height to 100% to ensure it fills the available space.
  1. Feat(favicon): Update favicon assets

    • Updates the favicon assets in the site.webmanifest file, including a 96x96 PNG, an SVG, and a 48x48 ICO file.
    • Provides a more modern and versatile set of favicon assets for the application.
  2. Feat: Add new hybrid course announcement in Madrid

    • Adds a new section in the News.md file to announce a hybrid online+offline course on "High-Fidelity Simulations Using Basilisk C" to be held in Madrid, Spain from March 10-13, 2025.
    • The course will provide hands-on coding sessions on computational fluid dynamics using the Basilisk C framework.
  3. Feat(research): Improve content visibility and consistency across themes

    • Adds a consistent box-shadow and transition for the research content container.
    • Improves bold text visibility across all themes by setting a higher font-weight.
    • Adds consistent styling for blockquotes, including a theme-aware background color and border color.
    • Ensures list item styling is consistent across themes.
    • Adds a subtle hover effect for the paper containers in dark mode.
    • Removes unnecessary theme-switching transitions to improve performance.
  4. Docs(search-db): Add build and development instructions, repository guidelines, and coding conventions

    • Adds detailed instructions for building and developing the project, as well as guidelines for maintaining the repository and coding conventions to follow.
  5. Feat: Add tag filtering and clear filter functionality

    • Adds a new CSS class tag-link to the tag elements in the research page layout.
    • Styles the filter notification section, including a link to clear the current filter.
    • Modifies the JavaScript code to handle the filter notification and clear the filter when the link is clicked.
    • Adds a new script generate_filtered_research.rb that generates pre-filtered research pages for each unique tag found on the main research page.
    • Updates the build.sh script to call the new generate_filtered_research.rb script and generate the pre-filtered research pages.

These changes aim to improve the overall user experience, enhance the visual consistency and readability of the website, and provide better documentation and development guidelines for the project.

VatsalSy added 8 commits March 8, 2025 11:59
The changes in this commit add dark mode styles for the site header navigation. This
includes setting a darker background color and adjusting the hover styles to
better suit the dark theme. fixes issue #20
This commit introduces several CSS changes to improve the responsiveness and layout of the website's content, particularly in the "About" section.

The key changes include:

- Ensuring all content elements have a maximum width of 100% and use box-sizing: border-box to prevent overflow on small screens.
- Adding word-wrap and overflow-wrap properties to allow long words to break and wrap properly.
- Adjusting the grid layout of the "About" section to be fully responsive on smaller screens.
- Ensuring the body element has a width of 100% and is not overflowing on small screens.

These changes aim to provide a better user experience by ensuring the website's content is contained within the viewport and displayed correctly on all screen sizes.
The changes made in this commit are focused on making the YouTube stats card
responsive. The max-width and height properties have been set to 100% and
auto respectively to ensure the card scales properly on different screen
sizes. Additionally, a media query has been added to further optimize the
card's appearance on smaller screens, setting the width and height to 100%
to ensure it fills the available space.
The changes update the favicon assets in the `site.webmanifest` file. The
new favicon assets include a 96x96 PNG, an SVG, and a 48x48 ICO file.
These changes provide a more modern and versatile set of favicon assets
for the application.
Adds a new section in the News.md file to announce a hybrid online+offline
course on "High-Fidelity Simulations Using Basilisk C" to be held in Madrid,
Spain from March 10-13, 2025. This course will provide hands-on coding
sessions on computational fluid dynamics using the Basilisk C framework.
This commit introduces several improvements to the research section of the website:

- Adds a consistent box-shadow and transition for the research content container
- Improves bold text visibility across all themes by setting a higher font-weight
- Adds consistent styling for blockquotes, including a theme-aware background color and border color
- Ensures list item styling is consistent across themes
- Adds a subtle hover effect for the paper containers in dark mode
- Removes unnecessary theme-switching transitions to improve performance

These changes aim to enhance the overall visual consistency and readability of the research section, providing a better user experience regardless of the chosen theme.
…uidelines, and coding conventions

This commit adds detailed instructions for building and developing the project, as well as guidelines for maintaining the repository and coding conventions to follow. The changes include:

- Added a new section for "Build and Development Commands" with instructions for installing dependencies, building the site and search database, running the local server, fetching blog content, and generating the search database.
- Added a new section for "Repository Guidelines" with instructions for updating the README, using the provided templates and CSS files, and keeping the documentation up-to-date.
- Added a new section for "General" coding conventions, including indentation, DRY principles, commenting, and support for light and dark themes.
- Added a new section for "HTML/Markdown" conventions, including the use of semantic HTML elements, BEM naming, and keeping content in Markdown format.
- Added a new section for "CSS" conventions, including the use of CSS variables, responsive breakpoints, units, mobile-first approach, and dark theme implementation.
This commit introduces the following changes:

1. Adds a new CSS class `tag-link` to the tag elements in the research page layout.
2. Styles the filter notification section, including a link to clear the current filter.
3. Modifies the JavaScript code to handle the filter notification and clear the filter when the link is clicked.
4. Adds a new script `generate_filtered_research.rb` that generates pre-filtered research pages for each unique tag found on the main research page.
5. Updates the `build.sh` script to call the new `generate_filtered_research.rb` script and generate the pre-filtered research pages.

These changes aim to improve the user experience by allowing visitors to filter the research content by tags and providing a clear way to remove the current filter.
@VatsalSy VatsalSy merged commit b93649d into main Mar 8, 2025
1 check passed
@VatsalSy VatsalSy deleted the vs-branch-11 branch March 29, 2025 19:55
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.

[Bug]: menu item in dark mode broken on phones [Bug]: phone About Us page text goes off screen

1 participant