deps: monthly dependency bump (October 2025)

Merge pull request #184 from XFox111/next

.devcontainer/devcontainer.json

@@ -2,16 +2,22 @@
 // README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
 {
 	"name": "my-website",
-	"image": "mcr.microsoft.com/devcontainers/typescript-node:1-20-bullseye",
+	"image": "mcr.microsoft.com/devcontainers/base:bookworm",
 
 	"features": {
 		"ghcr.io/devcontainers/features/docker-in-docker:2": {
 			"version": "latest",
-			"dockerDashComposeVersion": "none"
+			"enableNonRootDocker": "true",
+			"moby": "false"
+		},
+		"ghcr.io/devcontainers/features/node:1": {
+			"version": "latest",
+			"pnpmVersion": "none",
+			"nvmVersion": "latest"
 		}
 	},
 
-	"postCreateCommand": "yarn install",
+	"postCreateCommand": "corepack enable && yarn install",
 
 	// Configure tool-specific properties.
 	"customizations": {

.env.development

@@ -11,10 +11,10 @@ SMTP_TO_EMAIL=email			# Email to which emails will be sent
 
 DOMAIN_NAME=example.com		# Your domain name
 RESUME_URL=URL				# Location of the resume PDF
-RESUME_HAS_REFS=false		# Appends last page of the resume to a result PDF file
+ATS_RESUME_URL=URL			# Location of the ATS-compatible resume PDF (optional, remove to disable)
+RESUME_HAS_REFS=false		# Appends last page of the resume to a result PDF file (only appies to non-ATS version)
 ALERT_TEXT_URL=URL			# URL of a txt file with urgent message to be displayed (see app/_components/AlertMessage.tsx)
 CLARITY_ID=string			# Clarity Analytics ID (optional, remove to disable)
-CLARITY_CONSENT=1			# 1 if you need to request explicit consent from user, 0 if not (requires CLARITY_ID)
 
 CF_SITEKEY=3x00000000000000000000FF				# Cloudflare Turnstile captcha sitekey for contact form (optional, remove to siable)
 CF_SECRET=1x0000000000000000000000000000000AA	# Secret for token validation (requries CF_SITEKEY)

.gitattributes

@@ -0,0 +1 @@
+*.module.scss linguist-detectable=false

.github/CODEOWNERS

@@ -0,0 +1 @@
+* @XFox111

.github/dependabot.yml

@@ -10,9 +10,7 @@ updates:
     directory: "/"
     target-branch: "next"
     assignees:
-      - "xfox111"
+      - "XFox111"
-    reviewers:
-      - "xfox111"
     schedule:
       interval: monthly
     rebase-strategy: disabled
@@ -22,9 +20,7 @@ updates:
     directory: "/"
     target-branch: "next"
     assignees:
-      - "xfox111"
+      - "XFox111"
-    reviewers:
-      - "xfox111"
     schedule:
       interval: monthly
     rebase-strategy: disabled
@@ -34,9 +30,7 @@ updates:
     directory: "/"
     target-branch: "next"
     assignees:
-      - "xfox111"
+      - "XFox111"
-    reviewers:
-      - "xfox111"
     schedule:
       interval: monthly
     rebase-strategy: disabled
@@ -46,9 +40,7 @@ updates:
     directory: "/"
     target-branch: "next"
     assignees:
-      - "xfox111"
+      - "XFox111"
-    reviewers:
-      - "xfox111"
     schedule:
       interval: monthly
     rebase-strategy: disabled

.github/workflows/audit.yml

@@ -0,0 +1,53 @@
+name: Audit pipeline
+
+on:
+  push:
+    paths-ignore:
+      - '.devcontainer/*'
+      - '.github/*'
+      - '!.github/workflows/audit.yml'
+      - '.vscode/*'
+      - '**.md'
+      - '.env*'
+      - 'LICENSE'
+      - 'COPYING'
+      - '.git*'
+  pull_request:
+    paths-ignore:
+      - '.devcontainer/*'
+      - '.github/*'
+      - '!.github/workflows/audit.yml'
+      - '.vscode/*'
+      - '**.md'
+      - '.env*'
+      - 'LICENSE'
+      - 'COPYING'
+      - '.git*'
+  workflow_dispatch:
+
+jobs:
+  audit:
+    runs-on: ubuntu-latest
+    container: node:24
+
+    permissions:
+      contents: read
+
+    steps:
+      - uses: actions/checkout@v5
+      - run: corepack enable
+      - run: yarn install
+      - run: yarn npm audit
+
+  build:
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: read
+
+    steps:
+      - uses: actions/checkout@v5
+      - uses: docker/build-push-action@v6
+        with:
+          context: .
+          tags: "my-website:ci"

.github/workflows/ci.yml

@@ -1,35 +1,10 @@
 name: "CI pipeline"
 
 on:
-  push:
+  release:
-    branches: [ "main" ]
+    types:
-    paths-ignore:
+      - published
-      - '.devcontainer/*'
-      - '.github/*'
-      - '!.github/workflows/ci.yml'
-      - '.vscode/*'
-      - '**.md'
-      - '.env*'
-      - 'LICENSE'
-      - 'COPYING'
-  pull_request:
-    branches: [ "main", "deps" ]
-    paths-ignore:
-      - '.devcontainer/*'
-      - '.github/*'
-      - '!.github/workflows/ci.yml'
-      - '.vscode/*'
-      - '**.md'
-      - '.env*'
-      - 'LICENSE'
-      - 'COPYING'
   workflow_dispatch:
-    inputs:
-      push:
-        type: boolean
-        required: false
-        default: false
-        description: "Push to Docker Hub"
 
 jobs:
   build:
@@ -39,7 +14,7 @@ jobs:
       packages: write
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
 
       - uses: docker/metadata-action@v5
         id: meta
@@ -49,17 +24,15 @@ jobs:
             ghcr.io/${{ github.repository }}
           tags: |
             latest
-            ${{ github.sha }}
+            ${{ github.ref_name }}
 
       - name: "Login to Docker Hub"
-        if: github.event_name != 'pull_request' || github.event.inputs.push == 'true'
         uses: docker/login-action@v3
         with:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
 
       - name: "Login to GitHub Container Registry"
-        if: github.event_name != 'pull_request' || github.event.inputs.push == 'true'
         uses: docker/login-action@v3
         with:
           registry: ghcr.io
@@ -69,5 +42,5 @@ jobs:
       - uses: docker/build-push-action@v6
         with:
           context: .
-          push: ${{ github.event_name != 'pull_request' || github.event.inputs.push == 'true' }}
+          push: true
           tags: ${{ steps.meta.outputs.tags }}

.github/workflows/codeql.yml

@@ -0,0 +1,111 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL Advanced"
+
+on:
+  push:
+    branches: [ "main", "next" ]
+    paths-ignore:
+      - '**.md'
+      - 'LICENSE'
+      - '**/ci.yml'
+      - '.vscode/*'
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ "main", "next" ]
+    paths-ignore:
+      - '**.md'
+      - 'LICENSE'
+      - '**/ci.yml'
+      - '.vscode/*'
+  schedule:
+    - cron: '23 22 * * 1'
+
+jobs:
+  analyze:
+    name: Analyze (${{ matrix.language }})
+    # Runner size impacts CodeQL analysis time. To learn more, please see:
+    #   - https://gh.io/recommended-hardware-resources-for-running-codeql
+    #   - https://gh.io/supported-runners-and-hardware-resources
+    #   - https://gh.io/using-larger-runners (GitHub.com only)
+    # Consider using larger runners or machines with greater resources for possible analysis time improvements.
+    runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }}
+    permissions:
+      # required for all workflows
+      security-events: write
+
+      # required to fetch internal or private CodeQL packs
+      packages: read
+
+      # only required for workflows in private repositories
+      actions: read
+      contents: read
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+        - language: actions
+          build-mode: none
+        - language: javascript-typescript
+          build-mode: none
+        # CodeQL supports the following values keywords for 'language': 'actions', 'c-cpp', 'csharp', 'go', 'java-kotlin', 'javascript-typescript', 'python', 'ruby', 'rust', 'swift'
+        # Use `c-cpp` to analyze code written in C, C++ or both
+        # Use 'java-kotlin' to analyze code written in Java, Kotlin or both
+        # Use 'javascript-typescript' to analyze code written in JavaScript, TypeScript or both
+        # To learn more about changing the languages that are analyzed or customizing the build mode for your analysis,
+        # see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/customizing-your-advanced-setup-for-code-scanning.
+        # If you are analyzing a compiled language, you can modify the 'build-mode' for that language to customize how
+        # your codebase is analyzed, see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/codeql-code-scanning-for-compiled-languages
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v5
+
+    # Add any setup steps before running the `github/codeql-action/init` action.
+    # This includes steps like installing compilers or runtimes (`actions/setup-node`
+    # or others). This is typically only required for manual builds.
+    # - name: Setup runtime (example)
+    #   uses: actions/setup-example@v1
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v3
+      with:
+        languages: ${{ matrix.language }}
+        build-mode: ${{ matrix.build-mode }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+
+        # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
+        # queries: security-extended,security-and-quality
+
+    # If the analyze step fails for one of the languages you are analyzing with
+    # "We were unable to automatically build your code", modify the matrix above
+    # to set the build mode to "manual" for that language. Then modify this step
+    # to build your code.
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+    - if: matrix.build-mode == 'manual'
+      shell: bash
+      run: |
+        echo 'If you are using a "manual" build mode for one or more of the' \
+          'languages you are analyzing, replace this with the commands to build' \
+          'your code, for example:'
+        echo '  make bootstrap'
+        echo '  make release'
+        exit 1
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v3
+      with:
+        category: "/language:${{matrix.language}}"

.gitignore

@@ -34,3 +34,7 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# yarn
+.pnp.*
+.yarn

.vscode/tasks.json

@@ -56,5 +56,22 @@
 			"label": "docker: build",
 			"detail": "Build a Docker image"
 		},
