merge pull request #2 from kotleni/dev

[v1.3] Replaced bad editor.png and impl version tip easter egg and some other changes
kotleni · Jan 4, 2025 · 34209e5 · 34209e5
2 parents 31105d7 + 641a087
commit 34209e5
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -2,12 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
+    <link rel="icon" type="image/svg+xml" href="./public/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>kotleni's website</title>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="./src/main.tsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host 0.0.0.0",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview"

diff --git a/src/assets/editor.png b/src/assets/editor.png
diff --git a/src/components/VersionTip/VersionTip.scss b/src/components/VersionTip/VersionTip.scss
@@ -5,6 +5,7 @@
   position: fixed;
   right: 8px;
   top: 8px;
+  user-select: none;
 
   transition: transform .2s ease-in-out;
 

diff --git a/src/components/VersionTip/index.tsx b/src/components/VersionTip/index.tsx
@@ -1,10 +1,20 @@
-import {VERSION_NAME} from "../../constants.ts";
+import {VERSION_NAME, VERSION_NAME_REPLACEMENT} from "../../constants.ts";
 
 import './VersionTip.scss';
+import {useState} from "react";
 
 function VersionTip() {
+    const [clicksCount, setClicksCount] = useState(0);
+
+    const increaseClicks = () => {
+        setClicksCount(clicksCount + 1);
+    };
     return (
-        <div className="version-tip">{VERSION_NAME}</div>
+        <div className="version-tip" onClick={increaseClicks}>{
+            clicksCount < 8 ?
+                (clicksCount % 2 === 0 ? VERSION_NAME : VERSION_NAME_REPLACEMENT)
+                : `Clicks count: ${clicksCount}`
+        }</div>
     );
 }
 

diff --git a/src/constants.ts b/src/constants.ts
@@ -1,2 +1,3 @@
 export const PARALLAX_SENSITIVITY = 1.4;
-export const VERSION_NAME = 'v1.2';
+export const VERSION_NAME = 'v1.3';
+export const VERSION_NAME_REPLACEMENT = 'Powered by TypeScript';