add carcinisation page

Author: marcotoniut

cspell.config.json

@@ -47,17 +47,24 @@
     }
   ],
   "words": [
+    "Acrab",
+    "AESA",
     "Apoyá",
+    "armandwegnez",
     "boomershooter",
     "caece",
     "carcinisation",
     "Carcinisation",
     "Comprame",
+    "DPAD",
+    "gameboy",
     "Gridshare",
     "Grotesk",
     "itchio",
+    "lefthook",
     "linkedin",
     "Linkedin",
+    "Magicalflyingart",
     "mantenibilidad",
     "marcotoniut",
     "Mentoría",
@@ -71,9 +78,12 @@
     "noimageindex",
     "nojekyll",
     "overengineering",
+    "Pixil",
     "plex",
     "Ponete",
     "Satoshi",
+    "scanline",
+    "scanlines",
     "Segoe",
     "sénior",
     "Shadcn",
@@ -84,6 +94,7 @@
     "typesafe",
     "Typesafe",
     "udemy",
+    "vars",
     "Vars",
     "vercel",
     "xxxl",

public/projects/carcinisation/placeholder-1.svg

@@ -52,8 +52,3 @@ export const backLink = style({
     color: themeVars.color.textPrimary,
   },
 })
-
-export const footer = style({
-  marginTop: "auto",
-  width: "100%",
-})

public/projects/carcinisation/placeholder-2.svg

@@ -72,7 +72,7 @@ export default async function ContactPage({ params }: PageProps) {
         currentLocale={locale}
         backLink={{
           href: `/${locale}`,
-          label: dict.ContactPage.backToHome,
+          label: dict.Common.goBack,
         }}
       />
 
@@ -85,7 +85,7 @@ export default async function ContactPage({ params }: PageProps) {
         <ContactForm translations={dict.ContactPage.form} />
       </main>
 
-      <Footer className={styles.footer} />
+      <Footer />
     </div>
   )
 }

public/projects/carcinisation/placeholder-3.svg

@@ -62,7 +62,7 @@ export function CVContent({ isPdfPrinting }: CVContentProps) {
             currentLocale={locale}
             backLink={{
               href: `/${locale}/`,
-              label: LL.CVPage.goBack(),
+              label: LL.Common.goBack(),
             }}
           />
         </div>

src/app/[lang]/contact/contact.css.ts

@@ -10,8 +10,6 @@ import {
   space,
 } from "@/styles/theme"
 
-const ICON_SIZE = 48
-
 export const main = style({
   width: "100%",
   flex: "0 1 auto",
@@ -26,23 +24,6 @@ export const main = style({
   marginBlock: "auto",
 })
 
-export const footer = style({
-  width: "min(100%, 960px)",
-  alignSelf: "stretch",
-  marginInline: "auto",
-  display: "flex",
-  paddingBlock: space.small,
-  borderTop: `1px solid ${colors.border}`,
-  justifyContent: "center",
-  alignItems: "center",
-  color: colors.textMuted,
-  fontFamily: fontFamilies.body,
-  fontSize: "0.75rem",
-  fontWeight: fontWeights.body.medium,
-  letterSpacing: "0.06em",
-  textTransform: "uppercase",
-})
-
 export const title = style({
   margin: 0,
   lineHeight: 1.15,
@@ -143,43 +124,6 @@ export const actionRow = style({
   justifyContent: "center",
 })
 
-export const iconLink = style({
-  alignItems: "center",
-  background: colors.surfaceElevated,
-  border: `1px solid ${colors.borderMuted}`,
-  boxShadow: shadows.subtle,
-  color: colors.text,
-  display: "flex",
-  justifyContent: "center",
-  minHeight: ICON_SIZE,
-  minWidth: ICON_SIZE,
-  padding: space.default,
-  transition:
-    "transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease",
-  selectors: {
-    "&:hover, &:focus, &:active": {
-      color: colors.accent,
-      borderColor: colors.accent,
-      boxShadow: shadows.soft,
-      transform: "translateY(-4px)",
-    },
-  },
-})
-
-export const projectRow = style({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  gap: space.default,
-  textAlign: "center",
-  flexWrap: "nowrap",
-  "@media": {
-    "(max-width: 480px)": {
-      flexWrap: "wrap",
-    },
-  },
-})
-
 export const footerLink = style({
   color: "inherit",
   textDecoration: "none",

src/app/[lang]/contact/page.tsx

@@ -13,11 +13,7 @@ interface Props {
   translation: Translation
 }
 
-export default function ClientComponent({
-  children,
-  locale,
-  translation,
-}: Props) {
+export function LayoutContent({ children, locale, translation }: Props) {
   loadedLocales[locale] = translation
   loadFormatters(locale)
 

src/app/[lang]/cv/content.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react"
 import { locales } from "../../i18n/i18n-util"
 import { i18nDictionary } from "./common"
-import ClientComponent from "./layoutClient"
+import { LayoutContent } from "./layout.content"
 import { resolveLocale } from "./utils"
 
 type LayoutProps = {
@@ -21,8 +21,8 @@ export default async function GlobalLayout({ children, params }: LayoutProps) {
   const i18n = await i18nDictionary(locale)
 
   return (
-    <ClientComponent locale={i18n.locale} translation={i18n.dictionary}>
+    <LayoutContent locale={i18n.locale} translation={i18n.dictionary}>
       {children}
-    </ClientComponent>
+    </LayoutContent>
   )
 }