lowercase stuff idk i think i was still under the impression this thign was ever going to land me a job but eh idk i think i want to rethink the about page at least the capitalisms part

.gitignore

@@ -34,3 +34,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 out/
+
+test-results

components/AboutCapitalisms.tsx

@@ -4,19 +4,19 @@ const AboutCapitalisms = () => {
   return (
     <Box mb={12}>
       <Heading mb={6} as="h2" size="md">
-        Capitalisms
+        capitalisms
       </Heading>
       <Text>
-        <b>2017 to 2019</b>&ensp; Worked for Travelcar
+        <b>2017 to 2019</b>&ensp; worked for travelcar
       </Text>
       <Text>
-        <b>2019 to 2020</b>&ensp; Freelance work on Malt and Comet
+        <b>2019 to 2020</b>&ensp; freelance work on malt and comet
       </Text>
       <Text>
-        <b>2020 to 2022</b>&ensp; Worked for La Javaness
+        <b>2020 to 2022</b>&ensp; worked for la javaness
       </Text>
       <Text>
-        <b>2023</b>&ensp; Some more freelance work for now
+        <b>2023</b>&ensp; some more freelance work for now
       </Text>
     </Box>
   );

components/AboutLinks.tsx

@@ -41,7 +41,7 @@ const AboutLinks = ({ iconColor }: { iconColor: string }) => {
   return (
     <Box>
       <Heading mb={6} as="h2" size="md">
-        Hypertext references
+        hypertext references
       </Heading>
       <List spacing={3}>
         <AboutLink

components/IntroductionText.tsx

@@ -5,7 +5,7 @@ import { selectShowEditor } from './store/showEditor';
 const IntroductionHeader = () => {
   return (
     <Text>
-      Henlo, I&apos;m <b>k</b>, a backend web developer (mostly, i have no clue
+      hello, i&apos;m <b>k</b>, a backend web developer (mostly, i have no clue
       what i&apos;m doing)
     </Text>
   );
@@ -14,12 +14,12 @@ const IntroductionHeader = () => {
 const IntroductionBody = () => {
   return (
     <Text mb={12}>
-      <b>Kay</b> is a <b>25 year-old non-binary/agender robo</b>. You can use
+      <b>kay</b> is a <b>25 year-old non-binary/agender robo</b>. you can use
       any <b>neutral pronouns</b> for them (english: they or it, french:
-      ielle/iel ou lae/lea ou ca/cela). It currently lives and works near{' '}
-      <b>Paris</b>. They like anything that has to do with <b>technology</b> and
-      hacking stuff (code, video, music, etc.). It creates mostly ephemeral,
-      always <b>open source</b> pet projects. They are very much pro{' '}
+      ielle/iel ou lae/lea ou ca/cela). it currently lives and works near{' '}
+      <b>paris</b>. they like anything that has to do with <b>technology</b> and
+      hacking stuff (code, video, music, etc.). it creates mostly ephemeral,
+      always <b>open source</b> pet projects. they are very much pro{' '}
       <b>data rights</b> and against rising worldwide fascistic ideology and
       oppression.
     </Text>

components/Jinx.tsx

@@ -142,9 +142,9 @@ void main() {
 
       toast({
         id: `${jinxToastId}-${Date.now()}`,
-        title: 'Jinx My Beloved',
+        title: 'jinx my beloved',
         isClosable: true,
-        description: 'Click the Jinx to get a new random shader!',
+        description: 'click the jinx to get a new random shader!',
         duration: 15000,
         status: 'info',
         position: 'top',
@@ -155,12 +155,12 @@ void main() {
 
       toast({
         id: `${toastId}-${Date.now()}`,
-        title: 'Shader Editor Added',
+        title: 'shader editor added',
         isClosable: true,
         duration: 15000,
         status: 'info',
         description:
-          'Try it out! Feel free to share any cool results you want added to the site!',
+          'try it out! feel free to share any cool results you want added to the site!',
         position: 'top',
       });
     }

pages/index.tsx

@@ -1,37 +1,36 @@
 import { Flex, Heading } from '@chakra-ui/react';
 import Projects from '../components/Projects';
-import { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react';
 
 interface IHomeProps {
   projects: any;
 }
 
 const HomePage = (): JSX.Element => {
-  const [projects, setProjects] = useState(null)
-  const [isLoading, setLoading] = useState(false)
+  const [projects, setProjects] = useState(null);
+  const [isLoading, setLoading] = useState(false);
 
   useEffect(() => {
-    setLoading(true)
+    setLoading(true);
     fetch('https://code.juke.fr/api/v1/users/kay/repos')
       .then((res) => res.json())
-      .then((res) => res.sort(
-    (a: any, b: any) => {
-      return Date.parse(b.updated_at) - Date.parse(a.updated_at);
-    },
-
-      ))
+      .then((res) =>
+        res.sort((a: any, b: any) => {
+          return Date.parse(b.updated_at) - Date.parse(a.updated_at);
+        }),
+      )
       .then((projects) => {
-        setProjects(projects)
-        setLoading(false)
-      })
-  }, [])
-  if (isLoading) return <p>Loading...</p>
-  if (!projects) return <p>Error fetching projects</p>
+        setProjects(projects);
+        setLoading(false);
+      });
+  }, []);
+  if (isLoading) return <p>loading...</p>;
+  if (!projects) return <p>error fetching projects :O</p>;
   return (
     <Flex alignItems="center" justifyContent="center" direction="column">
       <Flex direction="column" rounded={6} mb={12}>
         <Heading mb={6} as="h2" size="md">
-          Latest commits
+          random projects
         </Heading>
         <Projects projects={projects}></Projects>
       </Flex>

playwright.config.ts

@@ -43,12 +43,13 @@ const config: PlaywrightTestConfig = {
         ...devices['Desktop Chrome'],
       },
     },
-    {
-      name: 'Desktop Firefox',
-      use: {
-        ...devices['Desktop Firefox'],
-      },
-    },
+    // broken on arch idk
+    // {
+    //   name: 'Desktop Firefox',
+    //   use: {
+    //     ...devices['Desktop Firefox'],
+    //   },
+    // },
     // {
     //   name: 'Desktop Safari',
     //   use: {
@@ -62,12 +63,12 @@ const config: PlaywrightTestConfig = {
         ...devices['Pixel 5'],
       },
     },
-    {
-      name: 'Mobile Firefox',
-      use: {
-        ...devices['Pixel 5'],
-      },
-    },
+    // {
+    //   name: 'Mobile Firefox',
+    //   use: {
+    //     ...devices['Pixel 5'],
+    //   },
+    // },
     // {
     //   name: 'Mobile Safari',
     //   use: devices['iPhone 12'],

test/about.spec.ts

@@ -10,5 +10,5 @@ test('should be able able to navigate to about', async ({ page }) => {
     page.locator('text=about').click(),
   ]);
   await expect(page).toHaveURL('/about');
-  await expect(page.locator('h2').first()).toContainText('Capitalisms');
+  await expect(page.locator('h2').first()).toContainText('capitalisms');
 });

test/aboutHome.spec.ts

@@ -10,11 +10,11 @@ test('should be able able to navigate to about and back', async ({ page }) => {
     page.locator('text=about').click(),
   ]);
   await expect(page).toHaveURL('/about');
-  await expect(page.locator('h2').first()).toContainText('Capitalisms');
+  await expect(page.locator('h2').first()).toContainText('capitalisms');
   await Promise.all([
     page.waitForNavigation(/*{ url: 'http://localhost:3000/' }*/),
     page.locator('h1', { hasText: 'juke' }).click(),
   ]);
   await expect(page).toHaveURL('/');
-  await expect(page.locator('h2').first()).toContainText('Latest commits');
+  await expect(page.locator('h2').first()).toContainText('random projects');
 });