+		{
+			"type": "shell",
+			"command": "docker",
+			"args": [
+				"run",
+				"--rm",
+				"--env-file",
+				".env.local",
+				"-p",
+				"3000:3000",
+				"my-website"
+			],
+			"group": "test",
+			"problemMatcher": [],
+			"label": "docker: run",
+			"detail": "Run the Docker container"
+		}
 	]
 }

.yarnrc.yml

@@ -0,0 +1,5 @@
+nodeLinker: node-modules
+
+logFilters:
+  - level: discard
+    pattern: "react is listed by your project with version * (*), which doesn't satisfy what @fluentui/react-icons and other dependencies request*"

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:23-alpine AS base
+FROM node:24-alpine AS base
 
 # Install dependencies only when needed
 FROM base AS deps
@@ -7,8 +7,9 @@ RUN apk add --no-cache libc6-compat
 WORKDIR /app
 
 # Install dependencies
-COPY package.json yarn.lock ./
+COPY package.json yarn.lock .yarnrc.yml ./
-RUN yarn --frozen-lockfile
+RUN corepack enable
+RUN yarn install
 
 # Rebuild the source code only when needed
 FROM base AS builder
@@ -16,6 +17,8 @@ WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
 
+RUN corepack enable
+
 # Next.js collects completely anonymous telemetry data about general usage.
 # Learn more here: https://nextjs.org/telemetry
 # Uncomment the following line in case you want to disable telemetry during the build.

