commit 356d1dd61bd2cb5e0c57e173dbd5867a82ab77ff Author: hhh Date: Sat Jan 4 17:04:40 2025 +0200 init diff --git a/404.html b/404.html new file mode 100644 index 0000000..02090c4 --- /dev/null +++ b/404.html @@ -0,0 +1,23 @@ + + + + + KOTIKOT + + + + +
+
+

404

+ [back] +
+
+ + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..4e000e1 --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ + + + + + KOTIKOT + + + + +
+
+

KOTIKOT

+ [projects] +
+
+ + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..5914e61 --- /dev/null +++ b/script.js @@ -0,0 +1,15 @@ +import { neonCursor } from 'https://unpkg.com/threejs-toys@0.0.8/build/threejs-toys.module.cdn.min.js' + +neonCursor({ + el: document.getElementById('app'), + shaderPoints: 16, + curvePoints: 80, + curveLerp: 0.5, + radius1: 5, + radius2: 30, + velocityTreshold: 10, + sleepRadiusX: 100, + sleepRadiusY: 100, + sleepTimeCoefX: 0.0025, + sleepTimeCoefY: 0.0025 +}) diff --git a/style.css b/style.css new file mode 100644 index 0000000..fb6eb1f --- /dev/null +++ b/style.css @@ -0,0 +1,41 @@ +body, +html, +#app { + margin: 0; + width: 100%; + height: 100%; +} + +#app { + overflow: hidden; + touch-action: pan-up; + color: #ffffff; + font-family: "Montserrat", sans-serif; + text-align: center; + text-shadow: 0 0 5px #ffffff, 0 0 20px #000, 0 0 30px #000; +} + +#app h1 { + --fontSize: 150px; + --lineHeight: 105px; + width: auto; + height: calc(var(--lineHeight)); + line-height: var(--lineHeight); + margin: calc(50vh - (var(--lineHeight))) auto 0; + font-size: var(--fontSize); + text-transform: uppercase; +} + +#app a { + margin-top: 15px; + display: inline-block; + text-decoration: none; + color: #fff; +} + +#app canvas { + display: block; + position: fixed; + z-index: -1; + top: 0; +}