From 13430d869ee391b2014684e493fc442f3136fa6e Mon Sep 17 00:00:00 2001
From: Jack Harper <jack.harper@stfc.ac.uk>
Date: Thu, 7 Nov 2024 16:21:17 +0000
Subject: [PATCH 1/5] remove framer-motion

---
 app/page.tsx                               | 22 +++++-------------
 app/wall/components/InstrumentWallCard.tsx |  6 ++---
 package-lock.json                          | 26 ----------------------
 package.json                               |  1 -
 4 files changed, 8 insertions(+), 47 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 5e88c13..b01f320 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 import { Inter } from "next/font/google";
 import Link from "next/link";
-import { motion } from "framer-motion";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -52,10 +51,7 @@ export default function Home() {
             <section className="">
               <div className="container md:px-6 mx-auto">
                 <div className="grid grid-cols-1 gap-8 mt-8 xl:mt-12 xl:gap-12 md:grid-cols-2 xl:grid-cols-3">
-                  <motion.div
-                    whileHover={{ y: -10 }}
-                    className="p-8 space-y-3 border-2 border-blue-400 dark:border-blue-300 rounded-xl bg-white dark:bg-zinc-900"
-                  >
+                  <div className="p-8 space-y-3 border-2 border-blue-400 dark:border-blue-300 rounded-xl bg-white dark:bg-zinc-900">
                     <span className="inline-block text-blue-500 dark:text-blue-400">
                       <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -107,12 +103,9 @@ export default function Home() {
                         />
                       </svg>
                     </a>
-                  </motion.div>
+                  </div>
 
-                  <motion.div
-                    whileHover={{ y: -10 }}
-                    className="p-8 space-y-3 border-2 border-blue-400 dark:border-blue-300 rounded-xl bg-white dark:bg-zinc-900"
-                  >
+                  <div className="p-8 space-y-3 border-2 border-blue-400 dark:border-blue-300 rounded-xl bg-white dark:bg-zinc-900">
                     <span className="inline-block text-blue-500 dark:text-blue-400">
                       <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -158,12 +151,9 @@ export default function Home() {
                         />
                       </svg>
                     </a>
-                  </motion.div>
+                  </div>
 
-                  <motion.div
-                    whileHover={{ y: -10 }}
-                    className="p-8 space-y-3 border-2 border-blue-400 dark:border-blue-300 rounded-xl bg-white dark:bg-zinc-900"
-                  >
+                  <div className="p-8 space-y-3 border-2 border-blue-400 dark:border-blue-300 rounded-xl bg-white dark:bg-zinc-900">
                     <span className="inline-block text-blue-500 dark:text-blue-400">
                       <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -209,7 +199,7 @@ export default function Home() {
                         />
                       </svg>
                     </a>
-                  </motion.div>
+                  </div>
                 </div>
               </div>
             </section>
diff --git a/app/wall/components/InstrumentWallCard.tsx b/app/wall/components/InstrumentWallCard.tsx
index a7db1db..6ece175 100644
--- a/app/wall/components/InstrumentWallCard.tsx
+++ b/app/wall/components/InstrumentWallCard.tsx
@@ -1,5 +1,4 @@
 import Link from "next/link";
-import { motion } from "framer-motion";
 import {
   getForegroundColour,
   getStatusColour,
@@ -13,8 +12,7 @@ export default function WallCard({
   instrument: IfcInstrumentStatus;
 }) {
   return (
-    <motion.div
-      whileHover={{ y: -10 }}
+    <div
       className={`flex items-center justify-between p-3  rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       ${getStatusColour(instrument.status || "UNKNOWN")} ${getForegroundColour(
         instrument.status || "UNKNOWN",
@@ -34,6 +32,6 @@ export default function WallCard({
           </span>
         </div>
       </Link>
-    </motion.div>
+    </div>
   );
 }
diff --git a/package-lock.json b/package-lock.json
index 5fcff1a..ff0fa63 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,6 @@
       "dependencies": {
         "@types/pako": "^2.0.3",
         "cross-env": "^7.0.3",
-        "framer-motion": "^11.2.5",
         "next": "^14.2.5",
         "pako": "^2.1.0",
         "react": "^18",
@@ -4732,31 +4731,6 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
-    "node_modules/framer-motion": {
-      "version": "11.5.4",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.5.4.tgz",
-      "integrity": "sha512-E+tb3/G6SO69POkdJT+3EpdMuhmtCh9EWuK4I1DnIC23L7tFPrl8vxP+LSovwaw6uUr73rUbpb4FgK011wbRJQ==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.4.0"
-      },
-      "peerDependencies": {
-        "@emotion/is-prop-valid": "*",
-        "react": "^18.0.0",
-        "react-dom": "^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@emotion/is-prop-valid": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
diff --git a/package.json b/package.json
index 62e76b0..00c9f00 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,6 @@
   "dependencies": {
     "@types/pako": "^2.0.3",
     "cross-env": "^7.0.3",
-    "framer-motion": "^11.2.5",
     "next": "^14.2.5",
     "pako": "^2.1.0",
     "react": "^18",

From 7023b584c8a1de9957233de84db402314824a411 Mon Sep 17 00:00:00 2001
From: Jack Harper <jack.harper@stfc.ac.uk>
Date: Thu, 7 Nov 2024 18:14:56 +0000
Subject: [PATCH 2/5] change hover to change colour of button, not text

---
 app/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index b01f320..b273872 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -85,7 +85,7 @@ export default function Home() {
 
                     <a
                       href="https://stfc365.sharepoint.com/sites/isis-hub/SitePages/Instrument-Quick-Links.aspx"
-                      className="inline-flex p-2 text-blue-500 capitalize transition-colors duration-200 transform bg-blue-100 rounded-full dark:bg-blue-500 dark:text-white hover:underline hover:text-blue-600 dark:hover:text-blue-500"
+                      className="inline-flex p-2 text-blue-500 capitalize transition-colors duration-200 transform bg-blue-100 rounded-full dark:bg-blue-500 dark:text-white hover:underline hover:bg-blue-400 dark:hover:bg-blue-400"
                       target="_blank"
                     >
                       <svg
@@ -133,7 +133,7 @@ export default function Home() {
 
                     <a
                       href="https://shadow.nd.rl.ac.uk/journals/"
-                      className="inline-flex p-2 text-blue-500 capitalize transition-colors duration-200 transform bg-blue-100 rounded-full dark:bg-blue-500 dark:text-white hover:underline hover:text-blue-600 dark:hover:text-blue-500"
+                      className="inline-flex p-2 text-blue-500 capitalize transition-colors duration-200 transform bg-blue-100 rounded-full dark:bg-blue-500 dark:text-white hover:underline hover:bg-blue-400 dark:hover:bg-blue-400"
                       target="_blank"
                     >
                       <svg
@@ -181,7 +181,7 @@ export default function Home() {
 
                     <a
                       href="https://www.isis.stfc.ac.uk/Pages/Beam-Status.aspx"
-                      className="inline-flex p-2 text-blue-500 capitalize transition-colors duration-200 transform bg-blue-100 rounded-full dark:bg-blue-500 dark:text-white hover:underline hover:text-blue-600 dark:hover:text-blue-500"
+                      className="inline-flex p-2 text-blue-500 capitalize transition-colors duration-200 transform bg-blue-100 rounded-full dark:bg-blue-500 dark:text-white hover:underline hover:bg-blue-400 dark:hover:bg-blue-400"
                       target="_blank"
                     >
                       <svg

From c5e107ce38ce97ed2f052916a0ba8eeff0f718f9 Mon Sep 17 00:00:00 2001
From: Tom Willemsen <tom.willemsen@stfc.ac.uk>
Date: Thu, 7 Nov 2024 20:09:57 +0000
Subject: [PATCH 3/5] delink wall

---
 app/Footer.tsx | 7 -------
 app/NavBar.tsx | 6 ------
 2 files changed, 13 deletions(-)

diff --git a/app/Footer.tsx b/app/Footer.tsx
index 67def74..f444765 100644
--- a/app/Footer.tsx
+++ b/app/Footer.tsx
@@ -28,13 +28,6 @@ export default function Footer() {
           >
             Instrument statuses
           </Link>
-
-          <Link
-            href="/wall"
-            className="text-base leading-6 text-gray-500 hover:text-gray-900  dark:text-white dark:hover:text-gray-400 transition-color duration-100 px-5 py-2"
-          >
-            Wall display
-          </Link>
         </nav>
         <p className="mt-8 text-base leading-6 text-center text-gray-400">
           © 2024 Experiment Controls at ISIS. All rights reserved.
diff --git a/app/NavBar.tsx b/app/NavBar.tsx
index 6d071b2..66fb925 100644
--- a/app/NavBar.tsx
+++ b/app/NavBar.tsx
@@ -35,12 +35,6 @@ export default function NavBar() {
         >
           Instrument Status
         </Link>
-        <Link
-          className="block py-2 px-3 rounded text-black dark:text-white hover:text-white hover:bg-zinc-800"
-          href="/wall"
-        >
-          Wall display
-        </Link>
         <Link
           className="block py-2 px-3 rounded text-black dark:text-white hover:text-white hover:bg-zinc-800"
           href="https://www.isis.stfc.ac.uk/Pages/Beam-Status.aspx"

From 40739f03ce4456733f2440d19bce702c779233ef Mon Sep 17 00:00:00 2001
From: Jack Harper <jack.harper@stfc.ac.uk>
Date: Thu, 7 Nov 2024 21:25:19 +0000
Subject: [PATCH 4/5] use more relevant icons on main page

---
 app/page.tsx | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index b273872..d250df8 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -55,22 +55,16 @@ export default function Home() {
                     <span className="inline-block text-blue-500 dark:text-blue-400">
                       <svg
                         xmlns="http://www.w3.org/2000/svg"
-                        className="w-8 h-8"
                         fill="none"
                         viewBox="0 0 24 24"
+                        strokeWidth="1.5"
                         stroke="currentColor"
+                        className="size-10"
                       >
                         <path
                           strokeLinecap="round"
                           strokeLinejoin="round"
-                          strokeWidth="2"
-                          d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z"
-                        />
-                        <path
-                          strokeLinecap="round"
-                          strokeLinejoin="round"
-                          strokeWidth="2"
-                          d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z"
+                          d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"
                         />
                       </svg>
                     </span>
@@ -109,16 +103,16 @@ export default function Home() {
                     <span className="inline-block text-blue-500 dark:text-blue-400">
                       <svg
                         xmlns="http://www.w3.org/2000/svg"
-                        className="w-8 h-8"
                         fill="none"
                         viewBox="0 0 24 24"
+                        strokeWidth="1.5"
                         stroke="currentColor"
+                        className="size-10"
                       >
                         <path
                           strokeLinecap="round"
                           strokeLinejoin="round"
-                          strokeWidth="2"
-                          d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z"
+                          d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"
                         />
                       </svg>
                     </span>
@@ -157,16 +151,16 @@ export default function Home() {
                     <span className="inline-block text-blue-500 dark:text-blue-400">
                       <svg
                         xmlns="http://www.w3.org/2000/svg"
-                        className="w-8 h-8"
                         fill="none"
                         viewBox="0 0 24 24"
+                        strokeWidth="1.5"
                         stroke="currentColor"
+                        className="size-10"
                       >
                         <path
                           strokeLinecap="round"
                           strokeLinejoin="round"
-                          strokeWidth="2"
-                          d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"
+                          d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"
                         />
                       </svg>
                     </span>

From d8df023ea38a64b6126571627d89ec7defb722e6 Mon Sep 17 00:00:00 2001
From: Jack Harper <jack.harper@stfc.ac.uk>
Date: Thu, 7 Nov 2024 21:28:05 +0000
Subject: [PATCH 5/5] add link to icons

---
 app/page.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/page.tsx b/app/page.tsx
index d250df8..e1cf1da 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -4,6 +4,10 @@ import Link from "next/link";
 
 const inter = Inter({ subsets: ["latin"] });
 
+{
+  /*Icons from https://heroicons.com/*/
+}
+
 export default function Home() {
   return (
     <main