Design Refresh & React/TypeScript Templates? #16
Replies: 2 comments 14 replies
-
|
Was playing a bit with AI and built this website using React. It’s not connected to Eleventy yet. However, I don’t like building with HTML and jQuery because I can’t cover it with unit tests, and it would be a nightmare to maintain in the future if this site will get more pages. I also want to rework our sponsor section, as I think it’s important to attract other companies to become our sponsors. This new UI will also require some time to work on new pages like About Us, Sponsors, etc. What do you think about it?
|
Beta Was this translation helpful? Give feedback.
-
|
great, will work on it today/tomorrow. |
Beta Was this translation helpful? Give feedback.
-
As for footer this is a good point. We will have to meet regulation requirements regarding accessibility, that take effect on May 1, 2025 https://accessibilitymb.ca/accessibility/compliance.html . There is a website https://webaim.org/resources/contrastchecker/ where contrast can be validated. |
Beta Was this translation helpful? Give feedback.
-
|
Here is the demo: https://fullstackmb-github-io-3t2e.vercel.app/ |
Beta Was this translation helpful? Give feedback.
-
|
@NadiiaTysh if you have any comments about accessibility, feel free to open an issue, i hope someone will jump on it and fix. |
Beta Was this translation helpful? Give feedback.
-
|
It looks compliant to requirements. I've checked buttons and text and the contrast ratio passes the test. One minor thing is website version at the bottom - #A1ACBA is the closest colour value that gives contrast ratio 7:1, not sure if it's worthy to bother about. |
Beta Was this translation helpful? Give feedback.
-
|
i think we can close this discussion @davidwesst |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Although we have managed to get the website source code updated and working with 11ty, there is still a lot of other improvements we can make. One things that has been discussed within the community is to refresh the design (which many years old at this point) and update the templating language to use React with TypeScript.
11ty v3.0, which is newly released natively supports both React and TypeScript, but it is in its very early days. Using 11ty is a requirement, as we want the static site generator (SSG) capabilities to generate the site, as it is today.
If anyone has suggestions, or design ideas, they should get posted in this thread for discussion.
Beta Was this translation helpful? Give feedback.
All reactions