IERoboticsClub / club_website_v0

https://IERoboticsClub.com
6 stars 5 forks source link

Surface info #55

Closed i-be-keggles closed 1 year ago

i-be-keggles commented 1 year ago

Updated styling and layout

Summary by CodeRabbit

New Features:

Improvements:

Removals:

coderabbitai[bot] commented 1 year ago

Walkthrough

This pull request introduces significant enhancements to the Robotics Club website. It adds new components, AboutInfo and SidewaysHeader, and integrates them into the main page. The AboutInfo component provides information about the club, while SidewaysHeader adds a unique, rotated header style. The Scoreboard component is updated with a new info box feature. Localization support is also introduced, allowing for multi-language content.

Changes

File Summary
fe-public/src/components/AboutInfo.astro Introduced a new component to display information about the Robotics Club. It includes a localized content feature.
fe-public/src/components/SidewaysHeader.astro Added a new component that renders a rotated header. The title is passed as a prop.
fe-public/src/components/Scoreboard.astro Updated to include a hidden info box about GitHub commit tracking, which can be toggled by an info marker button.
fe-public/src/pages/index.astro Integrated the new AboutInfo and SidewaysHeader components. The layout was updated to accommodate these changes.
fe-public/src/scripts/locale.js Added a new function loadLocale to support localization based on the provided locale.

🐇 "In the land of code, changes are afoot, New components added, giving the site a new look. Info about the club, now on display, And headers turned sideways, in a stylish way. Scoreboard's got a secret, an info box hidden, With a click, its knowledge, to you is given. And let's not forget, the language locale, Making our club global, that's the ultimate goal!" 🌍


Tips ### Chat with CodeRabbit Bot (`@coderabbitai`) - Mention `@coderabbitai` in any *review comment* for bot assistance. - Note: Review comments are made on code diffs or files, not on the PR overview. ### Pause Incremental Reviews - Insert `@coderabbitai: ignore` in the PR description to halt the bot's ongoing reviews. Remove the line to resume. - Additionally, enter `@coderabbitai pause` to halt the bot's ongoing reviews as any issue or review comment. To resume reviews, enter `@coderabbitai resume` as any issue or review comment.
i-be-keggles commented 1 year ago

The sideways headers have some really weird horizontal alignment issues I have no idea how to fix. Maybe just remove them from the pr for now.

velocitatem commented 1 year ago

image 🐛

Maybe create a breakpoint condition.