app/_components/AlertMessage.module.scss

@@ -14,10 +14,16 @@
 	{
 		font-size: $fontSizeHero900;
 		color: $colorStatusWarningForeground1;
+		flex-shrink: 0;
 	}
 
 	.title
 	{
 		@include body1Stronger;
 	}
+
+	.message
+	{
+		white-space: pre-wrap;
+	}
 }

app/_components/AlertMessage.tsx

@@ -26,15 +26,15 @@ const AlertMessage: React.FC = async () =>
 		if (!response.ok || !alertText)
 			return null;
 
-		const title: string = alertText.split("\n", 1)[0];
+		const title: string = alertText.split("\n", 1)[0].trim();
-		const message: string = alertText.substring(title.length);
+		const message: string = alertText.substring(title.length + 1).trim();
 
 		return (
 			<div role="alert" className={ cls.alertBox } aria-label={ alertText }>
 				<ChatWarningRegular className={ cls.icon } />
 				<div>
 					<p className={ cls.title }>{ title }</p>
-					<p dangerouslySetInnerHTML={ { __html: message } } />
+					<p className={ cls.message } dangerouslySetInnerHTML={ { __html: message } } />
 				</div>
 			</div>
 		);

app/_components/CookieBanner.module.scss

@@ -41,11 +41,6 @@
 		}
 	}
 
-	.dismiss
-	{
-		border-left: none;
-	}
-
 	.controls
 	{
 		display: grid;
@@ -65,19 +60,16 @@
 		width: 100%;
 		bottom: 0;
 
-		&:not(:has(> .dismiss))
+		flex-flow: column;
+
+		.learnMore
 		{
-			flex-flow: column;
+			border-bottom: none;
+		}
 
-			.learnMore
+		.controls > button:last-child
-			{
+		{
-				border-bottom: none;
+			border-left: none;
-			}
-
-			.controls > button:last-child
-			{
-				border-left: none;
-			}
 		}
 	}
 }

app/_components/CookieBanner.tsx

@@ -1,12 +1,11 @@
 "use client";
 
-import { acceptCookies, dismissCookies, getCookieChoice, rejectCookies } from "@/_utils/analytics/client";
+import { acceptCookies, getCookieChoice, rejectCookies } from "@/_utils/analytics/client";
-import { Dismiss24Regular } from "@fluentui/react-icons";
 import React, { useCallback, useEffect, useState } from "react";
 import Button from "./Button";
 import cls from "./CookieBanner.module.scss";
 
