bump version to 3.6.16

Configure Gitpod for easier development and self-hosting

.dockerignore

@@ -2,9 +2,9 @@
 /app
 
 # Build Artifacts
-dist
-.next
-.turbo
+**/.turbo
+/server/dist
+/client/.next
 
 # IDEs
 .vscode
@@ -19,7 +19,7 @@ CHANGELOG.md
 CODE_OF_CONDUCT.md
 
 # Project Dependencies
-node_modules
+**/node_modules
 
 # Docker
 Dockerfile

.env.example

@@ -1,7 +1,3 @@
-# Turbo Cache (Optional)
-TURBO_TEAM=
-TURBO_TOKEN=
-
 # Server + Client
 TZ=UTC
 PUBLIC_URL=http://localhost:3000
@@ -15,7 +11,7 @@ POSTGRES_PASSWORD=postgres
 
 # Server
 SECRET_KEY=
-POSTGRES_HOST=postgres
+POSTGRES_HOST=localhost
 POSTGRES_PORT=5432
 POSTGRES_SSL_CERT=
 JWT_SECRET=
@@ -34,6 +30,7 @@ STORAGE_ENDPOINT=
 STORAGE_URL_PREFIX=
 STORAGE_ACCESS_KEY=
 STORAGE_SECRET_KEY=
+PDF_DELETION_TIME=345600000
 
-# Flags (Client)
-PUBLIC_FLAG_DISABLE_SIGNUPS=false
+# Client
+PUBLIC_FLAG_DISABLE_SIGNUPS=false

.eslintrc.json

@@ -14,6 +14,7 @@
     // TypeScript ESLint
     "@typescript-eslint/no-unused-vars": "off",
     "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
     "@typescript-eslint/interface-name-prefix": "off",
     "@typescript-eslint/explicit-function-return-type": "off",
     "@typescript-eslint/explicit-module-boundary-types": "off"

.github/workflows/digitalocean-deploy.yml

@@ -8,14 +8,21 @@ on:
       - completed
 
 jobs:
-  deploy:
+  on-success:
     runs-on: ubuntu-latest
-
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
     steps:
       - name: Install DigitalOcean CLI
-        uses: digitalocean/action-doctl@v2.1.1
+        uses: digitalocean/action-doctl@v2.2.0
         with:
           token: ${{ secrets.DIGITALOCEAN_TOKEN }}
 
       - name: Create Deployment with Latest Version
         run: doctl apps create-deployment ${{ secrets.DIGITALOCEAN_APP_ID }} --wait --force-rebuild
+
+  on-failure:
+    runs-on: ubuntu-latest
+    if: ${{ github.event.workflow_run.conclusion == 'failure' }}
+    steps:
+      - name: Abruptly end the worklfow
+        run: exit 1

.github/workflows/docker-build-push.yml

@@ -1,112 +1,58 @@
 name: Build and Push Docker Image
 
 on:
+  workflow_dispatch:
   release:
     types: [published]
 
 jobs:
-  client:
-    name: Client
+  build_matrix:
+    name: Build and Push Docker Image
     runs-on: ubuntu-latest
 
-    env:
-      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
-      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+    strategy:
+      matrix:
+        image: [client, server]
 
     steps:
       - name: Checkout the repository
-        uses: actions/checkout@v3.0.2
-        with:
-          fetch-depth: 2
+        uses: actions/checkout@v3.1.0
 
       - id: version
