capitalism has ended

components/AboutCapitalisms.tsx

@@ -1,25 +0,0 @@
-import { Box, Heading, Text } from '@chakra-ui/react';
-
-const AboutCapitalisms = () => {
-  return (
-    <Box mb={12}>
-      <Heading mb={6} as="h2" size="md">
-        capitalisms
-      </Heading>
-      <Text>
-        <b>2017 to 2019</b>&ensp; worked for travelcar
-      </Text>
-      <Text>
-        <b>2019 to 2020</b>&ensp; freelance work on malt and comet
-      </Text>
-      <Text>
-        <b>2020 to 2022</b>&ensp; worked for la javaness
-      </Text>
-      <Text>
-        <b>2023</b>&ensp; some more freelance work for now
-      </Text>
-    </Box>
-  );
-};
-
-export default AboutCapitalisms;

components/IntroductionText.tsx

@@ -5,8 +5,8 @@ import { selectShowEditor } from './store/showEditor';
 const IntroductionHeader = () => {
   return (
     <Text>
-      hello, i&apos;m <b>k</b>, a backend web developer (mostly, i have no clue
-      what i&apos;m doing)
+      hello, i&apos;m <b>k</b>, a web developer (mostly, i have no clue what
+      i&apos;m doing)
     </Text>
   );
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kay/juke-fr",
-  "version": "1.8.0",
+  "version": "2.0.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": "k <site@juke.fr>",
   "bin": "./juke-fr",
@@ -20,11 +20,11 @@
   },
   "devDependencies": {
     "@chakra-ui/icons": "^2.0.17",
-    "@chakra-ui/react": "^2.2.1",
+    "@chakra-ui/react": "^2.4.9",
     "@chakra-ui/utils": "^2.0.14",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@kay/komponents": "1.7.0",
+    "@kay/komponents": "2.0.1",
     "@next/bundle-analyzer": "^13.1.6",
     "@next/eslint-plugin-next": "^13.1.6",
     "@playwright/test": "^1.30.0",

pages/about.tsx

@@ -1,5 +1,4 @@
 import { Container, Flex, useColorModeValue } from '@chakra-ui/react';
-import AboutCapitalisms from '../components/AboutCapitalisms';
 import AboutLinks from '../components/AboutLinks';
 
 const AboutPage = (): JSX.Element => {
@@ -12,7 +11,6 @@ const AboutPage = (): JSX.Element => {
       mb={12}
     >
       <Container>
-        <AboutCapitalisms />
         <AboutLinks iconColor={iconColor} />
       </Container>
     </Flex>

test/about.spec.ts

@@ -10,5 +10,7 @@ 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(
+    'hypertext references',
+  );
 });

test/aboutHome.spec.ts

@@ -10,7 +10,9 @@ 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(
+    'hypertext references',
+  );
   await Promise.all([
     page.waitForNavigation(/*{ url: 'http://localhost:3000/' }*/),
     page.locator('h1', { hasText: 'juke' }).click(),