diff --git a/index.html b/index.html index d1f9dd7..2ffd1c6 100644 --- a/index.html +++ b/index.html @@ -2,12 +2,12 @@ - + kotleni's website
- + diff --git a/package.json b/package.json index bdb5f66..ff309d1 100644 --- 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 index ed61a84..cbc45bf 100644 Binary files a/src/assets/editor.png and b/src/assets/editor.png differ diff --git a/src/components/VersionTip/VersionTip.scss b/src/components/VersionTip/VersionTip.scss index 7a3caab..e771434 100644 --- 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 index d610bdd..7676228 100644 --- 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 ( -
{VERSION_NAME}
+
{ + clicksCount < 8 ? + (clicksCount % 2 === 0 ? VERSION_NAME : VERSION_NAME_REPLACEMENT) + : `Clicks count: ${clicksCount}` + }
); } diff --git a/src/constants.ts b/src/constants.ts index c13d52d..dfd108f 100644 --- 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';