Tweak app wide color grading

iaincollins · Sep 12, 2024 · c78fa25 · c78fa25
1 parent 1f4f452
commit c78fa25
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 32 deletions.
diff --git a/css/index.css b/css/index.css
@@ -32,6 +32,10 @@ i[class*=" icarus-terminal-"] {
   margin: 0 .1rem;
 }
 
+html {
+  filter: sepia(0.1) contrast(1.25);
+}
+
 body,
 .scrollable {
   overflow-x: hidden !important;

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ardent-www",
-  "version": "0.47.1",
+  "version": "0.47.2",
   "description": "Ardent Industry",
   "main": "index.js",
   "scripts": {

diff --git a/pages/_app.js b/pages/_app.js
@@ -1,5 +1,4 @@
 import React, { useRef } from 'react'
-import { Color, BoxGeometry, CylinderGeometry, BufferAttribute, Vector3, Clock, MathUtils } from 'three'
 import App from 'next/app'
 import Head from 'next/head'
 import Header from 'components/header'
@@ -35,37 +34,55 @@ export default class MyApp extends App {
 }
 
 function Sphere (props) {
-  const ref = useRef()
-  useFrame((state, delta) => {
-    ;(ref.current.rotation.y -= (delta / 32 * 1))
-    ;(ref.current.rotation.z -= (delta / 32 / 2))
-  })
-
+  const ref1 = useRef(),
+        ref2 = useRef(),
+        ref3 = useRef()
+  useFrame((state, delta) => (ref1.current.rotation.y -= (delta / 32)))
+  useFrame((state, delta) => (ref2.current.rotation.x -= (delta / 16)))
+  useFrame((state, delta) => (ref3.current.rotation.z += (delta / 64)))
   return (
-    <group
-      {...props}
-      ref={ref}
-      position={[3, 0, 0]}
-      scale={2}
-      rotation={[-10,0,0]}
-    >
-      <mesh>
-        <sphereGeometry args={[2, 64, 64]} />
-        <meshStandardMaterial color='#666' wireframe />
-      </mesh>
-      <mesh>
-        <sphereGeometry args={[2, 64, 64]} />
-        <meshStandardMaterial color='#666' vertexColors flatShading />
-      </mesh>
-      <mesh>
-        <sphereGeometry args={[2.8, 64, 64]} />
-        <meshStandardMaterial color='#999' wireframe />
-      </mesh>
-      <mesh>
-        <sphereGeometry args={[3, 16, 16]} />
-        <meshStandardMaterial color='#ccc' wireframe />
-      </mesh>
-    </group>
+    <>
+      <group
+        {...props}
+        ref={ref1}
+        position={[3, 0, 0]}
+        scale={2}
+        rotation={[-10,0,0]}
+      >
+        <mesh>
+          <sphereGeometry args={[2, 64, 64]} />
+          <meshStandardMaterial color='#666' wireframe />
+        </mesh>
+        <mesh>
+          <sphereGeometry args={[2, 64, 64]} />
+          <meshStandardMaterial color='#666' vertexColors flatShading />
+        </mesh>
+      </group>
+      <group
+        {...props}
+        ref={ref2}
+        position={[3, 0, 0]}
+        scale={2}
+        rotation={[-10,0,0]}
+      >
+        <mesh>
+          <sphereGeometry args={[2.8, 32, 32]} />
+          <meshStandardMaterial color='#999' wireframe />
+        </mesh>
+      </group>
+      <group
+        {...props}
+        ref={ref3}
+        position={[3, 0, 0]}
+        scale={2}
+        rotation={[-10,0,0]}
+      >
+        <mesh>
+          <sphereGeometry args={[3, 16, 16]} />
+          <meshStandardMaterial color='#ccc' wireframe />
+        </mesh>
+      </group>
+  </>
   )
 }