SF Systems Nov 25 presentation

homepage/homepage/app/(docs)/docs/[framework]/layout.tsx

@@ -1,6 +1,14 @@
 import { SideNavLayout } from "@/components/SideNavLayout";
 import { DocNav } from "@/components/docs/DocsNav";
+import { JazzFooter } from "@/components/footer";
+import { PagefindSearch } from "@/components/pagefind";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  return <SideNavLayout sideNav={<DocNav />}>{children}</SideNavLayout>;
+  return (
+    <>
+      <SideNavLayout sideNav={<DocNav />}>{children}</SideNavLayout>
+      <JazzFooter />
+      <PagefindSearch />{" "}
+    </>
+  );
 }

homepage/homepage/app/(others)/layout.tsx

@@ -1,14 +1,20 @@
+import { JazzFooter } from "@/components/footer";
 import { JazzNav } from "@/components/nav";
+import { PagefindSearch } from "@/components/pagefind";
 
 export default function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
   return (
+    <>
     <div className="w-full flex-1 dark:bg-stone-925 dark:bg-transparent">
       <JazzNav />
       <main>{children}</main>
     </div>
+    <JazzFooter  />
+    <PagefindSearch />
+    </>
   );
 }

homepage/homepage/app/(special)/presentations/sf-systems-25/EditorIndicator.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { TextCursorIcon } from "lucide-react";
+import { userColors } from "./helpers";
+import { useEffect, useState } from "react";
+import clsx from "clsx";
+
+export function EditorIndicator({ by }: { by: string }) {
+  const [opacity, setOpacity] = useState(100);
+  const [left, setLeft] = useState(-100);
+  useEffect(() => {
+    const timeout = setTimeout(() => {
+      setOpacity(0);
+    }, 1000);
+    setLeft(0);
+    return () => clearTimeout(timeout);
+  }, []);
+  return (
+    <span
+      className={clsx(
+        userColors[by as keyof typeof userColors],
+        "text-xs transition-all relative",
+      )}
+      style={{ opacity, left: left + "px" }}
+    >
+      <TextCursorIcon className="relative -top-0.5 -ml-2 -mr-2 inline-block h-4" />
+      {by}
+    </span>
+  );
+}

homepage/homepage/app/(special)/presentations/sf-systems-25/HashAndSignatureSlide.tsx

@@ -0,0 +1,16 @@
+import { CoValueCoreDiagram } from "./diagrams";
+import { header, scenario1 } from "./page";
+
+export function HashAndSignatureSlide({ progressIdx }: { progressIdx: number }) {
+  return <div className="mt-[10vh]">
+    <CoValueCoreDiagram
+      header={header}
+      sessions={scenario1}
+      showView={true}
+      showCore={true}
+      showHashAndSignature={true}
+      encryptedItems={false}
+      hashProgressIdx={progressIdx}
+    />
+  </div>
+}