Workspace count

change gradient color
add footer

site/components/footer.js

@@ -1,5 +1,7 @@
 export default function Footer() {
     return (
-        <footer></footer>
+        <footer className="flex justify-center items-center p-5 bg-gradient-to-tr text-white/80 text-sm from-[#162d48] to-[#2980b9]">
+            This registry is intended to work in conjuction with Kasm Workspaces.&nbsp;<a className="underline" href="https://kasmweb.com">Click here to find out about Kasm Workspaces</a>
+        </footer>
     )
 }

site/components/header.js

@@ -18,7 +18,7 @@ export default function Header({ searchText, changeSearch }) {
   const router = useRouter();
 
   return (
-    <header className="relative font-light overflow-hidden bg-gradient-to-tr from-slate-900 to-cyan-800 p-8 xl:px-32 text-white gap-5 md:gap-0 flex flex-wrap justify-center items-center">
+    <header className="relative font-light overflow-hidden bg-gradient-to-tr from-[#162d48] to-[#2980b9] p-8 xl:px-32 text-white gap-5 md:gap-0 flex flex-wrap justify-center items-center">
       <Bubbles />
       <div className='relative z-10'>
         <div className="text-3xl">{process.env.name}</div>
@@ -61,7 +61,7 @@ export default function Header({ searchText, changeSearch }) {
         </div>
 
       </div>
-      <button className='p-4 relative z-10 px-5 bg-cyan-700 border-t border-white/20 border-solid hover:bg-slate-900 transition shadow-lg m-2 rounded items-center text-white/70 flex cursor-pointer' onClick={() => { copyToClipboard() }}>
+      <button className='p-4 relative z-10 px-5 bg-[#162d48]/70 border-t border-white/20 border-solid hover:bg-slate-900 transition shadow-lg m-2 rounded items-center text-white/70 flex cursor-pointer' onClick={() => { copyToClipboard() }}>
         <span className="mr-3">Workspace Registry Link</span>
         <svg style={{ height: '14px', fill: '#fff' }} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z" /></svg>
       </button>

site/components/layout.js

@@ -7,11 +7,11 @@ import { NotificationContainer } from 'react-notifications';
 
 export default function Layout({ children, searchText, changeSearch }) {
   return (
-    <>
+    <div className='flex flex-col min-h-screen'>
       <Header searchText={searchText} changeSearch={changeSearch} />
-      <main>{children}</main>
+      <main className="grow">{children}</main>
       <Footer />
       <NotificationContainer/>
-    </>
+    </div>
   )
 }