-const CookieBanner: React.FC<{ askForConsent: boolean; }> = props =>
+const CookieBanner: React.FC = () =>
 {
 	const [visible, setVisible] = useState(false);
 
@@ -36,12 +35,6 @@ const CookieBanner: React.FC<{ askForConsent: boolean; }> = props =>
 		setVisible(false);
 	}, []);
 
-	const dismiss = useCallback(() =>
-	{
-		dismissCookies();
-		setVisible(false);
-	}, []);
-
 	if (!visible)
 		return null;
 
@@ -59,16 +52,10 @@ const CookieBanner: React.FC<{ askForConsent: boolean; }> = props =>
 				</p>
 			</Button>
 
-			{ props.askForConsent ?
+			<div className={ cls.controls }>
-				<div className={ cls.controls }>
+				<Button onClick={ accept }>Accept</Button>
-					<Button onClick={ accept }>Accept</Button>
+				<Button onClick={ reject }>Reject</Button>
-					<Button onClick={ reject }>Reject</Button>
+			</div>
-				</div>
-				:
-				<Button
-					title="Dismiss" icon={ <Dismiss24Regular /> }
-					onClick={ dismiss } className={ cls.dismiss } />
-			}
 
 		</div>
 	);

app/_data/FrontSection.tsx

@@ -23,8 +23,8 @@ const FrontSection: React.FC = () => (
 		</div>
 
 		<div className={ cls.illustrations }>
-			<Image className={ cls.main } src={ profilePicture.src } alt={ profilePicture.alt } priority />
+			<Image className={ cls.main } src={ profilePicture.src } alt={ profilePicture.alt } loading="eager" />
-			<Image className={ cls.secondary } src={ homeDecor.src } alt={ homeDecor.alt } />
+			<Image className={ cls.secondary } src={ homeDecor.src } alt={ homeDecor.alt } loading="eager" />
 		</div>
 	</section>
 );

app/_data/TitleLogo.tsx

@@ -9,7 +9,7 @@ const TitleLogo: React.FC = () => (
 		<Image src={ logo }
 			alt="A fox jumping down, and a diagonal stripe in the background, forming letters X and F"
 			aria-hidden
-			priority />
+			loading="eager" />
 		<p>
 			<span>xfox111</span>
 			<sub>.net</sub>

app/_data/bio.ts

@@ -1,16 +0,0 @@
-export const bio: string[] =
-	[
-		"My name is Eugene Fox. I am a professional software developer primarily focused on .NET and React projects.",
-
-		"My journey as a programmer started in 2018 from a silly free-time hobby. Since then, I have released a couple of personal projects, some of which have become quite popular.",
-
-		"Graduated from Bonch-Bruevich University of Telecommunications in 2023 where I got my bachelor's degree in computer science. It was fun. Took part in a number of hackathons (usually first place for us) as well as science conferences (including those hosted by IEEE).",
-
-		"Also, before graduation I managed to work in several different companies in different IT fields (mostly software development, of course).",
-
-		"Out-of-box thinking, and constant self-improvement is my life strategy. New tool released? - Yes, please! GitHub is hosting another conference? - Sign me up! There is a new challenging task to complete? - Oh, boy, here we go again! So many things to learn, so little time to spare...",
-
-		"Overall, enthusiastic, fast learning and energetic person. Love coding and creating something new. Like to draw and compose music. Proud member of the furry community."
-	];
-
-export default bio;

app/_data/bio.tsx

@@ -0,0 +1,14 @@
+export const Bio: React.FC = () => (
+	<>
+		<p>{ bioPremise }</p>
+		<p>My journey as a programmer started in 2018 from a silly free-time hobby. Since then, I have released a couple of personal projects, some of which have become quite popular.</p>
+		<p>Graduated from <a href="https://sut.ru/eng" target="_blank">Bonch-Bruevich University of Telecommunications</a> in 2023 where I got my Bachelor&apos;s degree in computer science. It was fun. Took part in a number of hackathons (usually first place for us) as well as science conferences (including those hosted by IEEE). In 2025 got Master&apos;s in Radiotechnology.</p>
+		<p>Also, before graduation I managed to work in several different companies in different IT fields (mostly software development, of course).</p>
+		<p>Out-of-box thinking, and constant self-improvement is my life strategy. New tool released? - Yes, please! GitHub is hosting another conference? - Sign me up! There is a new challenging task to complete? - Oh, boy, here we go again! So many things to learn, so little time to spare...</p>
+		<p>Overall, enthusiastic, fast learning and energetic person. Love coding and creating something new. Like to draw and compose music. Aviasim enthusiast. Proud member of the furry community.</p>
+	</>
+);
+
+export const bioPremise: string = "My name is Eugene Fox. I am a professional software developer primarily focused on .NET and React projects.";
+
+export default Bio;

app/_data/experience.ts

@@ -5,7 +5,7 @@ const experience: WorkplaceEntry[] =
 		{ title: "Software Engineer", place: "[nordcloud]", tech: "ASP.NET, EF Core" },
 		{ title: "CTO", year: "2022", place: "FoxDev Studio", tech: "Unity, Xamarin, .NET, React, Azure" },
 		{ title: "Senior Software Engineer", year: "2023", place: "A-rial", tech: ".NET, React, DevOps" },
-		{ title: "Senior Software Architect", year: "2024", place: "Ubitel", tech: ".NET, React, Embedded devices" },
+		{ title: "Senior Software Architect", year: "2024", place: "A-rial", tech: ".NET, React, Embedded devices" },
 		{ title: "Here", place: "Your company" },
 	];
 

