From 5975f2db3471d0b988fec2ecb8b1a93e661d18bd Mon Sep 17 00:00:00 2001
From: joe <spuriousmeaning@gmail.com>
Date: Fri, 25 Apr 2025 15:21:22 +0100
Subject: [PATCH] final edit then

---
 assets/instruments/instruments.json |  2 +-
 index.html                          |  8 +++++---
 styles.css                          | 19 +++++++++++++++----
 3 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/assets/instruments/instruments.json b/assets/instruments/instruments.json
index bff503c..b44d74f 100644
--- a/assets/instruments/instruments.json
+++ b/assets/instruments/instruments.json
@@ -93,7 +93,7 @@
     "midi-channel-name": "conductorToms",
     "image": {
       "filename": "toms.svg",
-      "yPos": "42%",
+      "yPos": "20%",
       "width": "100",
       "height": "100"
     }
diff --git a/index.html b/index.html
index 681e5bb..7e18632 100644
--- a/index.html
+++ b/index.html
@@ -18,10 +18,12 @@
 
   <div id="main-content">
 
-
-    <div class="title-title">
+  <div>
+      <object type="image/svg+xml" data="/Logo.svg" id="logo-main"></object>
+  </div>
+    <!-- <div class="title-title">
       The Conductor
-    </div>
+    </div> -->
     <div class="title" id="title">
       15.5.2024 08:00:00 - 08:01:00 UTC
 
diff --git a/styles.css b/styles.css
index 71eec1e..d169026 100644
--- a/styles.css
+++ b/styles.css
@@ -174,17 +174,27 @@ html {
     width: 50%;
 }
 
+#logo-main{
+    width: 80px; 
+    height: 80px;
+    margin-top: 60px;
+    display: flex;
+    opacity: 0.1;
+    /* animation: rotate360 10s linear infinite; */
+}
+
 .title{
     top: 30px; 
     width: 100%;
-    margin-top: 30px;
-    margin-bottom: 80px;
+    margin-top: 40px;
+    margin-bottom: 50px;
     text-align: center;
     color: white;  
     background-color: rgb(0,0,0);
     /* height: 20vh; */
     font-family: Helvetica;
-    font-size: clamp(14px,1.1vw, 18px);
+    font-size: clamp(12px,1.1vw, 18px);
+    opacity: 0.1;
 
 }
 
@@ -206,7 +216,8 @@ html {
 
 .stave-svg {
     position: relative;
-    z-index: 1; 
+    z-index: 1;
+    opacity: 0.3; 
 }