-        name: Get Version
-        run: echo ::set-output name=tag::${GITHUB_REF#refs/*/}
+        name: App Version
+        uses: martinbeentjes/npm-get-version-action@v1.2.3
 
       - name: Set up QEMU
-        uses: docker/setup-qemu-action@v2.0.0
+        uses: docker/setup-qemu-action@v2.1.0
+        with:
+          platforms: amd64
 
       - id: buildx
         name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2.0.0
-        with:
-          install: true
+        uses: docker/setup-buildx-action@v2.2.1
 
       - name: Login to Docker Hub
-        uses: docker/login-action@v2.0.0
+        uses: docker/login-action@v2.1.0
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
       - name: Login to GitHub Container Registry
-        uses: docker/login-action@v2.0.0
+        uses: docker/login-action@v2.1.0
         with:
           registry: ghcr.io
           username: $GITHUB_REPOSITORY_OWNER
           password: ${{ secrets.GH_TOKEN }}
 
-      - name: Build and Push Client Image
-        uses: docker/build-push-action@v3.1.1
+      - name: Build and Push Docker Image
+        uses: docker/build-push-action@v3.2.0
         with:
           context: .
           push: true
-          file: client/Dockerfile
-          platforms: linux/amd64,linux/arm64
+          platforms: linux/amd64
+          file: ${{ matrix.image }}/Dockerfile
           tags: |
-            amruthpillai/reactive-resume:client-latest
-            amruthpillai/reactive-resume:client-${{ steps.version.outputs.tag }}
-            ghcr.io/amruthpillai/reactive-resume:client-latest
-            ghcr.io/amruthpillai/reactive-resume:client-${{ steps.version.outputs.tag }}
-
-  server:
-    name: Server
-    runs-on: ubuntu-latest
-
-    env:
-      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
-      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
-
-    steps:
-      - name: Checkout the repository
-        uses: actions/checkout@v3.0.2
-        with:
-          fetch-depth: 2
-
-      - id: version
-        name: Get Version
-        run: echo ::set-output name=tag::${GITHUB_REF#refs/*/}
-
-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v2.0.0
-
-      - id: buildx
-        name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2.0.0
-        with:
-          install: true
-
-      - name: Login to Docker Hub
-        uses: docker/login-action@v2.0.0
-        with:
-          username: ${{ secrets.DOCKER_USERNAME }}
-          password: ${{ secrets.DOCKER_PASSWORD }}
-
-      - name: Login to GitHub Container Registry
-        uses: docker/login-action@v2.0.0
-        with:
-          registry: ghcr.io
-          username: $GITHUB_REPOSITORY_OWNER
-          password: ${{ secrets.GH_TOKEN }}
-
-      - name: Build and Push Server Image
-        uses: docker/build-push-action@v3.1.1
-        with:
-          context: .
-          push: true
-          file: server/Dockerfile
-          platforms: linux/amd64,linux/arm64
-          tags: |
-            amruthpillai/reactive-resume:server-latest
-            amruthpillai/reactive-resume:server-${{ steps.version.outputs.tag }}
-            ghcr.io/amruthpillai/reactive-resume:server-latest
-            ghcr.io/amruthpillai/reactive-resume:server-${{ steps.version.outputs.tag }}
+            amruthpillai/reactive-resume:${{ matrix.image }}-latest
+            amruthpillai/reactive-resume:${{ matrix.image }}-${{ steps.version.outputs.current-version }}
+            ghcr.io/amruthpillai/reactive-resume:${{ matrix.image }}-latest
+            ghcr.io/amruthpillai/reactive-resume:${{ matrix.image }}-${{ steps.version.outputs.current-version }}

.github/workflows/docker-build.yml

@@ -1,84 +0,0 @@
-name: Build Docker Image
-
-on: pull_request
-
-jobs:
-  client:
-    name: Client
-    runs-on: ubuntu-latest
-
-    env:
-      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
-      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
-
-    steps:
-      - name: Checkout the repository
-        uses: actions/checkout@v3.0.2
-        with:
-          fetch-depth: 2
-
-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v2.0.0
-
-      - id: buildx
-        name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2.0.0
-        with:
-          install: true
-
-      - id: variables
-        name: Get Short SHA
-        run: echo "::set-output name=sha_short::$(git rev-parse --short HEAD)"
-
-      - name: Build Client Image
-        uses: docker/build-push-action@v3.1.1
-        with:
-          context: .
-          push: false
-          file: client/Dockerfile
-          platforms: linux/amd64,linux/arm64
-          tags: |
-            amruthpillai/reactive-resume:client-latest
-            amruthpillai/reactive-resume:client-${{ steps.variables.outputs.sha_short }}
-            ghcr.io/amruthpillai/reactive-resume:client-latest
-            ghcr.io/amruthpillai/reactive-resume:client-${{ steps.variables.outputs.sha_short }}
-
-  server:
-    name: Server
-    runs-on: ubuntu-latest
-
-    env:
-      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
-      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
-
-    steps:
-      - name: Checkout the repository
-        uses: actions/checkout@v3.0.2
-        with:
-          fetch-depth: 2
-
-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v2.0.0
-
-      - id: buildx
-        name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2.0.0
-        with:
-          install: true
-
-      - id: variables
-        name: Get Short SHA
-        run: echo "::set-output name=sha_short::$(git rev-parse --short HEAD)"
-
-      - name: Build Server Image
-        uses: docker/build-push-action@v3.1.1
-        with:
-          context: .
-          push: false
-          file: server/Dockerfile
-          platforms: linux/amd64,linux/arm64
-          tags: |
-            amruthpillai/reactive-resume:server-latest
-            amruthpillai/reactive-resume:server-${{ steps.variables.outputs.sha_short }}
-            ghcr.io/amruthpillai/reactive-resume:server-latest
-            ghcr.io/amruthpillai/reactive-resume:server-${{ steps.variables.outputs.sha_short }}

.gitignore

@@ -1,6 +1,7 @@
 # Environment Variables
 .env
 .env.*
+!.env.gitpod
 !.env.example
 
 # Project Dependencies
@@ -10,4 +11,7 @@ node_modules
 .DS_Store
 
 # Turbo
-.turbo
+.turbo
+
+# Intellij
+.idea

.gitpod.yml

@@ -0,0 +1,41 @@
+tasks:
+  - name: Run PostgreSQL Database
+    command: docker run --name postgres -p 5432:5432 -e POSTGRES_PASSWORD=postgres -d postgres
+
+  - name: Install Project Dependencies
+    command: |
+      pnpm install
+      pnpm dlx playwright install --with-deps chromium
+      gp sync-done deps
+
+  - name: Generate Environment Variables
+    init: gp sync-await deps
+    command: |
+      if [ -f .env ]; then
+        echo "Found .env in workspace, skipping generation"
+      else
+        pnpm generate-env
+      fi
+      gp sync-done env
+
+  - name: Build and Run Project
+    init: gp sync-await env
+    command: |
+      pnpm build
+      pnpm start
+
+ports:
+  # PostgreSQL
+  - port: 5432
+    onOpen: ignore
+    visibility: private
+
+  # Client
+  - port: 3100
+    onOpen: ignore
+    visibility: public
+
+  # Client
+  - port: 3000
+    onOpen: open-browser
+    visibility: public

README.md

@@ -18,7 +18,7 @@ You have complete control over what goes into your resume, how it looks, what co
 ## Table of Contents
 
 - [Reactive Resume](#reactive-resume)
-  - [Go to App | [Docs](https://docs.rxresu.me)](#go-to-app--docs)
+  - [Go to App | Docs](#go-to-app--docs)
   - [Table of Contents](#table-of-contents)
   - [Features](#features)
   - [Languages](#languages)
@@ -93,7 +93,7 @@ You have complete control over what goes into your resume, how it looks, what co
 - Swedish (Svenska)
 - Tamil (தமிழ்)
 - Turkish (Türkçe)
-- Ukranian (Українська мова)
+- Ukrainian (Українська мова)
 - Vietnamese (Tiếng Việt)
 
 Help by [translating Reactive Resume](https://translate.rxresu.me) to your language!
@@ -104,7 +104,11 @@ The docs include an extensive [Tutorial](https://docs.rxresu.me/tutorial) sectio
 
 ## Build from Source
 
-For extensive information on how to build the app on your local machine, head over to the docs's [Source Code](https://docs.rxresu.me/source-code) section.
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/AmruthPillai/Reactive-Resume)
+
+Initially building the image and project on Gitpod will take at least ~10 minutes, so please be patient on first launch.
+
+For extensive information on how to build the app on your local machine, head over to the docs [Source Code](https://docs.rxresu.me/source-code) section.
 
 ## Contributing
 

app/build.gradle

@@ -1,7 +1,7 @@
 plugins {
     id 'com.android.application' version '7.1.2' apply false
     id 'com.android.library' version '7.1.2' apply false
-    id 'org.jetbrains.kotlin.android' version '1.7.20' apply false
+    id 'org.jetbrains.kotlin.android' version '1.7.22' apply false
 }
 
 task clean(type: Delete) {

client/.gitignore

@@ -39,4 +39,4 @@ yarn-error.log*
 __ENV.js
 
 # next-sitemap
-sitemap*.xml
+sitemap*.xml

client/Dockerfile

@@ -2,7 +2,7 @@ FROM node:lts-alpine AS base
 
 WORKDIR /app
 
-RUN apk add --no-cache g++ git curl make python3 \
+RUN apk add --no-cache g++ git curl make python3 libc6-compat \
   && curl -f https://get.pnpm.io/v6.16.js | node - add --global pnpm
 
 FROM base as dependencies
@@ -21,12 +21,6 @@ COPY --from=dependencies /app/node_modules ./node_modules
 COPY --from=dependencies /app/schema/node_modules ./schema/node_modules
 COPY --from=dependencies /app/client/node_modules ./client/node_modules
 
-ARG TURBO_TEAM
-ARG TURBO_TOKEN
-
-ENV TURBO_TEAM $TURBO_TEAM
-ENV TURBO_TOKEN $TURBO_TOKEN
-
 RUN pnpm run build --filter client
 
 FROM base as production
@@ -46,6 +40,6 @@ EXPOSE 3000
 ENV PORT 3000
 
 HEALTHCHECK --interval=30s --timeout=20s --retries=3 --start-period=15s \
-    CMD curl -fSs 127.0.0.1:3000 || exit 1
+    CMD curl -fSs localhost:3000 || exit 1
 
 CMD [ "pnpm", "run", "start", "--filter", "client" ]

client/components/build/Center/ArtboardController.tsx

@@ -13,6 +13,7 @@ import {
 } from '@mui/icons-material';
 import { ButtonBase, Divider, Tooltip, useMediaQuery, useTheme } from '@mui/material';
 import clsx from 'clsx';
+import dayjs from 'dayjs';
 import { get } from 'lodash';
 import { useTranslation } from 'next-i18next';
 import toast from 'react-hot-toast';
@@ -67,8 +68,9 @@ const ArtboardController: React.FC<ReactZoomPanPinchRef> = ({ zoomIn, zoomOut, c
 
     const slug = get(resume, 'slug');
     const username = get(resume, 'user.username');
+    const updatedAt = get(resume, 'updatedAt');
 
-    const url = await mutateAsync({ username, slug });
+    const url = await mutateAsync({ username, slug, lastUpdated: dayjs(updatedAt).unix().toString() });
 
     download(url);
   };

client/components/build/Center/Center.module.scss

@@ -5,7 +5,7 @@
 }
 
 .wrapper {
-  @apply h-full w-full #{!important};
+  @apply h-full w-full overflow-visible #{!important};
 }
 
 .artboard {

client/components/build/Center/Page.module.scss

@@ -15,7 +15,7 @@
   }
 
   &.break::after {
-    content: 'A4 Page Break';
+    content: 'Page Break';
     top: calc(297mm - 19px);
 
     @apply absolute w-full border-b border-dashed border-neutral-800/75;
@@ -28,10 +28,12 @@
     }
   }
 
-  .markdown {
-    ul {
-      padding-left: 1.5em;
-      text-indent: -1.5em;
+  &.format-letter {
+    width: 216mm;
+    min-height: 279mm;
+
+    &.break::after {
+      top: calc(279mm - 19px);
     }
   }
 }

client/components/build/Center/Page.tsx

@@ -1,5 +1,5 @@
 import { css } from '@emotion/css';
-import { CustomCSS, Theme, Typography } from '@reactive-resume/schema';
+import { CustomCSS, PageConfig, ThemeConfig, Typography } from '@reactive-resume/schema';
 import clsx from 'clsx';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
@@ -23,22 +23,24 @@ const Page: React.FC<Props> = ({ page, showPageNumbers = false }) => {
   const resume = useAppSelector((state) => state.resume.present);
   const breakLine: boolean = useAppSelector((state) => state.build.page.breakLine);
 
-  const theme: Theme = get(resume, 'metadata.theme');
+  const theme: ThemeConfig = get(resume, 'metadata.theme');
   const customCSS: CustomCSS = get(resume, 'metadata.css');
   const template: string = get(resume, 'metadata.template');
   const typography: Typography = get(resume, 'metadata.typography');
+  const pageConfig: PageConfig = get(resume, 'metadata.page', {} as PageConfig);
 
   const themeCSS = useMemo(() => !isEmpty(theme) && generateThemeStyles(theme), [theme]);
   const typographyCSS = useMemo(() => !isEmpty(typography) && generateTypographyStyles(typography), [typography]);
   const TemplatePage: React.FC<PageProps> | null = useMemo(() => templateMap[template].component, [template]);
 
   return (
-    <div data-page={page + 1} className={styles.container}>
+    <div className={styles.container} data-page={page + 1} data-format={pageConfig?.format || 'A4'}>
       <div
         className={clsx({
           reset: true,
           [styles.page]: true,
           [styles.break]: breakLine,
+          [styles['format-letter']]: pageConfig?.format === 'Letter',
           [css(themeCSS)]: true,
           [css(typographyCSS)]: true,
           [css(customCSS.value)]: customCSS.visible,

client/components/build/LeftSidebar/LeftSidebar.tsx

@@ -1,14 +1,15 @@
 import { Add, Star } from '@mui/icons-material';
 import { Button, Divider, IconButton, SwipeableDrawer, Tooltip, useMediaQuery, useTheme } from '@mui/material';
 import { Section as SectionRecord } from '@reactive-resume/schema';
+import cloneDeep from 'lodash/cloneDeep';
 import get from 'lodash/get';
 import Link from 'next/link';
 import { useTranslation } from 'next-i18next';
-import { useMemo } from 'react';
+import React, { ReactComponentElement, useMemo } from 'react';
 import { validate } from 'uuid';
 
 import Logo from '@/components/shared/Logo';
-import { getCustomSections, left } from '@/config/sections';
+import { getCustomSections, getSectionsByType, left } from '@/config/sections';
 import { setSidebarState } from '@/store/build/buildSlice';
 import { useAppDispatch, useAppSelector } from '@/store/hooks';
 import { addSection } from '@/store/resume/resumeSlice';
@@ -52,7 +53,49 @@ const LeftSidebar = () => {
       items: [],
     };
 
-    dispatch(addSection({ value: newSection }));
+    dispatch(addSection({ value: newSection, type: 'custom' }));
+  };
+
+  const sectionsList = () => {
+    const sectionsComponents: Array<ReactComponentElement<any>> = [];
+
+    for (const item of left) {
+      const id = (item as any).id;
+      const component = (item as any).component;
+      const type = component.props.type;
+      const addMore = !!component.props.addMore;
+
+      sectionsComponents.push(
+        <section key={id} id={id}>
+          {component}
+        </section>
+      );
+
+      if (addMore) {
+        const additionalSections = getSectionsByType(sections, type);
+        const elements = [];
+        for (const element of additionalSections) {
+          const newId = element.id;
+
+          const props = cloneDeep(component.props);
+          props.path = 'sections.' + newId;
+          props.name = element.name;
+          props.isDeletable = true;
+          props.addMore = false;
+          props.isDuplicated = true;
+          const newComponent = React.cloneElement(component, props);
+
+          elements.push(
+            <section key={newId} id={`section-${newId}`}>
+              {newComponent}
+            </section>
+          );
+        }
+        sectionsComponents.push(...elements);
+      }
+    }
+
+    return sectionsComponents;
   };
 
   return (
@@ -68,9 +111,7 @@ const LeftSidebar = () => {
         <nav className="overflow-y-scroll">
           <div>
             <Link href="/dashboard">
-              <a className="inline-flex">
-                <Logo size={40} />
-              </a>
+              <Logo size={40} />
             </Link>
             <Divider />
           </div>
@@ -89,7 +130,7 @@ const LeftSidebar = () => {
 
             {customSections.map(({ id }) => (
               <Tooltip key={id} title={get(sections, `${id}.name`, '') as string} placement="right" arrow>
-                <IconButton onClick={() => handleClick(id)}>
+                <IconButton onClick={() => id && handleClick(id)}>
                   <Star />
                 </IconButton>
               </Tooltip>
@@ -100,15 +141,11 @@ const LeftSidebar = () => {
         </nav>
 
         <main>
-          {left.map(({ id, component }) => (
-            <section key={id} id={id}>
-              {component}
-            </section>
-          ))}
+          {sectionsList()}
 
           {customSections.map(({ id }) => (
             <section key={id} id={`section-${id}`}>
-              <Section path={`sections.${id}`} isEditable isHideable isDeletable />
+              <Section path={`sections.${id}`} type="custom" isEditable isHideable isDeletable />
             </section>
           ))}
 

client/components/build/LeftSidebar/sections/Section.tsx

@@ -1,6 +1,6 @@
 import { Add } from '@mui/icons-material';
 import { Button } from '@mui/material';
-import { ListItem } from '@reactive-resume/schema';
+import { ListItem, Section as SectionRecord, SectionType } from '@reactive-resume/schema';
 import clsx from 'clsx';
 import get from 'lodash/get';
 import { useTranslation } from 'next-i18next';
@@ -10,28 +10,34 @@ import Heading from '@/components/shared/Heading';
 import List from '@/components/shared/List';
 import { useAppDispatch, useAppSelector } from '@/store/hooks';
 import { ModalName, setModalState } from '@/store/modal/modalSlice';
-import { duplicateItem } from '@/store/resume/resumeSlice';
+import { duplicateItem, duplicateSection } from '@/store/resume/resumeSlice';
 
 import SectionSettings from './SectionSettings';
 
 type Props = {
   path: `sections.${string}`;
+  type?: SectionType;
   name?: string;
   titleKey?: string;
   subtitleKey?: string;
   isEditable?: boolean;
   isHideable?: boolean;
   isDeletable?: boolean;
+  addMore?: boolean;
+  isDuplicated?: boolean;
 };
 
 const Section: React.FC<Props> = ({
   path,
   name = 'Section Name',
+  type = 'basic',
   titleKey = 'title',
   subtitleKey = 'subtitle',
   isEditable = false,
   isHideable = false,
   isDeletable = false,
+  addMore = false,
+  isDuplicated = false,
 }) => {
   const { t } = useTranslation();
 
@@ -41,22 +47,40 @@ const Section: React.FC<Props> = ({
   const visibility = useAppSelector<boolean>((state) => get(state.resume.present, `${path}.visible`, true));
 
   const handleAdd = () => {
-    const id = path.split('.')[1];
-    const modal: ModalName = validate(id) ? 'builder.sections.custom' : `builder.${path}`;
+    const modal: ModalName = `builder.sections.${type}`;
 
     dispatch(setModalState({ modal, state: { open: true, payload: { path } } }));
   };
 
   const handleEdit = (item: ListItem) => {
     const id = path.split('.')[1];
-    const modal: ModalName = validate(id) ? 'builder.sections.custom' : `builder.${path}`;
+    let modal: ModalName = validate(id) ? 'builder.sections.custom' : `builder.${path}`;
+
     const payload = validate(id) ? { path, item } : { item };
 
+    if (isDuplicated) {
+      modal = `builder.sections.${type}`;
+      payload.path = path;
+    }
+
     dispatch(setModalState({ modal, state: { open: true, payload } }));
   };
 
   const handleDuplicate = (item: ListItem) => dispatch(duplicateItem({ path: `${path}.items`, value: item }));
 
+  const handleDuplicateSection = () => {
+    const newSection: SectionRecord = {
+      name: `${heading}`,
+      type: type,
+      visible: true,
+      columns: 2,
+      items: [],
+      isDuplicated: true,
+    };
+
+    dispatch(duplicateSection({ value: newSection, type }));
+  };
+
   return (
     <>
       <Heading path={path} name={name} isEditable={isEditable} isHideable={isHideable} isDeletable={isDeletable} />
@@ -77,6 +101,16 @@ const Section: React.FC<Props> = ({
           {t<string>('builder.common.actions.add', { token: heading })}
         </Button>
       </footer>
+
+      {addMore ? (
+        <div className="py-6 text-right">
+          <Button fullWidth variant="outlined" startIcon={<Add />} onClick={handleDuplicateSection}>
+            {t<string>('builder.common.actions.duplicate')}
+          </Button>
+        </div>
+      ) : (
+        <></>
+      )}
     </>
   );
 };

client/components/build/RightSidebar/sections/CustomCSS.tsx

@@ -17,7 +17,9 @@ const CustomCSS = () => {
 
   const dispatch = useAppDispatch();
 
-  const customCSS: CustomCSSType = useAppSelector((state) => get(state.resume.present, 'metadata.css', {}));
+  const customCSS: CustomCSSType = useAppSelector((state) =>
+    get(state.resume.present, 'metadata.css', {} as CustomCSSType)
+  );
 
   const handleChange = (value: string | undefined) => {
     dispatch(setResumeState({ path: 'metadata.css.value', value }));

client/components/build/RightSidebar/sections/Export.tsx

@@ -1,5 +1,6 @@
 import { PictureAsPdf, Schema } from '@mui/icons-material';
 import { List, ListItem, ListItemButton, ListItemText } from '@mui/material';
+import dayjs from 'dayjs';
 import get from 'lodash/get';
 import pick from 'lodash/pick';
 import { useTranslation } from 'next-i18next';
@@ -45,8 +46,9 @@ const Export = () => {
 
     const slug = get(resume, 'slug');
     const username = get(resume, 'user.username');
+    const updatedAt = get(resume, 'updatedAt');
 
-    const url = await mutateAsync({ username, slug });
+    const url = await mutateAsync({ username, slug, lastUpdated: dayjs(updatedAt).unix().toString() });
 
     download(url);
   };

client/components/build/RightSidebar/sections/Settings.tsx

@@ -10,7 +10,7 @@ import {
   Switch,
   TextField,
 } from '@mui/material';
-import { DateConfig, Resume } from '@reactive-resume/schema';
+import { DateConfig, PageConfig, Resume } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import get from 'lodash/get';
 import { useRouter } from 'next/router';
@@ -48,9 +48,10 @@ const Settings = () => {
   const slug: string = useMemo(() => get(resume, 'slug'), [resume]);
   const username: string = useMemo(() => get(resume, 'user.username'), [resume]);
   const dateConfig: DateConfig = useMemo(() => get(resume, 'metadata.date'), [resume]);
+  const pageConfig: PageConfig | undefined = useMemo(() => get(resume, 'metadata.page'), [resume]);
 
   const isDarkMode = useMemo(() => theme === 'dark', [theme]);
-  const exampleString = useMemo(() => `Eg. ${dayjs().utc().format(dateConfig.format)}`, [dateConfig.format]);
+  const exampleDateString = useMemo(() => `Eg. ${dayjs().utc().format(dateConfig.format)}`, [dateConfig.format]);
   const themeString = useMemo(() => (isDarkMode ? 'Matte Black Everything' : 'As bright as your future'), [isDarkMode]);
 
   const { mutateAsync: loadSampleDataMutation } = useMutation<Resume, ServerError, LoadSampleDataParams>(
@@ -60,6 +61,9 @@ const Settings = () => {
 
   const handleSetTheme = (value: boolean) => dispatch(setTheme({ theme: value ? 'dark' : 'light' }));
 
+  const handleChangePageFormat = (value: PageConfig['format'] | null) =>
+    dispatch(setResumeState({ path: 'metadata.page.format', value }));
+
   const handleChangeDateFormat = (value: string | null) =>
     dispatch(setResumeState({ path: 'metadata.date.format', value }));
 
@@ -94,7 +98,7 @@ const Settings = () => {
     <>
       <Heading path="metadata.settings" name={t<string>('builder.rightSidebar.sections.settings.heading')} />
 
-      <List sx={{ padding: 0 }}>
+      <List disablePadding>
         {/* Global Settings */}
         <>
           <ListSubheader disableSticky className="rounded">
@@ -118,13 +122,13 @@ const Settings = () => {
               primary={t<string>('builder.rightSidebar.sections.settings.global.date.primary')}
               secondary={t<string>('builder.rightSidebar.sections.settings.global.date.secondary')}
             />
-            <Autocomplete<string, false, boolean, false>
+            <Autocomplete<string, false, true, false>
               disableClearable
               className="my-2 w-full"
               options={dateFormatOptions}
               value={dateConfig.format}
               onChange={(_, value) => handleChangeDateFormat(value)}
-              renderInput={(params) => <TextField {...params} helperText={exampleString} />}
+              renderInput={(params) => <TextField {...params} helperText={exampleDateString} />}
             />
           </ListItem>
 
@@ -134,7 +138,7 @@ const Settings = () => {
               primary={t<string>('builder.rightSidebar.sections.settings.global.language.primary')}
               secondary={t<string>('builder.rightSidebar.sections.settings.global.language.secondary')}
             />
-            <Autocomplete<Language, false, boolean, false>
+            <Autocomplete<Language, false, true, false>
               disableClearable
               className="my-2 w-full"
               options={languages}
@@ -159,6 +163,23 @@ const Settings = () => {
             {t<string>('builder.rightSidebar.sections.settings.page.heading')}
           </ListSubheader>
 
+          <ListItem className="flex-col">
+            <ListItemText
+              className="w-full"
+              primary={t<string>('builder.rightSidebar.sections.settings.page.format.primary')}
+              secondary={t<string>('builder.rightSidebar.sections.settings.page.format.secondary')}
+            />
+            <Autocomplete<PageConfig['format'], false, true, false>
+              disableClearable
+              defaultValue="A4"
+              className="my-2 w-full"
+              options={['A4', 'Letter']}
+              value={pageConfig?.format || 'A4'}
+              renderInput={(params) => <TextField {...params} />}
+              onChange={(_, value) => handleChangePageFormat(value)}
+            />
+          </ListItem>
+
           <ListItem>
             <ListItemText
               primary={t<string>('builder.rightSidebar.sections.settings.page.orientation.primary')}
@@ -191,7 +212,7 @@ const Settings = () => {
             {t<string>('builder.rightSidebar.sections.settings.resume.heading')}
           </ListSubheader>
 
-          <ListItem>
+          <ListItem disableGutters>
             <ListItemButton onClick={handleLoadSampleData}>
               <ListItemIcon>
                 <Anchor />
@@ -203,7 +224,7 @@ const Settings = () => {
             </ListItemButton>
           </ListItem>
 
-          <ListItem>
+          <ListItem disableGutters>
             <ListItemButton onClick={handleResetResume}>
               <ListItemIcon>
                 <DeleteForever />

client/components/build/RightSidebar/sections/Templates.tsx

@@ -31,7 +31,14 @@ const Templates = () => {
           <div key={template.id} className={styles.template}>
             <div className={clsx(styles.preview, { [styles.selected]: template.id === currentTemplate })}>
               <ButtonBase onClick={() => handleChange(template)}>
-                <Image src={template.preview} alt={template.name} className="rounded-sm" layout="fill" priority />
+                <Image
+                  fill
+                  priority
+                  alt={template.name}
+                  src={template.preview}
+                  className="rounded-sm"
+                  sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
+                />
               </ButtonBase>
             </div>
 

client/components/build/RightSidebar/sections/Theme.tsx

@@ -1,4 +1,4 @@
-import { Theme as ThemeType } from '@reactive-resume/schema';
+import { ThemeConfig } from '@reactive-resume/schema';
 import get from 'lodash/get';
 import { useTranslation } from 'next-i18next';
 
@@ -16,7 +16,7 @@ const Theme = () => {
 
   const dispatch = useAppDispatch();
 
-  const { background, text, primary } = useAppSelector<ThemeType>((state) =>
+  const { background, text, primary } = useAppSelector<ThemeConfig>((state) =>
     get(state.resume.present, 'metadata.theme')
   );
 

client/components/dashboard/ResumeCard.tsx

@@ -16,9 +16,7 @@ type Props = {
 const ResumeCard: React.FC<Props> = ({ modal, icon: Icon, title, subtitle }) => {
   const dispatch = useAppDispatch();
 
-  const handleClick = () => {
-    dispatch(setModalState({ modal, state: { open: true } }));
-  };
+  const handleClick = () => dispatch(setModalState({ modal, state: { open: true } }));
 
   return (
     <section className={styles.resume}>

client/components/dashboard/ResumePreview.tsx

@@ -115,9 +115,7 @@ const ResumePreview: React.FC<Props> = ({ resume }) => {
         }}
       >
         <ButtonBase className={styles.preview}>
-          {resume.image ? (
-            <Image src={resume.image} alt={resume.name} objectFit="cover" layout="fill" priority />
-          ) : null}
+          {resume.image ? <Image src={resume.image} alt={resume.name} priority width={400} height={0} /> : null}
         </ButtonBase>
       </Link>
 

client/components/shared/Avatar.tsx

@@ -47,9 +47,9 @@ const Avatar: React.FC<Props> = ({ size = 64 }) => {
         <Image
           width={size}
           height={size}
-          alt={user?.name}
           className={styles.avatar}
           src={getGravatarUrl(email, size)}
+          alt={user?.name ?? 'User Avatar'}
         />
       </IconButton>
 

client/components/shared/Logo.tsx

@@ -4,8 +4,8 @@ type Props = {
   size?: 256 | 64 | 48 | 40 | 32;
 };
 
-const Logo: React.FC<Props> = ({ size = 64 }) => {
-  return <Image alt="Reactive Resume" src="/images/logos/logo.svg" className="rounded" width={size} height={size} />;
-};
+const Logo: React.FC<Props> = ({ size = 64 }) => (
+  <Image alt="Reactive Resume" src="/images/logos/logo.svg" className="rounded" width={size} height={size} priority />
+);
 
 export default Logo;

client/components/shared/Markdown.tsx

@@ -1,7 +1,6 @@
 import clsx from 'clsx';
 import { isEmpty } from 'lodash';
 import ReactMarkdown from 'react-markdown';
-import remarkGfm from 'remark-gfm';
 
 type Props = {
   children?: string;
@@ -12,7 +11,7 @@ const Markdown: React.FC<Props> = ({ className, children }) => {
   if (!children || isEmpty(children)) return null;
 
   return (
-    <ReactMarkdown remarkPlugins={[remarkGfm]} className={clsx('markdown', className)}>
+    <ReactMarkdown remarkPlugins={[]} className={clsx('markdown', className)}>
       {children}
     </ReactMarkdown>
   );

client/components/shared/ResumeInput.tsx

@@ -22,6 +22,7 @@ const ResumeInput: React.FC<Props> = ({ type = 'text', label, path, className, m
   const dispatch = useAppDispatch();
 
   const stateValue = useAppSelector((state) => get(state.resume.present, path, ''));
+  const dateFormat = useAppSelector((state) => state.resume.present.metadata.date.format);
 
   useEffect(() => {
     setValue(stateValue);
@@ -56,14 +57,16 @@ const ResumeInput: React.FC<Props> = ({ type = 'text', label, path, className, m
   if (type === 'date') {
     return (
       <DatePicker
+        showToolbar
         openTo="year"
         label={label}
         value={value}
+        toolbarFormat={dateFormat}
         views={['year', 'month', 'day']}
         renderInput={(params) => <TextField {...params} error={false} className={className} />}
         onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
           isEmpty(keyboardInputValue) && onChangeValue('');
-          date && dayjs(date).utc().isValid() && onChangeValue(dayjs(date).utc().toISOString());
+          date && dayjs(date).isValid() && onChangeValue(dayjs(date).format('YYYY-MM-DD'));
         }}
       />
     );

client/config/languages.ts

@@ -13,7 +13,7 @@ export const languages: Language[] = [
   { code: 'ca', name: 'Catalan', localName: 'Valencian' },
   { code: 'cs', name: 'Czech', localName: 'čeština' },
   { code: 'da', name: 'Danish', localName: 'Dansk' },
-  { code: 'de', name: 'German', localName: 'Deutsch' },
+  { code: 'de', name: 'German', localName: 'Deutsch Formell / Sie' },
   { code: 'el', name: 'Greek', localName: 'Ελληνικά' },
   { code: 'en', name: 'English' },
   { code: 'es', name: 'Spanish', localName: 'Español' },

client/config/sections.tsx

@@ -23,7 +23,7 @@ import {
   VolunteerActivism,
   Work,
 } from '@mui/icons-material';
-import { Section as SectionRecord } from '@reactive-resume/schema';
+import { Section as SectionRecord, SectionType } from '@reactive-resume/schema';
 import isEmpty from 'lodash/isEmpty';
 
 import Basics from '@/components/build/LeftSidebar/sections/Basics';
@@ -60,59 +60,136 @@ export const left: SidebarSection[] = [
   {
     id: 'work',
     icon: <Work />,
-    component: <Section path="sections.work" titleKey="name" subtitleKey="position" isEditable isHideable />,
+    component: (
+      <Section
+        type={'work'}
+        addMore={true}
+        path="sections.work"
+        titleKey="name"
+        subtitleKey="position"
+        isEditable
+        isHideable
+      />
+    ),
   },
   {
     id: 'education',
     icon: <School />,
-    component: <Section path="sections.education" titleKey="institution" subtitleKey="area" isEditable isHideable />,
+    component: (
+      <Section
+        type={'education'}
+        path="sections.education"
+        titleKey="institution"
+        subtitleKey="area"
+        isEditable
+        isHideable
+      />
+    ),
   },
   {
     id: 'awards',
     icon: <EmojiEvents />,
-    component: <Section path="sections.awards" titleKey="title" subtitleKey="awarder" isEditable isHideable />,
+    component: (
+      <Section type={'awards'} path="sections.awards" titleKey="title" subtitleKey="awarder" isEditable isHideable />
+    ),
   },
   {
     id: 'certifications',
     icon: <CardGiftcard />,
-    component: <Section path="sections.certifications" titleKey="name" subtitleKey="issuer" isEditable isHideable />,
+    component: (
+      <Section
+        type={'certifications'}
+        path="sections.certifications"
+        titleKey="name"
+        subtitleKey="issuer"
+        isEditable
+        isHideable
+      />
+    ),
   },
   {
     id: 'publications',
     icon: <MenuBook />,
-    component: <Section path="sections.publications" titleKey="name" subtitleKey="publisher" isEditable isHideable />,
+    component: (
+      <Section
+        type={'publications'}
+        path="sections.publications"
+        titleKey="name"
+        subtitleKey="publisher"
+        isEditable
+        isHideable
+      />
+    ),
   },
   {
     id: 'skills',
     icon: <Architecture />,
-    component: <Section path="sections.skills" titleKey="name" subtitleKey="level" isEditable isHideable />,
+    component: (
+      <Section type={'skills'} path="sections.skills" titleKey="name" subtitleKey="level" isEditable isHideable />
+    ),
   },
   {
     id: 'languages',
     icon: <Language />,
-    component: <Section path="sections.languages" titleKey="name" subtitleKey="level" isEditable isHideable />,
+    component: (
+      <Section type={'languages'} path="sections.languages" titleKey="name" subtitleKey="level" isEditable isHideable />
+    ),
   },
   {
     id: 'interests',
     icon: <Sailing />,
-    component: <Section path="sections.interests" titleKey="name" subtitleKey="keywords" isEditable isHideable />,
+    component: (
+      <Section
+        type={'interests'}
+        path="sections.interests"
+        titleKey="name"
+        subtitleKey="keywords"
+        isEditable
+        isHideable
+      />
+    ),
   },
   {
     id: 'volunteer',
     icon: <VolunteerActivism />,
     component: (
-      <Section path="sections.volunteer" titleKey="organization" subtitleKey="position" isEditable isHideable />
+      <Section
+        type={'volunteer'}
+        path="sections.volunteer"
+        titleKey="organization"
+        subtitleKey="position"
+        isEditable
+        isHideable
+      />
     ),
   },
   {
     id: 'projects',
     icon: <Coffee />,
-    component: <Section path="sections.projects" titleKey="name" subtitleKey="description" isEditable isHideable />,
+    component: (
+      <Section
+        type={'projects'}
+        path="sections.projects"
+        titleKey="name"
+        subtitleKey="description"
+        isEditable
+        isHideable
+      />
+    ),
   },
   {
     id: 'references',
     icon: <Groups />,
-    component: <Section path="sections.references" titleKey="name" subtitleKey="relationship" isEditable isHideable />,
+    component: (
+      <Section
+        type={'references'}
+        path="sections.references"
+        titleKey="name"
+        subtitleKey="relationship"
+        isEditable
+        isHideable
+      />
+    ),
   },
 ];
 
@@ -164,7 +241,19 @@ export const right: SidebarSection[] = [
   },
 ];
 
-export const getCustomSections = (sections: Record<string, SectionRecord>): Array<Required<SectionRecord>> => {
+export const getSectionsByType = (sections: Record<string, SectionRecord>, type: SectionType): SectionRecord[] => {
+  if (isEmpty(sections)) return [];
+
+  return Object.entries(sections).reduce((acc, [id, section]) => {
+    if (section.type.startsWith(type) && section.isDuplicated) {
+      return [...acc, { ...section, id }];
+    }
+
+    return acc;
+  }, [] as SectionRecord[]);
+};
+
+export const getCustomSections = (sections: Record<string, SectionRecord>): SectionRecord[] => {
   if (isEmpty(sections)) return [];
 
   return Object.entries(sections).reduce((acc, [id, section]) => {
@@ -173,7 +262,7 @@ export const getCustomSections = (sections: Record<string, SectionRecord>): Arra
     }
 
     return acc;
-  }, [] as Array<Required<SectionRecord>>);
+  }, [] as SectionRecord[]);
 };
 
 const sections = [...left, ...right];

client/modals/auth/LoginModal.tsx

@@ -162,15 +162,15 @@ const LoginModal: React.FC = () => {
       {!FLAG_DISABLE_SIGNUPS && (
         <p className="text-xs">
           <Trans t={t} i18nKey="modals.auth.login.register-text">
-            If you don&apos;t have one, you can <a onClick={handleCreateAccount}>create an account</a> here.
+            If you don&apos;t have one, you can <a onClick={handleCreateAccount}>create an account here.</a>
           </Trans>
         </p>
       )}
 
       <p className="text-xs">
         <Trans t={t} i18nKey="modals.auth.login.recover-text">
-          In case you have forgotten your password, you can <a onClick={handleRecoverAccount}>recover your account</a>
-          here.
+          In case you have forgotten your password, you can
+          <a onClick={handleRecoverAccount}>recover your account here.</a>
         </Trans>
       </p>
     </BaseModal>

client/modals/builder/sections/AwardModal.tsx

@@ -93,7 +93,7 @@ const AwardModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="title"
           control={control}
@@ -177,6 +177,7 @@ const AwardModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/CertificateModal.tsx

@@ -93,7 +93,7 @@ const CertificateModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="name"
           control={control}
@@ -177,6 +177,7 @@ const CertificateModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/CustomModal.tsx

@@ -60,13 +60,14 @@ const CustomModal: React.FC = () => {
 
   const dispatch = useAppDispatch();
 
-  const heading = useAppSelector((state) => get(state.resume.present, `${path}.name`));
   const { open: isOpen, payload } = useAppSelector((state) => state.modal['builder.sections.custom']);
 
-  const path: string = get(payload, 'path', '');
+  const path: string = get(payload, 'path', 'sections.custom');
   const item: FormData = get(payload, 'item', null);
   const isEditMode = useMemo(() => !!item, [item]);
 
+  const heading = useAppSelector((state) => get(state.resume.present, `${path}.name`));
+
   const addText = useMemo(() => t<string>('builder.common.actions.add', { token: heading }), [t, heading]);
   const editText = useMemo(() => t<string>('builder.common.actions.edit', { token: heading }), [t, heading]);
 
@@ -110,7 +111,7 @@ const CustomModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="title"
           control={control}
@@ -260,9 +261,9 @@ const CustomModal: React.FC = () => {
               multiline
               minRows={3}
               maxRows={6}
-              label={t<string>('builder.common.form.summary.label')}
               className="col-span-2"
               error={!!fieldState.error}
+              label={t<string>('builder.common.form.summary.label')}
               helperText={fieldState.error?.message || <MarkdownSupported />}
               {...field}
             />
@@ -282,6 +283,7 @@ const CustomModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/EducationModal.tsx

@@ -106,7 +106,7 @@ const EducationModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="institution"
           control={control}
@@ -255,6 +255,7 @@ const EducationModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/InterestModal.tsx

@@ -84,7 +84,7 @@ const InterestModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="name"
           control={control}
@@ -114,6 +114,7 @@ const InterestModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/LanguageModal.tsx

@@ -85,7 +85,7 @@ const LanguageModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="name"
           control={control}
@@ -150,6 +150,7 @@ const LanguageModal: React.FC = () => {
             </div>
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/ProfileModal.tsx

@@ -89,7 +89,7 @@ const ProfileModal: React.FC = () => {
       handleClose={handleClose}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="network"
           control={control}
@@ -136,6 +136,7 @@ const ProfileModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/ProjectModal.tsx

@@ -102,7 +102,7 @@ const ProjectModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="name"
           control={control}
@@ -225,6 +225,7 @@ const ProjectModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/PublicationModal.tsx

@@ -93,7 +93,7 @@ const PublicationModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="name"
           control={control}
@@ -177,6 +177,7 @@ const PublicationModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/ReferenceModal.tsx

@@ -90,7 +90,7 @@ const ReferenceModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="name"
           control={control}
@@ -162,6 +162,7 @@ const ReferenceModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/SkillModal.tsx

@@ -88,7 +88,7 @@ const SkillModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="name"
           control={control}
@@ -166,6 +166,8 @@ const SkillModal: React.FC = () => {
             />
           )}
         />
+
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/VolunteerModal.tsx

@@ -99,7 +99,7 @@ const VolunteerModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="organization"
           control={control}
@@ -208,6 +208,7 @@ const VolunteerModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/modals/builder/sections/WorkModal.tsx

@@ -2,7 +2,7 @@ import { joiResolver } from '@hookform/resolvers/joi';
 import { Add, DriveFileRenameOutline } from '@mui/icons-material';
 import { Button, TextField } from '@mui/material';
 import { DatePicker } from '@mui/x-date-pickers';
-import { SectionPath, WorkExperience } from '@reactive-resume/schema';
+import { WorkExperience } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import Joi from 'joi';
 import get from 'lodash/get';
@@ -20,8 +20,6 @@ import { addItem, editItem } from '@/store/resume/resumeSlice';
 
 type FormData = WorkExperience;
 
-const path: SectionPath = 'sections.work';
-
 const defaultState: FormData = {
   name: '',
   position: '',
@@ -50,10 +48,12 @@ const WorkModal: React.FC = () => {
 
   const dispatch = useAppDispatch();
 
-  const heading = useAppSelector((state) => get(state.resume.present, `${path}.name`));
-  const { open: isOpen, payload } = useAppSelector((state) => state.modal[`builder.${path}`]);
-
+  const { open: isOpen, payload } = useAppSelector((state) => state.modal['builder.sections.work']);
+  const path: string = get(payload, 'path', 'sections.work');
   const item: FormData = get(payload, 'item', null);
+
+  const heading = useAppSelector((state) => get(state.resume.present, `${path}.name`));
+
   const isEditMode = useMemo(() => !!item, [item]);
 
   const addText = useMemo(() => t<string>('builder.common.actions.add', { token: heading }), [t, heading]);
@@ -77,7 +77,7 @@ const WorkModal: React.FC = () => {
   const handleClose = () => {
     dispatch(
       setModalState({
-        modal: `builder.${path}`,
+        modal: 'builder.sections.work',
         state: { open: false },
       })
     );
@@ -99,7 +99,7 @@ const WorkModal: React.FC = () => {
       heading={isEditMode ? editText : addText}
       footerChildren={<Button onClick={handleSubmit(onSubmit)}>{isEditMode ? editText : addText}</Button>}
     >
-      <form className="my-2 grid grid-cols-2 gap-4">
+      <form className="my-2 grid grid-cols-2 gap-4" onSubmit={handleSubmit(onSubmit)}>
         <Controller
           name="name"
           control={control}
@@ -208,6 +208,7 @@ const WorkModal: React.FC = () => {
             />
           )}
         />
+        <input type="submit" style={{ display: 'none' }} />
       </form>
     </BaseModal>
   );

client/package.json

@@ -10,75 +10,74 @@
   "dependencies": {
     "@beam-australia/react-env": "^3.1.1",
     "@date-io/dayjs": "^2.16.0",
-    "@emotion/css": "^11.10.0",
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
-    "@hello-pangea/dnd": "^16.0.0",
-    "@hookform/resolvers": "2.9.8",
+    "@emotion/css": "^11.10.5",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@hello-pangea/dnd": "^16.2.0",
+    "@hookform/resolvers": "2.9.10",
     "@monaco-editor/react": "^4.4.6",
-    "@mui/icons-material": "^5.10.6",
-    "@mui/lab": "^5.0.0-alpha.102",
-    "@mui/material": "^5.10.8",
-    "@mui/system": "^5.10.8",
-    "@mui/x-date-pickers": "5.0.4",
-    "@next/env": "^12.3.1",
-    "@react-oauth/google": "^0.2.8",
-    "@reduxjs/toolkit": "^1.8.5",
-    "axios": "^1.1.0",
+    "@mui/icons-material": "^5.11.0",
+    "@mui/lab": "^5.0.0-alpha.112",
+    "@mui/material": "^5.11.0",
+    "@mui/system": "^5.11.0",
+    "@mui/x-date-pickers": "5.0.11",
+    "@next/env": "^13.0.7",
+    "@react-oauth/google": "^0.5.1",
+    "@reduxjs/toolkit": "^1.9.1",
+    "axios": "^1.2.1",
     "clsx": "^1.2.1",
-    "dayjs": "^1.11.5",
+    "dayjs": "^1.11.7",
     "downloadjs": "^1.4.7",
-    "joi": "^17.6.2",
+    "joi": "^17.7.0",
     "lodash": "^4.17.21",
     "md5-hex": "^4.0.0",
-    "monaco-editor": "^0.34.0",
+    "monaco-editor": "^0.34.1",
     "nanoid": "^3.3.4",
-    "next": "12.3.1",
-    "next-i18next": "^12.1.0",
+    "next": "13.0.7",
+    "next-i18next": "^13.0.2",
     "react": "^18.2.0",
     "react-colorful": "^5.6.1",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.37.0",
+    "react-hook-form": "^7.40.0",
     "react-hot-toast": "2.4.0",
-    "react-hotkeys-hook": "^3.4.7",
-    "react-icons": "^4.4.0",
-    "react-markdown": "^8.0.3",
+    "react-icons": "^4.7.1",
+    "react-markdown": "^8.0.4",
     "react-query": "^3.39.2",
-    "react-redux": "^8.0.4",
+    "react-redux": "^8.0.5",
     "react-zoom-pan-pinch": "^2.1.3",
     "redux": "^4.2.0",
     "redux-persist": "^6.0.0",
-    "redux-saga": "^1.2.1",
+    "redux-saga": "^1.2.2",
     "redux-undo": "^1.0.1",
     "remark-gfm": "^3.0.1",
-    "sharp": "^0.31.1",
+    "sharp": "^0.31.2",
     "uuid": "^9.0.0",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.3",
+    "@babel/core": "^7.20.5",
     "@reactive-resume/schema": "workspace:*",
-    "eslint-plugin-unused-imports": "^2.0.0",
-    "@tailwindcss/typography": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.8",
     "@types/downloadjs": "^1.4.3",
-    "@types/lodash": "^4.14.186",
-    "@types/node": "^18.8.3",
-    "@types/react": "^18.0.21",
-    "@types/react-dom": "^18.0.6",
+    "@types/lodash": "^4.14.191",
+    "@types/node": "^18.11.15",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
     "@types/react-redux": "^7.1.24",
     "@types/tailwindcss": "^3.0.11",
-    "@types/uuid": "^8.3.4",
+    "@types/uuid": "^9.0.0",
     "@types/webfontloader": "^1.6.35",
-    "autoprefixer": "^10.4.12",
+    "autoprefixer": "^10.4.13",
     "csstype": "^3.1.1",
-    "eslint-config-next": "^12.3.1",
-    "eslint-plugin-tailwindcss": "^3.6.2",
-    "next-sitemap": "^3.1.23",
-    "postcss": "^8.4.17",
-    "sass": "^1.55.0",
-    "tailwindcss": "^3.1.8",
-    "typescript": "^4.8.4"
+    "eslint-config-next": "^13.0.7",
+    "eslint-plugin-tailwindcss": "^3.7.1",
+    "eslint-plugin-unused-imports": "^2.0.0",
+    "next-sitemap": "^3.1.42",
+    "postcss": "^8.4.20",
+    "sass": "^1.56.2",
+    "tailwindcss": "^3.2.4",
+    "typescript": "^4.9.4"
   }
 }

client/pages/[username]/[slug]/index.tsx

@@ -2,6 +2,7 @@ import { Download, Downloading } from '@mui/icons-material';
 import { ButtonBase } from '@mui/material';
 import { Resume } from '@reactive-resume/schema';
 import clsx from 'clsx';
+import dayjs from 'dayjs';
 import download from 'downloadjs';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
@@ -60,10 +61,12 @@ const Preview: NextPage<Props> = ({ username, slug, resume: initialData }) => {
   }, [dispatch, initialData]);
 
   useEffect(() => {
-    if (!isEmpty(resume) && router.locale !== resume.metadata.locale) {
+    const locale = get(resume, 'metadata.locale', 'en');
+
+    if (!isEmpty(resume) && router.locale !== locale) {
       const { pathname, asPath, query } = router;
 
-      router.push({ pathname, query }, asPath, { locale: resume.metadata.locale });
+      router.push({ pathname, query }, asPath, { locale });
     }
   }, [resume, router]);
 
@@ -96,7 +99,9 @@ const Preview: NextPage<Props> = ({ username, slug, resume: initialData }) => {
 
   const handleDownload = async () => {
     try {
-      const url = await mutateAsync({ username, slug });
+      const updatedAt = get(resume, 'updatedAt');
+
+      const url = await mutateAsync({ username, slug, lastUpdated: dayjs(updatedAt).unix().toString() });
 
       download(url);
     } catch {

client/pages/[username]/[slug]/printer.tsx

@@ -27,7 +27,7 @@ type Props = {
 
 export const getServerSideProps: GetServerSideProps<Props | Promise<Props>, QueryParams> = async ({
   query,
-  locale,
+  locale = 'en',
 }) => {
   const { username, slug, secretKey } = query as QueryParams;
 
@@ -35,7 +35,7 @@ export const getServerSideProps: GetServerSideProps<Props | Promise<Props>, Quer
     if (isEmpty(secretKey)) throw new Error('There is no secret key!');
 
     const resume = await fetchResumeByIdentifier({ username, slug, options: { secretKey } });
-    const displayLocale = resume.metadata.locale || locale || 'en';
+    const displayLocale = get(resume, 'metadata.locale') ?? locale;
 
     return {
       props: {

client/pages/_app.tsx

@@ -21,7 +21,7 @@ import WrapperRegistry from '@/wrappers/index';
 const App = ({ Component, pageProps }: AppProps): JSX.Element => (
   <>
     <Head>
-      <title>Reactive Resume</title>
+      <title>Reactive Resume | A free and open source resume builder</title>
 
       <meta
         name="description"

client/pages/_document.tsx

@@ -2,7 +2,7 @@ import { NextPage } from 'next';
 import NextDocument, { DocumentContext, Head, Html, Main, NextScript } from 'next/document';
 
 const Document: NextPage = () => (
-  <Html>
+  <Html lang="en">
     <Head />
 
     <body>

client/pages/dashboard.tsx

@@ -17,13 +17,11 @@ import { fetchResumes } from '@/services/resume';
 import { useAppDispatch } from '@/store/hooks';
 import styles from '@/styles/pages/Dashboard.module.scss';
 
-export const getStaticProps: GetStaticProps = async ({ locale = 'en' }) => {
-  return {
-    props: {
-      ...(await serverSideTranslations(locale, ['common', 'modals', 'dashboard'])),
-    },
-  };
-};
+export const getStaticProps: GetStaticProps = async ({ locale = 'en' }) => ({
+  props: {
+    ...(await serverSideTranslations(locale, ['common', 'modals', 'dashboard'])),
+  },
+});
 
 const Dashboard: NextPage = () => {
   const { t } = useTranslation();
@@ -48,9 +46,7 @@ const Dashboard: NextPage = () => {
 
       <header>
         <Link href="/">
-          <a>
-            <Logo size={40} />
-          </a>
+          <Logo size={40} />
         </Link>
 
         <Avatar size={40} />
@@ -58,15 +54,15 @@ const Dashboard: NextPage = () => {
 
       <main className={styles.resumes}>
         <ResumeCard
-          modal="dashboard.create-resume"
           icon={Add}
+          modal="dashboard.create-resume"
           title={t<string>('dashboard.create-resume.title')}
           subtitle={t<string>('dashboard.create-resume.subtitle')}
         />
 
         <ResumeCard
-          modal="dashboard.import-external"
           icon={ImportExport}
+          modal="dashboard.import-external"
           title={t<string>('dashboard.import-external.title')}
           subtitle={t<string>('dashboard.import-external.subtitle')}
         />

client/pages/index.tsx

@@ -22,13 +22,11 @@ import styles from '@/styles/pages/Home.module.scss';
 
 import { DIGITALOCEAN_URL, DOCS_URL, DONATION_URL, GITHUB_URL } from '../constants';
 
-export const getStaticProps: GetStaticProps = async ({ locale = 'en' }) => {
-  return {
-    props: {
-      ...(await serverSideTranslations(locale, ['common', 'modals', 'landing'])),
-    },
-  };
-};
+export const getStaticProps: GetStaticProps = async ({ locale = 'en' }) => ({
+  props: {
+    ...(await serverSideTranslations(locale, ['common', 'modals', 'landing'])),
+  },
+});
 
 const Home: NextPage = () => {
   const { t } = useTranslation();
@@ -39,11 +37,8 @@ const Home: NextPage = () => {
   const isLoggedIn = useAppSelector((state) => state.auth.isLoggedIn);
 
   const handleLogin = () => dispatch(setModalState({ modal: 'auth.login', state: { open: true } }));
-
   const handleRegister = () => dispatch(setModalState({ modal: 'auth.register', state: { open: true } }));
-
   const handleToggle = () => dispatch(setTheme({ theme: theme === 'light' ? 'dark' : 'light' }));
-
   const handleLogout = () => dispatch(logout());
 
   return (
@@ -117,7 +112,13 @@ const Home: NextPage = () => {
         <div className={styles.screenshots}>
           {screenshots.map(({ src, alt }) => (
             <a key={src} href={src} className={styles.image} target="_blank" rel="noreferrer">
-              <Image src={src} alt={alt} layout="fill" objectFit="cover" />
+              <Image
+                fill
+                src={src}
+                alt={alt}
+                className="object-cover"
+                sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
+              />
             </a>
           ))}
         </div>
@@ -186,7 +187,13 @@ const Home: NextPage = () => {
 
       <section className={styles.section}>
         <a href={DIGITALOCEAN_URL} target="_blank" rel="noreferrer">
-          <Image src={`/images/sponsors/${theme=="dark"?"digitalocean":"digitaloceanLight"}.svg`} alt="Powered By DigitalOcean" width={200} height={40} />
+          <Image
+            src={`/images/sponsors/${theme == 'dark' ? 'digitalocean' : 'digitaloceanLight'}.svg`}
+            style={{ width: 200, height: 40, objectFit: 'contain' }}
+            alt="Powered By DigitalOcean"
+            width={200}
+            height={40}
+          />
         </a>
       </section>
 

client/pages/r/[shortId].tsx

@@ -2,6 +2,7 @@ import { Download, Downloading } from '@mui/icons-material';
 import { ButtonBase } from '@mui/material';
 import { Resume } from '@reactive-resume/schema';
 import clsx from 'clsx';
+import dayjs from 'dayjs';
 import download from 'downloadjs';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
@@ -69,7 +70,11 @@ const Preview: NextPage<Props> = ({ shortId }) => {
 
   const handleDownload = async () => {
     try {
-      const url = await mutateAsync({ username: resume.user.username, slug: resume.slug });
+      const url = await mutateAsync({
+        username: resume.user.username,
+        slug: resume.slug,
+        lastUpdated: dayjs(resume.updatedAt).unix().toString(),
+      });
 
       download(url);
     } catch {

client/public/locales/am/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "ቅንብሮች",
         "page": {
+          "format": {
+            "primary": "የወረቀት መጠን",
+            "secondary": "ከቆመበት ቀጥል ገጾችዎ ልኬቶችን ይወስናል"
+          },
           "break-line": {
             "primary": "መስመር መቁረጫ",
             "secondary": "የA4 ገጽ ቁመትን ለመለየት በሁሉም ገጾች ላይ መስመር አሳይ"

client/public/locales/ar/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "الإعدادات",
         "page": {
+          "format": {
+            "primary": "حجم الورق",
+            "secondary": "تحدد أبعاد صفحات سيرتك الذاتية"
+          },
           "break-line": {
             "primary": "خط فاصل",
             "secondary": "اعرض خط في كل الصفحات لتحديد ارتفاع صفحة A4"

client/public/locales/bg/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Настройки",
         "page": {
+          "format": {
+            "primary": "Размер на хартията",
+            "secondary": "Определя размерите на вашите страници с автобиография"
+          },
           "break-line": {
             "primary": "Линия на прекъсване",
             "secondary": "Показване на линия на всички страници за обозначаване на височината на страница A4"

client/public/locales/bn/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "সেটিংস",
         "page": {
+          "format": {
+            "primary": "কাগজের আকার",
+            "secondary": "আপনার জীবনবৃত্তান্ত পৃষ্ঠাগুলির মাত্রা নির্ধারণ করে"
+          },
           "break-line": {
             "primary": "লাইন ভেঙ্গে ফেলুন",
             "secondary": "একটি A4 পৃষ্ঠার উচ্চতা চিহ্নিত করতে সমস্ত পৃষ্ঠায় একটি লাইন দেখান৷"

client/public/locales/ca/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Configuració",
         "page": {
+          "format": {
+            "primary": "Mida del paper",
+            "secondary": "Determina les dimensions de les pàgines del vostre currículum"
+          },
           "break-line": {
             "primary": "Línia de trencament",
             "secondary": "Mostra una línia a totes les pàgines per marcar l'alçada d'una pàgina A4"

client/public/locales/cs/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Nastavení",
         "page": {
+          "format": {
+            "primary": "Velikost papíru",
+            "secondary": "Určuje rozměry stránek vašeho životopisu"
+          },
           "break-line": {
             "primary": "Nový řádek",
             "secondary": "Zobrazit čáru na všech stránkách pro označení výšky stránky A4"

client/public/locales/da/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Indstillinger",
         "page": {
+          "format": {
+            "primary": "Papirstørrelse",
+            "secondary": "Bestemmer dimensionerne på dine CV-sider"
+          },
           "break-line": {
             "primary": "Brudlinje",
             "secondary": "Vis en streg på alle sider for at markere højden på en A4-side"

client/public/locales/de/builder.json

@@ -1,9 +1,10 @@
 {
   "common": {
     "actions": {
-      "add": "Neue {{token}} hinzufügen",
-      "delete": "Löschen {{token}}",
-      "edit": "Bearbeiten {{token}}"
+      "add": "{{token}} hinzufügen",
+      "delete": "{{token}} löschen",
+      "edit": "{{token}} bearbeiten",
+      "duplicate": "Abschnitt duplizieren"
     },
     "columns": {
       "heading": "Spalten",
@@ -17,10 +18,10 @@
         "label": "Beschreibung"
       },
       "email": {
-        "label": "E-Mail Adresse"
+        "label": "E-Mail-Adresse"
       },
       "end-date": {
-        "help-text": "Dieses Feld leer lassen, wenn noch vorhanden",
+        "help-text": "Dieses Feld leer lassen, wenn dieser Eintrag noch kein Enddatum hat.",
         "label": "Enddatum"
       },
       "keywords": {
@@ -69,7 +70,7 @@
       "empty-text": "Diese Liste ist leer."
     },
     "tooltip": {
-      "delete-item": "Sind Sie sicher, dass Sie dieses Element löschen möchten? Dies ist eine unumkehrbare Aktion.",
+      "delete-item": "Sind Sie sicher, dass Sie dieses Element löschen möchten? Dies lässt sich nicht rückgängig machen.",
       "delete-section": "Abschnitt löschen",
       "rename-section": "Abschnitt umbenennen",
       "toggle-visibility": "Sichtbarkeit umschalten"
@@ -86,7 +87,7 @@
       "zoom-in": "Vergrößern",
       "zoom-out": "Verkleinern",
       "undo": "Rückgängig machen",
-      "redo": "Redo"
+      "redo": "Wiederholen"
     }
   },
   "header": {
@@ -96,8 +97,8 @@
       "rename": "Umbenennen",
       "share-link": "Link teilen",
       "tooltips": {
-        "delete": "Sind Sie sicher, dass Sie diesen Lebenslauf löschen möchten? Dies ist eine unumkehrbare Aktion.",
-        "share-link": "Du musst die Sichtbarkeit deines Lebenslaufs in die Öffentlichkeit ändern, um ihn für andere sichtbar zu machen."
+        "delete": "Sind Sie sicher, dass Sie diesen Lebenslauf löschen möchten? Dies lässt sich nicht rückgängig machen.",
+        "share-link": "Sie müssen die Sichtbarkeit Ihres Lebenslaufs in Öffentlich ändern, um ihn für andere sichtbar zu machen."
       }
     }
   },
@@ -106,7 +107,7 @@
       "awards": {
         "form": {
           "awarder": {
-            "label": "Auszeichnung"
+            "label": "Auszeichner"
           }
         }
       },
@@ -119,7 +120,7 @@
           "label": "Überschrift"
         },
         "name": {
-          "label": "Voller Name"
+          "label": "Vollständiger Name"
         },
         "birthdate": {
           "label": "Geburtsdatum"
@@ -127,7 +128,7 @@
         "photo-filters": {
           "effects": {
             "border": {
-              "label": "Grenze"
+              "label": "Rahmen"
             },
             "grayscale": {
               "label": "Graustufen"
@@ -158,13 +159,13 @@
       "education": {
         "form": {
           "area-study": {
-            "label": "Studienbereich"
+            "label": "Studienfach"
           },
           "courses": {
             "label": "Kurse"
           },
           "degree": {
-            "label": "Grad"
+            "label": "Abschluss"
           },
           "grade": {
             "label": "Note"
@@ -176,7 +177,7 @@
       },
       "location": {
         "address": {
-          "label": "Adresse"
+          "label": "Straße"
         },
         "city": {
           "label": "Stadt"
@@ -184,12 +185,12 @@
         "country": {
           "label": "Land"
         },
-        "heading": "Standort",
+        "heading": "Anschrift",
         "postal-code": {
           "label": "Postleitzahl"
         },
         "region": {
-          "label": "Region"
+          "label": "Bundesland"
         }
       },
       "profiles": {
@@ -201,7 +202,7 @@
             "label": "Benutzername"
           }
         },
-        "heading": "Profiles",
+        "heading": "Soziale Netzwerke",
         "heading_one": "Profil"
       },
       "publications": {
@@ -239,16 +240,16 @@
         "heading": "Exportieren",
         "json": {
           "primary": "JSON",
-          "secondary": "Laden Sie eine JSON-Version Ihres Lebenslaufs herunter, die Sie wieder in Reaktives Lebenslauf importieren können."
+          "secondary": "Laden Sie eine JSON-Version Ihres Lebenslaufs herunter, die Sie wieder in Reactive Resume importieren können."
         },
         "pdf": {
           "loading": {
             "primary": "PDF wird erstellt",
-            "secondary": "Bitte warten Sie, wenn Ihr PDF generiert wird, dies kann bis zu 15 Sekunden dauern."
+            "secondary": "Bitte warten Sie, während Ihr PDF generiert wird. Dies kann bis zu 15 Sekunden dauern."
           },
           "normal": {
             "primary": "PDF",
-            "secondary": "Laden Sie sich ein PDF Ihres Lebenslaufs herunter, das Sie ausdrucken und an Ihren Traumjob senden können. Diese Datei kann nicht zur weiteren Bearbeitung importiert werden."
+            "secondary": "Laden Sie sich ein PDF Ihres Lebenslaufs herunter, dass Sie ausdrucken oder an Ihren Traumarbeitgeber senden können. Diese Datei kann nicht zur weiteren Bearbeitung importiert werden."
           }
         }
       },
@@ -256,18 +257,20 @@
         "heading": "Layout",
         "tooltip": {
           "reset-layout": "Layout zurücksetzen"
-        }
+        },
+        "main": "Hauptteil",
+        "sidebar": "Seitenleiste"
       },
       "links": {
         "bugs-features": {
-          "body": "Hält Sie etwas davon ab, einen Lebenslauf zu erstellen? Oder haben Sie eine tolle Idee, die Sie hinzufügen möchten? Erhöhen Sie einen Eintrag auf GitHub, um loszulegen.",
-          "button": "GitHub Themen",
-          "heading": "Fehler? Feature-Anfragen?"
+          "body": "Sind Sie bei der Erstellung Ihres Lebenslaufs auf ein Problem gestoßen? Oder haben Sie eine tolle Idee, die Sie hinzufügen möchten? Erstellen Sie ein Ticket auf GitHub.",
+          "button": "GitHub Issues",
+          "heading": "Fehler? Verbesserungsvorschläge?"
         },
         "donate": {
-          "body": "Wenn Ihnen Reactive Resume gefallen hat, denken Sie bitte darüber nach, so viel wie möglich zu spenden, damit die App für immer kostenlos und werbefrei bleibt.",
+          "body": "Sollte Ihnen Reactive Resume gefallen, möchte ich Sie bitten, etwas zu spenden, damit die App für immer kostenlos und werbefrei bleibt.",
           "button": "Kaufe mir einen Kaffee",
-          "heading": "Spenden an Reaktives Lebenslauf"
+          "heading": "Spenden Sie an Reactive Resume."
         },
         "github": "Quellcode",
         "docs": "Dokumentation",
@@ -277,39 +280,44 @@
         "global": {
           "date": {
             "primary": "Datum",
-            "secondary": "Datumsformat für die gesamte App"
+            "secondary": "Datumsformat für die gesamte App.",
+            "prefix": "Z.B."
           },
-          "heading": "Globale",
+          "heading": "Global",
           "language": {
             "primary": "Sprache",
-            "secondary": "Sprache anzeigen, die in der gesamten App verwendet wird"
+            "secondary": "Anzeigesprache, die in der gesamten App verwendet wird."
           },
           "theme": {
-            "primary": "Thema"
+            "primary": "App Design"
           }
         },
         "heading": "Einstellungen",
         "page": {
+          "format": {
+            "primary": "Papiergröße",
+            "secondary": "Legt die Seitenabmessungen Ihres Lebenslaufs fest."
+          },
           "break-line": {
-            "primary": "Linie anhalten",
-            "secondary": "Zeile auf allen Seiten anzeigen, um die Höhe einer A4-Seite zu markieren"
+            "primary": "Seitenumbruch anzeigen",
+            "secondary": "Zeigt den Seitenumbruch als Linie auf allen Seiten an."
           },
           "heading": "Seite",
           "orientation": {
-            "disabled": "Hat keine Auswirkung, wenn nur eine Seite vorhanden ist",
+            "disabled": "Hat keine Auswirkung, wenn nur eine Seite vorhanden ist.",
             "primary": "Ausrichtung",
-            "secondary": "Ob Seiten horizontal oder vertikal angezeigt werden sollen"
+            "secondary": "Legt fest, ob Seiten horizontal oder vertikal angezeigt werden sollen."
           }
         },
         "resume": {
           "heading": "Lebenslauf",
           "reset": {
             "primary": "Alles zurücksetzen",
-            "secondary": "Zu viele Fehler gemacht? Klicken Sie hier, um alle Änderungen zurückzusetzen und bei Null zu beginnen. Sei vorsichtig, diese Aktion kann nicht rückgängig gemacht werden."
+            "secondary": "Zu viele Fehler gemacht? Klicken Sie hier, um alle Änderungen zurückzusetzen und von vorne zu beginnen. Vorsicht! Diese Aktion kann nicht rückgängig gemacht werden."
           },
           "sample": {
             "primary": "Beispieldaten laden",
-            "secondary": "Nicht sicher, wo man anfangen soll? Klicken Sie hier, um ein paar Beispieldaten zu laden, um zu sehen, wie ein vollständiger Lebenslauf aussieht."
+            "secondary": "Sie sind nicht sicher, wo Sie anfangen sollen? Klicken Sie hier, um Beispieldaten zu laden. So können Sie sich ansehen, wie ein vollständiger Lebenslauf aussieht."
           }
         }
       },
@@ -319,8 +327,8 @@
           "label": "Kurze URL bevorzugen"
         },
         "visibility": {
-          "subtitle": "Erlaube jemandem mit einem Link deinen Lebenslauf anzusehen",
-          "title": "Öffentlich"
+          "subtitle": "Erlaubt jedem, dem Sie diesen Link schicken, Ihren Lebenslauf anzusehen.",
+          "title": "Öffentlich zugänglich"
         }
       },
       "templates": {
@@ -329,16 +337,16 @@
       "theme": {
         "form": {
           "background": {
-            "label": "Hintergrund"
+            "label": "Hintergrundfarbe"
           },
           "primary": {
-            "label": "Primär"
+            "label": "Primärfarbe"
           },
           "text": {
-            "label": "Text"
+            "label": "Textfarbe"
           }
         },
-        "heading": "Thema"
+        "heading": "Lebenslauf Design"
       },
       "typography": {
         "form": {

client/public/locales/de/common.json

@@ -13,14 +13,14 @@
     "help-text": "Dieser Abschnitt unterstützt <1>Markdown</1> Formatierung."
   },
   "date": {
-    "present": "Gegenwärtig"
+    "present": "Heute"
   },
-  "subtitle": "Ein freier und Open-Source-Lebenslauf-Builder.",
-  "title": "Reaktives Lebenslauf",
+  "subtitle": "Ein kostenloser Open Source Lebenslauf-Baukasten.",
+  "title": "Reactive Resume",
   "toast": {
     "error": {
       "upload-file-size": "Bitte laden Sie nur Dateien unter 2 Megabytes hoch.",
-      "upload-photo-size": "Bitte laden Sie nur Fotos unter 2 Megabytes hoch, vorzugsweise quadratisch."
+      "upload-photo-size": "Bitte laden Sie nur Fotos unter 2 Megabytes hoch, am besten in einem quadratischen Format."
     },
     "success": {
       "resume-link-copied": "Ein Link zu deinem Lebenslauf wurde in deine Zwischenablage kopiert."

client/public/locales/de/dashboard.json

@@ -1,25 +1,25 @@
 {
   "create-resume": {
-    "subtitle": "Bei Null anfangen",
+    "subtitle": "Mit einem leeren Lebenslauf starten",
     "title": "Neuen Lebenslauf erstellen"
   },
   "import-external": {
-    "subtitle": "LinkedIn, JSON Resume, Reaktives Lebenslauf",
-    "title": "Aus externen Quellen importieren"
+    "subtitle": "LinkedIn, JSON Lebenslauf, Reactive Resume",
+    "title": "Aus externer Quelle importieren"
   },
   "resume": {
     "menu": {
       "delete": "Löschen",
-      "duplicate": "Duplikat",
+      "duplicate": "Duplizieren",
       "open": "Öffnen",
       "rename": "Umbenennen",
-      "share-link": "Einen Link teilen",
+      "share-link": "Link teilen",
       "tooltips": {
-        "delete": "Möchten Sie diesen Lebenslauf wirklich löschen? Dies ist eine irreversible Aktion.",
+        "delete": "Möchten Sie diesen Lebenslauf wirklich löschen? Dies lässt sich nicht rückgängig machen.",
         "share-link": "Sie müssen die Sichtbarkeit Ihres Lebenslaufs auf öffentlich ändern, um ihn für andere sichtbar zu machen."
       }
     },
-    "timestamp": "Zuletzt vor {{timestamp}} aktualisiert"
+    "timestamp": "Zuletzt vor {{timestamp}} geändert."
   },
   "title": "Dashboard"
 }

client/public/locales/de/landing.json

@@ -1,6 +1,6 @@
 {
   "actions": {
-    "app": "Gehe zu App",
+    "app": "Gehe zur App",
     "login": "Anmelden",
     "logout": "Ausloggen",
     "register": "Registrieren"
@@ -9,16 +9,16 @@
     "heading": "Eigenschaften",
     "list": {
       "ads": "Keine Werbung",
-      "export": "Exportieren Sie Ihren Lebenslauf in JSON oder PDF Format",
-      "free": "Frei, für immer",
-      "import": "Importiere Daten von LinkedIn, JSON Lebenslauf",
-      "languages": "In mehreren Sprachen zugänglich",
-      "more": "Und viel mehr aufregende Features, <1>lesen Sie alles hier</1>",
-      "tracking": "Keine Benutzerverfolgung"
+      "export": "Exportieren Sie Ihren Lebenslauf als JSON oder PDF Format",
+      "free": "Kostenlos, für immer",
+      "import": "Importieren Sie Ihre Daten von LinkedIn oder als JSON Lebenslauf",
+      "languages": "In mehreren Sprachen verfügbar",
+      "more": "Und viele weitere aufregende Features. <1>Hier gibt es mehr informationen (in englischer Sprache)</1>",
+      "tracking": "Kein Benutzertracking"
     }
   },
   "links": {
-    "heading": "Verknüpfungen",
+    "heading": "Links",
     "links": {
       "donate": "Spenden",
       "github": "Quellcode",
@@ -32,11 +32,11 @@
   },
   "testimonials": {
     "heading": "Referenzen",
-    "body": "Gut oder schlecht, ich würde gerne Ihre Meinung über Reactive Resume und wie die Erfahrung war für Sie.<br/>Hier sind einige der Nachrichten, die von Benutzern auf der ganzen Welt gesendet werden.",
-    "contact": "Du kannst mich über <1>meine E-Mail</1> oder über das Kontaktformular auf <3>meiner Website</3>erreichen."
+    "body": "Egal ob gut oder schlecht - ich würde gerne Ihre Meinung über Reactive Resume hören und welche Erfahrungen Sie gemacht haben.<br/>Hier sind einige der Nachrichten, die mir von Benutzern auf der ganzen Welt zugesandt wurden.",
+    "contact": "Sie können mich über <1>meine E-Mail</1> oder über das Kontaktformular auf <3>meiner Website</3> erreichen."
   },
   "summary": {
-    "body": "Reaktives Lebenslauf ist ein freier und Open-Source-Lebenslauf-Builder, der gebaut wurde, um die weltlichen Aufgaben zu machen, zu erstellen, Aktualisieren und teilen Sie Ihren Lebenslauf so einfach wie 1, 2, 3. Mit dieser App kannst du mehrere Bewerbungen erstellen, sie mit Recruitern oder Freunden über einen einzigartigen Link teilen und sie als PDF ausdrucken. alle kostenlos, keine Werbung, keine Verfolgung, ohne die Integrität und Privatsphäre Ihrer Daten zu verlieren.",
+    "body": "Reactive Resume ist ein kostenloser Open Source Lebenslauf-Builder, der gebaut wurde, um die langweilige Aufgabe einen Lebenslauf zu erstellen, aktuell zu halten und zu teilen so einfach wie möglich zu machen. Mit dieser App können Sie mehrere Lebensläufe erstellen, sie mit Recruitern oder Freunden über einen einzigartigen Link teilen und als PDF exportieren. Kostenlos, ohne Werbung, kein Tracking, ohne die Integrität und Privatsphäre Ihrer Daten zu verlieren.",
     "heading": "Zusammenfassung"
   }
 }

client/public/locales/de/modals.json

@@ -2,16 +2,16 @@
   "auth": {
     "forgot-password": {
       "actions": {
-        "send-email": "Passwort zurücksetzen E-Mail senden"
+        "send-email": "Passwort zurücksetzen E-Mail senden."
       },
-      "body": "Geben Sie einfach die E-Mail-Adresse ein, die mit dem Konto verknüpft ist, das Sie wiederherstellen möchten.",
+      "body": "Geben Sie die E-Mail-Adresse des Benutzerkontos ein, dass Sie wiederherstellen möchten.",
       "form": {
         "email": {
           "label": "E-Mail-Addresse"
         }
       },
       "heading": "Passwort vergessen?",
-      "help-text": "Wenn das Konto existiert, erhalten Sie eine E-Mail mit einem Link zum Zurücksetzen Ihres Passworts."
+      "help-text": "Sollte das Konto existieren, erhalten Sie eine E-Mail mit einem Link zum Zurücksetzen des Passworts."
     },
     "login": {
       "actions": {
@@ -24,12 +24,12 @@
         },
         "username": {
           "help-text": "Sie können auch Ihre E-Mail-Adresse eingeben",
-          "label": "Nutzername"
+          "label": "Benutzername"
         }
       },
       "heading": "Bei Ihrem Konto anmelden",
-      "recover-text": "Falls Sie Ihr Passwort vergessen haben, können Sie <1>Ihr Konto wiederherstellen</1> hier einrichten.",
-      "register-text": "Wenn Sie keinen haben, können Sie hier <1>ein Konto erstellen</1> anlegen."
+      "recover-text": "Falls Sie Ihr Passwort vergessen haben, können Sie es <1>hier zurücksetzen</1>.",
+      "register-text": "Sollten Sie kein Benutzerkonto haben, können Sie <1>hier ein Konto anlegen</1>."
     },
     "register": {
       "actions": {

client/public/locales/el/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Ρυθμίσεις",
         "page": {
+          "format": {
+            "primary": "Μέγεθος χαρτιού",
+            "secondary": "Καθορίζει τις διαστάσεις των σελίδων του βιογραφικού σας"
+          },
           "break-line": {
             "primary": "Γραμμή διακοπής",
             "secondary": "Εμφάνιση μιας γραμμής σε όλες τις σελίδες για να επισημάνετε το ύψος μιας σελίδας Α4"

client/public/locales/en/builder.json

@@ -3,7 +3,8 @@
     "actions": {
       "add": "Add New {{token}}",
       "delete": "Delete {{token}}",
-      "edit": "Edit {{token}}"
+      "edit": "Edit {{token}}",
+      "duplicate": "Duplicate Section"
     },
     "columns": {
       "heading": "Columns",
@@ -244,7 +245,7 @@
         "pdf": {
           "loading": {
             "primary": "Generating PDF",
-            "secondary": "Please wait as your PDF gets generated, this may take upto 15 seconds."
+            "secondary": "Please wait as your PDF gets generated, this may take up to 15 seconds."
           },
           "normal": {
             "primary": "PDF",
@@ -290,6 +291,10 @@
         },
         "heading": "Settings",
         "page": {
+          "format": {
+            "primary": "Paper Size",
+            "secondary": "Determines the dimensions of your resume pages"
+          },
           "break-line": {
             "primary": "Break Line",
             "secondary": "Show a line on all pages to mark the height of an A4 page"

client/public/locales/en/common.json

@@ -20,7 +20,7 @@
   "toast": {
     "error": {
       "upload-file-size": "Please upload only files under 2 megabytes.",
-      "upload-photo-size": "Please upload only photos under 2 megabytes, preferrably square."
+      "upload-photo-size": "Please upload only photos under 2 megabytes, preferably square."
     },
     "success": {
       "resume-link-copied": "A link to your resume has been copied to your clipboard."

client/public/locales/es/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Preferencias",
         "page": {
+          "format": {
+            "primary": "Tamaño de papel",
+            "secondary": "Determina las dimensiones de las páginas de tu currículum."
+          },
           "break-line": {
             "primary": "Linea de separación",
             "secondary": "Mostrar una línea en todas las páginas para marcar la altura de una página A4"

client/public/locales/fa/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "تنظیمات",
         "page": {
+          "format": {
+            "primary": "اندازه کاغذ",
+            "secondary": "ابعاد صفحات رزومه شما را تعیین می کند"
+          },
           "break-line": {
             "primary": "خط شکست",
             "secondary": "برای مشخص کردن ارتفاع صفحه A4 یک خط در همه صفحات نشان داده شود"

client/public/locales/fi/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Asetukset",
         "page": {
+          "format": {
+            "primary": "Paperikoko",
+            "secondary": "Määrittää ansioluettelosi sivujen mitat"
+          },
           "break-line": {
             "primary": "Katkoviiva",
             "secondary": "Näytä viiva kaikilla sivuilla A4-sivun korkeuden merkitsemiseksi"

client/public/locales/fr/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Paramètres",
         "page": {
+          "format": {
+            "primary": "Taille de papier",
+            "secondary": "Détermine les dimensions de vos pages de CV"
+          },
           "break-line": {
             "primary": "Indicateur de changement de page",
             "secondary": "Afficher une ligne sur toutes les pages pour marquer la hauteur d'une feuille A4"

client/public/locales/he/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "הגדרות",
         "page": {
+          "format": {
+            "primary": "גודל נייר",
+            "secondary": "קובע את הממדים של דפי קורות החיים שלך"
+          },
           "break-line": {
             "primary": "קו עצירה",
             "secondary": "הצג קו בכל הדפים כדי לסמן את גובהו של דף A4"

client/public/locales/hi/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "समायोजन",
         "page": {
+          "format": {
+            "primary": "काग़ज़ का आकार",
+            "secondary": "आपके रेज़्यूमे पृष्ठों के आयाम निर्धारित करता है"
+          },
           "break-line": {
             "primary": "अंतराल वाली लकीर",
             "secondary": "A4 पृष्ठ की ऊंचाई को चिह्नित करने के लिए सभी पृष्ठों पर एक पंक्ति दिखाएं"

client/public/locales/hu/builder.json

@@ -1,7 +1,7 @@
 {
   "common": {
     "actions": {
-      "add": "Új hozzáadása {{token}}",
+      "add": "Új {{token}} hozzáadása",
       "delete": "{{token}} törlése",
       "edit": "{{token}} szerkesztése"
     },
@@ -20,7 +20,7 @@
         "label": "E-mail cím"
       },
       "end-date": {
-        "help-text": "Hagyja üresen ezt a mezőt, ha még mindig tart van",
+        "help-text": "Hagyja üresen ezt a mezőt, ha még folyamatban van",
         "label": "Befejezés dátuma"
       },
       "keywords": {
@@ -51,7 +51,7 @@
         "label": "Összegzés"
       },
       "title": {
-        "label": "Cím"
+        "label": "Titulus"
       },
       "url": {
         "label": "Honlap"
@@ -63,30 +63,30 @@
     "list": {
       "actions": {
         "delete": "Törlés",
-        "duplicate": "Duplikálás",
+        "duplicate": "Másolás",
         "edit": "Szerkesztés"
       },
       "empty-text": "Ez a lista üres."
     },
     "tooltip": {
-      "delete-item": "Biztosan törli ezt az elemet? Ez egy visszafordíthatatlan művelet.",
+      "delete-item": "Biztosan törli ezt az elemet? Ez a művelet nem visszavonható.",
       "delete-section": "Szakasz törlése",
       "rename-section": "Szakasz átnevezése",
-      "toggle-visibility": "Láthatóság váltása"
+      "toggle-visibility": "Láthatóság ki/be"
     }
   },
   "controller": {
     "tooltip": {
       "center-artboard": "Központi rajztábla",
-      "copy-link": "Link másolása az önéletrajzba",
+      "copy-link": "Önéletrajz link másolása",
       "export-pdf": "Exportálás PDF-be",
-      "toggle-orientation": "Oldaltájolás váltása",
-      "toggle-page-break-line": "Oldaltörés vonal váltása",
-      "toggle-sidebars": "Az oldalsávok váltása",
+      "toggle-orientation": "Oldaltájolás",
+      "toggle-page-break-line": "Oldaltörés vonal ki/be",
+      "toggle-sidebars": "Oldalsávok ki/be",
       "zoom-in": "Nagyítás",
       "zoom-out": "Kicsinyítés",
-      "undo": "Undo",
-      "redo": "Redo"
+      "undo": "Visszavonás",
+      "redo": "Mégis"
     }
   },
   "header": {
@@ -96,7 +96,7 @@
       "rename": "Átnevezés",
       "share-link": "Link megosztása",
       "tooltips": {
-        "delete": "Biztos, hogy törölni szeretné ezt az önéletrajzot? Ez egy visszafordíthatatlan művelet.",
+        "delete": "Biztos, hogy törölni szeretné ezt az önéletrajzot? Ez a művelet nem visszavonható.",
         "share-link": "Az önéletrajz láthatóságát nyilvánosra kell változtatnia, hogy mások számára is látható legyen."
       }
     }
@@ -138,7 +138,7 @@
             "heading": "Alak"
           },
           "size": {
-            "heading": "Méret (px-ben)"
+            "heading": "Méret (pixel)"
           }
         },
         "photo-upload": {
@@ -189,7 +189,7 @@
           "label": "Irányítószám"
         },
         "region": {
-          "label": "Vidék"
+          "label": "Régió"
         }
       },
       "profiles": {
@@ -248,7 +248,7 @@
           },
           "normal": {
             "primary": "PDF",
-            "secondary": "Töltse le önéletrajzának PDF formátumát, amelyet kinyomtathat és elküldhet álmai munkahelyére. Ez a fájl nem importálható vissza további szerkesztéshez."
+            "secondary": "Töltse le önéletrajzát PDF formátumban, amelyet kinyomtathat és elküldhet álmai munkahelyére. Ez a fájl nem importálható vissza további szerkesztéshez."
           }
         }
       },
@@ -265,7 +265,7 @@
           "heading": "Hibák? Funkciókérés?"
         },
         "donate": {
-          "body": "Ha tetszett a Reactive Resume, kérjük, fontolja meg, hogy amennyit csak tud, adományozzon arra, hogy az alkalmazás folyamatosan működjön, hirdetések nélkül és örökké ingyenesen.",
+          "body": "Ha elégedett a Reactive Resume alkalmazással, kérjük, fontolja meg, hogy tetszőleges összeggel támogassa munkánkat, hogy továbbra is ingyenes és hirdetésmentes lehessen.",
           "button": "Vegyél nekem egy kávét",
           "heading": "Adományozzon a Reactive Resume-nak"
         },
@@ -277,12 +277,12 @@
         "global": {
           "date": {
             "primary": "Dátum",
-            "secondary": "Az alkalmazásban használható dátumformátum"
+            "secondary": "Az alkalmazásban használt dátumformátum"
           },
           "heading": "Globális",
           "language": {
             "primary": "Nyelv",
-            "secondary": "Az alkalmazásban használható megjelenítési nyelv"
+            "secondary": "Az alkalmazásban használt megjelenítési nyelv"
           },
           "theme": {
             "primary": "Téma"
@@ -290,6 +290,10 @@
         },
         "heading": "Beállítások",
         "page": {
+          "format": {
+            "primary": "Papírméret",
+            "secondary": "Meghatározza az önéletrajz oldalméreteit"
+          },
           "break-line": {
             "primary": "Törésvonal",
             "secondary": "Mutasson egy vonalat az összes oldalon, hogy megjelölje egy A4-es oldal magasságát"
@@ -297,7 +301,7 @@
           "heading": "oldal",
           "orientation": {
             "disabled": "Nincs hatása, ha csak egy oldal van",
-            "primary": "Irányultság",
+            "primary": "Tájolás",
             "secondary": "Az oldalak vízszintes vagy függőleges megjelenítése"
           }
         },
@@ -316,7 +320,7 @@
       "sharing": {
         "heading": "Megosztás",
         "short-url": {
-          "label": "Rövid URL-t részesítsen előnyben"
+          "label": "Rövid URL előnyben részesítése"
         },
         "visibility": {
           "subtitle": "A link birtokában bárki megtekintheti önéletrajzát",
@@ -332,7 +336,7 @@
             "label": "Háttér"
           },
           "primary": {
-            "label": "Elsődleges"
+            "label": "Elsődleges "
           },
           "text": {
             "label": "Szöveg"
@@ -352,7 +356,7 @@
         "heading": "Tipográfia",
         "widgets": {
           "body": {
-            "label": "Test"
+            "label": "Szövegtörzs"
           },
           "headings": {
             "label": "Címsorok"

client/public/locales/hu/common.json

@@ -6,14 +6,14 @@
     }
   },
   "footer": {
-    "credit": "<1>Amruth Pillai szenvedélyes projektje</1>",
+    "credit": "<1>Amruth Pillai hobbi projektje</1>",
     "license": "A közösség által, a közösségért."
   },
   "markdown": {
     "help-text": "Ez a szakasz támogatja a <1>markdown</1> formázást."
   },
   "date": {
-    "present": "Ajándék"
+    "present": "Jelenleg is"
   },
   "subtitle": "Ingyenes és nyílt forráskódú önéletrajzkészítő.",
   "title": "Reactive Resume",

client/public/locales/hu/dashboard.json

@@ -4,18 +4,18 @@
     "title": "Új önéletrajz létrehozása"
   },
   "import-external": {
-    "subtitle": "LinkedIn, JSON önéletrajz, reaktív önéletrajz",
+    "subtitle": "LinkedIn, JSON önéletrajz, Reactive Resume",
     "title": "Importálás külső forrásokból"
   },
   "resume": {
     "menu": {
       "delete": "Törlés",
       "duplicate": "Másolat",
-      "open": "Nyisd ki",
+      "open": "Megnyitás",
       "rename": "Átnevezés",
       "share-link": "Link megosztása",
       "tooltips": {
-        "delete": "Biztos, hogy törölni szeretné ezt az önéletrajzot? Ez egy visszafordíthatatlan művelet.",
+        "delete": "Biztos, hogy törölni szeretné ezt az önéletrajzot? Ez a művelet nem visszavonható.",
         "share-link": "Az önéletrajz láthatóságát nyilvánosra kell változtatnia, hogy mások számára is látható legyen."
       }
     },

client/public/locales/hu/landing.json

@@ -1,6 +1,6 @@
 {
   "actions": {
-    "app": "Lépjen az App",
+    "app": "Alkalmazás indítása",
     "login": "Belépés",
     "logout": "Kijelentkezés",
     "register": "Regisztráció"
@@ -8,7 +8,7 @@
   "features": {
     "heading": "Jellemzők",
     "list": {
-      "ads": "Nincs reklám",
+      "ads": "Reklámmentes",
       "export": "Exportálja önéletrajzát JSON vagy PDF formátumba",
       "free": "Ingyenes, örökre",
       "import": "Adatok importálása a LinkedInből, JSON Resume",
@@ -20,11 +20,11 @@
   "links": {
     "heading": "Linkek",
     "links": {
-      "donate": "Adományoz",
+      "donate": "Adományozás",
       "github": "Forráskód",
       "docs": "Dokumentáció",
       "privacy": "Adatvédelmi irányelvek",
-      "service": "Szolgáltatási feltételek"
+      "service": "Felhasználói feltételek"
     }
   },
   "screenshots": {

client/public/locales/hu/modals.json

@@ -2,7 +2,7 @@
   "auth": {
     "forgot-password": {
       "actions": {
-        "send-email": "Jelszó visszaállítása e-mail küldése"
+        "send-email": "Jelszó helyreállító e-mail küldése"
       },
       "body": "Csak adja meg a helyreállítani kívánt fiókhoz társított e-mail címet.",
       "form": {
@@ -27,14 +27,14 @@
           "label": "Felhasználónév"
         }
       },
-      "heading": "Jelentkezz be a fiókodba",
+      "heading": "Jelentkezzen be a fiókjába",
       "recover-text": "Ha elfelejtette jelszavát, <1>visszaállíthatja fiókját</1> itt.",
       "register-text": "Ha nem rendelkezik fiókkal, <1>létrehozhat egy fiókot</1> itt."
     },
     "register": {
       "actions": {
         "register": "Regisztráció",
-        "google": "Regisztráljon a Google-nál"
+        "google": "Regisztráljon Google fiókkal"
       },
       "body": "Kérjük, adja meg személyes adatait fiók létrehozásához.",
       "form": {
@@ -87,7 +87,7 @@
           "label": "Nyilvánosan elérhető?"
         },
         "slug": {
-          "label": "Meztelen csiga"
+          "label": "Saját URL"
         }
       },
       "heading": "Új önéletrajz létrehozása"
@@ -126,7 +126,7 @@
           "label": "Név"
         },
         "slug": {
-          "label": "Meztelen csiga"
+          "label": "Saját URL"
         }
       },
       "heading": "Nevezze át önéletrajzát"

client/public/locales/id/builder.json

@@ -14,7 +14,7 @@
         "label": "Tanggal"
       },
       "description": {
-        "label": "Keterangan"
+        "label": "Deskripsi"
       },
       "email": {
         "label": "Alamat Email"
@@ -130,7 +130,7 @@
               "label": "Batas"
             },
             "grayscale": {
-              "label": "Grayscale"
+              "label": "Tingkat keabuan"
             },
             "heading": "Efek"
           },
@@ -138,7 +138,7 @@
             "heading": "Bentuk"
           },
           "size": {
-            "heading": "Besar (dalam px)"
+            "heading": "Ukuran (dalam px)"
           }
         },
         "photo-upload": {
@@ -158,7 +158,7 @@
       "education": {
         "form": {
           "area-study": {
-            "label": "Area belajar"
+            "label": "Bidang Studi"
           },
           "courses": {
             "label": "Kursus"
@@ -170,7 +170,7 @@
             "label": "Tingkatan"
           },
           "institution": {
-            "label": "Lembaga"
+            "label": "Institusi"
           }
         }
       },
@@ -290,6 +290,10 @@
         },
         "heading": "Pengaturan",
         "page": {
+          "format": {
+            "primary": "Ukuran kertas",
+            "secondary": "Menentukan dimensi halaman resume Anda"
+          },
           "break-line": {
             "primary": "Break Line",
             "secondary": "Tampilkan garis di semua halaman untuk menandai ketinggian halaman A4"

client/public/locales/it/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Impostazioni",
         "page": {
+          "format": {
+            "primary": "Dimensioni del foglio",
+            "secondary": "Determina le dimensioni delle pagine del tuo curriculum"
+          },
           "break-line": {
             "primary": "Linea di interruzione",
             "secondary": "Mostra su tutte le pagine una linea che indica l'altezza di un foglio A4"

client/public/locales/ja/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "設定",
         "page": {
+          "format": {
+            "primary": "用紙サイズ",
+            "secondary": "履歴書ページのサイズを決定します"
+          },
           "break-line": {
             "primary": "ブレイクライン",
             "secondary": "A4ページの高さを示す線を全ページに表示する。"

client/public/locales/km/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "ការកំណត់",
         "page": {
+          "format": {
+            "primary": "ទំហំក្រដាស",
+            "secondary": "កំណត់វិមាត្រនៃទំព័រប្រវត្តិរូបរបស់អ្នក។"
+          },
           "break-line": {
             "primary": "បំបែកបន្ទាត់",
             "secondary": "បង្ហាញបន្ទាត់នៅលើទំព័រទាំងអស់ដើម្បីសម្គាល់កម្ពស់នៃទំព័រ A4"

client/public/locales/kn/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "ಅಳವಡಿಕೆಗಳು",
         "page": {
+          "format": {
+            "primary": "ಕಾಗದದ ಗಾತ್ರ",
+            "secondary": "ನಿಮ್ಮ ರೆಸ್ಯೂಮ್ ಪುಟಗಳ ಆಯಾಮಗಳನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ"
+          },
           "break-line": {
             "primary": "ಬ್ರೇಕ್ ಲೈನ್",
             "secondary": "A4 ಪುಟದ ಎತ್ತರವನ್ನು ಗುರುತಿಸಲು ಎಲ್ಲಾ ಪುಟಗಳಲ್ಲಿ ಒಂದು ಸಾಲನ್ನು ತೋರಿಸಿ"

client/public/locales/ko/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "설정",
         "page": {
+          "format": {
+            "primary": "용지 크기",
+            "secondary": "이력서 페이지의 크기를 결정합니다."
+          },
           "break-line": {
             "primary": "브레이크 라인",
             "secondary": "A4 페이지의 높이를 표시하기 위해 모든 페이지에 선 표시"

client/public/locales/ml/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "ക്രമീകരണങ്ങള്‍",
         "page": {
+          "format": {
+            "primary": "പേപ്പർ വലിപ്പം",
+            "secondary": "നിങ്ങളുടെ റെസ്യൂമെ പേജുകളുടെ അളവുകൾ നിർണ്ണയിക്കുന്നു"
+          },
           "break-line": {
             "primary": "ബ്രേക്ക് ലൈൻ",
             "secondary": "A4 പേജിന്റെ ഉയരം അടയാളപ്പെടുത്താൻ എല്ലാ പേജുകളിലും ഒരു വരി കാണിക്കുക"

client/public/locales/mr/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "सेटिंग्ज",
         "page": {
+          "format": {
+            "primary": "कागदाचा आकार",
+            "secondary": "तुमच्या रेझ्युमे पेजेसची परिमाणे निर्धारित करते"
+          },
           "break-line": {
             "primary": "ब्रेक लाइन",
             "secondary": "A4 पृष्ठाची उंची चिन्हांकित करण्यासाठी सर्व पृष्ठांवर एक ओळ दर्शवा"

client/public/locales/ne/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "सेटिङहरू",
         "page": {
+          "format": {
+            "primary": "कागज आकार",
+            "secondary": "तपाईंको पुन: सुरुवात पृष्ठहरूको आयामहरू निर्धारण गर्दछ"
+          },
           "break-line": {
             "primary": "ब्रेक लाइन",
             "secondary": "A4 पृष्ठको उचाइ चिन्ह लगाउन सबै पृष्ठहरूमा रेखा देखाउनुहोस्"

client/public/locales/nl/builder.json

@@ -267,7 +267,7 @@
         "donate": {
           "body": "Als Je Reactive Resume graag gebruikt, kun je overwegen zoveel mogelijk te doneren om de app in de lucht te houden, zonder advertenties en voor altijd gratis.",
           "button": "Betaal me een koffie",
-          "heading": "Doneer aan Reactiv Resume"
+          "heading": "Doneer aan Reactive Resume"
         },
         "github": "Broncode",
         "docs": "Documentatie",
@@ -290,6 +290,10 @@
         },
         "heading": "Instellingen",
         "page": {
+          "format": {
+            "primary": "Papiergrootte",
+            "secondary": "Bepaalt de afmetingen van uw cv-pagina's"
+          },
           "break-line": {
             "primary": "Breek Lijn",
             "secondary": "Toon een lijn op alle pagina's om de hoogte van een A4-pagina te markeren"

client/public/locales/nl/common.json

@@ -10,7 +10,7 @@
     "license": "Door de gemeenschap, voor de gemeenschap."
   },
   "markdown": {
-    "help-text": "Deze sectie ondersteunt <1>html</1> opmaak."
+    "help-text": "Deze sectie ondersteunt <1>markdown</1> opmaak."
   },
   "date": {
     "present": "Heden"
@@ -20,7 +20,7 @@
   "toast": {
     "error": {
       "upload-file-size": "Upload alleen bestanden onder de 2 megabytes.",
-      "upload-photo-size": "Upload alleen foto's onder de 2 megabytes, bij voorkeur vierkante."
+      "upload-photo-size": "Upload alleen foto's onder de 2 megabytes, bij voorkeur vierkant."
     },
     "success": {
       "resume-link-copied": "Een link naar jouw CV is naar het klembord gekopieerd."

client/public/locales/no/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Innstillinger",
         "page": {
+          "format": {
+            "primary": "Papir størrelse",
+            "secondary": "Bestemmer dimensjonene til CV-sidene dine"
+          },
           "break-line": {
             "primary": "Break Line",
             "secondary": "Vis en linje på alle sider for å markere høyden på en A4-side"

client/public/locales/or/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "ସେଟିଂସ୍",
         "page": {
+          "format": {
+            "primary": "କାଗଜ ଆକାର |",
+            "secondary": "ତୁମର ରିଜ୍ୟୁମ୍ ପୃଷ୍ଠାଗୁଡ଼ିକର ପରିମାଣ ନିର୍ଣ୍ଣୟ କରେ |"
+          },
           "break-line": {
             "primary": "ବ୍ରେକ୍ ଲାଇନ୍",
             "secondary": "A4 ପୃଷ୍ଠାର ଉଚ୍ଚତା ଚିହ୍ନିତ କରିବାକୁ ସମସ୍ତ ପୃଷ୍ଠାରେ ଏକ ରେଖା ଦେଖାନ୍ତୁ ।"

client/public/locales/pl/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Ustawienia",
         "page": {
+          "format": {
+            "primary": "Rozmiar papieru",
+            "secondary": "Określa wymiary twoich stron CV"
+          },
           "break-line": {
             "primary": "Inteligentne dopasowanie linii",
             "secondary": "Pokaż linię na wszystkich stronach, aby oznaczyć wysokość strony A4"

client/public/locales/pt/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Configurações",
         "page": {
+          "format": {
+            "primary": "Tamanho do papel",
+            "secondary": "Determina as dimensões das suas páginas de currículo"
+          },
           "break-line": {
             "primary": "Linha de quebra",
             "secondary": "Mostrar uma linha em todas as páginas para marcar a altura de uma página A4"

client/public/locales/ro/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Setări",
         "page": {
+          "format": {
+            "primary": "Dimensiunea hartiei",
+            "secondary": "Determină dimensiunile paginilor de CV"
+          },
           "break-line": {
             "primary": "Linia de pauză",
             "secondary": "Afișați o linie pe toate paginile pentru a marca înălțimea unei pagini A4"

client/public/locales/ru/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Настройки",
         "page": {
+          "format": {
+            "primary": "Размер бумаги",
+            "secondary": "Определяет размеры страниц вашего резюме"
+          },
           "break-line": {
             "primary": "Линия разрыва",
             "secondary": "Показывать линию, обозначающую высоту страницы A4"

client/public/locales/sr/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Podešavanja",
         "page": {
+          "format": {
+            "primary": "Величина папира",
+            "secondary": "Одређује димензије страница вашег животописа"
+          },
           "break-line": {
             "primary": "Prelomi Redova",
             "secondary": "Pokaži liniju na svakoj stranici kako bi se obeležila visina A4 stranice"

client/public/locales/sv/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Inställningar",
         "page": {
+          "format": {
+            "primary": "Pappersformat",
+            "secondary": "Bestämmer måtten på dina CV-sidor"
+          },
           "break-line": {
             "primary": "Radbrytning",
             "secondary": "Visa en linje på alla sidor för att markera höjden på en A4-sida"

client/public/locales/ta/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "அமைப்புகள்",
         "page": {
+          "format": {
+            "primary": "காகித அளவு",
+            "secondary": "உங்கள் ரெஸ்யூம் பக்கங்களின் பரிமாணங்களைத் தீர்மானிக்கிறது"
+          },
           "break-line": {
             "primary": "பிரேக் லைன்",
             "secondary": "A4 பக்கத்தின் உயரத்தைக் குறிக்க அனைத்துப் பக்கங்களிலும் ஒரு வரியைக் காட்டு"

client/public/locales/tr/builder.json

@@ -290,6 +290,10 @@
         },
         "heading": "Ayarlar",
         "page": {
+          "format": {
+            "primary": "Kağıt boyutu",
+            "secondary": "Özgeçmiş sayfalarınızın boyutlarını belirler"
+          },
           "break-line": {
             "primary": "Ara Hat",
             "secondary": "A4 sayfasının yüksekliğini işaretlemek için tüm sayfalarda bir çizgi göster"