Adds Svelte, Framer and starts work on homepage

src/web-check-live/App.tsx

@@ -8,6 +8,15 @@ import NotFound from 'web-check-live/views/NotFound.tsx';
 import ErrorBoundary from 'web-check-live/components/boundaries/PageError.tsx';
 import GlobalStyles from './styles/globals.tsx';
 
+const Layout = () => {
+  return (
+  <>
+    <GlobalStyles />
+    <Outlet />
+  </>
+  );
+}
+
 export default function App() {
   return (
     <ErrorBoundary>
@@ -23,12 +32,3 @@ export default function App() {
     </ErrorBoundary>
   );
 }
-
-function Layout() {
-  return (
-  <>
-    <GlobalStyles />
-    <Outlet />
-  </>
-  );
-}

src/web-check-live/components/Results/TlsClientSupport.tsx

@@ -5,7 +5,7 @@ import Button from 'web-check-live/components/Form/Button';
 import { ExpandableRow } from 'web-check-live/components/Form/Row';
 
 const makeClientSupport = (results: any) => {
-  if (!results?.analysis) return [];
+  if (!results?.analysis || results.analysis.length <1) return [];
   const target = results.target;
   const sslLabsClientSupport = (
       results.analysis.find((a: any) => a.analyzer === 'sslLabsClientSupport')

src/web-check-live/styles/globals.tsx

@@ -13,6 +13,9 @@ const GlobalStyles = () => (
       font-family: PTMono;
       color: #fff;
     }
+    #fancy-background p span {
+      color: transparent;
+    }
     `}
   />
 );