app/_data/metadata.ts

@@ -1,7 +1,7 @@
 import Package from "@/../package.json";
 import { Metadata } from "next";
 import { unstable_noStore } from "next/cache";
-import bio from "./bio";
+import { bioPremise } from "./bio";
 import socials from "./socials";
 
 export const canonicalName: URL = new URL(`https://${process.env.DOMAIN_NAME}`);
@@ -18,12 +18,12 @@ export async function generateMetadata(): Promise<Metadata>
 	unstable_noStore();
 	return {
 		title: baseTitle,
-		description: bio[0],
+		description: bioPremise,
 		metadataBase: canonicalName,
 		openGraph:
 		{
 			title: baseTitle,
-			description: bio[0],
+			description: bioPremise,
 			type: "profile",
 			firstName: Package.author.name.split(" ")[0],
 			lastName: Package.author.name.split(" ")[1],

app/_data/projects.ts

@@ -24,17 +24,16 @@ const projects: Project[] =
 					"In the end, I have created a big web service with mobile app and a customer portal, that could authenticate users on any website, and any device within a few seconds."
 				],
 			image: ezlogImg,
-			link: "https://ezlog.app/about",
+			link: "https://github.com/xfox111/easylogon-web",
 			stack:
 				[
 					{ text: "C#/TypeScript", icon: ic.Code24Regular },
 					{ text: ".NET 6", icon: ic.Server24Regular },
-					{ text: "ReactJS", icon: ic.PhoneDesktop24Regular },
+					{ text: "React/Vite", icon: ic.PhoneDesktop24Regular },
 					{ text: "Xamarin.Forms", icon: ic.Phone24Regular },
 					{ text: "SQL Server", icon: ic.Database24Regular },
 					{ text: "Azure DevOps", icon: ic.Branch24Regular },
-					{ text: "Azure Pipelines/AppCenter", icon: ic.FlashFlow24Regular },
+					{ text: "Azure Pipelines/GitHub Actions", icon: ic.FlashFlow24Regular }
-					{ text: "AppCenter", icon: ic.HeartPulse24Regular }
 				]
 		},
 		{
@@ -50,9 +49,9 @@ const projects: Project[] =
 			link: "https://github.com/xfox111/TabsAsideExtension",
 			stack:
 				[
-					{ text: "ReactJS", icon: ic.Desktop24Regular },
+					{ text: "React/WXT", icon: ic.Desktop24Regular },
-					{ text: "TypeScript/SASS", icon: ic.Code24Regular },
+					{ text: "TypeScript", icon: ic.Code24Regular },
-					{ text: "Chrome/WebExt", icon: ic.FlashSettings24Regular },
+					{ text: "Browser extension", icon: ic.FlashSettings24Regular },
 					{ text: "Fluent UI", icon: ic.Color24Regular },
 					{ text: "GitHub", icon: ic.Branch24Regular },
 					{ text: "GitHub Actions", icon: ic.FlashFlow24Regular },
@@ -91,7 +90,7 @@ const projects: Project[] =
 				[
 					{ text: "React/Vite", icon: ic.Desktop24Regular },
 					{ text: "TypeScript", icon: ic.Code24Regular },
-					{ text: "Chrome/WebExt", icon: ic.FlashSettings24Regular },
+					{ text: "Browser extension", icon: ic.FlashSettings24Regular },
 					{ text: "Fluent UI", icon: ic.Color24Regular },
 					{ text: "GitHub", icon: ic.Branch24Regular },
 					{ text: "GitHub Actions", icon: ic.FlashFlow24Regular },

app/_page_sections/AboutSection.tsx

@@ -1,5 +1,5 @@
 import { aboutPicture } from "@/_assets/illustrations";
-import bio from "@/_data/bio";
+import Bio from "@/_data/bio";
 import Image from "next/image";
 import React from "react";
 import cls from "./AboutSection.module.scss";
@@ -9,9 +9,7 @@ const AboutSection: React.FC = () => (
 		<div>
 			<h2>About me</h2>
 
-			{ bio.map((i, index) =>
+			<Bio />
-				<p key={ index }>{ i }</p>
-			) }
 		</div>
 
 		<Image src={ aboutPicture.src } alt={ aboutPicture.alt } />

app/_page_sections/ProjectsSection.tsx

@@ -51,10 +51,14 @@ const ProjectsSection: React.FC = () =>
 			<div className={ cls.descriptions } aria-live="polite" aria-atomic>
 				{ projects.map((project, index) =>
 					<div key={ index } className={ cls.projectItem } hidden={ selection !== index }>
-						<Image src={ project.image } alt={ project.title } data-theme={ project.imageDark ? "light" : "both" } />
+						<Image
+							src={ project.image } alt={ project.title }
+							data-theme={ project.imageDark ? "light" : "both" }
+							loading="eager" />
+
 						{/* This is a workaround since not all images can be theme-adaptive */ }
 						{ project.imageDark &&
-							<Image src={ project.imageDark } alt="" data-theme="dark" />
+							<Image src={ project.imageDark } alt="" data-theme="dark" loading="eager" />
 						}
 
 						<h3>{ project.title }</h3>
@@ -80,7 +84,7 @@ const ProjectsSection: React.FC = () =>
 					</div>
 				) }
 				<Image className={ cls.defaultImg } hidden={ selection !== undefined }
-					src={ projectsImg.src } alt={ projectsImg.alt } />
+					src={ projectsImg.src } alt={ projectsImg.alt } loading="eager" />
 			</div>
 		</section>
 	);

app/_page_sections/SkillsSection.tsx

@@ -26,7 +26,7 @@ const SkillsSection: React.FC = () =>
 				{ skills.map((i, index) =>
 					<Image key={ index }
 						src={ i.image.src } alt={ i.image.alt }
-						hidden={ selection !== index } />
+						hidden={ selection !== index } loading="eager" />
 				) }
 
 				{ selection === 4 &&

app/_utils/analytics/client.ts

@@ -12,18 +12,12 @@ export const rejectCookies = (): void =>
 	window.clarity?.("consent", false);
 };
 
-export const dismissCookies = (): void =>
+export const getCookieChoice = (): "accepted" | "rejected" | "none" =>
-{
-	setCookie("CC", "", 1209600);	// 14 days
-};
-
-export const getCookieChoice = (): "accepted" | "rejected" | "acknowledged" | "none" =>
 {
 	switch (getCookie("CC"))
 	{
 		case "1": return "accepted";
 		case "0": return "rejected";
-		case "": return "acknowledged";
 		default: return "none";
 	}
 };
@@ -41,7 +35,7 @@ function getCookie(name: string): string | undefined
 
 	for (const cookie of cookies)
 		if (cookie.trim().startsWith(cookieName))
-			return cookie.substring(cookieName.length);
+			return cookie.trim().substring(cookieName.length);
 
 	return undefined;
 }

app/_utils/analytics/server.ts

@@ -9,13 +9,3 @@ export const analyticsEnabled = (): boolean =>
 	unstable_noStore();
 	return !!process.env.CLARITY_ID;
 };
-
-/**
- * Check if Clarity requires explicit consent
- * @returns true if Clarity requires explicit consent
- */
-export const requireExplicitConsent = (): boolean =>
-{
-	unstable_noStore();
-	return process.env.CLARITY_CONSENT === "1";
-};

app/attribution/page.tsx

@@ -3,7 +3,7 @@ import Button from "@/_components/Button";
 import RevokeConsentButton from "@/_components/RevokeConsentButton";
 import { canonicalName, getTitle } from "@/_data/metadata";
 import ThirdPartyAttribution from "@/_data/ThirdPartyAttributiont";
-import { analyticsEnabled, requireExplicitConsent } from "@/_utils/analytics/server";
+import { analyticsEnabled } from "@/_utils/analytics/server";
 import { ArrowLeft24Regular, ArrowRight24Regular } from "@fluentui/react-icons";
 import { Metadata } from "next";
 import { unstable_noStore } from "next/cache";
@@ -45,17 +45,15 @@ const AttributionPage: React.FC = () => (
 						If the "Do Not Track" option is enabled in your browser,
 						the website will not execute any tracking code.
 					</p>
-					{ requireExplicitConsent() &&
+					<p>
-						<p>
+						If you previously gave your consent to use cookies,
-							If you previously gave your consent to use cookies,
+						you can revoke it by clicking &quot;Revoke my consent&quot; button on this page below
-							you can revoke it by clicking &quot;Revoke my consent&quot; button on this page below
+						(the button is available only if the consent was given).
-							(the button is available only if the consent was given).
+						Recorded data will be deleted after 30-day retention period.
-							Recorded data will be deleted after 30-day retention period.
+					</p>
-						</p>
-					}
 
 					<div className={ cls.buttonRow }>
-						{ requireExplicitConsent() && <RevokeConsentButton /> }
+						<RevokeConsentButton />
 						<Button appearance="secondary"
 							href="https://learn.microsoft.com/clarity/faq#privacy" target="_blank"
 							iconAfter={ <ArrowRight24Regular /> }>

app/layout.tsx

@@ -5,7 +5,7 @@ import { PropsWithChildren } from "react";
 import CookieBanner from "./_components/CookieBanner";
 import Footer from "./_components/Footer";
 import Header from "./_components/Header";
-import { analyticsEnabled, requireExplicitConsent } from "./_utils/analytics/server";
+import { analyticsEnabled } from "./_utils/analytics/server";
 import fonts from "./fonts";
 import "./_styles/globals.scss";
 
@@ -28,7 +28,7 @@ export default function RootLayout(props: PropsWithChildren)
 			}
 			<body>
 				{ analyticsEnabled() &&
-					<CookieBanner askForConsent={ requireExplicitConsent() } />
+					<CookieBanner />
 				}
 
 				<Header />

app/loading.tsx

@@ -5,8 +5,8 @@ import cls from "./loading.module.scss";
 
 const LoadingPage: React.FC = () => (
 	<div className={ cls.root } role="alert" aria-label="Loading page">
-		<Image className={ cls.dark } src={ spinnerDark.src } alt={ spinnerDark.alt } priority unoptimized />
+		<Image className={ cls.dark } src={ spinnerDark.src } alt={ spinnerDark.alt } loading="eager" unoptimized />
-		<Image className={ cls.light } src={ spinnerLight.src } alt={ spinnerLight.alt } priority unoptimized />
+		<Image className={ cls.light } src={ spinnerLight.src } alt={ spinnerLight.alt } loading="eager" unoptimized />
 	</div>
 );
 

app/not-found.tsx

@@ -24,7 +24,7 @@ const NotFoundPage: React.FC = () => (
 	<main className={ `${cls.page} not-found` }>
 		<div className={ cls.illustration }>
 			<h1>404...</h1>
-			<Image src={ notFoundImage.src } alt={ notFoundImage.alt } priority />
+			<Image src={ notFoundImage.src } alt={ notFoundImage.alt } loading="eager" />
 		</div>
 		<div className={ cls.content }>
 			<div className={ cls.caption }>

app/resume/download/route.ts

@@ -5,18 +5,22 @@ import { PDFDocument, PDFPage } from "pdf-lib";
 export async function GET(req: NextRequest): Promise<Response>
 {
 	const type: string | null = req.nextUrl.searchParams.get("type");
+	const isAts: boolean = req.nextUrl.searchParams.get("ats") === "true";
 	const resume: Resume | undefined = findResume(type);
+	const url: string | undefined = isAts ? process.env.ATS_RESUME_URL : process.env.RESUME_URL;
 
 	if (!resume)
 		return error(400, "'type' parameter is invalid");
 
-	if (!process.env.RESUME_URL)
+	const fileName: string = (isAts ? "(ATS) " + resume.fileName : resume.fileName).replaceAll("\"", "'");
+
+	if (!url)
 		return error(500, "Cannot find file location.");
 
 	try
 	{
 		// Fetch the PDF file from the remote URL using the fetch API
-		const response: Response = await fetch(process.env.RESUME_URL as string);
+		const response: Response = await fetch(url);
 
 		if (!response.ok)
 			return error(500, "Failed to fetch PDF file");
@@ -30,7 +34,7 @@ export async function GET(req: NextRequest): Promise<Response>
 		const [page, refs]: PDFPage[] = await newDoc.copyPages(srcDoc, [resume.pageIndex, srcDoc.getPageCount() - 1]);
 		newDoc.addPage(page);
 
-		if (process.env.RESUME_HAS_REFS === "true")
+		if (process.env.RESUME_HAS_REFS === "true" && isAts)
 			newDoc.addPage(refs);
 
 		// Serialize the new PDF document
@@ -43,7 +47,7 @@ export async function GET(req: NextRequest): Promise<Response>
 				// Set response headers for PDF file
 				headers: {
 					"Content-Type": "application/pdf",
-					"Content-Disposition": `inline; filename="${resume.fileName.replaceAll("\"", "'")}.pdf"`
+					"Content-Disposition": `inline; filename="${fileName}.pdf"`
 				}
 			}
 		);

app/resume/page.module.scss

@@ -20,6 +20,16 @@
 		grid-auto-columns: 1fr;
 		gap: $spacingXL;
 
+		.buttonContainer
+		{
+			@include flex(column);
+		}
+
+		.atsLink
+		{
+			@include body1();
+		}
+
 		.button
 		{
 			flex-flow: column;

app/resume/page.tsx

@@ -21,15 +21,22 @@ const ResumePage: React.FC = () => (
 		<h1>Who are you looking for?</h1>
 		<div className={ cls.resumeButtons }>
 			{ resumeList.map(i =>
-				<Button key={ i.key } className={ cls.button }
+				<div key={ i.key } className={ cls.buttonContainer }>
-					href={ `/resume/download?type=${i.key}` } download
+					<Button className={ cls.button }
-					icon={
+						href={ `/resume/download?type=${i.key}` } download
-						<Image className={ cls.image } src={ i.image.src } priority draggable={ false }
+						icon={
-							aria-hidden alt={ i.image.alt } />
+							<Image className={ cls.image } src={ i.image.src } loading="eager" draggable={ false }
-					}>
+								aria-hidden alt={ i.image.alt } />
+						}>
 
-					{ i.label }
+						{ i.label }
-				</Button>
+					</Button>
+					{ process.env.ATS_RESUME_URL &&
+						<a className={ cls.atsLink } href={ `/resume/download?type=${i.key}&ats=true` } download>
+							ATS-compatible version
+						</a>
+					}
+				</div>
 			) }
 		</div>
 

next.config.mjs

@@ -51,7 +51,7 @@ function generateCspPolicy(isDev)
 		"manifest-src": "'self'",
 		"media-src": "'self'",
 		"object-src": "'none'",
-		"script-src": "'self' https://*.clarity.ms https://c.bing.com https://*.cloudflare.com 'unsafe-inline'",
+		"script-src": "'self' https://*.clarity.ms https://c.bing.com https://*.cloudflare.com https://*.cloudflareinsights.com 'unsafe-inline'",
 		"style-src": "'self' 'unsafe-inline'",
 		"worker-src": "'self'"
 	};

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "my-website",
-	"version": "1.0.0",
+	"version": "0.0.0",
 	"private": true,
 	"homepage": "https://xfox111.net",
 	"license": "(MIT with exception)",
@@ -21,30 +21,28 @@
 		"lint": "next lint"
 	},
 	"dependencies": {
-		"@fluentui/react-icons": "^2.0.298",
+		"@fluentui/react-icons": "^2.0.311",
-		"next": "^15.3.1",
+		"next": "^15.5.4",
-		"nodemailer": "^7.0.0",
+		"nodemailer": "^7.0.6",
 		"pdf-lib": "^1.17.1",
-		"react": "^19.1.0",
+		"react": "^19.2.0",
-		"react-dom": "^19.1.0",
+		"react-dom": "^19.2.0",
-		"react-social-icons": "^6.24.0",
+		"react-social-icons": "^6.25.0",
 		"react-turnstile": "^1.1.4",
-		"sharp": "^0.34.1",
+		"sharp": "^0.34.4",
-		"zod": "^3.24.3"
+		"zod": "^4.1.11"
 	},
 	"devDependencies": {
-		"@next/eslint-plugin-next": "^15.3.1",
+		"@next/eslint-plugin-next": "^15.5.4",
-		"@types/node": "^22.15.3",
+		"@types/node": "^24.6.2",
-		"@types/nodemailer": "^6.4.17",
+		"@types/nodemailer": "^7.0.2",
-		"@types/react": "^19.1.2",
+		"@types/react": "^19.2.0",
-		"@types/react-dom": "^19.1.3",
+		"@types/react-dom": "^19.2.0",
-		"eslint": "^9.19.0",
+		"eslint": "^9.32.0",
-		"eslint-config-next": "^15.3.1",
+		"eslint-config-next": "^15.5.4",
-		"sass": "^1.87.0",
+		"sass": "^1.93.2",
-		"typescript": "^5.8.3",
+		"typescript": "~5.9.3",
-		"typescript-eslint": "^8.31.1"
+		"typescript-eslint": "^8.45.0"
 	},
-	"resolutions": {
+	"packageManager": "yarn@4.9.2"
-		"react": "^19.0.0"
-	}
 }