diff --git a/src/routes/AboutSite.tsx b/src/routes/AboutSite.tsx index f7bd5db..922cf4a 100644 --- a/src/routes/AboutSite.tsx +++ b/src/routes/AboutSite.tsx @@ -21,11 +21,10 @@ export function AboutSite() {

- When spinning up this site, I initially started off using CRA but it felt a bit clunky and - dependencies were outdated. I switched to Vite and found it a much better experience. I also - opted to write my own css with some tools to clamp my typography and space for a more fluid - and responsive layout. The site follows accessibility best practices. Testing was performed - using Axe DevTools, VoiceOver, and keyboard. + I used Vite to spin up the site. I also opted to write my own css with some tools to clamp + my typography and space for a more fluid and responsive layout. The site follows + accessibility best practices. Testing was performed using Axe DevTools, VoiceOver, and + keyboard.

Stylistically, the background shapes were created using pseudo-elements.

@@ -35,7 +34,7 @@ export function AboutSite() { take a look at my code - . I opted to leave it public so that it could be used as a sample of my coding practice. + . I opted to leave it public so that it could be used as a coding sample.

Tech stack

@@ -48,19 +47,17 @@ export function AboutSite() { Typescript - , and using CSS in JS, which this site uses{' '} - - Emotion - {' '} - for. I prefer using css variables, though I have worked with Less and Sass in the past. I - haven't found a need for adding in Less or Sass anymore with the combination of css - variables and CSS in JS. Though if there's a need to create design tokens in various + , and using CSS in JS. I prefer using css variables, though I have worked with Less and Sass + in the past. I haven't found a need for adding in Less or Sass anymore with the combination + of css variables and CSS in JS. Though if there's a need to create design tokens in various formats, I recommend using{' '} Amazon's style dictionary . I recently created a proof of concept for the design team looking to create a universal - design system and thought this worked pretty well for their needs. + design system and thought this worked pretty well for their needs. It allows you to output + your tokens in multiple formats, such as Less, Sass, or CSS variables from one + specification.

Eslint and Prettier