From c383046b48274c0bcbb0c081913a138da8cbd40e Mon Sep 17 00:00:00 2001
From: Cailean Finn <Caileannn@gmail.com>
Date: Fri, 28 Jun 2024 12:08:17 +0100
Subject: [PATCH] instance changes

---
 public/css/styles.css | 6 +++++-
 public/js/list.js     | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/css/styles.css b/public/css/styles.css
index f62958c..99b250f 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -266,6 +266,10 @@ hr {
 	width: 100%;	
 }
 
+#article-information {
+	font-size: 20px;
+}
+
 #article-title {
 	font-size: 40px;
 	font-family: 'Syne Mono', monospace;
@@ -397,7 +401,7 @@ hr {
 		margin-right: 25px;
 		text-align: center;
 	}
-	
+
 	#list-container {
 		padding-left: 20px;
 		padding-right: 20px;
diff --git a/public/js/list.js b/public/js/list.js
index d8bda45..6537a75 100644
--- a/public/js/list.js
+++ b/public/js/list.js
@@ -47,7 +47,7 @@ import { randFloat } from 'three/src/math/MathUtils.js';
 		const cubeMaterial = new THREE.MeshPhongMaterial({ map: texture });
 	
 		// Create an InstancedMesh
-		count = 100;
+		count = 80;
 		instancedMesh = new THREE.InstancedMesh(cubeGeometry, cubeMaterial, count);
 		scene.add(instancedMesh)
 		dummy = new THREE.Object3D();
@@ -55,7 +55,7 @@ import { randFloat } from 'three/src/math/MathUtils.js';
 		for (let i = 0; i < count; i++) {
 			let size = randFloat(5, 8);
 			dummy.scale.set(size, size, size);
-			dummy.position.set(randFloat(-10, 10), randFloat(-6, 3), 0);
+			dummy.position.set(randFloat(-10, 10), randFloat(-8, 8), 0);
 			dummy.updateMatrix();
 			instancedMesh.setMatrixAt(i, dummy.matrix);
 		}