V3 (#15)

* V3 * fix: font handling * feat: add animation * chore: tweak delays * refactor: implement fsd architecture * feat: add favicons * chore: improve linting * feat: add ticker * feat: tweak ticker elements count * feat: extend emoji list * feat: add responsive styles
roxkisrover · Mar 14, 2024 · f4b75b7 · f4b75b7
1 parent bb84cc5
commit f4b75b7
Show file tree

Hide file tree

Showing 58 changed files with 5,502 additions and 1,666 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2020: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "prettier",
+  ],
+  ignorePatterns: ["dist", ".eslintrc.cjs", ".prettierrc.cjs"],
+  parser: "@typescript-eslint/parser",
+  plugins: ["react-refresh"],
+  rules: {
+    "react/react-in-jsx-scope": "off",
+    "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+  },
+};
diff --git a/.prettierrc b/.prettierrc
diff --git a/.prettierrc.cjs b/.prettierrc.cjs
@@ -0,0 +1,3 @@
+module.exports = {
+  printWidth: 100,
+};
diff --git a/.stylelintrc.cjs b/.stylelintrc.cjs
@@ -0,0 +1,13 @@
+module.exports = {
+  extends: ["stylelint-config-standard-scss"],
+  rules: {
+    "scss/double-slash-comment-empty-line-before": null,
+    "value-keyword-case": [
+      "lower",
+      {
+        ignoreFunctions: ["t", "var"],
+        camelCaseSvgKeywords: true,
+      },
+    ],
+  },
+};
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Anton Nikolaenko
+Copyright (c) 2024 Anton Nikolaenko
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 ## My Personal Page
 
-Built with [Vite](https://vitejs.dev), [Preact](https://preactjs.com), [TypeScript](https://www.typescriptlang.org/) and [Sass](https://sass-lang.com).
+Built with [React](https://react.dev), [TypeScript](https://www.typescriptlang.org/) and [SCSS](https://sass-lang.com).
 
 Deployed to [Firebase Hosting](https://firebase.google.com/products/hosting).
diff --git a/firebase.json b/firebase.json
@@ -1,7 +1,7 @@
 {
   "hosting": {
     "public": "dist",
-    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "ignore": [],
     "rewrites": [
       {
         "source": "**",

diff --git a/index.html b/index.html
@@ -1,17 +1,18 @@
-<!DOCTYPE html>
-<html lang="ru">
+<!doctype html>
+<html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="manifest" href="/manifest.json" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Визитка фронтенд разработчика" />
-    <title>Антон Николаенко | Персональная страница</title>
+    <meta charset="UTF-8" />
+    <meta name="theme-color" content="#f5f5f5" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
+    <link rel="preload" href="x5sans-regular.woff2" as="font" type="font/woff2" crossorigin />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+    <title>Anton Nikolaenko | Personal web page</title>
   </head>
-
   <body>
-    <div id="app"></div>
+    <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>