From c78fa25bac08c143a1f0c2f554176501e5a39657 Mon Sep 17 00:00:00 2001
From: Iain Collins <iain.collins@unity3d.com>
Date: Thu, 12 Sep 2024 21:28:17 +0100
Subject: [PATCH] Tweak app wide color grading

---
 css/index.css |  4 +++
 package.json  |  2 +-
 pages/_app.js | 79 +++++++++++++++++++++++++++++++--------------------
 3 files changed, 53 insertions(+), 32 deletions(-)

diff --git a/css/index.css b/css/index.css
index 9c5e397..f9371c7 100644
--- 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
index 8d7aa7d..9a0d348 100644
--- 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
index d346da1..53cb7e0 100644
--- 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>
+  </>
   )
 }