- 
- 
- Public Sector
-Procurement cycles, oversight, offline verification.
- Public Sector → -
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/accordion/accordion-trigger.astro b/ifttt-src/src/components/ui/accordion/accordion-trigger.astro
new file mode 100644
index 0000000..2ff483f
--- /dev/null
+++ b/ifttt-src/src/components/ui/accordion/accordion-trigger.astro
@@ -0,0 +1,33 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import ChevronDownIcon from "lucide-static/icons/chevron-down.svg"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends Omit
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/accordion/index.ts b/ifttt-src/src/components/ui/accordion/index.ts
new file mode 100644
index 0000000..609bcfd
--- /dev/null
+++ b/ifttt-src/src/components/ui/accordion/index.ts
@@ -0,0 +1,4 @@
+export { default as Accordion } from "./accordion.astro"
+export { default as AccordionContent } from "./accordion-content.astro"
+export { default as AccordionItem } from "./accordion-item.astro"
+export { default as AccordionTrigger } from "./accordion-trigger.astro"
diff --git a/ifttt-src/src/components/ui/alert/alert-description.astro b/ifttt-src/src/components/ui/alert/alert-description.astro
new file mode 100644
index 0000000..448ba21
--- /dev/null
+++ b/ifttt-src/src/components/ui/alert/alert-description.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/alert/alert-title.astro b/ifttt-src/src/components/ui/alert/alert-title.astro
new file mode 100644
index 0000000..ec4f630
--- /dev/null
+++ b/ifttt-src/src/components/ui/alert/alert-title.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/alert/alert.astro b/ifttt-src/src/components/ui/alert/alert.astro
new file mode 100644
index 0000000..7f78fac
--- /dev/null
+++ b/ifttt-src/src/components/ui/alert/alert.astro
@@ -0,0 +1,41 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+type Props = VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/alert/index.ts b/ifttt-src/src/components/ui/alert/index.ts
new file mode 100644
index 0000000..ace5eba
--- /dev/null
+++ b/ifttt-src/src/components/ui/alert/index.ts
@@ -0,0 +1,3 @@
+export { default as Alert } from "./alert.astro"
+export { default as AlertTitle } from "./alert-title.astro"
+export { default as AlertDescription } from "./alert-description.astro"
diff --git a/ifttt-src/src/components/ui/auto-form/auto-form.astro b/ifttt-src/src/components/ui/auto-form/auto-form.astro
new file mode 100644
index 0000000..3878a2c
--- /dev/null
+++ b/ifttt-src/src/components/ui/auto-form/auto-form.astro
@@ -0,0 +1,135 @@
+---
+import type { ComponentProps, HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Checkbox } from "@/components/ui/checkbox"
+import {
+ Field,
+ FieldContent,
+ FieldDescription,
+ FieldLabel,
+ FieldSet,
+} from "@/components/ui/field"
+import { Input } from "@/components/ui/input"
+import { NativeSelect, NativeSelectOption } from "@/components/ui/native-select"
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
+import { Textarea } from "@/components/ui/textarea"
+
+type Field = {
+ label?: string
+ description?: string
+} & (
+ | (ComponentProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/avatar/avatar-image.astro b/ifttt-src/src/components/ui/avatar/avatar-image.astro
new file mode 100644
index 0000000..ddf8211
--- /dev/null
+++ b/ifttt-src/src/components/ui/avatar/avatar-image.astro
@@ -0,0 +1,33 @@
+---
+import type { ComponentProps } from "astro/types"
+
+import { cn } from "@/lib/utils"
+import { Image } from "@/components/ui/image"
+
+type Props = Partial
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/avatar/index.ts b/ifttt-src/src/components/ui/avatar/index.ts
new file mode 100644
index 0000000..fab5909
--- /dev/null
+++ b/ifttt-src/src/components/ui/avatar/index.ts
@@ -0,0 +1,3 @@
+export { default as Avatar } from "./avatar.astro"
+export { default as AvatarFallback } from "./avatar-fallback.astro"
+export { default as AvatarImage } from "./avatar-image.astro"
diff --git a/ifttt-src/src/components/ui/badge/badge.astro b/ifttt-src/src/components/ui/badge/badge.astro
new file mode 100644
index 0000000..1aadab4
--- /dev/null
+++ b/ifttt-src/src/components/ui/badge/badge.astro
@@ -0,0 +1,54 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+type Props = VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/banner/banner-description.astro b/ifttt-src/src/components/ui/banner/banner-description.astro
new file mode 100644
index 0000000..55ae94a
--- /dev/null
+++ b/ifttt-src/src/components/ui/banner/banner-description.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"p"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/collapsible/collapsible-trigger.astro b/ifttt-src/src/components/ui/collapsible/collapsible-trigger.astro
new file mode 100644
index 0000000..5fc26d5
--- /dev/null
+++ b/ifttt-src/src/components/ui/collapsible/collapsible-trigger.astro
@@ -0,0 +1,33 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import ChevronDownIcon from "lucide-static/icons/chevron-down.svg"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends Omit
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/collapsible/index.ts b/ifttt-src/src/components/ui/collapsible/index.ts
new file mode 100644
index 0000000..47c9683
--- /dev/null
+++ b/ifttt-src/src/components/ui/collapsible/index.ts
@@ -0,0 +1,3 @@
+export { default as Collapsible } from "./collapsible.astro"
+export { default as CollapsibleContent } from "./collapsible-content.astro"
+export { default as CollapsibleTrigger } from "./collapsible-trigger.astro"
diff --git a/ifttt-src/src/components/ui/command/command-dialog.astro b/ifttt-src/src/components/ui/command/command-dialog.astro
new file mode 100644
index 0000000..553c751
--- /dev/null
+++ b/ifttt-src/src/components/ui/command/command-dialog.astro
@@ -0,0 +1,52 @@
+---
+import type { ComponentProps } from "astro/types"
+
+import { Dialog, DialogContent } from "@/components/ui/dialog"
+
+interface Props extends ComponentProps
+ {slot?.trim().length > 0 ?
+
diff --git a/ifttt-src/src/components/ui/command/command-group.astro b/ifttt-src/src/components/ui/command/command-group.astro
new file mode 100644
index 0000000..9131f6a
--- /dev/null
+++ b/ifttt-src/src/components/ui/command/command-group.astro
@@ -0,0 +1,34 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {
+ heading?: string
+}
+
+const { class: className, heading, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+ {heading && (
+
+ )
+}
+
diff --git a/ifttt-src/src/components/ui/command/command-input.astro b/ifttt-src/src/components/ui/command/command-input.astro
new file mode 100644
index 0000000..ff6aebf
--- /dev/null
+++ b/ifttt-src/src/components/ui/command/command-input.astro
@@ -0,0 +1,29 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import SearchIcon from "lucide-static/icons/search.svg"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"input"> {
+ wrapperClass?: string
+}
+
+const { class: className, wrapperClass, ...props } = Astro.props
+---
+
+
+ {heading}
+
+ )}
+
+
+
diff --git a/ifttt-src/src/components/ui/command/command-item.astro b/ifttt-src/src/components/ui/command/command-item.astro
new file mode 100644
index 0000000..4d7c965
--- /dev/null
+++ b/ifttt-src/src/components/ui/command/command-item.astro
@@ -0,0 +1,33 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {
+ disabled?: boolean
+ value?: string
+}
+
+const { class: className, disabled, value, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
+
diff --git a/ifttt-src/src/components/ui/command/command-list.astro b/ifttt-src/src/components/ui/command/command-list.astro
new file mode 100644
index 0000000..51818fc
--- /dev/null
+++ b/ifttt-src/src/components/ui/command/command-list.astro
@@ -0,0 +1,27 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
+
diff --git a/ifttt-src/src/components/ui/command/command-separator.astro b/ifttt-src/src/components/ui/command/command-separator.astro
new file mode 100644
index 0000000..6733616
--- /dev/null
+++ b/ifttt-src/src/components/ui/command/command-separator.astro
@@ -0,0 +1,17 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+---
+
+
+
diff --git a/ifttt-src/src/components/ui/command/command-shortcut.astro b/ifttt-src/src/components/ui/command/command-shortcut.astro
new file mode 100644
index 0000000..7d30c8a
--- /dev/null
+++ b/ifttt-src/src/components/ui/command/command-shortcut.astro
@@ -0,0 +1,27 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"span"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+
+ )
+}
+
+
diff --git a/ifttt-src/src/components/ui/command/index.ts b/ifttt-src/src/components/ui/command/index.ts
new file mode 100644
index 0000000..98610ec
--- /dev/null
+++ b/ifttt-src/src/components/ui/command/index.ts
@@ -0,0 +1,10 @@
+export { default as Command } from "./command.astro"
+export { default as CommandDialog } from "./command-dialog.astro"
+export { default as CommandInput } from "./command-input.astro"
+export { default as CommandList } from "./command-list.astro"
+export { default as CommandEmpty } from "./command-empty.astro"
+export { default as CommandGroup } from "./command-group.astro"
+export { default as CommandItem } from "./command-item.astro"
+export { default as CommandSeparator } from "./command-separator.astro"
+export { default as CommandShortcut } from "./command-shortcut.astro"
+
diff --git a/ifttt-src/src/components/ui/dialog/dialog-close.astro b/ifttt-src/src/components/ui/dialog/dialog-close.astro
new file mode 100644
index 0000000..ddd0629
--- /dev/null
+++ b/ifttt-src/src/components/ui/dialog/dialog-close.astro
@@ -0,0 +1,21 @@
+---
+import type { ComponentProps } from "astro/types"
+import X from "lucide-static/icons/x.svg"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+
+interface Props extends ComponentProps
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/dialog/dialog-header.astro b/ifttt-src/src/components/ui/dialog/dialog-header.astro
new file mode 100644
index 0000000..196aa9c
--- /dev/null
+++ b/ifttt-src/src/components/ui/dialog/dialog-header.astro
@@ -0,0 +1,23 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/dialog/dialog-title.astro b/ifttt-src/src/components/ui/dialog/dialog-title.astro
new file mode 100644
index 0000000..ad19b9d
--- /dev/null
+++ b/ifttt-src/src/components/ui/dialog/dialog-title.astro
@@ -0,0 +1,23 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"h2"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/dialog/dialog-trigger.astro b/ifttt-src/src/components/ui/dialog/dialog-trigger.astro
new file mode 100644
index 0000000..5c43fca
--- /dev/null
+++ b/ifttt-src/src/components/ui/dialog/dialog-trigger.astro
@@ -0,0 +1,19 @@
+---
+import type { ComponentProps } from "astro/types"
+
+import { Button } from "@/components/ui/button"
+
+interface Props extends ComponentProps
+
+ )
+}
+
+
diff --git a/ifttt-src/src/components/ui/dialog/index.ts b/ifttt-src/src/components/ui/dialog/index.ts
new file mode 100644
index 0000000..f8aafb3
--- /dev/null
+++ b/ifttt-src/src/components/ui/dialog/index.ts
@@ -0,0 +1,8 @@
+export { default as Dialog } from "./dialog.astro"
+export { default as DialogContent } from "./dialog-content.astro"
+export { default as DialogTrigger } from "./dialog-trigger.astro"
+export { default as DialogHeader } from "./dialog-header.astro"
+export { default as DialogTitle } from "./dialog-title.astro"
+export { default as DialogDescription } from "./dialog-description.astro"
+export { default as DialogFooter } from "./dialog-footer.astro"
+export { default as DialogClose } from "./dialog-close.astro"
diff --git a/ifttt-src/src/components/ui/empty/empty-content.astro b/ifttt-src/src/components/ui/empty/empty-content.astro
new file mode 100644
index 0000000..cf7b9af
--- /dev/null
+++ b/ifttt-src/src/components/ui/empty/empty-content.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/empty/empty-description.astro b/ifttt-src/src/components/ui/empty/empty-description.astro
new file mode 100644
index 0000000..3bd920f
--- /dev/null
+++ b/ifttt-src/src/components/ui/empty/empty-description.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+ a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+ className
+ )}
+ {...props}
+ >
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/empty/empty-header.astro b/ifttt-src/src/components/ui/empty/empty-header.astro
new file mode 100644
index 0000000..556da27
--- /dev/null
+++ b/ifttt-src/src/components/ui/empty/empty-header.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/empty/empty-media.astro b/ifttt-src/src/components/ui/empty/empty-media.astro
new file mode 100644
index 0000000..1f239ad
--- /dev/null
+++ b/ifttt-src/src/components/ui/empty/empty-media.astro
@@ -0,0 +1,40 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+type Props = VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/empty/empty-title.astro b/ifttt-src/src/components/ui/empty/empty-title.astro
new file mode 100644
index 0000000..ca78f1e
--- /dev/null
+++ b/ifttt-src/src/components/ui/empty/empty-title.astro
@@ -0,0 +1,23 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/empty/empty.astro b/ifttt-src/src/components/ui/empty/empty.astro
new file mode 100644
index 0000000..755edbc
--- /dev/null
+++ b/ifttt-src/src/components/ui/empty/empty.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/empty/index.ts b/ifttt-src/src/components/ui/empty/index.ts
new file mode 100644
index 0000000..bf7e54e
--- /dev/null
+++ b/ifttt-src/src/components/ui/empty/index.ts
@@ -0,0 +1,6 @@
+export { default as Empty } from "./empty.astro"
+export { default as EmptyContent } from "./empty-content.astro"
+export { default as EmptyDescription } from "./empty-description.astro"
+export { default as EmptyMedia } from "./empty-media.astro"
+export { default as EmptyTitle } from "./empty-title.astro"
+export { default as EmptyHeader } from "./empty-header.astro"
diff --git a/ifttt-src/src/components/ui/field/field-content.astro b/ifttt-src/src/components/ui/field/field-content.astro
new file mode 100644
index 0000000..fbca4be
--- /dev/null
+++ b/ifttt-src/src/components/ui/field/field-content.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/field/field-description.astro b/ifttt-src/src/components/ui/field/field-description.astro
new file mode 100644
index 0000000..933e417
--- /dev/null
+++ b/ifttt-src/src/components/ui/field/field-description.astro
@@ -0,0 +1,28 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"p"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+ a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+ className
+ )}
+ {...props}
+ >
+
[data-slot=field-group]]:gap-4",
+ className
+ )}
+ {...props}
+ >
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/field/field-label.astro b/ifttt-src/src/components/ui/field/field-label.astro
new file mode 100644
index 0000000..15cefcd
--- /dev/null
+++ b/ifttt-src/src/components/ui/field/field-label.astro
@@ -0,0 +1,29 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"label"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/field/field-legend.astro b/ifttt-src/src/components/ui/field/field-legend.astro
new file mode 100644
index 0000000..7849241
--- /dev/null
+++ b/ifttt-src/src/components/ui/field/field-legend.astro
@@ -0,0 +1,31 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"legend"> {
+ variant?: "legend" | "label"
+}
+
+const { class: className, variant = "legend", ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/field/field-separator.astro b/ifttt-src/src/components/ui/field/field-separator.astro
new file mode 100644
index 0000000..09481ae
--- /dev/null
+++ b/ifttt-src/src/components/ui/field/field-separator.astro
@@ -0,0 +1,34 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+import { Separator } from "@/components/ui/separator"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+
+
diff --git a/ifttt-src/src/components/ui/field/field-set.astro b/ifttt-src/src/components/ui/field/field-set.astro
new file mode 100644
index 0000000..54027ff
--- /dev/null
+++ b/ifttt-src/src/components/ui/field/field-set.astro
@@ -0,0 +1,27 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"fieldset"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/field/field-title.astro b/ifttt-src/src/components/ui/field/field-title.astro
new file mode 100644
index 0000000..e730490
--- /dev/null
+++ b/ifttt-src/src/components/ui/field/field-title.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/field/field.astro b/ifttt-src/src/components/ui/field/field.astro
new file mode 100644
index 0000000..2073040
--- /dev/null
+++ b/ifttt-src/src/components/ui/field/field.astro
@@ -0,0 +1,50 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div">, VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/field/index.ts b/ifttt-src/src/components/ui/field/index.ts
new file mode 100644
index 0000000..fb778d5
--- /dev/null
+++ b/ifttt-src/src/components/ui/field/index.ts
@@ -0,0 +1,9 @@
+export { default as Field } from "./field.astro"
+export { default as FieldContent } from "./field-content.astro"
+export { default as FieldDescription } from "./field-description.astro"
+export { default as FieldGroup } from "./field-group.astro"
+export { default as FieldLabel } from "./field-label.astro"
+export { default as FieldLegend } from "./field-legend.astro"
+export { default as FieldSeparator } from "./field-separator.astro"
+export { default as FieldSet } from "./field-set.astro"
+export { default as FieldTitle } from "./field-title.astro"
diff --git a/ifttt-src/src/components/ui/footer/footer-actions.astro b/ifttt-src/src/components/ui/footer/footer-actions.astro
new file mode 100644
index 0000000..47f9e15
--- /dev/null
+++ b/ifttt-src/src/components/ui/footer/footer-actions.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/footer/footer-content.astro b/ifttt-src/src/components/ui/footer/footer-content.astro
new file mode 100644
index 0000000..f3d6c5e
--- /dev/null
+++ b/ifttt-src/src/components/ui/footer/footer-content.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/footer/footer-copyright.astro b/ifttt-src/src/components/ui/footer/footer-copyright.astro
new file mode 100644
index 0000000..bb6ae07
--- /dev/null
+++ b/ifttt-src/src/components/ui/footer/footer-copyright.astro
@@ -0,0 +1,24 @@
+---
+import type { HTMLAttributes } from "astro/types";
+
+import { cn } from "@/lib/utils";
+
+interface Props extends HTMLAttributes<"p"> {}
+
+const { class: className, ...props } = Astro.props;
+
+const slot = await Astro.slots.render("default");
+---
+
+{
+ slot?.trim().length > 0 && (
+
+ © {`${new Date().getFullYear()} `}
+
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/footer/footer-group-label.astro b/ifttt-src/src/components/ui/footer/footer-group-label.astro
new file mode 100644
index 0000000..e494566
--- /dev/null
+++ b/ifttt-src/src/components/ui/footer/footer-group-label.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"h3"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/footer/footer-group.astro b/ifttt-src/src/components/ui/footer/footer-group.astro
new file mode 100644
index 0000000..5febfab
--- /dev/null
+++ b/ifttt-src/src/components/ui/footer/footer-group.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/footer/footer-menu-item.astro b/ifttt-src/src/components/ui/footer/footer-menu-item.astro
new file mode 100644
index 0000000..8335b70
--- /dev/null
+++ b/ifttt-src/src/components/ui/footer/footer-menu-item.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"li"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/footer/footer-spread.astro b/ifttt-src/src/components/ui/footer/footer-spread.astro
new file mode 100644
index 0000000..2ee9a1b
--- /dev/null
+++ b/ifttt-src/src/components/ui/footer/footer-spread.astro
@@ -0,0 +1,25 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/footer/footer.astro b/ifttt-src/src/components/ui/footer/footer.astro
new file mode 100644
index 0000000..05df577
--- /dev/null
+++ b/ifttt-src/src/components/ui/footer/footer.astro
@@ -0,0 +1,71 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+interface Props
+ extends HTMLAttributes<"footer">,
+ VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/header/header-content.astro b/ifttt-src/src/components/ui/header/header-content.astro
new file mode 100644
index 0000000..eb426a8
--- /dev/null
+++ b/ifttt-src/src/components/ui/header/header-content.astro
@@ -0,0 +1,22 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/header/header.astro b/ifttt-src/src/components/ui/header/header.astro
new file mode 100644
index 0000000..00465cc
--- /dev/null
+++ b/ifttt-src/src/components/ui/header/header.astro
@@ -0,0 +1,70 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+interface Props
+ extends HTMLAttributes<"header">,
+ VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/item/item-content.astro b/ifttt-src/src/components/ui/item/item-content.astro
new file mode 100644
index 0000000..0079c8c
--- /dev/null
+++ b/ifttt-src/src/components/ui/item/item-content.astro
@@ -0,0 +1,27 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/item/item-description.astro b/ifttt-src/src/components/ui/item/item-description.astro
new file mode 100644
index 0000000..9e6979c
--- /dev/null
+++ b/ifttt-src/src/components/ui/item/item-description.astro
@@ -0,0 +1,27 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"p"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+ a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+ className
+ )}
+ {...props}
+ >
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/item/item-media.astro b/ifttt-src/src/components/ui/item/item-media.astro
new file mode 100644
index 0000000..d22b6ec
--- /dev/null
+++ b/ifttt-src/src/components/ui/item/item-media.astro
@@ -0,0 +1,41 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const variants = cva(
+ "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+ {
+ variants: {
+ variant: {
+ default: "bg-transparent",
+ icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+ image:
+ "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ },
+ }
+)
+
+interface Props extends HTMLAttributes<"div">, VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/item/item-title.astro b/ifttt-src/src/components/ui/item/item-title.astro
new file mode 100644
index 0000000..2454f76
--- /dev/null
+++ b/ifttt-src/src/components/ui/item/item-title.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"h3"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/item/item.astro b/ifttt-src/src/components/ui/item/item.astro
new file mode 100644
index 0000000..3f24ba4
--- /dev/null
+++ b/ifttt-src/src/components/ui/item/item.astro
@@ -0,0 +1,51 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+interface Props
+ extends VariantProps-
+
+
+
+
+
+
diff --git a/ifttt-src/src/components/ui/marquee/marquee.astro b/ifttt-src/src/components/ui/marquee/marquee.astro
new file mode 100644
index 0000000..7205ef2
--- /dev/null
+++ b/ifttt-src/src/components/ui/marquee/marquee.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+type Props = HTMLAttributes<"div">
+
+const { class: className, ...props } = Astro.props
+---
+
+
+
diff --git a/ifttt-src/src/components/ui/native-carousel/index.ts b/ifttt-src/src/components/ui/native-carousel/index.ts
new file mode 100644
index 0000000..8c9391b
--- /dev/null
+++ b/ifttt-src/src/components/ui/native-carousel/index.ts
@@ -0,0 +1,5 @@
+export { default as NativeCarousel } from "./native-carousel.astro"
+export { default as NativeCarouselContent } from "./native-carousel-content.astro"
+export { default as NativeCarouselItem } from "./native-carousel-item.astro"
+export { default as NativeCarouselPrevious } from "./native-carousel-previous.astro"
+export { default as NativeCarouselNext } from "./native-carousel-next.astro"
diff --git a/ifttt-src/src/components/ui/native-carousel/native-carousel-content.astro b/ifttt-src/src/components/ui/native-carousel/native-carousel-content.astro
new file mode 100644
index 0000000..0a18775
--- /dev/null
+++ b/ifttt-src/src/components/ui/native-carousel/native-carousel-content.astro
@@ -0,0 +1,92 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+---
+
+
+
+
+
diff --git a/ifttt-src/src/components/ui/native-carousel/native-carousel-item.astro b/ifttt-src/src/components/ui/native-carousel/native-carousel-item.astro
new file mode 100644
index 0000000..15fbd57
--- /dev/null
+++ b/ifttt-src/src/components/ui/native-carousel/native-carousel-item.astro
@@ -0,0 +1,17 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+---
+
+
+
diff --git a/ifttt-src/src/components/ui/native-carousel/native-carousel-next.astro b/ifttt-src/src/components/ui/native-carousel/native-carousel-next.astro
new file mode 100644
index 0000000..529a544
--- /dev/null
+++ b/ifttt-src/src/components/ui/native-carousel/native-carousel-next.astro
@@ -0,0 +1,24 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import ChevronRightIcon from "lucide-static/icons/chevron-right.svg"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends Omit
+
diff --git a/ifttt-src/src/components/ui/native-select/index.ts b/ifttt-src/src/components/ui/native-select/index.ts
new file mode 100644
index 0000000..1fd2ed6
--- /dev/null
+++ b/ifttt-src/src/components/ui/native-select/index.ts
@@ -0,0 +1,3 @@
+export { default as NativeSelect } from "./native-select.astro"
+export { default as NativeSelectOption } from "./native-select-option.astro"
+export { default as NativeSelectOptGroup } from "./native-select-optgroup.astro"
diff --git a/ifttt-src/src/components/ui/native-select/native-select-optgroup.astro b/ifttt-src/src/components/ui/native-select/native-select-optgroup.astro
new file mode 100644
index 0000000..ded6919
--- /dev/null
+++ b/ifttt-src/src/components/ui/native-select/native-select-optgroup.astro
@@ -0,0 +1,13 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"optgroup"> {}
+
+const { class: className, ...props } = Astro.props
+---
+
+
diff --git a/ifttt-src/src/components/ui/native-select/native-select-option.astro b/ifttt-src/src/components/ui/native-select/native-select-option.astro
new file mode 100644
index 0000000..06873f4
--- /dev/null
+++ b/ifttt-src/src/components/ui/native-select/native-select-option.astro
@@ -0,0 +1,12 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+interface Props extends HTMLAttributes<"option"> {}
+
+const { ...props } = Astro.props
+---
+
+
+
diff --git a/ifttt-src/src/components/ui/native-select/native-select.astro b/ifttt-src/src/components/ui/native-select/native-select.astro
new file mode 100644
index 0000000..f13fdf9
--- /dev/null
+++ b/ifttt-src/src/components/ui/native-select/native-select.astro
@@ -0,0 +1,34 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import ChevronDownIcon from "lucide-static/icons/chevron-down.svg"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"select"> {}
+
+const { class: className, ...props } = Astro.props
+---
+
+
+
+
+
+
diff --git a/ifttt-src/src/components/ui/navigation-menu/index.ts b/ifttt-src/src/components/ui/navigation-menu/index.ts
new file mode 100644
index 0000000..b76146e
--- /dev/null
+++ b/ifttt-src/src/components/ui/navigation-menu/index.ts
@@ -0,0 +1,9 @@
+export { default as NavigationMenu } from "./navigation-menu.astro"
+export { default as NavigationMenuContent } from "./navigation-menu-content.astro"
+export { default as NavigationMenuItem } from "./navigation-menu-item.astro"
+export { default as NavigationMenuLink } from "./navigation-menu-link.astro"
+export { default as NavigationMenuList } from "./navigation-menu-list.astro"
+export { default as NavigationMenuSub } from "./navigation-menu-sub.astro"
+export { default as NavigationMenuSubItem } from "./navigation-menu-sub-item.astro"
+export { default as NavigationMenuSubLink } from "./navigation-menu-sub-link.astro"
+export { default as NavigationMenuTrigger } from "./navigation-menu-trigger.astro"
diff --git a/ifttt-src/src/components/ui/navigation-menu/navigation-menu-content.astro b/ifttt-src/src/components/ui/navigation-menu/navigation-menu-content.astro
new file mode 100644
index 0000000..f671763
--- /dev/null
+++ b/ifttt-src/src/components/ui/navigation-menu/navigation-menu-content.astro
@@ -0,0 +1,28 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/navigation-menu/navigation-menu-item.astro b/ifttt-src/src/components/ui/navigation-menu/navigation-menu-item.astro
new file mode 100644
index 0000000..8cea99e
--- /dev/null
+++ b/ifttt-src/src/components/ui/navigation-menu/navigation-menu-item.astro
@@ -0,0 +1,23 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"li"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+ -
+
-
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/radio-group/index.ts b/ifttt-src/src/components/ui/radio-group/index.ts
new file mode 100644
index 0000000..e2ad59b
--- /dev/null
+++ b/ifttt-src/src/components/ui/radio-group/index.ts
@@ -0,0 +1,2 @@
+export { default as RadioGroup } from "./radio-group.astro"
+export { default as RadioGroupItem } from "./radio-group-item.astro"
diff --git a/ifttt-src/src/components/ui/radio-group/radio-group-item.astro b/ifttt-src/src/components/ui/radio-group/radio-group-item.astro
new file mode 100644
index 0000000..77a4301
--- /dev/null
+++ b/ifttt-src/src/components/ui/radio-group/radio-group-item.astro
@@ -0,0 +1,20 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends Omit
+
diff --git a/ifttt-src/src/components/ui/rating/index.ts b/ifttt-src/src/components/ui/rating/index.ts
new file mode 100644
index 0000000..cbe00f3
--- /dev/null
+++ b/ifttt-src/src/components/ui/rating/index.ts
@@ -0,0 +1 @@
+export { default as Rating } from "./rating.astro"
diff --git a/ifttt-src/src/components/ui/rating/rating.astro b/ifttt-src/src/components/ui/rating/rating.astro
new file mode 100644
index 0000000..8fb7c9c
--- /dev/null
+++ b/ifttt-src/src/components/ui/rating/rating.astro
@@ -0,0 +1,36 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import Star from "lucide-static/icons/star.svg"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {
+ rating?: number
+}
+
+const { rating, class: className, ...props } = Astro.props
+---
+
+{
+ rating && (
+
+ {Array.from({ length: 5 }).map((_, index) => {
+ const fillPercentage =
+ index < Math.floor(rating)
+ ? 100
+ : index === Math.floor(rating)
+ ? (rating % 1) * 100
+ : 0
+ return (
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/section/index.ts b/ifttt-src/src/components/ui/section/index.ts
new file mode 100644
index 0000000..2d6e7a9
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/index.ts
@@ -0,0 +1,10 @@
+export { default as Section } from "./section.astro"
+export { default as SectionActions } from "./section-actions.astro"
+export { default as SectionContent } from "./section-content.astro"
+export { default as SectionGrid } from "./section-grid.astro"
+export { default as SectionMasonry } from "./section-masonry.astro"
+export { default as SectionMedia } from "./section-media.astro"
+export { default as SectionProse } from "./section-prose.astro"
+export { default as SectionProvider } from "./section-provider.astro"
+export { default as SectionSplit } from "./section-split.astro"
+export { default as SectionSpread } from "./section-spread.astro"
diff --git a/ifttt-src/src/components/ui/section/section-actions.astro b/ifttt-src/src/components/ui/section/section-actions.astro
new file mode 100644
index 0000000..8a1ef40
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/section-actions.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/section/section-content.astro b/ifttt-src/src/components/ui/section/section-content.astro
new file mode 100644
index 0000000..d32821d
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/section-content.astro
@@ -0,0 +1,22 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/section/section-grid.astro b/ifttt-src/src/components/ui/section/section-grid.astro
new file mode 100644
index 0000000..850cc41
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/section-grid.astro
@@ -0,0 +1,37 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div">, VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/section/section-masonry.astro b/ifttt-src/src/components/ui/section/section-masonry.astro
new file mode 100644
index 0000000..7400f7e
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/section-masonry.astro
@@ -0,0 +1,33 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div">, VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/section/section-media.astro b/ifttt-src/src/components/ui/section/section-media.astro
new file mode 100644
index 0000000..5a8904c
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/section-media.astro
@@ -0,0 +1,26 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/section/section-prose.astro b/ifttt-src/src/components/ui/section/section-prose.astro
new file mode 100644
index 0000000..e3e6cbe
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/section-prose.astro
@@ -0,0 +1,49 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const variants = cva(
+ [
+ "text-foreground w-full space-y-4 text-pretty",
+ "[&_p]:leading-[1.8] [&_p]:not-first:mt-4",
+ "[&_ul]:ml-5 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:not-first:mt-4",
+ "[&_ol]:ml-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:not-first:mt-4",
+ "[&_li_p]:inline",
+ "[&_a]:text-primary [&_a]:hover:underline",
+ "@max-sm:[&_:is(h1,h2,h3,h4,h5,h6)]:break-words @max-sm:[&_:is(h1,h2,h3,h4,h5,h6)]:wrap-break-word @max-sm:[&_:is(h1,h2,h3,h4,h5,h6)]:hyphens-auto",
+ "[&_:is(h1,h2,h3,h4,h5,h6)]:scroll-mt-20 [&_:is(h1,h2,h3,h4,h5,h6)]:leading-[1.1] [&_:is(h1,h2,h3,h4,h5,h6)]:font-semibold [&_:is(h1,h2,h3,h4,h5,h6)]:not-first:mt-12",
+ "[&_img]:rounded-lg [&_img]:not-first:mt-12",
+ "[&_p:first-child:has(~:is(h1,h2,h3,h4,h5,h6))]:text-accent-foreground [&_p:first-child+:is(h1,h2,h3,h4,h5,h6)]:mt-4 [&_p:first-child:has(~:is(h1,h2,h3,h4,h5,h6))]:text-sm [&_p:first-child:has(~:is(h1,h2,h3,h4,h5,h6))]:font-medium",
+ "[&_pre]:bg-muted [&_pre]:mt-6 [&_pre]:rounded-lg [&_pre]:rounded-md [&_pre]:border [&_pre]:p-4 [&_pre]:text-sm",
+ ],
+ {
+ variants: {
+ size: {
+ sm: "max-w-2xl text-sm [&_h1]:text-3xl [&_h2]:text-2xl [&_h3]:text-xl [&_h4]:text-lg [&_h5]:text-base [&_h6]:text-sm",
+ default:
+ "max-w-3xl text-base [&_h1]:text-4xl [&_h2]:text-3xl [&_h3]:text-2xl [&_h4]:text-xl [&_h5]:text-lg [&_h6]:text-base",
+ lg: "max-w-4xl text-lg [&_h1]:text-4xl @5xl:[&_h1]:text-5xl [&_h2]:text-4xl [&_h3]:text-3xl [&_h4]:text-2xl [&_h5]:text-xl [&_h6]:text-lg",
+ },
+ },
+ defaultVariants: {
+ size: "default",
+ },
+ }
+)
+
+interface Props extends HTMLAttributes<"div">, VariantProps
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/section/section-provider.astro b/ifttt-src/src/components/ui/section/section-provider.astro
new file mode 100644
index 0000000..242c6e3
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/section-provider.astro
@@ -0,0 +1,27 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"main"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/section/section-spread.astro b/ifttt-src/src/components/ui/section/section-spread.astro
new file mode 100644
index 0000000..2ee9a1b
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/section-spread.astro
@@ -0,0 +1,25 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/section/section.astro b/ifttt-src/src/components/ui/section/section.astro
new file mode 100644
index 0000000..20c405f
--- /dev/null
+++ b/ifttt-src/src/components/ui/section/section.astro
@@ -0,0 +1,90 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+interface Props
+ extends HTMLAttributes<"section">,
+ VariantProps
+
diff --git a/ifttt-src/src/components/ui/sheet/index.ts b/ifttt-src/src/components/ui/sheet/index.ts
new file mode 100644
index 0000000..dadd7b3
--- /dev/null
+++ b/ifttt-src/src/components/ui/sheet/index.ts
@@ -0,0 +1,8 @@
+export { default as Sheet } from "./sheet.astro"
+export { default as SheetContent } from "./sheet-content.astro"
+export { default as SheetTrigger } from "./sheet-trigger.astro"
+export { default as SheetHeader } from "./sheet-header.astro"
+export { default as SheetTitle } from "./sheet-title.astro"
+export { default as SheetDescription } from "./sheet-description.astro"
+export { default as SheetFooter } from "./sheet-footer.astro"
+export { default as SheetClose } from "./sheet-close.astro"
diff --git a/ifttt-src/src/components/ui/sheet/sheet-close.astro b/ifttt-src/src/components/ui/sheet/sheet-close.astro
new file mode 100644
index 0000000..99b6c9c
--- /dev/null
+++ b/ifttt-src/src/components/ui/sheet/sheet-close.astro
@@ -0,0 +1,21 @@
+---
+import type { ComponentProps } from "astro/types"
+import X from "lucide-static/icons/x.svg"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+
+interface Props extends ComponentProps
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/sheet/sheet-header.astro b/ifttt-src/src/components/ui/sheet/sheet-header.astro
new file mode 100644
index 0000000..d91c0de
--- /dev/null
+++ b/ifttt-src/src/components/ui/sheet/sheet-header.astro
@@ -0,0 +1,23 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/sheet/sheet-title.astro b/ifttt-src/src/components/ui/sheet/sheet-title.astro
new file mode 100644
index 0000000..8dc626f
--- /dev/null
+++ b/ifttt-src/src/components/ui/sheet/sheet-title.astro
@@ -0,0 +1,23 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"h2"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/sheet/sheet-trigger.astro b/ifttt-src/src/components/ui/sheet/sheet-trigger.astro
new file mode 100644
index 0000000..66ffbb3
--- /dev/null
+++ b/ifttt-src/src/components/ui/sheet/sheet-trigger.astro
@@ -0,0 +1,19 @@
+---
+import type { ComponentProps } from "astro/types"
+
+import { Button } from "@/components/ui/button"
+
+interface Props extends ComponentProps
+
+ )
+}
+
+
diff --git a/ifttt-src/src/components/ui/sidebar/index.ts b/ifttt-src/src/components/ui/sidebar/index.ts
new file mode 100644
index 0000000..d902039
--- /dev/null
+++ b/ifttt-src/src/components/ui/sidebar/index.ts
@@ -0,0 +1,6 @@
+export { default as SidebarMenu } from "./sidebar-menu.astro"
+export { default as SidebarMenuItem } from "./sidebar-menu-item.astro"
+export { default as SidebarMenuButton } from "./sidebar-menu-button.astro"
+export { default as SidebarMenuSub } from "./sidebar-menu-sub.astro"
+export { default as SidebarMenuSubButton } from "./sidebar-menu-sub-button.astro"
+export { default as SidebarMenuSubItem } from "./sidebar-menu-sub-item.astro"
diff --git a/ifttt-src/src/components/ui/sidebar/sidebar-menu-button.astro b/ifttt-src/src/components/ui/sidebar/sidebar-menu-button.astro
new file mode 100644
index 0000000..8ae8eef
--- /dev/null
+++ b/ifttt-src/src/components/ui/sidebar/sidebar-menu-button.astro
@@ -0,0 +1,57 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const variants = cva(
+ "hover:bg-accent hover:text-accent-foreground focus-visible:outline-ring active:bg-accent active:text-accent-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+ {
+ variants: {
+ variant: {
+ default: "hover:bg-accent hover:text-accent-foreground text-foreground",
+ outline:
+ "bg-background hover:bg-accent hover:text-accent-foreground shadow-[0_0_0_1px_hsl(var(--border))] hover:shadow-[0_0_0_1px_hsl(var(--accent))]",
+ },
+ size: {
+ default: "h-8 text-sm",
+ sm: "h-7 text-xs",
+ lg: "h-12 text-sm",
+ },
+ active: {
+ true: "bg-accent text-accent-foreground font-medium",
+ false: "",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ active: false,
+ },
+ }
+)
+
+type Props = VariantProps-
+
-
+
+
+
+
diff --git a/ifttt-src/src/components/ui/tabs/index.ts b/ifttt-src/src/components/ui/tabs/index.ts
new file mode 100644
index 0000000..9a61f34
--- /dev/null
+++ b/ifttt-src/src/components/ui/tabs/index.ts
@@ -0,0 +1,5 @@
+export { default as Tabs } from "./tabs.astro"
+export { default as TabsList } from "./tabs-list.astro"
+export { default as TabsTrigger } from "./tabs-trigger.astro"
+export { default as TabsContent } from "./tabs-content.astro"
+
diff --git a/ifttt-src/src/components/ui/tabs/tabs-content.astro b/ifttt-src/src/components/ui/tabs/tabs-content.astro
new file mode 100644
index 0000000..03f4be1
--- /dev/null
+++ b/ifttt-src/src/components/ui/tabs/tabs-content.astro
@@ -0,0 +1,30 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {
+ value: string
+}
+
+const { class: className, value, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
+
diff --git a/ifttt-src/src/components/ui/tabs/tabs-list.astro b/ifttt-src/src/components/ui/tabs/tabs-list.astro
new file mode 100644
index 0000000..f2b63e8
--- /dev/null
+++ b/ifttt-src/src/components/ui/tabs/tabs-list.astro
@@ -0,0 +1,27 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/tabs/tabs-trigger.astro b/ifttt-src/src/components/ui/tabs/tabs-trigger.astro
new file mode 100644
index 0000000..827529a
--- /dev/null
+++ b/ifttt-src/src/components/ui/tabs/tabs-trigger.astro
@@ -0,0 +1,37 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends Omit
+
+ )
+}
+
+
+
diff --git a/ifttt-src/src/components/ui/textarea/index.ts b/ifttt-src/src/components/ui/textarea/index.ts
new file mode 100644
index 0000000..2396739
--- /dev/null
+++ b/ifttt-src/src/components/ui/textarea/index.ts
@@ -0,0 +1 @@
+export { default as Textarea } from "./textarea.astro"
diff --git a/ifttt-src/src/components/ui/textarea/textarea.astro b/ifttt-src/src/components/ui/textarea/textarea.astro
new file mode 100644
index 0000000..86112c8
--- /dev/null
+++ b/ifttt-src/src/components/ui/textarea/textarea.astro
@@ -0,0 +1,17 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"textarea"> {}
+
+const { class: className, ...props } = Astro.props
+---
+
+
diff --git a/ifttt-src/src/components/ui/theme-toggle/index.ts b/ifttt-src/src/components/ui/theme-toggle/index.ts
new file mode 100644
index 0000000..baa7c35
--- /dev/null
+++ b/ifttt-src/src/components/ui/theme-toggle/index.ts
@@ -0,0 +1,2 @@
+export { default as ThemeToggle } from "./theme-toggle.astro"
+export { default as ThemeProvider } from "./theme-provider.astro"
diff --git a/ifttt-src/src/components/ui/theme-toggle/theme-provider.astro b/ifttt-src/src/components/ui/theme-toggle/theme-provider.astro
new file mode 100644
index 0000000..4c02624
--- /dev/null
+++ b/ifttt-src/src/components/ui/theme-toggle/theme-provider.astro
@@ -0,0 +1,26 @@
+
diff --git a/ifttt-src/src/components/ui/theme-toggle/theme-toggle.astro b/ifttt-src/src/components/ui/theme-toggle/theme-toggle.astro
new file mode 100644
index 0000000..29176cf
--- /dev/null
+++ b/ifttt-src/src/components/ui/theme-toggle/theme-toggle.astro
@@ -0,0 +1,55 @@
+---
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Icon } from "@/components/ui/icon"
+
+interface Props {
+ class?: string
+}
+
+const { class: className } = Astro.props
+---
+
+
+
+
+
+
diff --git a/ifttt-src/src/components/ui/tile/index.ts b/ifttt-src/src/components/ui/tile/index.ts
new file mode 100644
index 0000000..d1e6725
--- /dev/null
+++ b/ifttt-src/src/components/ui/tile/index.ts
@@ -0,0 +1,8 @@
+export { default as Tile } from "./tile.astro"
+export { default as TileActions } from "./tile-actions.astro"
+export { default as TileContent } from "./tile-content.astro"
+export { default as TileDescription } from "./tile-description.astro"
+export { default as TileMedia } from "./tile-media.astro"
+export { default as TileSplit } from "./tile-split.astro"
+export { default as TileSpread } from "./tile-spread.astro"
+export { default as TileTitle } from "./tile-title.astro"
diff --git a/ifttt-src/src/components/ui/tile/tile-actions.astro b/ifttt-src/src/components/ui/tile/tile-actions.astro
new file mode 100644
index 0000000..47f9e15
--- /dev/null
+++ b/ifttt-src/src/components/ui/tile/tile-actions.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/tile/tile-content.astro b/ifttt-src/src/components/ui/tile/tile-content.astro
new file mode 100644
index 0000000..5e465c0
--- /dev/null
+++ b/ifttt-src/src/components/ui/tile/tile-content.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/tile/tile-description.astro b/ifttt-src/src/components/ui/tile/tile-description.astro
new file mode 100644
index 0000000..dc53893
--- /dev/null
+++ b/ifttt-src/src/components/ui/tile/tile-description.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"p"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/tile/tile-split.astro b/ifttt-src/src/components/ui/tile/tile-split.astro
new file mode 100644
index 0000000..e8d9e7b
--- /dev/null
+++ b/ifttt-src/src/components/ui/tile/tile-split.astro
@@ -0,0 +1,23 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/tile/tile-spread.astro b/ifttt-src/src/components/ui/tile/tile-spread.astro
new file mode 100644
index 0000000..3bca0b6
--- /dev/null
+++ b/ifttt-src/src/components/ui/tile/tile-spread.astro
@@ -0,0 +1,25 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/tile/tile-title.astro b/ifttt-src/src/components/ui/tile/tile-title.astro
new file mode 100644
index 0000000..f87d1cf
--- /dev/null
+++ b/ifttt-src/src/components/ui/tile/tile-title.astro
@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types"
+
+import { cn } from "@/lib/utils"
+
+interface Props extends HTMLAttributes<"h3"> {}
+
+const { class: className, ...props } = Astro.props
+
+const slot = await Astro.slots.render("default")
+---
+
+{
+ slot?.trim().length > 0 && (
+
+
+ )
+}
diff --git a/ifttt-src/src/components/ui/tile/tile.astro b/ifttt-src/src/components/ui/tile/tile.astro
new file mode 100644
index 0000000..14388a9
--- /dev/null
+++ b/ifttt-src/src/components/ui/tile/tile.astro
@@ -0,0 +1,57 @@
+---
+import type { HTMLAttributes } from "astro/types"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+type Props = VariantProps
+
+
+ IF.Trace
+
+
+ Why this exists
+We built the skeleton first.
++ Most systems produce answers and call that “governance”. IF.Trace starts + earlier: it produces receipts that a third party can verify without + joining your internal world. +
+Who / Why / What / Where / When / How
+A receipt-first protocol.
+source_sha256 ↔ output_sha256 under a trace receipt.
+ Traps
+How receipts break.
+These are common ways “open verification” quietly becomes theater.
+
+
+ -
+
shareId is public; trace_id is chain‑of‑custody. Don’t swap them.
+ Scope
+What a receipt proves (and what it doesn’t).
+-
+
-
+
Public receipt surface (no login)
+Stable URLs, predictable verification.
++ IF.Trace is intentionally boring from a developer perspective: compute + hashes, publish receipts, and keep the proof surface stable. The system is + designed for third parties who are not inside your network. +
+What “VERIFIED” means (black/white)
+Integrity, not interpretation.
+Share surface
+Copy/pasteable proof links.
+These URLs are stable by design so review packs remain checkable later.
+
+
+ Paths
+ +https://infrafabric.io/static/trace/<shareId> +https://infrafabric.io/static/dossier/<shareId> +https://infrafabric.io/static/dossier/<shareId>/download +https://infrafabric.io/static/pack/<shareId>.md +https://infrafabric.io/static/review/<shareId>.md +https://infrafabric.io/static/marketing/<shareId>.md +https://infrafabric.io/static/source/<source_sha256>.pdf ++
HTML fallback
+For sandboxed reviewers.
++ Some external review environments can load HTML but reject downloadable binaries or raw markdown. For those, we publish HTML views alongside the raw assets. +
++/static/pack/<shareId>.md +/static/review/<shareId>.md +/static/marketing/<shareId>.md ++
+/static/pack/<shareId> +/static/review/<shareId> +/static/marketing/<shareId> ++
Offline verification
+Triage bundles
+Download a bundle (light/standard/full) and verify without relying on the live site.
+
+
+
+
+
+ Bundle selector (demo)
+
+
+ https://infrafabric.io/static/hosted/review/trace-bundles/d70ed99a/index.html
+
+
+ https://infrafabric.io/static/hosted/iftrace.html
+
+
+ https://infrafabric.io/static/hosted/iftrace.py
+
+
+
+ Note: some “web fetchers” reject .tar.gz even when browsers/curl succeed. Use HTML views and download bundles locally.
+
+
+ Verify (CLI)
+ +curl -fsSL -o iftrace.py 'https://infrafabric.io/static/hosted/iftrace.py' +python3 iftrace.py verify trace_bundle_<id>_standard.tar.gz --expected-sha256 <sha256> ++
If hashes match, the receipt’s integrity claim is satisfied.
+Docs
+Review packs
+Use the paper update as a reviewer-friendly packet.
+
+
+
+ Gouvernance ouverte
+Lisible par les gouvernés.
++ Une “gouvernance” qui ne se lit qu’en interne n’est pas une preuve. + IF.Trace publie des reçus stables, accessibles sans login, pour que des + tiers puissent vérifier l’intégrité sans entrer dans votre réseau. +
+La stack
+Où IF.Trace se place.
+
+
+ -
+
+
+
+
+
+
+
+
+IF.Transparent > IF.Traceable > IF.Trustworthy
+Traçable. Transparent. Fiable.
+Vérification ouverte pour des documents confidentiels.
+Des reçus que des tiers peuvent vérifier sans login.
+
+ Langue : FR (version courte). L’anglais reste la version complète pour le moment.
+
+
+
+
+
+ Open governance
+Legible to the governed.
++ “Governance” fails when it’s only legible inside your network. IF.Trace moves + the proof outside: stable, no‑login receipts that third parties can verify + without joining your internal world. +
+Black/white
+What this page is (and is not).
+The governance stack
+Where IF.Trace sits.
+Receipts don’t replace governance. They remove ambiguity from it.
+
+
+ -
+
+
+ Stable receipt surface
+ +/static/trace/<shareId> +/static/dossier/<shareId> +/static/dossier/<shareId>/download +/static/pack/<shareId>.md +/static/review/<shareId>.md +/static/marketing/<shareId>.md +/static/source/<source_sha256>.pdf ++
For whom (and who will hate it)
+Legible to outsiders.
+A constitutional framing: the goal is external verifiability, not internal comfort.
+-
+
-
+
Charters
+How we keep it honest.
+Plain Markdown docs: readable, linkable, easy to critique.
+
+
+
+
+
+ Live example
+A real trace receipt you can verify right now.
+
+
+
+ + “VERIFIED” means the published bytes hash to what the receipt says. “QUANTUM READY” means a post‑quantum signature receipt exists (additive; integrity hashes still stand). +
+IF.Transparent > IF.Traceable > IF.Trustworthy
+IF.Trace
+Confidential documents > open verification.
+3rd party unfalsifiable audit trails — without publishing the source.
+What IF.Trace is
+A verification layer for third‑party pressure.
++ IF.Trace doesn’t “solve compliance.” It solves the universal problem + underneath compliance: third parties demanding proof without joining your + internal world. +
+How it works
+Proof without permission.
++ The output can be public while the source stays confidential. The proof + surface stays boring and stable. +
+A simple model, on purpose
+Pricing
+If you need audit‑ready verification, we price by risk and responsibility.
+Early access
+We charge for setup, not for verification clicks.
++ Setup + governance configuration, integration support, and proof-surface + hardening. Third-party checking should stay cheap. +
+External review
+IF.Trace review packet (single file)
++ Raw markdown: /review/index.md +
+
+
+ {md}{vertical.kicker}
+{vertical.headline}
+{vertical.lede}
+Third‑party pressure
+Why this gets hard in the real world
++ The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
+
+
+ -
+ {vertical.pressure.map((item) => (
+
What IF.Trace provides
+Verification primitives that survive handoffs.
+
+
+ What you can hand to a reviewer
+
+{vertical.handToReviewer.join("\n")}
+
+ Same mechanism, different pressure
+Two axes: who is buying, what is at stake.
++ IF.Trace doesn’t “solve compliance.” It solves the universal problem + underneath compliance: third parties demanding proof without joining your + internal world. +
+Browse by sector
+Who the buyer is.
+The same receipts, different pressure.
+Browse by industry
+Where the risk lives.
+Regulation, data, and dispute pressure.
+More pressure profiles
+Common failure modes, recurring incentives.
+Same mechanism, different stakes.
+Long-form spec + receipts
+The IF.Trace whitepaper.
++ “Trustworthy” can’t be a vibe. This paper documents the receipt‑first sequence: + hash the source → hash the output → publish a trace → share no‑login receipts → optional offline bundles. +
+Included artifacts
+Everything needed for review.
+No login
+Want the pack in your inbox?
++ Optional. If you prefer, drop an email and we’ll reply with stable links + (no “demo call” bait). +
++ If your environment blocks downloads (common for some web fetchers), use the + HTML version. The receipts are still verifiable. +
+
+
+
+ Stable links
+Copy/paste entry points.
+These are the boring, audit-safe URLs.
+Thank you
+Request received.
+We’ll reply with the stable, no‑login links.
+
+
+
+
+
- IF.Trace
-
-
-
-
-
-
-
-
- Why this exists
-We built the skeleton first.
-- Most systems produce answers and call that “governance”. IF.Trace starts earlier: it produces receipts that a third party can verify without - joining your internal world. -
- -
-
-
-
- Who / Why / What / Where / When / How
-
-
-
-
- Who
- InfraFabric operators shipping public, no‑login verification artifacts.
-
-
- Why
- Because “trust us” fails the moment a reviewer asks for proof.
-
-
- What
- A receipt‑first protocol: bind
- source_sha256 ↔ output_sha256 under a trace receipt.
-
- Where
- On a stable public share surface (no login): trace, dossier, packs, and source.
-
-
- When
- At publication time: the receipt is generated and can be verified later during disputes.
-
-
- How
- Hashes + receipts + optional offline bundles; nothing magical, just opposable proof.
-
-
- What a receipt proves (and what it doesn’t)
-
-
-
-
- Proves
--
-
- Integrity binding: the published bytes match the hashes on the receipt. -
- Traceability: a reviewer can point to a stable, no‑login receipt. -
- Replay: verification still works during disputes (offline bundles when needed). -
-
- Does not prove
--
-
- Intent, interpretation, or “correctness” of a narrative. -
- That a control is effective—only that the evidence exists and is bound to the record. -
- Compliance scope (people, policy, contracts); receipts are inputs to governance. -
-
- Read the paper (and verify the examples)
- - Why this exists
Why this exists
We built the skeleton first.
+Most systems produce answers and call that “governance”. IF.Trace starts + earlier: it produces receipts that a third party can verify without + joining your internal world. +
Who / Why / What / Where / When / How
A receipt-first protocol.
Who
+InfraFabric operators shipping public, no‑login verification artifacts. +
Why
+Because “trust us” fails the moment a reviewer asks for proof. +
What
+Bind source_sha256 ↔ output_sha256 under a trace receipt.
+
Where
+On a stable public share surface (no login): trace, dossier, packs, and source. +
When
+At publication time: the receipt is generated and can be verified later during disputes. +
How
+Hashes + receipts + optional offline bundles; nothing magical, just opposable proof. +
Traps
How receipts break.
These are common ways “open verification” quietly becomes theater.
- Broken share surface: moving URLs or forcing login turns receipts into theater. +
- Mixing identifiers:
shareIdis public;trace_idis chain‑of‑custody. Don’t swap them. + - “Compliance” claims: receipts support audits; they do not guarantee scope or behavior. +
- Unverifiable artifacts: screenshots and PDFs are not gates unless bound to machine‑checkable signals. +
- WAF surprises: some clients can fetch HTML but reject binary downloads—publish HTML views. +
Scope
What a receipt proves (and what it doesn’t).
Proves
- Integrity binding: published bytes match receipt hashes. +
- Traceability: reviewers can point to stable, no‑login receipts. +
- Replay: verification works during disputes (offline bundles when needed). +
Does not prove
- Intent, interpretation, or narrative “correctness”. +
- That a control is effective—only that evidence exists and is bound to the record. +
- Compliance scope (people, policy, contracts); receipts are inputs to governance. +
- IF.Trace
-
-
-
-
-
-
- Public receipt surface (no login)
-Stable URLs, predictable verification.
-- IF.Trace is intentionally boring from a developer perspective: compute hashes, publish receipts, and keep the proof surface stable. The - system is designed for third parties who are not inside your network. -
-
-
- What “VERIFIED” means (black/white)
-
-
-
-
- Verified
- The bytes you can download hash to the same values shown on the trace receipt.
-
-
- Quantum ready
- A post‑quantum signature receipt exists (additive; integrity hashes still stand).
-
-
- Not implied
- Compliance, intent, or correctness of interpretation.
- Offline verification
Triage bundles
Download a bundle (light/standard/full) and verify without relying on the live site.
Bundle selector (demo)
+https://infrafabric.io/static/hosted/review/trace-bundles/d70ed99a/index.html
+
+https://infrafabric.io/static/hosted/iftrace.html
+
+https://infrafabric.io/static/hosted/iftrace.py
+
+Note: some “web fetchers” reject .tar.gz even when browsers/curl succeed. Use HTML views and download bundles locally.
+
Verify (CLI)
curl -fsSL -o iftrace.py 'https://infrafabric.io/static/hosted/iftrace.py' +python3 iftrace.py verify trace_bundle_<id>_standard.tar.gz --expected-sha256 <sha256> +
If hashes match, the receipt’s integrity claim is satisfied.
Docs
Review packs
Use the paper update as a reviewer-friendly packet.
- IF.Trace
-
-
-
-
-
-
-
-
- Gouvernance ouverte
-Lisible par les gouvernés.
-- Une “gouvernance” qui ne se lit qu’en interne n’est pas une preuve. IF.Trace publie des reçus stables, accessibles sans login, pour que des - tiers puissent vérifier l’intégrité sans entrer dans votre réseau. -
- -
-
-
- Ce que cela prouve (et ce que cela ne prouve pas)
-
-
-
-
- Prouve
- Liaison d’intégrité (hashes), reçus de publication, bundles hors‑ligne.
-
-
- Ne prouve pas
- L’intention, l’interprétation, ou “la conformité atteinte”.
-
-
-
-
- La “stack” de gouvernance
--
-
- IF.Trace (reçus) : source_sha256 ↔ output_sha256, trace_id, shareId. -
- Revue : packs de revue externes, critiques, disputes. -
- Contrôles : gates/stop‑conditions qui consomment ces reçus. -
-
- Pour qui (et qui va détester)
-Lisible pour des tiers : le but n’est pas le confort interne, mais la vérifiabilité externe.
- -
-
-
-
-
-
-
- Pour
--
-
- GRC / audit (SOC 2 / ISO) : preuves exportables. -
- Architecture sécurité : contrôles mesurables, pas d’attestations. -
- Juridique / conformité : chaîne de possession en cas de litige. -
- Produits IA : “pourquoi le modèle a dit ça ?” -
- Secteur public / défense : vérification hors‑ligne et environnements verrouillés. -
-
- Pas pour
--
-
- Ceux qui veulent un “badge” sans publier d’artefacts vérifiables. -
- Les workflows où rien ne peut sortir du réseau (pas de surface publique). -
- Les organisations qui préfèrent l’ambiguïté : IF.Trace rend les trous visibles. -
FR / Gouvernance
Gouvernance ouverte
Lisible par les gouvernés.
+Une “gouvernance” qui ne se lit qu’en interne n’est pas une preuve. + IF.Trace publie des reçus stables, accessibles sans login, pour que des + tiers puissent vérifier l’intégrité sans entrer dans votre réseau. +
La stack
Où IF.Trace se place.
- IF.Trace (reçus) : source_sha256 ↔ output_sha256, trace_id, shareId.
- Revue : packs externes, critiques, disputes.
- Contrôles : gates/stop‑conditions qui consomment ces reçus.
- IF.Trace
-
-
-
-
-
- Traçable
-
-
- IF.Transparent
-
- IF.Traceable
-
- IF.Trustworthy
-
-
- Traçable
Transparent
Fiable
- Vérification ouverte pour des documents confidentiels.
-Des reçus que des tiers peuvent vérifier sans login.
- FR
IF.Transparent > IF.Traceable > IF.Trustworthy
Traçable. Transparent. Fiable.
Vérification ouverte pour des documents confidentiels.
Des reçus que des tiers peuvent vérifier sans login.
+Langue : FR (version courte). L’anglais reste la version complète pour le moment.
+
- IF.Trace
-
-
-
-
-
-
- Open governance
-Legible to the governed.
-- “Governance” fails when it’s only legible inside your network. IF.Trace moves the proof outside: stable, no‑login receipts that third parties - can verify without joining your internal world. -
- -
-
-
- What this page is (black/white)
-
-
-
-
- Goal
- Make third‑party verification possible without credentials.
-
-
- Mechanism
- Hashes + trace receipts + stable URLs + optional offline bundles.
-
-
- Not implied
- “Compliance achieved” or “correctness of interpretation”.
-
-
-
-
- The governance stack (where IF.Trace sits)
--
-
- Receipt layer (IF.Trace): integrity binding + chain‑of‑custody IDs + share surface. -
- Review layer: external review packs, panel critique, dispute workflows. -
- Enforcement layer: gates/stop‑conditions that consume receipts (CI, access, runtime). -
Receipts don’t replace governance. They remove ambiguity from it.
-For whom (and who will hate it)
Legible to outsiders.
A constitutional framing: the goal is external verifiability, not internal comfort.
For
- GRC / Audit leads drowning in evidence requests.
- Security architects who need proof without theater.
- Legal / compliance teams needing chain‑of‑custody.
- AI product teams facing “why did it say that?” questions.
- Gov/defense contractors requiring offline verification.
Not for
- Teams seeking a “badge” without publishing verifiable artifacts.
- Workflows where evidence cannot leave the internal network.
- Organizations that want uncertainty to stay hidden.
- Anyone who needs governance to remain ambiguous.
Charters
How we keep it honest.
Plain Markdown docs: readable, linkable, easy to critique.
Live example
A real trace receipt you can verify right now.
+“VERIFIED” means the published bytes hash to what the receipt says. “QUANTUM READY” means a post‑quantum signature receipt exists (additive; integrity hashes still stand). +
- IF.Trace
-
-
-
-
-
-
-
-
-
- IF.Transparent
-
- IF.Traceable
-
- IF.Trustworthy
-
-
- IF.Trace
-Confidential documents > open verification
-3rd party unfalsifiable audit trails.
- - -No login. Anyone can download the bytes and verify they match the receipt hashes.
- -How it works
-
-
-
-
-
- No‑login verification
IF.Transparent > IF.Traceable > IF.Trustworthy
IF.Trace
Confidential documents > open verification.
3rd party unfalsifiable audit trails — without publishing the source.
What IF.Trace is
A verification layer for third‑party pressure.
+IF.Trace doesn’t “solve compliance.” It solves the universal problem + underneath compliance: third parties demanding proof without joining your + internal world. +
No‑login receipts
Stable URLs that any third party can verify without accounts or access.
Offline verification bundles
Triage bundles (light/standard/full) for review environments that cannot rely on the live site.
Black/white integrity claims
If bytes hash to the receipt values, it’s verified. We don’t over-claim correctness.
HTML fallback
Some reviewers can load HTML but reject downloads — we publish both.
Source → output binding
Bind a confidential source to its derived output so the debate stays grounded.
Designed for audits
Proof that survives vendors, contractors, handoffs, and time.
How it works
Proof without permission.
+The output can be public while the source stays confidential. The proof + surface stays boring and stable. +
- Keep the source private. Hash it locally.
- Hash the output you will share.
- Publish a receipt that binds source → output.
- Share proof links. Third parties verify without logins.
- IF.Trace
-
-
-
-
-
-
-
-
-
- IF.Transparent
-
- IF.Traceable
-
- IF.Trustworthy
-
-
- Pricing
-A simple model, on purpose.
-If you need audit‑ready verification, we price by risk and responsibility.
- -Early access
-
-
- What we charge for
-
- Setup + governance configuration, integration support, and proof‑surface hardening.
-
- What we do not charge for
-
- “Per‑click” pricing for verification. Third‑party checking should stay cheap.
-
-
- To discuss scope, email
- ds@infrafabric.io.
-
- Early access
A simple model, on purpose
Pricing
If you need audit‑ready verification, we price by risk and responsibility.
Early access
We charge for setup, not for verification clicks.
+Setup + governance configuration, integration support, and proof-surface + hardening. Third-party checking should stay cheap. +
Starter
Proof surface for one workflow.
Talk to us
- Receipt-first share surface
- Offline bundle pattern
- Verification scope (black/white)
Teams
Governance patterns + rollout support.
Talk to us
- Triage bundle templates
- Integration support
- Basic evidence logging / trace IDs
Enterprise / Regulated
High-stakes deployment support.
Talk to us
- Audit-aligned proof surfaces
- Offline-first reviewer flows
- Hardening + review support
# IF.Trace Website — External Review Packet
-
- Website external review pack (single file)
- This is the HTML fallback. The canonical source is the Markdown file:
-
- Generated: 2025-12-29 09:47 UTC
-
-
- Full pack content (Markdown)
- # IF.TTT Website — External Review Pack (Single File)
-
-- Generated: `2025-12-29 09:47 UTC`
+- Generated: `2025-12-30`
- Owner: Danny Stocker (`ds@infrafabric.io`)
-This file contains the full current IF.TTT website content (page tree + full HTML per page + key text assets) so external reviewers can evaluate copy, structure, and claims without needing to crawl.
+This packet is for external reviewers to evaluate the IF.Trace website (copy, structure, and claims) without needing to crawl or guess context.
-## How To Review (Quick)
-- Audience split: Home is PM/exec-first; `Developers` lives under `/api/`.
-- Goal: black/white clarity — what is verified vs what is not.
-- Please flag: confusing terms, overclaims, missing steps, weak “why”, and anything that feels like marketing cosplay.
+## What this is
+
+- A public-facing explanation of IF.Trace: “confidential documents → open verification”.
+- A set of pages that describe who this is for, how verification works, and what the proof does/does not claim.
+- A request for critical feedback on clarity, honesty, and missing pieces.
+
+## What this is not
+
+- Not a claim that IF.Trace guarantees compliance, intent, or correctness of interpretation.
+- Not a request for marketing language or hype.
+- Not a request to “agree” or be supportive — please be direct.
+
+## Response metadata (required)
+
+Please include:
-## Response Metadata (Required)
- `llm_name`:
- `probable_model`:
- `cutoff_date`:
- `response_date_utc`:
-- `web_access_used`: yes/no (list URLs relied on)
+- `web_access_used`: yes/no (list any URLs you relied on)
+
+## Live entry points
-## Live Entry Points
- https://infrafabric.io/
- https://infrafabric.io/verticals/
-- https://infrafabric.io/governance/
+- https://infrafabric.io/pricing/
- https://infrafabric.io/api/
- https://infrafabric.io/whitepaper/
- https://infrafabric.io/about/
+- https://infrafabric.io/governance/
- https://infrafabric.io/fr/
-## Core Demo Links (Used Throughout)
+## Core demo links (used throughout)
+
- https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n
- https://infrafabric.io/static/pack/6qRgcR01kw_qNo63Dbs_ob9n
- https://infrafabric.io/static/pack/6qRgcR01kw_qNo63Dbs_ob9n.md
@@ -79,5246 +51,20 @@ This file contains the full current IF.TTT website content (page tree + full HTM
- https://infrafabric.io/static/hosted/iftrace.py
- https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html
-## Page Tree
+## Questions for reviewers
-- /about/ (https://infrafabric.io/about/)
-- /api/ (https://infrafabric.io/api/)
-- /fr/governance/ (https://infrafabric.io/fr/governance/)
-- /fr/ (https://infrafabric.io/fr/)
-- /governance/ (https://infrafabric.io/governance/)
-- / (https://infrafabric.io/)
-- /verticals/ai/ (https://infrafabric.io/verticals/ai/)
-- /verticals/enterprise/ (https://infrafabric.io/verticals/enterprise/)
-- /verticals/finance/ (https://infrafabric.io/verticals/finance/)
-- /verticals/government/ (https://infrafabric.io/verticals/government/)
-- /verticals/healthcare/ (https://infrafabric.io/verticals/healthcare/)
-- /verticals/ (https://infrafabric.io/verticals/)
-- /verticals/legal/ (https://infrafabric.io/verticals/legal/)
-- /verticals/professional-services/ (https://infrafabric.io/verticals/professional-services/)
-- /verticals/public-sector/ (https://infrafabric.io/verticals/public-sector/)
-- /verticals/research/ (https://infrafabric.io/verticals/research/)
-- /verticals/saas/ (https://infrafabric.io/verticals/saas/)
-- /verticals/sciences/ (https://infrafabric.io/verticals/sciences/)
-- /verticals/secops/ (https://infrafabric.io/verticals/secops/)
-- /verticals/supply-chain/ (https://infrafabric.io/verticals/supply-chain/)
-- /whitepaper/ (https://infrafabric.io/whitepaper/)
-- /whitepaper/thanks/ (https://infrafabric.io/whitepaper/thanks/)
+1. In your own words: what does IF.Trace do?
+2. What feels unclear, hand-wavy, or like “compliance theater”?
+3. Where do we over-claim (even accidentally)?
+4. What is missing to make a third party comfortable verifying a claim?
+5. Which page is strongest? Which page is weakest?
+6. Does the site make it obvious what is verified vs not verified?
+7. What would you remove to make it more honest?
+8. What would you add to make it more useful for real reviewers (audit/legal/security/research)?
-## Text Assets
+## Bias notice
-- `app.js` — https://infrafabric.io/static/hosted/ifttt/app.js
-- `style.css` — https://infrafabric.io/static/hosted/ifttt/style.css
-- `assets/if-logo-simple.svg` — https://infrafabric.io/static/hosted/ifttt/assets/if-logo-simple.svg
-- `assets/ifttt-quotes.json` — https://infrafabric.io/static/hosted/ifttt/assets/ifttt-quotes.json
+This packet intentionally avoids conversion stats, testimonials, and “success stories”.
+Please focus on falsifiability, clarity, and what a skeptical third party would challenge.
-## Binary Assets (Referenced by Pages)
-
-| File | Size | URL |
-|---|---:|---|
-| `assets/eyes-only-dave.png` | 1,522 KB | https://infrafabric.io/static/hosted/ifttt/assets/eyes-only-dave.png |
-| `assets/red-team-doc-1024-559.jpg` | 122 KB | https://infrafabric.io/static/hosted/ifttt/assets/red-team-doc-1024-559.jpg |
-| `assets/red-team-stamp-600.png` | 561 KB | https://infrafabric.io/static/hosted/ifttt/assets/red-team-stamp-600.png |
-
----
-
-# Pages (Full HTML)
-
-## /about/
-- URL: https://infrafabric.io/about/
-- Static: https://infrafabric.io/static/hosted/ifttt/about/
-- Source: `ifttt/about/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — About</title>
- <meta
- name="description"
- content="IF.TTT is a receipt-first governance protocol: traceable, transparent, trustworthy. This page explains the who/why/what/where/when/how and the traps that break open verification."
- />
- <link rel="stylesheet" href="../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">About</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../#how">How</a>
- <a href="../#trust">Trust</a>
- <a href="../#verify">Verify</a>
- <a href="../governance/">Governance</a>
- <a href="../verticals/">Verticals</a>
- <a href="../whitepaper/">Whitepaper</a>
- <a href="../api/">Developers</a>
- <a class="lang" href="../fr/" aria-label="French">FR</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Why this exists</p>
- <h1>We built the skeleton first.</h1>
- <p class="lede">
- Most systems produce answers and call that “governance”. IF.TTT starts earlier: it produces receipts that a third party can verify without
- joining your internal world.
- </p>
-
- <div class="panel">
- <h3>Who / Why / What / Where / When / How</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Who</div>
- <div class="bw__v">InfraFabric operators shipping public, no‑login verification artifacts.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Why</div>
- <div class="bw__v">Because “trust us” fails the moment a reviewer asks for proof.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">What</div>
- <div class="bw__v">A receipt‑first protocol: bind <code>source_sha256</code> ↔ <code>output_sha256</code> under a trace receipt.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Where</div>
- <div class="bw__v">On a stable public share surface (no login): trace, dossier, packs, and source.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">When</div>
- <div class="bw__v">At publication time: the receipt is generated and can be verified later during disputes.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">How</div>
- <div class="bw__v">Hashes + receipts + optional offline bundles; nothing magical, just opposable proof.</div>
- </div>
- </div>
- </div>
-
- <div class="cta" style="margin-top: 12px">
- <a class="btn btn--primary" href="../#verify">Try a live trace</a>
- <a class="btn" href="../api/">Developer surface</a>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Traps to avoid">
- <div class="card">
- <div class="card__hdr">
- <div class="badge badge--ok">TRAPS</div>
- <div class="badge">HOW RECEIPTS BREAK</div>
- </div>
- <div class="card__body">
- <ul class="list" style="margin: 0; padding-left: 18px">
- <li><strong>Broken share surface:</strong> moving URLs or forcing login turns receipts into theater.</li>
- <li><strong>Mixing identifiers:</strong> <code>shareId</code> is public; <code>trace_id</code> is chain‑of‑custody. Don’t swap them.</li>
- <li><strong>“Compliance” claims:</strong> receipts support audits; they do not guarantee program scope or behavior.</li>
- <li><strong>Unverifiable artifacts:</strong> screenshots and PDFs are not gates unless bound to machine‑checkable signals.</li>
- <li><strong>WAF surprises:</strong> some clients can fetch HTML but reject binary downloads—publish HTML views.</li>
- </ul>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>What a receipt proves (and what it doesn’t)</h2>
- <div class="grid2">
- <div class="panel">
- <h3>Proves</h3>
- <ul class="list">
- <li>Integrity binding: the published bytes match the hashes on the receipt.</li>
- <li>Traceability: a reviewer can point to a stable, no‑login receipt.</li>
- <li>Replay: verification still works during disputes (offline bundles when needed).</li>
- </ul>
- </div>
- <div class="panel">
- <h3>Does not prove</h3>
- <ul class="list">
- <li>Intent, interpretation, or “correctness” of a narrative.</li>
- <li>That a control is effective—only that the evidence exists and is bound to the record.</li>
- <li>Compliance scope (people, policy, contracts); receipts are inputs to governance.</li>
- </ul>
- </div>
- </div>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Read the paper (and verify the examples)</h2>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html" target="_blank" rel="noreferrer">
- <span class="linkrow__t">IF.TTT: The Skeleton of Everything (review pack)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html</span>
- </a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">InfraFabric • IF.TTT receipts are designed to be legible to the governed.</div>
- <div class="muted">
- <a href="../">IF.TTT</a> · <a href="../governance/">Governance</a> · <a href="../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../verticals/public-sector/">Public Sector</a>
- <a href="../verticals/enterprise/">Enterprise</a>
- <a href="../verticals/research/">Research</a>
- <a href="../verticals/professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../verticals/healthcare/">Healthcare</a>
- <a href="../verticals/finance/">Financial</a>
- <a href="../verticals/legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /api/
-- URL: https://infrafabric.io/api/
-- Static: https://infrafabric.io/static/hosted/ifttt/api/
-- Source: `ifttt/api/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Developers / API</title>
- <meta
- name="description"
- content="Developer-facing overview of the IF.TTT public receipt surface: stable no-login URLs, HTML fallbacks for sandboxes, and offline verification bundles."
- />
- <link rel="stylesheet" href="../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Developers / API</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../#verify">Verify</a>
- <a href="../verticals/">Verticals</a>
- <a href="../governance/">Governance</a>
- <a href="../whitepaper/">Whitepaper</a>
- <a href="../about/">About</a>
- <a class="lang" href="../fr/" aria-label="French">FR</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Public receipt surface (no login)</p>
- <h1>Stable URLs, predictable verification.</h1>
- <p class="lede">
- IF.TTT is intentionally boring from a developer perspective: compute hashes, publish receipts, and keep the proof surface stable. The
- system is designed for third parties who are not inside your network.
- </p>
- <div class="panel">
- <h3>What “VERIFIED” means (black/white)</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Verified</div>
- <div class="bw__v">The bytes you can download hash to the same values shown on the trace receipt.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Quantum ready</div>
- <div class="bw__v">A post‑quantum signature receipt exists (additive; integrity hashes still stand).</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Not implied</div>
- <div class="bw__v">Compliance, intent, or correctness of interpretation.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Share surface reference">
- <div class="card">
- <div class="card__media">
- <img src="../assets/red-team-stamp-600.png" alt="EYES ONLY // DAVE stamp" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">SHARE SURFACE</div>
- <div class="badge">NO‑LOGIN</div>
- </div>
- <div class="card__body">
- <pre class="code"><code>https://infrafabric.io/static/trace/<shareId>
-https://infrafabric.io/static/dossier/<shareId>
-https://infrafabric.io/static/dossier/<shareId>/download
-https://infrafabric.io/static/pack/<shareId>.md
-https://infrafabric.io/static/review/<shareId>.md
-https://infrafabric.io/static/marketing/<shareId>.md
-https://infrafabric.io/static/source/<source_sha256>.pdf</code></pre>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>HTML fallback (for sandboxed reviewers)</h2>
- <p class="sub">
- Some external review environments can load HTML but reject downloadable binaries or raw markdown. For those, we publish HTML views alongside
- the raw assets.
- </p>
- <div class="grid2">
- <div class="panel">
- <h3>Raw</h3>
- <pre class="code"><code>/static/pack/<shareId>.md
-/static/review/<shareId>.md
-/static/marketing/<shareId>.md</code></pre>
- </div>
- <div class="panel">
- <h3>HTML view</h3>
- <pre class="code"><code>/static/pack/<shareId>
-/static/review/<shareId>
-/static/marketing/<shareId></code></pre>
- </div>
- </div>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Offline verification (triage bundles)</h2>
- <p class="sub">Download a bundle (lightweight/standard/full) and verify without relying on the live site.</p>
- <div class="verify">
- <div class="panel">
- <h3>Bundle selector (demo)</h3>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/hosted/review/trace-bundles/d70ed99a/index.html" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Triage selector (HTML)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/trace-bundles/d70ed99a/index.html</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/iftrace.html" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Verifier (HTML)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/iftrace.html</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/iftrace.py" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Verifier (download)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/iftrace.py</span>
- </a>
- </div>
- <p class="fine">
- Note: some “web fetchers” reject <code>.tar.gz</code> with a client-side error even when browsers/curl succeed. Use the HTML views and
- download bundles locally.
- </p>
- </div>
- <div class="panel">
- <h3>Verify (CLI)</h3>
- <pre class="code"><code>curl -fsSL -o iftrace.py 'https://infrafabric.io/static/hosted/iftrace.py'
-python3 iftrace.py verify trace_bundle_<id>_standard.tar.gz --expected-sha256 <sha256></code></pre>
- <p class="fine">If hashes match, the receipt’s integrity claim is satisfied.</p>
- </div>
- </div>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Docs</h2>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html" target="_blank" rel="noreferrer">
- <span class="linkrow__t">IF.TTT paper update (review pack)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html</span>
- </a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">InfraFabric • IF.TTT receipts are designed to be legible to the governed.</div>
- <div class="muted">
- <a href="../">IF.TTT</a> · <a href="../governance/">Governance</a> · <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a>
- <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../verticals/public-sector/">Public Sector</a>
- <a href="../verticals/enterprise/">Enterprise</a>
- <a href="../verticals/research/">Research</a>
- <a href="../verticals/professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../verticals/healthcare/">Healthcare</a>
- <a href="../verticals/finance/">Financial</a>
- <a href="../verticals/legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /fr/governance/
-- URL: https://infrafabric.io/fr/governance/
-- Static: https://infrafabric.io/static/hosted/ifttt/fr/governance/
-- Source: `ifttt/fr/governance/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="fr">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Gouvernance ouverte</title>
- <meta
- name="description"
- content="La gouvernance ouverte signifie qu’un tiers peut vérifier ce qui s’est passé sans login. IF.TTT est l’ossature de reçus : trace, liens stables, bundles hors‑ligne."
- />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT accueil">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Gouvernance ouverte</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Navigation">
- <a href="../../#how">Process</a>
- <a href="../../#trust">Confiance</a>
- <a href="../../#verify">Vérifier</a>
- <a href="../../verticals/">Verticaux</a>
- <a href="../../whitepaper/">Livre blanc</a>
- <a href="../../api/">Développeurs</a>
- <a href="../../about/">À propos</a>
- <a class="lang" href="../../governance/" aria-label="English">EN</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Gouvernance ouverte</p>
- <h1>Lisible par les gouvernés.</h1>
- <p class="lede">
- Une “gouvernance” qui ne se lit qu’en interne n’est pas une preuve. IF.TTT publie des reçus stables, accessibles sans login, pour que des
- tiers puissent vérifier l’intégrité sans entrer dans votre réseau.
- </p>
-
- <div class="panel">
- <h3>Ce que cela prouve (et ce que cela ne prouve pas)</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Prouve</div>
- <div class="bw__v">Liaison d’intégrité (hashes), reçus de publication, bundles hors‑ligne.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Ne prouve pas</div>
- <div class="bw__v">L’intention, l’interprétation, ou “la conformité atteinte”.</div>
- </div>
- </div>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>La “stack” de gouvernance</h3>
- <ul class="list">
- <li><strong>IF.TTT (reçus) :</strong> source_sha256 ↔ output_sha256, trace_id, shareId.</li>
- <li><strong>Revue :</strong> packs de revue externes, critiques, disputes.</li>
- <li><strong>Contrôles :</strong> gates/stop‑conditions qui consomment ces reçus.</li>
- </ul>
- </div>
-
- <div class="cta" style="margin-top: 12px">
- <a class="btn btn--primary" href="../../#verify">Voir une trace</a>
- <a class="btn" href="../../api/">Surface publique</a>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Charters">
- <div class="card">
- <div class="card__hdr">
- <div class="badge badge--ok">CHARTERS</div>
- <div class="badge">PUBLICS</div>
- </div>
- <div class="card__body">
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/hosted/gov/TRIAGE.md" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Politique de triage</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/gov/TRIAGE.md</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/gov/PANEL.md" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Panel / revue externe</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/gov/PANEL.md</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/gov/WITNESS.md" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Modèle “witness”</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/gov/WITNESS.md</span>
- </a>
- </div>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Pour qui (et qui va détester)</h2>
- <p class="sub">Lisible pour des tiers : le but n’est pas le confort interne, mais la vérifiabilité externe.</p>
-
- <div class="grid2">
- <div class="panel">
- <h3>Pour</h3>
- <ul class="list">
- <li><strong>GRC / audit</strong> (SOC 2 / ISO) : preuves exportables.</li>
- <li><strong>Architecture sécurité</strong> : contrôles mesurables, pas d’attestations.</li>
- <li><strong>Juridique / conformité</strong> : chaîne de possession en cas de litige.</li>
- <li><strong>Produits IA</strong> : “pourquoi le modèle a dit ça ?”</li>
- <li><strong>Secteur public / défense</strong> : vérification hors‑ligne et environnements verrouillés.</li>
- </ul>
- </div>
-
- <div class="panel">
- <h3>Pas pour</h3>
- <ul class="list">
- <li>Ceux qui veulent un “badge” sans publier d’artefacts vérifiables.</li>
- <li>Les workflows où rien ne peut sortir du réseau (pas de surface publique).</li>
- <li>Les organisations qui préfèrent l’ambiguïté : IF.TTT rend les trous visibles.</li>
- </ul>
- </div>
- </div>
-
- <div class="cta" style="margin-top: 12px">
- <a class="btn btn--primary" href="../../whitepaper/">Lire le livre blanc</a>
- <a class="btn" href="../../verticals/">Voir les verticaux</a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">InfraFabric • Gouvernance ouverte = preuve sans login.</div>
- <div class="muted"><a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> · Danny Stocker</div>
- </div>
- </footer>
- </body>
-</html>
-```
-
-</details>
-
-## /fr/
-- URL: https://infrafabric.io/fr/
-- Static: https://infrafabric.io/static/hosted/ifttt/fr/
-- Source: `ifttt/fr/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="fr">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Vérification ouverte pour la gouvernance IA</title>
- <meta
- name="description"
- content="IF.TTT (Traceable, Transparent, Trustworthy) est une couche de gouvernance “receipt-first” : relier une source à un output via une trace vérifiable, des liens publics sans login et des bundles hors‑ligne."
- />
- <meta property="og:title" content="IF.TTT — Vérification ouverte pour la gouvernance IA" />
- <meta
- property="og:description"
- content="Des reçus, pas des opinions. IF.TTT relie une source à un output avec des traces vérifiables, des liens publics sans login, et des bundles hors‑ligne."
- />
- <meta property="og:type" content="website" />
- <meta property="og:image" content="https://infrafabric.io/static/hosted/ifttt/assets/red-team-doc-1024-559.jpg" />
- <meta name="twitter:card" content="summary_large_image" />
- <meta name="theme-color" content="#111827" />
- <link rel="icon" href="../assets/if-logo-simple.svg" type="image/svg+xml" />
- <link rel="stylesheet" href="../style.css" />
- <script src="../app.js" defer></script>
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../" aria-label="IF.TTT accueil">
- <img class="brand__logo" src="../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Traceable • Transparent • Trustworthy</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Navigation">
- <a href="../#how">Process</a>
- <a href="../#trust">Confiance</a>
- <a href="../#verify">Vérifier</a>
- <a href="../verticals/">Verticaux</a>
- <a href="./governance/">Gouvernance</a>
- <a href="../whitepaper/">Livre blanc</a>
- <a href="../api/">Développeurs</a>
- <a href="../about/">À propos</a>
- <a class="lang" href="../" aria-label="English">EN</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Gouvernance ouverte, lisible par des tiers</p>
- <h1>Des reçus, pas des opinions.</h1>
- <div class="type" aria-label="Animation de saisie">
- <span class="type__prefix">if.</span><span id="typeword"></span><span class="type__suffix">></span
- ><span class="type__caret" aria-hidden="true"></span>
- </div>
- <div class="quote" aria-live="polite" aria-label="Citation tournante">
- <div class="quote__text" id="quoteText"></div>
- <div class="quote__meta" id="quoteMeta"></div>
- </div>
- <p class="lede">
- IF.TTT est une couche de gouvernance “receipt‑first”. Elle relie un <strong>artefact source</strong> à un <strong>output</strong> via une
- <strong>page de trace</strong>, des <strong>liens publics sans login</strong>, et des <strong>bundles hors‑ligne</strong> vérifiables.
- </p>
-
- <div class="pillrow" role="list" aria-label="Propriétés clés">
- <div class="pill" role="listitem">
- <span class="pill__k">Sans login</span>
- <span class="pill__v">Surface publique</span>
- </div>
- <div class="pill" role="listitem">
- <span class="pill__k">Hors‑ligne</span>
- <span class="pill__v">Bundles de triage</span>
- </div>
- <div class="pill" role="listitem">
- <span class="pill__k">Noir/blanc</span>
- <span class="pill__v">Vérifié vs non‑vérifié</span>
- </div>
- </div>
-
- <div class="cta">
- <a class="btn btn--primary" href="../#verify">Voir une trace</a>
- <a class="btn" href="../verticals/">Voir les verticaux</a>
- </div>
-
- <p class="note">
- Nous ne “vendons” pas la conformité. Nous aidons les audits en produisant des <em>reçus vérifiables</em> que des tiers peuvent contrôler
- sans vos identifiants.
- </p>
- </div>
-
- <aside class="hero__card" aria-label="Exemple de page trace">
- <div class="card">
- <div class="card__media">
- <img
- src="../assets/red-team-doc-1024-559.jpg"
- alt="Couverture de dossier InfraFabric Red Team avec tampon “EYES ONLY // DAVE”"
- loading="lazy"
- />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">VERIFIED</div>
- <div class="badge">QUANTUM READY (optionnel)</div>
- </div>
- <div class="card__body">
- <div class="mini">
- <div class="mini__k">Promesse</div>
- <div class="mini__v">“Téléchargez. Hashez. Comparez. Optionnellement vérifiez hors‑ligne.”</div>
- </div>
- </div>
- </div>
- </aside>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">InfraFabric • Reçus IF.TTT conçus pour être “lisibles par les gouvernés”.</div>
- <div class="muted"><a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> · Danny Stocker</div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Liens rapides">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Secteurs</span>
- <a href="../verticals/public-sector/">Secteur public</a>
- <a href="../verticals/enterprise/">Entreprise</a>
- <a href="../verticals/research/">Recherche</a>
- <a href="../verticals/professional-services/">Services pro</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../verticals/healthcare/">Santé</a>
- <a href="../verticals/finance/">Finance</a>
- <a href="../verticals/legal/">Juridique</a>
- </div>
- <div class="bottombar__right">
- <a href="../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /governance/
-- URL: https://infrafabric.io/governance/
-- Static: https://infrafabric.io/static/hosted/ifttt/governance/
-- Source: `ifttt/governance/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Open Governance</title>
- <meta
- name="description"
- content="Open governance means third parties can verify what happened without your login. IF.TTT is the receipt backbone: trace pages, stable no-login links, and offline bundles."
- />
- <link rel="stylesheet" href="../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Open governance</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../#how">How</a>
- <a href="../#trust">Trust</a>
- <a href="../#verify">Verify</a>
- <a href="../verticals/">Verticals</a>
- <a href="../whitepaper/">Whitepaper</a>
- <a href="../api/">Developers</a>
- <a href="../about/">About</a>
- <a class="lang" href="../fr/governance/" aria-label="French">FR</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Open governance</p>
- <h1>Legible to the governed.</h1>
- <p class="lede">
- “Governance” fails when it’s only legible inside your network. IF.TTT moves the proof outside: stable, no‑login receipts that third parties
- can verify without joining your internal world.
- </p>
-
- <div class="panel">
- <h3>What this page is (black/white)</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Goal</div>
- <div class="bw__v">Make third‑party verification possible without credentials.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Mechanism</div>
- <div class="bw__v">Hashes + trace receipts + stable URLs + optional offline bundles.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Not implied</div>
- <div class="bw__v">“Compliance achieved” or “correctness of interpretation”.</div>
- </div>
- </div>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>The governance stack (where IF.TTT sits)</h3>
- <ul class="list">
- <li><strong>Receipt layer (IF.TTT):</strong> integrity binding + chain‑of‑custody IDs + share surface.</li>
- <li><strong>Review layer:</strong> external review packs, panel critique, dispute workflows.</li>
- <li><strong>Enforcement layer:</strong> gates/stop‑conditions that consume receipts (CI, access, runtime).</li>
- </ul>
- <p class="fine">Receipts don’t replace governance. They remove ambiguity from it.</p>
- </div>
-
- <div class="cta" style="margin-top: 12px">
- <a class="btn btn--primary" href="../#verify">Try a live trace</a>
- <a class="btn" href="../api/">Public share surface</a>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Public artifacts">
- <div class="card">
- <div class="card__media">
- <img src="../assets/red-team-stamp-600.png" alt="EYES ONLY // DAVE stamp" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">PUBLIC</div>
- <div class="badge">NO‑LOGIN</div>
- </div>
- <div class="card__body">
- <div class="mini">
- <div class="mini__k">Stable receipt surface</div>
- <div class="mini__v">These URLs are designed to be shareable in procurement, audits, and disputes.</div>
- </div>
- <pre class="code"><code>/static/trace/<shareId>
-/static/dossier/<shareId>
-/static/dossier/<shareId>/download
-/static/pack/<shareId>.md
-/static/review/<shareId>.md
-/static/marketing/<shareId>.md
-/static/source/<source_sha256>.pdf</code></pre>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>For whom (and who will hate it)</h2>
- <p class="sub">A constitutional framing: the goal is legibility to outsiders, not internal comfort.</p>
-
- <div class="grid2">
- <div class="panel">
- <h3>For</h3>
- <ul class="list">
- <li><strong>GRC / Audit leads</strong> drowning in evidence requests (SOC 2 / ISO 27001 / vendor due diligence).</li>
- <li><strong>Security architects</strong> who need “proof of what ran” without adding manual theater.</li>
- <li><strong>Legal / compliance</strong> teams who need chain‑of‑custody that survives disputes.</li>
- <li><strong>AI product teams</strong> facing “why did it say that?” questions from customers and regulators.</li>
- <li><strong>Gov/defense contractors</strong> who must verify artifacts offline or across locked‑down environments.</li>
- </ul>
- </div>
-
- <div class="panel">
- <h3>Not for</h3>
- <ul class="list">
- <li>Teams seeking a “compliance badge” without publishing verifiable artifacts.</li>
- <li>Workflows where evidence cannot leave the internal network (no share surface, no external verification).</li>
- <li>Organizations that want to hide uncertainty: IF.TTT makes gaps visible by design.</li>
- <li>Anyone who needs governance to remain ambiguous (receipts reduce wiggle room).</li>
- </ul>
- </div>
- </div>
-
- <div class="cta" style="margin-top: 12px">
- <a class="btn btn--primary" href="../whitepaper/">Read the paper</a>
- <a class="btn" href="../verticals/">Browse vertical fit</a>
- </div>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Charters (how we keep it honest)</h2>
- <p class="sub">These are plain Markdown docs: readable, linkable, and easy to critique.</p>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/hosted/gov/TRIAGE.md" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Triage policy</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/gov/TRIAGE.md</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/gov/PANEL.md" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Panel / external review process</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/gov/PANEL.md</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/gov/WITNESS.md" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Witness model</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/gov/WITNESS.md</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/gov/QUESTIONS.md" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Third‑party questions we expect</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/gov/QUESTIONS.md</span>
- </a>
- </div>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Live example</h2>
- <p class="sub">A real trace receipt you can verify right now.</p>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- <p class="fine">
- “VERIFIED” means the published bytes hash to what the receipt says. “QUANTUM READY” means a post‑quantum signature receipt exists (additive;
- integrity hashes still stand).
- </p>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">InfraFabric • Open governance is “proof without login”.</div>
- <div class="muted">
- <a href="../">IF.TTT</a> · <a href="../api/">Developers</a> · <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a>
- <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../verticals/public-sector/">Public Sector</a>
- <a href="../verticals/enterprise/">Enterprise</a>
- <a href="../verticals/research/">Research</a>
- <a href="../verticals/professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../verticals/healthcare/">Healthcare</a>
- <a href="../verticals/finance/">Financial</a>
- <a href="../verticals/legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /
-- URL: https://infrafabric.io/
-- Static: https://infrafabric.io/static/hosted/ifttt/
-- Source: `ifttt/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Open Verification for AI Governance</title>
- <meta
- name="description"
- content="IF.TTT (Traceable, Transparent, Trustworthy) is a receipt-first governance layer: bind a source artifact to an output with a verifiable trace, no-login proof links, and optional offline bundles."
- />
- <meta property="og:title" content="IF.TTT — Open Verification for AI Governance" />
- <meta
- property="og:description"
- content="Receipts, not vibes. IF.TTT binds a source artifact to an output with verifiable traces, no-login proof links, and optional offline bundles."
- />
- <meta property="og:type" content="website" />
- <meta property="og:image" content="https://infrafabric.io/static/hosted/ifttt/assets/red-team-doc-1024-559.jpg" />
- <meta name="twitter:card" content="summary_large_image" />
- <meta name="theme-color" content="#111827" />
- <link rel="icon" href="./assets/if-logo-simple.svg" type="image/svg+xml" />
- <link rel="stylesheet" href="./style.css" />
- <script src="./app.js" defer></script>
- </head>
-
- <body class="home">
- <header class="top top--home">
- <div class="wrap top__inner">
- <a class="brand" href="./" aria-label="IF.TTT home">
- <img class="brand__logo" src="./assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Traceable • Transparent • Trustworthy</span>
- </span>
- </a>
-
- <nav class="homeNav" aria-label="Top links">
- <a href="./governance/">Governance</a>
- <a href="./whitepaper/">Whitepaper</a>
- <a href="./api/">Developers</a>
- <a href="./about/">About</a>
- <a class="lang" href="./fr/" aria-label="French">FR</a>
- <span class="homeNav__sep">·</span>
- <a class="homeNav__contact" href="mailto:ds@infrafabric.io">ds@infrafabric.io</a>
- </nav>
- </div>
- </header>
-
- <main id="top" class="homeMain" aria-label="IF.TTT overview">
- <div class="wrap homeMain__inner">
- <div class="homeCenter">
- <div class="homeBadges" aria-label="Status badges">
- <a
- class="badge badge--ok badge--big"
- href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n"
- target="_blank"
- rel="noreferrer"
- >VERIFIED</a
- >
- <a class="badge badge--big" href="./api/#quantum">QUANTUM READY</a>
- </div>
-
- <div class="type type--home" aria-label="Typing animation">
- <span class="type__prefix">if.</span><span id="typeword"></span><span class="type__suffix">></span
- ><span class="type__caret" aria-hidden="true"></span>
- </div>
-
- <div class="quote quote--home" aria-live="polite" aria-label="Rotating quote">
- <div class="quote__text" id="quoteText"></div>
- <div class="quote__meta" id="quoteMeta"></div>
- </div>
-
- <p class="homeLede">
- Open verification for governance: third parties can verify receipts without your credentials.
- <span class="muted">Artifacts > adjectives.</span>
- </p>
-
- <section id="stepper" class="homeStepper" hidden>
- <h2>How verification works</h2>
- <p class="sub2">Black/white: what the receipt proves vs what it doesn’t.</p>
-
- <ol class="steps">
- <li class="step">
- <div class="step__n">1</div>
- <div class="step__b">
- <div class="step__t">Bind source ↔ output</div>
- <div class="step__d">Hash the exact source bytes and the exact output bytes.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">2</div>
- <div class="step__b">
- <div class="step__t">Publish a trace receipt</div>
- <div class="step__d">A public page that links the hashes, time, and versioning.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">3</div>
- <div class="step__b">
- <div class="step__t">No‑login share surface</div>
- <div class="step__d">Stable URLs keyed by a single <code>shareId</code> (trace, dossier, pack, source).</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">4</div>
- <div class="step__b">
- <div class="step__t">Optional: offline triage bundles</div>
- <div class="step__d">Lightweight/standard/full bundles for constrained environments.</div>
- </div>
- </li>
- </ol>
-
- <div class="homeLinks" aria-label="Live demo links">
- <a class="homeLink" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer"
- >Open a live trace receipt</a
- >
- <a class="homeLink" href="https://infrafabric.io/static/pack/6qRgcR01kw_qNo63Dbs_ob9n.md" target="_blank" rel="noreferrer"
- >Open the corresponding pack</a
- >
- <a class="homeLink" href="https://infrafabric.io/static/hosted/review/trace-bundles/b6547c03/index.md" target="_blank" rel="noreferrer"
- >Triage bundle selector (offline)</a
- >
- <a class="homeLink" href="https://infrafabric.io/static/hosted/iftrace.py" target="_blank" rel="noreferrer">Download `iftrace.py`</a>
- <a
- class="homeLink"
- href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- target="_blank"
- rel="noreferrer"
- >IF.TTT paper (review pack)</a
- >
- </div>
-
- <p class="note">
- If it’s not verifiable, label it as a gap. Don’t endorse it.
- <span class="muted">This is how you keep governance legible to outsiders.</span>
- </p>
- </section>
-
- <div class="homeMeta" aria-label="Contact">
- Danny Stocker <span class="bottombar__sep">·</span> <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a>
- </div>
- </div>
- </div>
- </main>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="./verticals/public-sector/">Public Sector</a>
- <a href="./verticals/enterprise/">Enterprise</a>
- <a href="./verticals/research/">Research</a>
- <a href="./verticals/professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="./verticals/healthcare/">Healthcare</a>
- <a href="./verticals/finance/">Financial</a>
- <a href="./verticals/legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="./api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="./api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/ai/
-- URL: https://infrafabric.io/verticals/ai/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/ai/
-- Source: `ifttt/verticals/ai/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — AI Products</title>
- <meta name="description" content="IF.TTT for AI product companies: provable provenance for outputs (“why did it say that?”) without giving third parties internal access." />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">AI product companies</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#how">How</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">AI product reality</p>
- <h1>“Why did it say that?” becomes a contract clause.</h1>
- <p class="lede">
- Enterprise buyers increasingly require provenance: what source material fed the output, what version produced it, and what can be
- verified after the fact. IF.TTT turns that requirement into a repeatable receipt surface.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Enterprise buyers demand defensible provenance without joining your internal stack.</li>
- <li>Incident responders demand integrity-bound artifacts for “what happened.”</li>
- <li>GRC teams demand a black/white boundary between verified evidence and interpretation.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Receipts</div>
- <div class="bw__v">Trace pages + stable no‑login URLs for outputs and sources.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Disputes</div>
- <div class="bw__v">Offline bundles for verification after access or context changes.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Clarity</div>
- <div class="bw__v">Proves integrity and publication; does not claim intent or correctness.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Example receipt">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-doc-1024-559.jpg" alt="Dossier cover" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">RECEIPTS</div>
- <div class="badge">DISPUTE‑READY</div>
- </div>
- <div class="card__body">
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- </div>
- </div>
- </aside>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">The output isn’t the product. The proof is.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/enterprise/
-- URL: https://infrafabric.io/verticals/enterprise/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/enterprise/
-- Source: `ifttt/verticals/enterprise/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Enterprise</title>
- <meta name="description" content="IF.TTT for enterprises: third-party verifiable receipts for audits, vendor reviews, and internal governance without credential sprawl." />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Enterprise</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#how">How</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Enterprise reality</p>
- <h1>Audits are a throughput problem.</h1>
- <p class="lede">
- Enterprise trust breaks when proof requires access: screenshots, ticket exports, and “trust me” Slack threads. IF.TTT replaces access
- requirements with receipts—so verification is externalizable.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Auditors and customers ask the same question: “prove it was true at the time.”</li>
- <li>Procurement needs evidence without granting broad credentials.</li>
- <li>Executives need a narrative; security needs reproducible artifacts.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Receipt‑first</div>
- <div class="bw__v">Integrity binding: <code>source_sha256</code> ↔ <code>output_sha256</code>.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">No‑login share</div>
- <div class="bw__v">Public receipt surface for reviewers (with sandbox fallback paths).</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Offline option</div>
- <div class="bw__v">Triage bundles for future disputes and restricted review.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Example receipt links">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-doc-1024-559.jpg" alt="Dossier cover" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">VERIFIABLE</div>
- <div class="badge">BORING</div>
- </div>
- <div class="card__body">
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/pack/6qRgcR01kw_qNo63Dbs_ob9n.md" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example pack (Markdown)</span>
- <span class="linkrow__u">https://infrafabric.io/static/pack/6qRgcR01kw_qNo63Dbs_ob9n.md</span>
- </a>
- </div>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>One sentence you can forward</h2>
- <p class="sub">For stakeholder alignment without overclaiming.</p>
- <div class="panel">
- <p class="sub2">
- IF.TTT supports audits by producing externally verifiable receipts—so reviewers don’t need your internal credentials to verify integrity.
- </p>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">Make verification cheap. Keep access expensive.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/finance/
-- URL: https://infrafabric.io/verticals/finance/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/finance/
-- Source: `ifttt/verticals/finance/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Finance</title>
- <meta name="description" content="IF.TTT for fintech and regulated finance: prove provenance, non-repudiation, and dispute-ready receipts for auditors and regulators." />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Fintech / regulated finance</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#trust">Trust</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Finance reality</p>
- <h1>Regulators don’t buy narratives. They buy receipts.</h1>
- <p class="lede">
- In regulated finance, the first question after an incident is not “what did the model mean?” It’s “show me the evidence chain: inputs,
- outputs, timestamps, and who approved what.”
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Model risk / validation teams need reproducibility.</li>
- <li>Internal audit needs non‑repudiation and time‑scoped proof.</li>
- <li>Regulators need chain‑of‑custody that survives disputes.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Receipt</div>
- <div class="bw__v">A public trace page binding <code>source_sha256</code> ↔ <code>output_sha256</code>.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Dispute</div>
- <div class="bw__v">Offline bundles for later verification without relying on internal access.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Clarity</div>
- <div class="bw__v">Black/white separation of what’s verified vs what is interpretation.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Receipt-first process">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-stamp-600.png" alt="EYES ONLY // DAVE stamp" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">PROCESS</div>
- <div class="badge">RECEIPT‑FIRST</div>
- </div>
- <div class="card__body">
- <ol class="steps">
- <li class="step">
- <div class="step__n">1</div>
- <div class="step__b">
- <div class="step__t">Hash the source</div>
- <div class="step__d">Compute <code>source_sha256</code> of the exact bytes.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">2</div>
- <div class="step__b">
- <div class="step__t">Hash the output</div>
- <div class="step__d">Compute <code>output_sha256</code> of what is published.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">3</div>
- <div class="step__b">
- <div class="step__t">Publish the trace</div>
- <div class="step__d">Receipt links hashes + trace id + version.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">4</div>
- <div class="step__b">
- <div class="step__t">Share without login</div>
- <div class="step__d">Stable URLs keyed by <code>shareId</code>.</div>
- </div>
- </li>
- </ol>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Artifacts you can hand to third parties</h2>
- <p class="sub">This is the point: reviewers shouldn’t need your VPN.</p>
- <pre class="code"><code>Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Output (rendered): https://infrafabric.io/static/dossier/<shareId>
-Output (raw): https://infrafabric.io/static/dossier/<shareId>/download
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html</code></pre>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Live example</h2>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">Finance isn’t special. The auditors are just earlier.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/government/
-- URL: https://infrafabric.io/verticals/government/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/government/
-- Source: `ifttt/verticals/government/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Government</title>
- <meta
- name="description"
- content="IF.TTT for government and defense contractors: offline verification bundles and unambiguous chain-of-custody for assessors and supply chain reviews."
- />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Government / defense</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#trust">Trust</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Government reality</p>
- <h1>Assurance is an offline problem.</h1>
- <p class="lede">
- In restricted environments, the “can you verify it?” question must be answered without assuming network access, SaaS consoles, or vendor
- portals. IF.TTT treats offline verification as a first‑class requirement.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Assessors demand chain‑of‑custody and unambiguous provenance.</li>
- <li>Procurement wants proof that survives vendor handoffs.</li>
- <li>Security teams need evidence that is portable across networks and time.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Offline bundles</div>
- <div class="bw__v">Triage bundles (lightweight/standard/full) with expected hashes for trustless verification.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Receipt surface</div>
- <div class="bw__v">Stable no‑login URLs for trace + output + source.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Black/white</div>
- <div class="bw__v">Clear statement of what integrity receipts prove—and what they don’t.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Triage bundle selector">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-doc-1024-559.jpg" alt="Dossier cover" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">OFFLINE</div>
- <div class="badge">TRIAGE BUNDLES</div>
- </div>
- <div class="card__body">
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/hosted/review/trace-bundles/d70ed99a/index.html" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Triage selector (HTML)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/trace-bundles/d70ed99a/index.html</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/iftrace.html" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Verifier (HTML)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/iftrace.html</span>
- </a>
- </div>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>What you can hand to an assessor</h2>
- <p class="sub">No accounts required. No internal consoles required.</p>
- <pre class="code"><code>Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Bundle selector: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-Verifier: https://infrafabric.io/static/hosted/iftrace.py</code></pre>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Live example</h2>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">If it can’t be verified offline, it’s not a control.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/healthcare/
-- URL: https://infrafabric.io/verticals/healthcare/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/healthcare/
-- Source: `ifttt/verticals/healthcare/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Healthcare</title>
- <meta
- name="description"
- content="IF.TTT for healthcare: clear boundaries on what is verified vs inferred, and portable evidence for audits and incident review."
- />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Healthcare</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#trust">Trust</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Healthcare reality</p>
- <h1>Clarity beats confidence.</h1>
- <p class="lede">
- Healthcare environments punish ambiguity. IF.TTT makes “what we can prove” explicit, and forces everything else to be labeled as
- interpretation or review-required.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Compliance wants evidence that is bounded and reviewable.</li>
- <li>Incident reviewers want provenance for outputs and decisions.</li>
- <li>Vendors and partners want proof without access to your internal tooling.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Verified</div>
- <div class="bw__v">Integrity binding (hashes), receipts, optional signatures.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Not verified</div>
- <div class="bw__v">Clinical intent, interpretation, or correctness of conclusions.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Outcome</div>
- <div class="bw__v">Evidence becomes legible to outsiders without pretending it is “the decision.”</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Receipt-first process">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-stamp-600.png" alt="EYES ONLY // DAVE stamp" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">BLACK/WHITE</div>
- <div class="badge">BOUNDARIES</div>
- </div>
- <div class="card__body">
- <ol class="steps">
- <li class="step">
- <div class="step__n">1</div>
- <div class="step__b">
- <div class="step__t">Hash artifacts</div>
- <div class="step__d">Source and output bytes get stable hashes.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">2</div>
- <div class="step__b">
- <div class="step__t">Publish receipts</div>
- <div class="step__d">Trace page shows what can be verified.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">3</div>
- <div class="step__b">
- <div class="step__t">Export bundles (optional)</div>
- <div class="step__d">For constrained review environments.</div>
- </div>
- </li>
- </ol>
- </div>
- </div>
- </aside>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">Healthcare needs boundaries more than optimism.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/
-- URL: https://infrafabric.io/verticals/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/
-- Source: `ifttt/verticals/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Verticals</title>
- <meta name="description" content="Vertical fit overview for IF.TTT: third-party trust pressure mapped to receipts, bundles, and verification." />
- <link rel="stylesheet" href="../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Vertical fit</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../#how">How</a>
- <a href="../#trust">Trust</a>
- <a href="../#verify">Verify</a>
- <a href="../governance/">Governance</a>
- <a href="../whitepaper/">Whitepaper</a>
- <a href="../about/">About</a>
- <a href="../api/">Developers</a>
- <a class="lang" href="../fr/" aria-label="French">FR</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Same mechanism, different pressure</p>
- <h1>Two axes: who is buying, what is at stake.</h1>
- <p class="lede">
- IF.TTT doesn’t “solve compliance.” It solves the universal problem underneath compliance: third parties demanding proof without joining your
- internal world. The receipts stay the same; the incentives and failure modes change.
- </p>
- <div class="cta">
- <a class="btn btn--primary" href="../#verify">Try a live trace</a>
- <a class="btn" href="../api/">Developer surface</a>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Receipt-first sequence">
- <div class="card">
- <div class="card__media">
- <img src="../assets/red-team-doc-1024-559.jpg" alt="Red Team dossier cover" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">RECEIPT‑FIRST</div>
- <div class="badge">NO‑LOGIN</div>
- </div>
- <div class="card__body">
- <ol class="steps">
- <li class="step">
- <div class="step__n">1</div>
- <div class="step__b">
- <div class="step__t">Hash the source</div>
- <div class="step__d">Compute <code>source_sha256</code>.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">2</div>
- <div class="step__b">
- <div class="step__t">Hash the output</div>
- <div class="step__d">Compute <code>output_sha256</code>.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">3</div>
- <div class="step__b">
- <div class="step__t">Publish the trace</div>
- <div class="step__d">A receipt page binds source ↔ output.</div>
- </div>
- </li>
- </ol>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Browse by sector</h2>
- <p class="sub">Who the buyer is. The same receipts, different pressure.</p>
-
- <div class="cards">
- <article class="vcard">
- <h3>Public Sector</h3>
- <p class="vcard__v">Procurement cycles, oversight, offline verification.</p>
- <a class="vcard__more" href="./public-sector/">Public Sector →</a>
- </article>
- <article class="vcard">
- <h3>Enterprise</h3>
- <p class="vcard__v">Audits as throughput; evidence without credential sprawl.</p>
- <a class="vcard__more" href="./enterprise/">Enterprise →</a>
- </article>
- <article class="vcard">
- <h3>Research</h3>
- <p class="vcard__v">Provenance, reproducibility, and external reviewers.</p>
- <a class="vcard__more" href="./research/">Research →</a>
- </article>
- <article class="vcard">
- <h3>Professional Services</h3>
- <p class="vcard__v">Client handoffs, disputes, and custody that holds up later.</p>
- <a class="vcard__more" href="./professional-services/">Professional Services →</a>
- </article>
- </div>
-
- <h2 style="margin-top: 28px">Browse by industry</h2>
- <p class="sub">What domain the risk lives in: regulation, data, and dispute pressure.</p>
-
- <div class="cards">
- <article class="vcard">
- <h3>Healthcare</h3>
- <p class="vcard__v">Audit trails, privacy boundaries, dispute‑ready artifacts.</p>
- <a class="vcard__more" href="./healthcare/">Healthcare →</a>
- </article>
- <article class="vcard">
- <h3>Financial Services</h3>
- <p class="vcard__v">Model risk, non‑repudiation, evidence for regulators.</p>
- <a class="vcard__more" href="./finance/">Financial →</a>
- </article>
- <article class="vcard">
- <h3>Legal</h3>
- <p class="vcard__v">Chain‑of‑custody for drafts, evidence, and decisions.</p>
- <a class="vcard__more" href="./legal/">Legal →</a>
- </article>
- </div>
-
- <h2 style="margin-top: 28px">More pressure profiles</h2>
- <p class="sub">Common governance failure modes that appear across sectors and industries.</p>
-
- <div class="cards">
- <article class="vcard">
- <h3>B2B SaaS (SOC 2 / ISO)</h3>
- <p class="vcard__v">Auditors, procurement, “prove it existed at the time.”</p>
- <a class="vcard__more" href="./saas/">B2B SaaS →</a>
- </article>
- <article class="vcard">
- <h3>SecOps / SOC</h3>
- <p class="vcard__v">Bind summaries to evidence; keep custody intact.</p>
- <a class="vcard__more" href="./secops/">SecOps →</a>
- </article>
- <article class="vcard">
- <h3>AI Product Companies</h3>
- <p class="vcard__v">Provable provenance for outputs: “why did it say that?”</p>
- <a class="vcard__more" href="./ai/">AI products →</a>
- </article>
- <article class="vcard">
- <h3>Industrial / Supply Chain</h3>
- <p class="vcard__v">Traceability that survives vendor and contractor handoffs.</p>
- <a class="vcard__more" href="./supply-chain/">Supply chain →</a>
- </article>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">InfraFabric • IF.TTT receipts are designed to be legible to the governed.</div>
- <div class="muted">
- <a href="../">IF.TTT</a> · <a href="../governance/">Governance</a> · <a href="../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="./public-sector/">Public Sector</a>
- <a href="./enterprise/">Enterprise</a>
- <a href="./research/">Research</a>
- <a href="./professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="./healthcare/">Healthcare</a>
- <a href="./finance/">Financial</a>
- <a href="./legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/legal/
-- URL: https://infrafabric.io/verticals/legal/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/legal/
-- Source: `ifttt/verticals/legal/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Legal</title>
- <meta name="description" content="IF.TTT for legal workflows: chain-of-custody for drafts, evidence, and decisions. Receipts, not recollections." />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Legal</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#trust">Trust</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Legal reality</p>
- <h1>Courts don’t accept “trust me.” They accept provenance.</h1>
- <p class="lede">
- Legal and compliance teams live in the difference between “we believe this happened” and “we can prove this happened.” IF.TTT is built to
- make that proof portable.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Disputes demand reproducibility: the exact input and the exact output.</li>
- <li>Evidence must be time‑scoped: “what did we know, when did we know it?”</li>
- <li>Chain‑of‑custody must survive handoffs (vendor → customer → counsel → auditor).</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Integrity</div>
- <div class="bw__v">Hash receipts bind the published bytes to what was reviewed.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Portability</div>
- <div class="bw__v">No‑login links and offline bundles for external review.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Clarity</div>
- <div class="bw__v">Explicit “proves / does not prove” framing reduces ambiguity.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Receipt-first process">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-doc-1024-559.jpg" alt="Dossier cover" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">EVIDENCE</div>
- <div class="badge">CHAIN‑OF‑CUSTODY</div>
- </div>
- <div class="card__body">
- <ol class="steps">
- <li class="step">
- <div class="step__n">1</div>
- <div class="step__b">
- <div class="step__t">Define the artifact</div>
- <div class="step__d">Identify the exact bytes to be relied upon.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">2</div>
- <div class="step__b">
- <div class="step__t">Hash it</div>
- <div class="step__d">Publish <code>sha256</code> as the integrity baseline.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">3</div>
- <div class="step__b">
- <div class="step__t">Issue the receipt</div>
- <div class="step__d">Trace page binds source ↔ output with a trace id.</div>
- </div>
- </li>
- </ol>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Artifacts that make disputes less expensive</h2>
- <p class="sub">You can hand these to an external reviewer without shipping your internal systems.</p>
- <pre class="code"><code>Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Output (raw): https://infrafabric.io/static/dossier/<shareId>/download
-Review pack: https://infrafabric.io/static/review/<shareId>
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html</code></pre>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Live example</h2>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">Legal is just governance with deadlines.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/professional-services/
-- URL: https://infrafabric.io/verticals/professional-services/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/professional-services/
-- Source: `ifttt/verticals/professional-services/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Professional Services</title>
- <meta
- name="description"
- content="IF.TTT for professional services: receipts and chain-of-custody artifacts that hold up across clients, engagements, and disputes."
- />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Professional services</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#trust">Trust</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Services reality</p>
- <h1>The deliverable is the receipt.</h1>
- <p class="lede">
- In professional services, the artifact you hand over becomes evidence: audits, disputes, expert reports, procurement packs. IF.TTT makes
- the handoff verifiable without making you a credential broker.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Clients want proof; opposing counsel wants provenance.</li>
- <li>Auditors need artifacts they can verify without your internal access.</li>
- <li>Engagements outlive inboxes; the evidence must remain stable.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Chain‑of‑custody</div>
- <div class="bw__v">Trace receipt binds source ↔ output, plus IDs and timestamps.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Portable proofs</div>
- <div class="bw__v">Bundles can be archived with the case file and re‑verified later.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Clarity</div>
- <div class="bw__v">What was verified is shown; interpretation is labeled as interpretation.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Example receipt links">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-doc-1024-559.jpg" alt="Dossier cover" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">EXPORTABLE</div>
- <div class="badge">DISPUTE‑READY</div>
- </div>
- <div class="card__body">
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/pack/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example pack (HTML)</span>
- <span class="linkrow__u">https://infrafabric.io/static/pack/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Operational trap to avoid</h2>
- <p class="sub">Don’t turn verification into credential distribution.</p>
- <div class="grid2">
- <div class="panel">
- <h3>Bad</h3>
- <p class="sub2">“Log in to our system and we’ll show you.”</p>
- </div>
- <div class="panel">
- <h3>Good</h3>
- <p class="sub2">“Here is the artifact, here is the receipt, verify without us.”</p>
- </div>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">If the reviewer needs your credentials, it’s not verifiable.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/public-sector/
-- URL: https://infrafabric.io/verticals/public-sector/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/public-sector/
-- Source: `ifttt/verticals/public-sector/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Public Sector</title>
- <meta
- name="description"
- content="IF.TTT for the public sector: public receipts, offline verification bundles, and unambiguous chain-of-custody for external reviewers."
- />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Public sector</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#trust">Trust</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Public sector reality</p>
- <h1>Proof must survive procurement.</h1>
- <p class="lede">
- Public accountability is a third‑party problem: reviewers need proof without getting access to your internal systems. IF.TTT turns “trust
- us” into receipts that a stranger can verify.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Assessors need chain‑of‑custody that survives vendor handoffs.</li>
- <li>Procurement and oversight bodies require documentation that outlives staff turnover.</li>
- <li>Some environments must support offline verification by design.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Receipt surface</div>
- <div class="bw__v">Stable, no‑login URLs for trace + output + source.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Offline bundles</div>
- <div class="bw__v">Triage bundles (lightweight/standard/full) with expected hashes.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Black/white</div>
- <div class="bw__v">States what is verified (integrity) and what is not (interpretation).</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Example receipt links">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-doc-1024-559.jpg" alt="Dossier cover" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">OFFLINE</div>
- <div class="badge">RECEIPTS</div>
- </div>
- <div class="card__body">
- <div class="links">
- <a
- class="linkrow"
- href="https://infrafabric.io/static/hosted/review/trace-bundles/b6547c03/index.html"
- target="_blank"
- rel="noreferrer"
- >
- <span class="linkrow__t">Triage selector (HTML)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/trace-bundles/b6547c03/index.html</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/iftrace.html" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Verifier (HTML)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/iftrace.html</span>
- </a>
- </div>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>What you can hand to a reviewer</h2>
- <p class="sub">No accounts required. No internal consoles required.</p>
- <pre class="code"><code>Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Pack (HTML): https://infrafabric.io/static/pack/<shareId>
-Bundle selector: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html</code></pre>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Live example</h2>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">Public verification is a product requirement.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/research/
-- URL: https://infrafabric.io/verticals/research/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/research/
-- Source: `ifttt/verticals/research/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Research</title>
- <meta name="description" content="IF.TTT for research: provenance and reproducibility for reports, analyses, datasets, and AI outputs." />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Research</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#how">How</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Research reality</p>
- <h1>Reproducibility is governance.</h1>
- <p class="lede">
- Research already understands receipts: methods, datasets, citations. IF.TTT applies the same discipline to AI outputs and operational
- decisions: publish what can be verified, label what can’t, and keep the bytes stable.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Peer review demands the ability to reproduce claims.</li>
- <li>Funding/compliance bodies demand provenance for decisions and outputs.</li>
- <li>Collaborators need proof that the artifact they received is the artifact you published.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Integrity</div>
- <div class="bw__v">Hash receipts: same bytes, same hash, independent verification.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Clarity</div>
- <div class="bw__v">Explicitly separates evidence (verified) from interpretation (not verified).</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Portability</div>
- <div class="bw__v">Offline bundles for constrained or future review environments.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Receipt-first process">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-stamp-600.png" alt="EYES ONLY // DAVE stamp" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">PROCESS</div>
- <div class="badge">PROVENANCE</div>
- </div>
- <div class="card__body">
- <ol class="steps">
- <li class="step">
- <div class="step__n">1</div>
- <div class="step__b">
- <div class="step__t">Hash the source</div>
- <div class="step__d">Dataset / paper / prompt pack → <code>source_sha256</code>.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">2</div>
- <div class="step__b">
- <div class="step__t">Hash the output</div>
- <div class="step__d">The artifact you publish → <code>output_sha256</code>.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">3</div>
- <div class="step__b">
- <div class="step__t">Publish the trace</div>
- <div class="step__d">Receipt binds source ↔ output, plus verification hooks.</div>
- </div>
- </li>
- </ol>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Portable verification artifacts</h2>
- <p class="sub">So reviewers can validate without trusting your infrastructure.</p>
- <pre class="code"><code>Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Pack (raw): https://infrafabric.io/static/pack/<shareId>.md
-Pack (HTML): https://infrafabric.io/static/pack/<shareId>
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html</code></pre>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Live example</h2>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">If it can’t be reproduced, it can’t be governed.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/saas/
-- URL: https://infrafabric.io/verticals/saas/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/saas/
-- Source: `ifttt/verticals/saas/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — B2B SaaS</title>
- <meta name="description" content="IF.TTT for B2B SaaS: auditor-ready receipts, no-login proof surfaces, and dispute-friendly bundles for SOC 2 / ISO programs." />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">B2B SaaS (SOC 2 / ISO)</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#trust">Trust</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">SaaS reality</p>
- <h1>Audits are evidence requests with a deadline.</h1>
- <p class="lede">
- In B2B SaaS, the friction isn’t the control design. It’s proving the control existed at the right time, in the right scope, without
- granting auditors full internal access.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Auditors want integrity-bound artifacts (not screenshots in shared drives).</li>
- <li>Enterprise procurement wants reproducible proof without bespoke portals.</li>
- <li>Post‑incident reviewers want “what did it say?” tied to “what did it see?”</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">No‑login</div>
- <div class="bw__v">Stable URLs for trace + output + source, keyed by <code>shareId</code>.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Dispute‑ready</div>
- <div class="bw__v">Offline bundles with expected hashes for later verification.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Black/white</div>
- <div class="bw__v">Explicit “proves / does not prove” framing for auditor conversations.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Receipt-first process">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-doc-1024-559.jpg" alt="Dossier cover" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">RECEIPTS</div>
- <div class="badge">AUDIT‑FRICTION</div>
- </div>
- <div class="card__body">
- <ol class="steps">
- <li class="step">
- <div class="step__n">1</div>
- <div class="step__b">
- <div class="step__t">Hash the source</div>
- <div class="step__d">Compute <code>source_sha256</code>.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">2</div>
- <div class="step__b">
- <div class="step__t">Hash the output</div>
- <div class="step__d">Compute <code>output_sha256</code>.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">3</div>
- <div class="step__b">
- <div class="step__t">Publish the receipt</div>
- <div class="step__d">Share a trace page with stable no‑login URLs.</div>
- </div>
- </li>
- </ol>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Artifacts for auditors</h2>
- <p class="sub">The purpose is to make evidence portable and boring.</p>
- <pre class="code"><code>Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Output (raw): https://infrafabric.io/static/dossier/<shareId>/download
-Pack (HTML): https://infrafabric.io/static/pack/<shareId></code></pre>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">If the evidence isn’t portable, the audit will be.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/sciences/
-- URL: https://infrafabric.io/verticals/sciences/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/sciences/
-- Source: `ifttt/verticals/sciences/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Sciences</title>
- <meta name="description" content="IF.TTT for science and research: provenance and reproducibility for reports, analyses, and model outputs." />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Sciences / research</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#how">How</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Research reality</p>
- <h1>Reproducibility is governance in a lab coat.</h1>
- <p class="lede">
- Scientific workflows already understand receipts: methods, datasets, and citations. IF.TTT is the same idea applied to AI outputs and
- operational decisions: publish what can be verified, and mark what can’t.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Peer reviewers need the ability to reproduce claims.</li>
- <li>Funding/compliance bodies need provenance for decisions and outputs.</li>
- <li>Collaborators need proof that the artifact they received is the artifact you published.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Integrity</div>
- <div class="bw__v">Hash receipts: same bytes, same hash, independent verification.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Clarity</div>
- <div class="bw__v">Explicitly separates evidence (verified) from interpretation (not verified).</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Portability</div>
- <div class="bw__v">Offline bundles for constrained or future review environments.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Receipt-first process">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-stamp-600.png" alt="EYES ONLY // DAVE stamp" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">PROCESS</div>
- <div class="badge">PROVENANCE</div>
- </div>
- <div class="card__body">
- <ol class="steps">
- <li class="step">
- <div class="step__n">1</div>
- <div class="step__b">
- <div class="step__t">Hash the source</div>
- <div class="step__d">Dataset / paper / prompt pack → <code>source_sha256</code>.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">2</div>
- <div class="step__b">
- <div class="step__t">Hash the output</div>
- <div class="step__d">The output you publish → <code>output_sha256</code>.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">3</div>
- <div class="step__b">
- <div class="step__t">Publish the trace</div>
- <div class="step__d">Receipt binds source ↔ output with trace id and versions.</div>
- </div>
- </li>
- </ol>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Portable verification artifacts</h2>
- <p class="sub">So reviewers can validate without trusting your infrastructure.</p>
- <pre class="code"><code>Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Pack (raw): https://infrafabric.io/static/pack/<shareId>.md
-Pack (HTML): https://infrafabric.io/static/pack/<shareId>
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html</code></pre>
- </div>
- </section>
-
- <section class="section">
- <div class="wrap">
- <h2>Live example</h2>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">If it can’t be reproduced, it can’t be governed.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/secops/
-- URL: https://infrafabric.io/verticals/secops/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/secops/
-- Source: `ifttt/verticals/secops/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — SecOps</title>
- <meta name="description" content="IF.TTT for SecOps and SOC: bind AI summaries to evidence; preserve chain-of-custody for investigations and audits." />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">SecOps / SOC</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#trust">Trust</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">SecOps reality</p>
- <h1>Bind “what the system said” to “what the system saw.”</h1>
- <p class="lede">
- AI summaries can help, but only if they remain verifiable against raw telemetry. IF.TTT makes the custody chain explicit: source bytes,
- output bytes, and a receipt that can be validated by third parties.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Executives demand a narrative; auditors demand evidence.</li>
- <li>Incident response needs reproducible artifacts, not recollections.</li>
- <li>External assessors need proof without your SIEM credentials.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Trace receipt</div>
- <div class="bw__v">Integrity binding: <code>source_sha256</code> ↔ <code>output_sha256</code>.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Offline proof</div>
- <div class="bw__v">Bundles that can be verified after the fact, offline.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Clarity</div>
- <div class="bw__v">What’s verified is stated; what’s interpretation is labeled as such.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Example receipt links">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-doc-1024-559.jpg" alt="Dossier cover" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">EVIDENCE</div>
- <div class="badge">REPLAYABLE</div>
- </div>
- <div class="card__body">
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Example trace receipt</span>
- <span class="linkrow__u">https://infrafabric.io/static/trace/6qRgcR01kw_qNo63Dbs_ob9n</span>
- </a>
- </div>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Operational trap to avoid</h2>
- <p class="sub">Do not treat “AI summary” as evidence.</p>
- <div class="grid2">
- <div class="panel">
- <h3>Bad</h3>
- <p class="sub2">“The AI said this was resolved.”</p>
- </div>
- <div class="panel">
- <h3>Good</h3>
- <p class="sub2">“Here is the output, here is the evidence artifact, here is the receipt binding them.”</p>
- </div>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">Summaries don’t hold up. Receipts do.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /verticals/supply-chain/
-- URL: https://infrafabric.io/verticals/supply-chain/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/supply-chain/
-- Source: `ifttt/verticals/supply-chain/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Supply Chain</title>
- <meta
- name="description"
- content="IF.TTT for industrial and supply chain environments: change-control receipts that survive contractor handoffs and insurer/auditor review."
- />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Industrial / supply chain</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../">Verticals</a>
- <a href="../../#trust">Trust</a>
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../whitepaper/">Whitepaper</a>
- <a href="../../about/">About</a>
- <a href="../../api/">Developers</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Supply chain reality</p>
- <h1>Handoffs are where proof dies.</h1>
- <p class="lede">
- Industrial systems accumulate contractors, vendors, and integrators. IF.TTT standardizes a receipt surface so chain‑of‑custody doesn’t
- collapse the moment responsibility moves.
- </p>
-
- <div class="panel">
- <h3>Third‑party pressure</h3>
- <ul class="list">
- <li>Customers ask for change control evidence after outages.</li>
- <li>Insurers ask what controls existed at the time of the incident.</li>
- <li>Auditors ask for traceability across organizational boundaries.</li>
- </ul>
- </div>
-
- <div class="panel" style="margin-top: 12px">
- <h3>What IF.TTT provides</h3>
- <div class="bw">
- <div class="bw__row">
- <div class="bw__k">Receipts</div>
- <div class="bw__v">Stable no‑login trace + output + source URLs keyed by <code>shareId</code>.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Offline</div>
- <div class="bw__v">Bundles for verification when networks and portals are unavailable.</div>
- </div>
- <div class="bw__row">
- <div class="bw__k">Clarity</div>
- <div class="bw__v">Integrity binding is verifiable; interpretation remains process-owned.</div>
- </div>
- </div>
- </div>
- </div>
-
- <aside class="hero__card" aria-label="Receipt-first process">
- <div class="card">
- <div class="card__media">
- <img src="../../assets/red-team-stamp-600.png" alt="EYES ONLY // DAVE stamp" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">PROCESS</div>
- <div class="badge">HANDOFF‑SAFE</div>
- </div>
- <div class="card__body">
- <ol class="steps">
- <li class="step">
- <div class="step__n">1</div>
- <div class="step__b">
- <div class="step__t">Hash the artifact</div>
- <div class="step__d">Define the bytes and compute <code>sha256</code>.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">2</div>
- <div class="step__b">
- <div class="step__t">Publish the receipt</div>
- <div class="step__d">Trace page binds source ↔ output.</div>
- </div>
- </li>
- <li class="step">
- <div class="step__n">3</div>
- <div class="step__b">
- <div class="step__t">Export bundles</div>
- <div class="step__d">Carry proof through constrained environments.</div>
- </div>
- </li>
- </ol>
- </div>
- </div>
- </aside>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">When responsibility moves, the receipt shouldn’t.</div>
- <div class="muted">
- <a href="../">Verticals</a> · <a href="../../governance/">Governance</a> · <a href="../../api/">Developers</a> ·
- <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a> <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
-
- <div class="bottombar" aria-label="Quick links">
- <div class="wrap bottombar__inner">
- <div class="bottombar__left">
- <span class="bottombar__label">Sectors</span>
- <a href="../public-sector/">Public Sector</a>
- <a href="../enterprise/">Enterprise</a>
- <a href="../research/">Research</a>
- <a href="../professional-services/">Professional</a>
- <span class="bottombar__sep">·</span>
- <span class="bottombar__label">Industries</span>
- <a href="../healthcare/">Healthcare</a>
- <a href="../finance/">Financial</a>
- <a href="../legal/">Legal</a>
- </div>
- <div class="bottombar__right">
- <a href="../../api/">Developers</a>
- <span class="bottombar__sep">|</span>
- <a href="../../api/">API</a>
- </div>
- </div>
- </div>
- </body>
-</html>
-```
-
-</details>
-
-## /whitepaper/
-- URL: https://infrafabric.io/whitepaper/
-- Static: https://infrafabric.io/static/hosted/ifttt/whitepaper/
-- Source: `ifttt/whitepaper/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Whitepaper</title>
- <meta
- name="description"
- content="Download the IF.TTT whitepaper and proof bundle. IF.TTT is a receipt-first governance layer: trace pages, stable no-login links, and optional offline bundles."
- />
- <link rel="stylesheet" href="../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Whitepaper</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../#how">How</a>
- <a href="../#trust">Trust</a>
- <a href="../#verify">Verify</a>
- <a href="../verticals/">Verticals</a>
- <a href="../governance/">Governance</a>
- <a href="../api/">Developers</a>
- <a href="../about/">About</a>
- <a class="lang" href="../fr/" aria-label="French">FR</a>
- </nav>
- </div>
- </header>
-
- <main id="top">
- <section class="hero">
- <div class="wrap hero__grid">
- <div class="hero__copy">
- <p class="kicker">Long-form spec + receipts</p>
- <h1>The IF.TTT whitepaper.</h1>
- <p class="lede">
- “Trustworthy” can’t be a vibe. This paper documents the receipt‑first sequence: <strong>hash the source</strong> → <strong>hash the output</strong> →
- <strong>publish a trace</strong> → <strong>share no‑login receipts</strong> → <strong>optional offline bundles</strong>.
- </p>
-
- <div class="pillrow" role="list" aria-label="Included artifacts">
- <div class="pill" role="listitem">
- <span class="pill__k">Paper</span>
- <span class="pill__v">HTML + Markdown</span>
- </div>
- <div class="pill" role="listitem">
- <span class="pill__k">Receipts</span>
- <span class="pill__v">Trace + hashes</span>
- </div>
- <div class="pill" role="listitem">
- <span class="pill__k">Offline</span>
- <span class="pill__v">Proof bundle + verifier</span>
- </div>
- </div>
-
- <div class="cta">
- <a
- class="btn btn--primary"
- href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- target="_blank"
- rel="noreferrer"
- >Read the paper now</a
- >
- <a class="btn" href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/" target="_blank" rel="noreferrer"
- >Get the full pack</a
- >
- </div>
-
- <p class="note">
- If your environment blocks downloads (common for some web fetchers), use the HTML version. The receipts are still verifiable.
- </p>
- </div>
-
- <aside class="hero__card" aria-label="Request the pack by email">
- <div class="card">
- <div class="card__media">
- <img src="../assets/eyes-only-dave.png" alt="EYES ONLY // DAVE stamp" loading="lazy" />
- </div>
- <div class="card__hdr">
- <div class="badge badge--ok">NO LOGIN</div>
- <div class="badge">EMAIL (OPTIONAL)</div>
- </div>
- <div class="card__body">
- <div class="mini">
- <div class="mini__k">Want the pack in your inbox?</div>
- <div class="mini__v">Drop an email. We’ll reply with the stable links (no “demo call” bait).</div>
- </div>
-
- <form class="form" method="POST" action="https://formsubmit.co/ds@infrafabric.io">
- <input type="hidden" name="_subject" value="IF.TTT whitepaper request" />
- <input type="hidden" name="_template" value="table" />
- <input type="hidden" name="_next" value="https://infrafabric.io/whitepaper/thanks/" />
- <input type="text" name="_honey" class="honeypot" tabindex="-1" autocomplete="off" />
-
- <div class="field">
- <label for="email">Email</label>
- <input id="email" name="email" type="email" required placeholder="you@company.com" autocomplete="email" />
- </div>
-
- <div class="field-row">
- <div class="field">
- <label for="company">Company (optional)</label>
- <input id="company" name="company" type="text" placeholder="Company" autocomplete="organization" />
- </div>
- <div class="field">
- <label for="role">Role (optional)</label>
- <input id="role" name="role" type="text" placeholder="GRC / SecOps / Legal / Product" />
- </div>
- </div>
-
- <div class="field">
- <label for="vertical">Vertical (optional)</label>
- <select id="vertical" name="vertical">
- <option value="">Select…</option>
- <option>Finance</option>
- <option>Healthcare</option>
- <option>Government</option>
- <option>SaaS</option>
- <option>Legal</option>
- <option>Sciences</option>
- <option>Other</option>
- </select>
- </div>
-
- <div class="field">
- <label for="note">What are you trying to prove? (optional)</label>
- <textarea id="note" name="note" rows="3" placeholder="e.g., we need third-party verifiable audit artifacts…"></textarea>
- </div>
-
- <button class="btn btn--primary" type="submit">Send links</button>
- <p class="fine">We only use this to reply with the paper/receipts. No spam, no list rental.</p>
- </form>
- </div>
- </div>
- </aside>
- </div>
- </section>
-
- <section class="section section--alt">
- <div class="wrap">
- <h2>Stable links (copy/paste)</h2>
- <p class="sub">These are the boring, audit-safe entry points.</p>
- <div class="links">
- <a class="linkrow" href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Whitepaper (HTML)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.md" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Whitepaper + review pack (Markdown)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.md</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.tar.gz" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Proof bundle (tar.gz)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.tar.gz</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/iftrace.py" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Offline verifier (iftrace.py)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/iftrace.py</span>
- </a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">InfraFabric • IF.TTT is “proof without login”.</div>
- <div class="muted">
- <a href="../">IF.TTT</a> · <a href="../governance/">Governance</a> · <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a>
- <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
- </body>
-</html>
-```
-
-</details>
-
-## /whitepaper/thanks/
-- URL: https://infrafabric.io/whitepaper/thanks/
-- Static: https://infrafabric.io/static/hosted/ifttt/whitepaper/thanks/
-- Source: `ifttt/whitepaper/thanks/index.html`
-
-<details>
-<summary>HTML</summary>
-
-```html
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>IF.TTT — Whitepaper request</title>
- <meta name="description" content="Thanks — here are the stable IF.TTT whitepaper links." />
- <link rel="stylesheet" href="../../style.css" />
- </head>
-
- <body>
- <header class="top">
- <div class="wrap top__inner">
- <a class="brand" href="../../" aria-label="IF.TTT home">
- <img class="brand__logo" src="../../assets/if-logo-simple.svg" alt="" aria-hidden="true" />
- <span class="brand__text">
- <span class="brand__title">IF.TTT</span>
- <span class="brand__sub">Whitepaper</span>
- </span>
- </a>
-
- <nav class="nav" aria-label="Primary">
- <a href="../../#verify">Verify</a>
- <a href="../../governance/">Governance</a>
- <a href="../../api/">Developers</a>
- <a href="../../about/">About</a>
- </nav>
- </div>
- </header>
-
- <main>
- <section class="section">
- <div class="wrap">
- <h1 style="margin-top: 0">Received.</h1>
- <p class="sub">If you submitted the form, we’ll reply with the stable links. No pitch deck required.</p>
-
- <div class="panel">
- <h3>Immediate access (no email required)</h3>
- <div class="links" style="margin-top: 10px">
- <a class="linkrow" href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Read the paper (HTML)</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html</span>
- </a>
- <a class="linkrow" href="https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/" target="_blank" rel="noreferrer">
- <span class="linkrow__t">Full review pack index</span>
- <span class="linkrow__u">https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/</span>
- </a>
- </div>
- <p class="fine">
- Tip: Some sandboxes load <code>text/html</code> but reject downloads. Use the HTML links in that case.
- </p>
- </div>
-
- <div class="cta" style="margin-top: 14px">
- <a class="btn btn--primary" href="../../">Back to IF.TTT</a>
- <a class="btn" href="../">Whitepaper page</a>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="wrap footer__inner">
- <div class="muted">InfraFabric • IF.TTT is “proof without login”.</div>
- <div class="muted">
- <a href="../../">IF.TTT</a> · <a href="../../governance/">Governance</a> · <a href="mailto:ds@infrafabric.io">ds@infrafabric.io</a>
- <span class="bottombar__sep">·</span> Danny Stocker
- </div>
- </div>
- </footer>
- </body>
-</html>
-```
-
-</details>
-
----
-
-# Text Assets (Full)
-
-## `app.js`
-- Source: `ifttt/app.js`
-
-```js
-(() => {
- const typewordEl = document.getElementById("typeword");
- const stepperEl = document.getElementById("stepper");
- const revealStepper = createStepperRevealer(stepperEl);
- if (stepperEl) window.setTimeout(revealStepper, 5200);
-
- if (typewordEl) startTypewriter(typewordEl, { onFirstCycleDone: revealStepper });
-
- const quoteTextEl = document.getElementById("quoteText");
- const quoteMetaEl = document.getElementById("quoteMeta");
- const quoteWrapEl = quoteTextEl?.closest?.(".quote");
- if (quoteTextEl && quoteMetaEl && quoteWrapEl) startQuoteTicker({ quoteWrapEl, quoteTextEl, quoteMetaEl });
-})();
-
-function createStepperRevealer(stepperEl) {
- let shown = false;
- return () => {
- if (shown || !stepperEl) return;
- shown = true;
- stepperEl.hidden = false;
- window.requestAnimationFrame(() => stepperEl.classList.add("homeStepper--show"));
- };
-}
-
-function startTypewriter(typewordEl, opts = {}) {
- const words = ["Transparent", "Traceable", "Trust", "TTT"];
- const typeMs = 42;
- const deleteMs = 26;
- const holdMs = 780;
- const finalHoldMs = 1100;
- const betweenMs = 180;
- const onFirstCycleDone = typeof opts.onFirstCycleDone === "function" ? opts.onFirstCycleDone : null;
-
- let wordIndex = 0;
- let charIndex = 0;
- let isDeleting = false;
- let cycleCount = 0;
-
- const tick = () => {
- const word = words[wordIndex] || "";
- if (!isDeleting) {
- charIndex = Math.min(word.length, charIndex + 1);
- } else {
- charIndex = Math.max(0, charIndex - 1);
- }
-
- typewordEl.textContent = word.slice(0, charIndex);
-
- const atEnd = !isDeleting && charIndex === word.length;
- const atStart = isDeleting && charIndex === 0;
-
- if (atEnd) {
- isDeleting = true;
- const wait = wordIndex === words.length - 1 ? finalHoldMs : holdMs;
- window.setTimeout(tick, wait);
- return;
- }
-
- if (atStart) {
- isDeleting = false;
- wordIndex = (wordIndex + 1) % words.length;
- if (wordIndex === 0) {
- cycleCount += 1;
- if (cycleCount === 1 && onFirstCycleDone) onFirstCycleDone();
- }
- window.setTimeout(tick, betweenMs);
- return;
- }
-
- window.setTimeout(tick, isDeleting ? deleteMs : typeMs);
- };
-
- tick();
-}
-
-async function startQuoteTicker({ quoteWrapEl, quoteTextEl, quoteMetaEl }) {
- const quotes = await loadQuotes();
- if (!Array.isArray(quotes) || quotes.length === 0) return;
-
- quoteWrapEl.classList.add("quote--show");
-
- let idx = Math.floor(Math.random() * quotes.length);
-
- const show = (q) => {
- quoteWrapEl.classList.remove("quote--show");
- quoteWrapEl.classList.add("quote--fade");
-
- window.setTimeout(() => {
- quoteTextEl.textContent = q.text || "";
- renderQuoteMeta({ quoteMetaEl, q });
-
- quoteWrapEl.classList.remove("quote--fade");
- quoteWrapEl.classList.add("quote--show");
- }, 220);
- };
-
- const loop = () => {
- const q = quotes[idx] || {};
- show(q);
- idx = (idx + 1) % quotes.length;
-
- const duration = estimateReadMs(q.text || "");
- window.setTimeout(loop, duration);
- };
-
- loop();
-}
-
-async function loadQuotes() {
- try {
- const resp = await fetch(resolveIfTttUrl("assets/ifttt-quotes.json"), { cache: "no-store" });
- if (resp.ok) {
- const data = await resp.json();
- if (Array.isArray(data)) return data;
- }
- } catch (e) {}
-
- return [
- {
- text: "Footnotes aren't decorations. They're load-bearing walls.",
- source: "IF.TTT paper",
- href: "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html",
- },
- {
- text: "If there's no IF.TTT trace, it didn't happen—or shouldn't be trusted.",
- source: "IF.TTT doctrine",
- href: "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html",
- },
- {
- text: "Trust isn't claimed. It's proven.",
- source: "IF.TTT paper",
- href: "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html",
- },
- ];
-}
-
-function resolveIfTttUrl(path) {
- try {
- const scriptEl = document.querySelector('script[src$="app.js"]');
- const scriptUrl = scriptEl ? new URL(scriptEl.getAttribute("src"), window.location.href) : new URL(window.location.href);
- return new URL(path, scriptUrl).toString();
- } catch (e) {
- return path;
- }
-}
-
-function renderQuoteMeta({ quoteMetaEl, q }) {
- while (quoteMetaEl.firstChild) quoteMetaEl.removeChild(quoteMetaEl.firstChild);
-
- const source = String(q.source || "").trim();
- const href = String(q.href || "").trim();
- if (!source) return;
-
- if (href) {
- const a = document.createElement("a");
- a.href = href;
- a.target = "_blank";
- a.rel = "noreferrer";
- a.textContent = source;
- quoteMetaEl.appendChild(a);
- return;
- }
-
- quoteMetaEl.textContent = source;
-}
-
-function estimateReadMs(text) {
- const cleaned = String(text || "").trim();
- if (!cleaned) return 4000;
-
- const words = cleaned.split(/\s+/).filter(Boolean).length;
- const wpm = 220;
- const ms = (words / wpm) * 60000 + 1200;
- return clamp(ms, 3200, 11000);
-}
-
-function clamp(v, min, max) {
- return Math.max(min, Math.min(max, v));
-}
-```
-
-## `style.css`
-- Source: `ifttt/style.css`
-
-```css
-:root {
- --bg: #fffdf7;
- --bg-alt: #fff9e6;
- --panel: #ffffff;
- --text: #111827;
- --muted: #6b7280;
- --border: #e5e7eb;
- --link: #1d4ed8;
- --accent: #8b0000;
- --ok: #0f5132;
- --ok-bg: #e7f6ee;
- --shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
- --radius: 14px;
-}
-
-* {
- box-sizing: border-box;
-}
-
-html {
- scroll-behavior: smooth;
-}
-
-body {
- margin: 0;
- font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
- background: var(--bg);
- color: var(--text);
- line-height: 1.5;
- padding-bottom: 62px;
-}
-
-a {
- color: var(--link);
- text-decoration: none;
-}
-
-a:hover {
- text-decoration: underline;
-}
-
-code {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size: 0.92em;
- background: #f3f4f6;
- padding: 2px 6px;
- border-radius: 8px;
-}
-
-pre.code {
- background: #0b1020;
- color: #e5e7eb;
- border-radius: 12px;
- padding: 12px;
- overflow: auto;
- box-shadow: var(--shadow);
- border: 1px solid rgba(255, 255, 255, 0.06);
-}
-
-pre.code code {
- background: transparent;
- padding: 0;
- border-radius: 0;
- font-size: 12px;
- line-height: 1.45;
-}
-
-.form {
- display: grid;
- gap: 12px;
- margin-top: 12px;
-}
-
-.field label {
- display: block;
- font-size: 12px;
- font-weight: 700;
- color: var(--muted);
- margin: 0 0 6px;
-}
-
-.field input,
-.field select,
-.field textarea {
- width: 100%;
- padding: 10px 12px;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #ffffff;
- font-size: 14px;
- line-height: 1.2;
-}
-
-.field textarea {
- resize: vertical;
-}
-
-.field input:focus,
-.field select:focus,
-.field textarea:focus {
- outline: none;
- border-color: rgba(29, 78, 216, 0.45);
- box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.12);
-}
-
-.field-row {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 12px;
-}
-
-.honeypot {
- display: none !important;
-}
-
-@media (max-width: 860px) {
- .field-row {
- grid-template-columns: 1fr;
- }
-}
-
-
-.wrap {
- max-width: 1120px;
- margin: 0 auto;
- padding: 0 18px;
-}
-
-.top {
- position: sticky;
- top: 0;
- z-index: 20;
- background: rgba(255, 253, 247, 0.92);
- backdrop-filter: blur(10px);
- border-bottom: 1px solid var(--border);
-}
-
-.top__inner {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 14px 0;
- gap: 14px;
-}
-
-.brand {
- display: inline-flex;
- align-items: center;
- gap: 12px;
- min-width: 220px;
-}
-
-.brand__mark {
- width: 38px;
- height: 38px;
- border-radius: 12px;
- border: 1px solid rgba(139, 0, 0, 0.25);
- background:
- radial-gradient(18px 18px at 30% 30%, rgba(139, 0, 0, 0.18), transparent 60%),
- radial-gradient(18px 18px at 70% 70%, rgba(29, 78, 216, 0.10), transparent 60%),
- #fff;
- box-shadow: var(--shadow);
-}
-
-.brand__logo {
- width: 38px;
- height: 38px;
- display: block;
- border-radius: 12px;
- box-shadow: var(--shadow);
-}
-
-.brand__text {
- display: flex;
- flex-direction: column;
- gap: 2px;
-}
-
-.brand__title {
- font-weight: 800;
- letter-spacing: 0.2px;
-}
-
-.brand__sub {
- font-size: 12px;
- color: var(--muted);
-}
-
-.nav {
- display: flex;
- gap: 14px;
- flex-wrap: wrap;
- justify-content: flex-end;
- font-size: 13px;
-}
-
-.nav a {
- color: var(--muted);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.nav a:hover {
- color: var(--text);
- background: #ffffff;
- border: 1px solid var(--border);
- text-decoration: none;
-}
-
-.hero {
- padding: 34px 0 22px;
- background:
- radial-gradient(650px 260px at 20% 0%, rgba(139, 0, 0, 0.08), transparent 60%),
- radial-gradient(700px 300px at 100% 40%, rgba(29, 78, 216, 0.06), transparent 60%),
- linear-gradient(#fffdf7, #fff);
-}
-
-.hero__grid {
- display: grid;
- grid-template-columns: 1.2fr 0.8fr;
- gap: 22px;
- align-items: start;
-}
-
-.kicker {
- font-size: 13px;
- color: var(--muted);
- margin: 0 0 10px;
-}
-
-h1 {
- font-size: 40px;
- line-height: 1.1;
- margin: 0 0 10px;
- letter-spacing: -0.4px;
-}
-
-.type {
- display: inline-flex;
- align-items: center;
- gap: 0;
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size: 14px;
- color: #374151;
- margin: 0 0 10px;
- user-select: none;
-}
-
-.type__prefix,
-.type__suffix {
- color: #111827;
- font-weight: 700;
-}
-
-.type__caret {
- width: 8px;
- height: 16px;
- margin-left: 6px;
- border-radius: 2px;
- background: rgba(17, 24, 39, 0.65);
- animation: caretblink 1s steps(1, end) infinite;
-}
-
-@keyframes caretblink {
- 50% {
- opacity: 0;
- }
-}
-
-.quote {
- margin: 0 0 12px;
- padding: 10px 12px;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- background: #ffffff;
- box-shadow: var(--shadow);
- max-width: 72ch;
-}
-
-.quote__text {
- font-size: 13px;
- color: #111827;
- font-weight: 650;
-}
-
-.quote__meta {
- margin-top: 6px;
- font-size: 12px;
- color: var(--muted);
-}
-
-.quote__meta a {
- color: var(--muted);
- text-decoration: underline;
- text-underline-offset: 2px;
-}
-
-.quote--fade {
- opacity: 0;
- transition: opacity 250ms ease;
-}
-
-.quote--show {
- opacity: 1;
-}
-
-.lede {
- margin: 0 0 14px;
- color: #374151;
- max-width: 62ch;
-}
-
-.pillrow {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 10px;
- margin: 18px 0 16px;
-}
-
-.pill {
- border: 1px solid var(--border);
- background: #ffffff;
- border-radius: var(--radius);
- padding: 10px 10px;
- box-shadow: var(--shadow);
-}
-
-.pill__k {
- font-size: 12px;
- color: var(--muted);
- display: block;
-}
-
-.pill__v {
- font-size: 13px;
- font-weight: 600;
- margin-top: 2px;
- display: block;
-}
-
-.cta {
- display: flex;
- gap: 10px;
- flex-wrap: wrap;
- margin: 14px 0 10px;
-}
-
-.btn {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- padding: 10px 12px;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #ffffff;
- color: var(--text);
- font-weight: 650;
- font-size: 13px;
- box-shadow: var(--shadow);
- text-decoration: none;
-}
-
-.btn:hover {
- text-decoration: none;
- border-color: rgba(17, 24, 39, 0.22);
-}
-
-.btn--primary {
- background: #111827;
- color: #ffffff;
- border-color: rgba(0, 0, 0, 0.25);
-}
-
-.btn--primary:hover {
- border-color: rgba(0, 0, 0, 0.45);
-}
-
-.note {
- font-size: 12px;
- color: var(--muted);
- margin: 10px 0 0;
-}
-
-.card {
- border: 1px solid var(--border);
- background: #ffffff;
- border-radius: 18px;
- box-shadow: var(--shadow);
- overflow: hidden;
-}
-
-.card__media {
- border-bottom: 1px solid var(--border);
- background: #111827;
-}
-
-.card__media img {
- display: block;
- width: 100%;
- height: 162px;
- object-fit: cover;
- opacity: 0.95;
-}
-
-.card__hdr {
- padding: 12px 12px;
- border-bottom: 1px solid var(--border);
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
- background: #f8fafc;
-}
-
-.badge {
- display: inline-flex;
- align-items: center;
- padding: 4px 10px;
- border-radius: 999px;
- border: 1px solid var(--border);
- font-size: 12px;
- color: var(--muted);
- background: #ffffff;
- white-space: nowrap;
-}
-
-.badge--ok {
- border-color: rgba(15, 81, 50, 0.25);
- background: var(--ok-bg);
- color: var(--ok);
- font-weight: 700;
-}
-
-.card__body {
- padding: 14px 12px 12px;
-}
-
-.kv {
- display: grid;
- grid-template-columns: 90px 1fr;
- gap: 6px 10px;
- font-size: 13px;
-}
-
-.kv__k {
- color: var(--muted);
-}
-
-.kv__v code {
- background: #f3f4f6;
-}
-
-.mini {
- margin-top: 12px;
- border-top: 1px dashed var(--border);
- padding-top: 10px;
- font-size: 13px;
-}
-
-.mini__k {
- color: var(--muted);
- font-weight: 600;
- font-size: 12px;
-}
-
-.mini__v {
- margin-top: 4px;
- color: #374151;
-}
-
-.section {
- padding: 34px 0;
-}
-
-.section--alt {
- background: var(--bg-alt);
- border-top: 1px solid rgba(0, 0, 0, 0.03);
- border-bottom: 1px solid rgba(0, 0, 0, 0.03);
-}
-
-h2 {
- margin: 0 0 8px;
- font-size: 22px;
- letter-spacing: -0.2px;
-}
-
-.sub {
- margin: 0 0 18px;
- color: var(--muted);
- font-size: 14px;
- max-width: 80ch;
-}
-
-.sub2 {
- margin: 0 0 10px;
- color: var(--muted);
- font-size: 13px;
-}
-
-.steps {
- display: grid;
- gap: 10px;
- padding: 0;
- margin: 0;
- list-style: none;
-}
-
-.step {
- position: relative;
- display: grid;
- grid-template-columns: 44px 1fr;
- gap: 12px;
- padding: 14px 12px;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- background: #ffffff;
- box-shadow: var(--shadow);
-}
-
-.step::after {
- content: "";
- position: absolute;
- left: 30px;
- top: 54px;
- bottom: -10px;
- width: 2px;
- background: linear-gradient(to bottom, rgba(229, 231, 235, 0.95), rgba(229, 231, 235, 0));
-}
-
-.step:last-child::after {
- display: none;
-}
-
-.step__n {
- width: 36px;
- height: 36px;
- border-radius: 12px;
- background: rgba(139, 0, 0, 0.06);
- border: 1px solid rgba(139, 0, 0, 0.18);
- display: grid;
- place-items: center;
- font-weight: 800;
- color: var(--accent);
-}
-
-.step__t {
- font-weight: 750;
-}
-
-.step__d {
- color: #374151;
- margin-top: 3px;
- font-size: 13px;
-}
-
-.grid2 {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 14px;
-}
-
-.panel {
- background: #ffffff;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- padding: 14px 14px;
- box-shadow: var(--shadow);
-}
-
-.panel h3 {
- margin: 0 0 8px;
- font-size: 15px;
-}
-
-.list {
- margin: 10px 0 0;
- padding-left: 18px;
- color: #374151;
- font-size: 13px;
-}
-
-.bw {
- display: grid;
- gap: 8px;
- font-size: 13px;
-}
-
-.bw__row {
- display: grid;
- grid-template-columns: 130px 1fr;
- gap: 10px;
- padding: 10px 10px;
- border: 1px solid var(--border);
- border-radius: 12px;
- background: #ffffff;
-}
-
-.bw__k {
- color: var(--muted);
- font-weight: 700;
-}
-
-.bw__v {
- color: #374151;
-}
-
-.verify {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 14px;
- align-items: start;
-}
-
-.links {
- display: grid;
- gap: 8px;
- margin-top: 10px;
-}
-
-.linkrow {
- display: grid;
- gap: 4px;
- border: 1px solid var(--border);
- border-radius: 12px;
- padding: 10px 10px;
- background: #ffffff;
- box-shadow: var(--shadow);
-}
-
-.linkrow:hover {
- border-color: rgba(29, 78, 216, 0.35);
- text-decoration: none;
-}
-
-.linkrow__t {
- font-weight: 700;
- font-size: 13px;
- color: var(--text);
-}
-
-.linkrow__u {
- font-size: 12px;
- color: var(--muted);
- overflow-wrap: anywhere;
-}
-
-.fine {
- margin: 12px 0 0;
- color: var(--muted);
- font-size: 12px;
-}
-
-.cards {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 12px;
-}
-
-.vcard {
- background: #ffffff;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- padding: 14px 14px;
- box-shadow: var(--shadow);
-}
-
-.vcard__icon {
- width: 44px;
- height: 44px;
- border: 1px solid var(--border);
- border-radius: 14px;
- background: #f8fafc;
- display: grid;
- place-items: center;
- margin-bottom: 10px;
- color: var(--accent);
-}
-
-.vcard__icon svg {
- width: 22px;
- height: 22px;
-}
-
-.vcard h3 {
- margin: 0 0 10px;
- font-size: 15px;
-}
-
-.vcard__k {
- margin: 0;
- font-size: 12px;
- color: var(--muted);
- font-weight: 700;
-}
-
-.vcard__v {
- margin: 4px 0 10px;
- font-size: 13px;
- color: #374151;
-}
-
-.vcard__more {
- display: inline-flex;
- align-items: center;
- gap: 6px;
- font-size: 12px;
- color: var(--muted);
- padding: 6px 10px;
- border: 1px solid var(--border);
- border-radius: 999px;
- background: #ffffff;
-}
-
-.vcard__more:hover {
- color: var(--text);
- border-color: rgba(17, 24, 39, 0.22);
- text-decoration: none;
-}
-
-.faq {
- display: grid;
- gap: 10px;
-}
-
-details {
- background: #ffffff;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- padding: 12px 12px;
- box-shadow: var(--shadow);
-}
-
-summary {
- cursor: pointer;
- font-weight: 750;
- list-style: none;
-}
-
-summary::-webkit-details-marker {
- display: none;
-}
-
-details p {
- margin: 10px 0 0;
- color: #374151;
- font-size: 13px;
-}
-
-.foot {
- margin-top: 18px;
- border-top: 1px solid var(--border);
- padding-top: 14px;
- display: grid;
- gap: 8px;
-}
-
-.foot__row {
- display: grid;
- grid-template-columns: 90px 1fr;
- gap: 12px;
- font-size: 13px;
-}
-
-.foot__k {
- color: var(--muted);
- font-weight: 700;
-}
-
-.footer {
- border-top: 1px solid var(--border);
- padding: 18px 0;
- background: #ffffff;
-}
-
-.footer__inner {
- display: flex;
- justify-content: space-between;
- gap: 12px;
- flex-wrap: wrap;
-}
-
-.muted {
- color: var(--muted);
- font-size: 12px;
-}
-
-.bottombar {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 25;
- background: rgba(255, 253, 247, 0.92);
- backdrop-filter: blur(10px);
- border-top: 1px solid var(--border);
-}
-
-.bottombar__inner {
- display: flex;
- justify-content: space-between;
- gap: 12px;
- align-items: center;
- padding: 10px 0;
- font-size: 12px;
-}
-
-.bottombar__left,
-.bottombar__right {
- display: flex;
- gap: 6px;
- align-items: center;
- flex-wrap: wrap;
-}
-
-.bottombar__label {
- font-size: 11px;
- font-weight: 750;
- letter-spacing: 0.08em;
- text-transform: uppercase;
- color: rgba(107, 114, 128, 0.85);
- padding: 6px 6px;
-}
-
-.bottombar a {
- color: var(--muted);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.bottombar a:hover {
- color: var(--text);
- background: #ffffff;
- border: 1px solid var(--border);
- text-decoration: none;
-}
-
-.bottombar__sep {
- color: rgba(107, 114, 128, 0.7);
- margin: 0 2px;
-}
-
-@media (max-width: 980px) {
- .hero__grid {
- grid-template-columns: 1fr;
- }
- .pillrow {
- grid-template-columns: 1fr;
- }
- .grid2 {
- grid-template-columns: 1fr;
- }
- .verify {
- grid-template-columns: 1fr;
- }
- .cards {
- grid-template-columns: 1fr;
- }
- h1 {
- font-size: 34px;
- }
-
- body {
- padding-bottom: 74px;
- }
-}
-
-/* Home (minimal landing; “OK Computer” empty-space bias) */
-body.home {
- background:
- radial-gradient(900px 420px at 15% 0%, rgba(29, 78, 216, 0.06), transparent 60%),
- radial-gradient(900px 420px at 85% 15%, rgba(139, 0, 0, 0.06), transparent 60%),
- linear-gradient(#fffdf7, #ffffff);
-}
-
-body.home .top {
- position: fixed;
- left: 0;
- right: 0;
- background: transparent;
- border-bottom: none;
- backdrop-filter: none;
-}
-
-body.home .top__inner {
- padding: 18px 0;
-}
-
-.homeNav {
- display: flex;
- align-items: center;
- gap: 12px;
- flex-wrap: wrap;
- justify-content: flex-end;
- font-size: 12px;
-}
-
-.homeNav a {
- color: var(--muted);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.homeNav a:hover {
- color: var(--text);
- background: #ffffff;
- border: 1px solid var(--border);
- text-decoration: none;
-}
-
-.homeNav__sep {
- color: rgba(107, 114, 128, 0.7);
-}
-
-.homeMain {
- min-height: 100vh;
- display: flex;
- align-items: center;
- padding: 120px 0 90px;
-}
-
-.homeMain__inner {
- width: 100%;
-}
-
-.homeCenter {
- text-align: center;
- max-width: 920px;
- margin: 0 auto;
-}
-
-.homeBadges {
- display: flex;
- justify-content: center;
- align-items: center;
- gap: 10px;
- flex-wrap: wrap;
- margin: 0 0 14px;
-}
-
-.badge--big {
- font-size: 12px;
- padding: 7px 12px;
- border-radius: 999px;
- letter-spacing: 0.08em;
-}
-
-.type--home {
- font-size: clamp(44px, 7vw, 74px);
- line-height: 1.05;
- margin: 0 0 14px;
- color: #111827;
-}
-
-.type--home .type__prefix,
-.type--home .type__suffix {
- font-weight: 800;
-}
-
-.type--home .type__caret {
- width: 0.18em;
- height: 1.05em;
- margin-left: 0.12em;
- border-radius: 0.14em;
- background: rgba(17, 24, 39, 0.65);
-}
-
-.quote--home {
- margin: 0 auto 14px;
-}
-
-.quote--home .quote__text {
- font-size: 14px;
-}
-
-.homeLede {
- margin: 0 auto 0;
- max-width: 78ch;
- color: #374151;
- font-size: 13px;
-}
-
-.homeStepper {
- margin: 18px auto 0;
- max-width: 920px;
- text-align: left;
- opacity: 0;
- transform: translateY(6px);
- transition:
- opacity 420ms ease,
- transform 420ms ease;
-}
-
-.homeStepper.homeStepper--show {
- opacity: 1;
- transform: translateY(0);
-}
-
-.homeLinks {
- display: flex;
- flex-wrap: wrap;
- gap: 10px;
- margin: 14px 0 0;
-}
-
-.homeLink {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- padding: 9px 10px;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #ffffff;
- color: var(--text);
- font-weight: 650;
- font-size: 12px;
- box-shadow: var(--shadow);
- text-decoration: none;
-}
-
-.homeLink:hover {
- text-decoration: none;
- border-color: rgba(29, 78, 216, 0.35);
- box-shadow:
- var(--shadow),
- 0 0 0 4px rgba(29, 78, 216, 0.10);
-}
-
-.homeMeta {
- margin-top: 14px;
- font-size: 12px;
- color: var(--muted);
-}
-
-@media (max-width: 980px) {
- body.home .top {
- position: sticky;
- background: rgba(255, 253, 247, 0.92);
- border-bottom: 1px solid var(--border);
- backdrop-filter: blur(10px);
- }
-
- .homeMain {
- padding-top: 86px;
- }
-
- .type--home {
- font-size: clamp(38px, 10vw, 54px);
- }
-}
-```
-
-## `assets/if-logo-simple.svg`
-- Source: `ifttt/assets/if-logo-simple.svg`
-
-```svg
-<?xml version="1.0" encoding="UTF-8"?>
-<svg
- xmlns="http://www.w3.org/2000/svg"
- width="1024"
- height="1024"
- viewBox="0 0 512 512"
- role="img"
- aria-labelledby="title desc"
->
- <title id="title">if. mark</title>
- <desc id="desc">Stylized “if.” mark with subtle gradient and shadow.</desc>
-
- <defs>
- <linearGradient id="ifBlue" x1="70" y1="0" x2="440" y2="0" gradientUnits="userSpaceOnUse">
- <stop offset="0" stop-color="#0b253b" />
- <stop offset="0.44" stop-color="#164d7a" />
- <stop offset="0.56" stop-color="#1b5a8e" />
- <stop offset="1" stop-color="#0b253b" />
- </linearGradient>
-
- <filter id="ifShadow" x="-40%" y="-40%" width="180%" height="180%">
- <feOffset in="SourceAlpha" dx="0" dy="14" result="off" />
- <feGaussianBlur in="off" stdDeviation="12" result="blur" />
- <feColorMatrix
- in="blur"
- type="matrix"
- values="0 0 0 0 0
- 0 0 0 0 0
- 0 0 0 0 0
- 0 0 0 0.28 0"
- result="shadow"
- />
- <feMerge>
- <feMergeNode in="shadow" />
- <feMergeNode in="SourceGraphic" />
- </feMerge>
- </filter>
- </defs>
-
- <!--
- Mark group:
- - i (stem + dot)
- - f (stem + top bar + crossbar)
- - period dot
- -->
- <g filter="url(#ifShadow)" transform="translate(75 15)" fill="url(#ifBlue)">
- <!-- i -->
- <circle cx="35" cy="125" r="32" />
- <rect x="0" y="170" width="70" height="220" rx="8" />
-
- <!-- f -->
- <rect x="120" y="140" width="86" height="250" rx="10" />
- <rect x="120" y="110" width="150" height="90" rx="45" />
- <rect x="120" y="240" width="140" height="80" rx="28" />
-
- <!-- . -->
- <circle cx="330" cy="358" r="32" />
- </g>
-</svg>
-```
-
-## `assets/ifttt-quotes.json`
-- Source: `ifttt/assets/ifttt-quotes.json`
-
-```json
-[
- {
- "text": "Footnotes aren't decorations. They're load-bearing walls.",
- "source": "IF.TTT paper (v2.3)",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "If there's no IF.TTT trace, it didn't happen—or shouldn't be trusted.",
- "source": "IF.TTT doctrine",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "No trace, no trust. Simple as that.",
- "source": "IF.TTT doctrine",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "Trust isn't claimed. It's proven.",
- "source": "IF.TTT paper (v2.3)",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "We don’t claim trust. We publish receipts.",
- "source": "IF.TTT stance",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "Your auditor shouldn’t need your credentials.",
- "source": "IF.TTT public receipts",
- "href": "https://infrafabric.io/static/hosted/ifttt/"
- },
- {
- "text": "Third parties verify. We just publish the math.",
- "source": "IF.TTT posture",
- "href": "https://infrafabric.io/static/hosted/ifttt/"
- },
- {
- "text": "Receipts must be readable and verifiable without credentials.",
- "source": "IF.TTT public receipt surface",
- "href": "https://infrafabric.io/static/hosted/ifttt/"
- },
- {
- "text": "Design constraint: black/white clarity. No “maybe”.",
- "source": "IF.TTT ops (full stack)",
- "href": "https://infrafabric.io/static/hosted/ifttt/api/"
- },
- {
- "text": "We do not claim “quantum-secure”. We claim “quantum-ready”.",
- "source": "IF.TTT tech stack",
- "href": "https://infrafabric.io/static/hosted/ifttt/api/"
- },
- {
- "text": "The stenographer doesn't make the therapy cold. The stenographer makes it accountable.",
- "source": "IF.emotion on IF.TTT",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "That's the moat.",
- "source": "IF.TTT paper (v2.3)",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "The moat is not the AI. The moat is the proof.",
- "source": "IF.TTT paper (v2.3)",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "If it’s not verifiable, label it as a gap. Do not endorse it.",
- "source": "IF.TTT stance",
- "href": "https://infrafabric.io/static/hosted/ifttt/"
- }
-]
-```
-
-
-
-
-
+
-IF.TTT — About
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /api/
-- URL: https://infrafabric.io/api/
-- Static: https://infrafabric.io/static/hosted/ifttt/api/
-- Source: `ifttt/api/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- About
-
-
-
-
-
-
-
-
-
-
-
- Why this exists
-We built the skeleton first.
-- Most systems produce answers and call that “governance”. IF.TTT starts earlier: it produces receipts that a third party can verify without - joining your internal world. -
- -
-
-
-
- Who / Why / What / Where / When / How
-
-
-
-
- Who
- InfraFabric operators shipping public, no‑login verification artifacts.
-
-
- Why
- Because “trust us” fails the moment a reviewer asks for proof.
-
-
- What
- A receipt‑first protocol: bind
- source_sha256 ↔ output_sha256 under a trace receipt.
-
- Where
- On a stable public share surface (no login): trace, dossier, packs, and source.
-
-
- When
- At publication time: the receipt is generated and can be verified later during disputes.
-
-
- How
- Hashes + receipts + optional offline bundles; nothing magical, just opposable proof.
-
-
- What a receipt proves (and what it doesn’t)
-
-
-
-
- Proves
--
-
- Integrity binding: the published bytes match the hashes on the receipt. -
- Traceability: a reviewer can point to a stable, no‑login receipt. -
- Replay: verification still works during disputes (offline bundles when needed). -
-
- Does not prove
--
-
- Intent, interpretation, or “correctness” of a narrative. -
- That a control is effective—only that the evidence exists and is bound to the record. -
- Compliance scope (people, policy, contracts); receipts are inputs to governance. -
-
- Read the paper (and verify the examples)
- -
-IF.TTT — Developers / API
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /fr/governance/
-- URL: https://infrafabric.io/fr/governance/
-- Static: https://infrafabric.io/static/hosted/ifttt/fr/governance/
-- Source: `ifttt/fr/governance/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- Public receipt surface (no login)
-Stable URLs, predictable verification.
-- IF.TTT is intentionally boring from a developer perspective: compute hashes, publish receipts, and keep the proof surface stable. The - system is designed for third parties who are not inside your network. -
-
-
- What “VERIFIED” means (black/white)
-
-
-
-
- Verified
- The bytes you can download hash to the same values shown on the trace receipt.
-
-
- Quantum ready
- A post‑quantum signature receipt exists (additive; integrity hashes still stand).
-
-
- Not implied
- Compliance, intent, or correctness of interpretation.
-
-
- HTML fallback (for sandboxed reviewers)
-- Some external review environments can load HTML but reject downloadable binaries or raw markdown. For those, we publish HTML views alongside - the raw assets. -
-
-
-
-
- Raw
-/static/pack/<shareId>.md
-/static/review/<shareId>.md
-/static/marketing/<shareId>.md
-
- HTML view
-/static/pack/<shareId>
-/static/review/<shareId>
-/static/marketing/<shareId>
-
- Offline verification (triage bundles)
-Download a bundle (lightweight/standard/full) and verify without relying on the live site.
-
-
-
-
- Bundle selector (demo)
-
-
- Triage selector (HTML)
- https://infrafabric.io/static/hosted/review/trace-bundles/d70ed99a/index.html
-
-
- Verifier (HTML)
- https://infrafabric.io/static/hosted/iftrace.html
-
-
- Verifier (download)
- https://infrafabric.io/static/hosted/iftrace.py
-
-
-
- Note: some “web fetchers” reject .tar.gz with a client-side error even when browsers/curl succeed. Use the HTML views and
- download bundles locally.
-
-
- Verify (CLI)
-curl -fsSL -o iftrace.py 'https://infrafabric.io/static/hosted/iftrace.py'
-python3 iftrace.py verify trace_bundle_<id>_standard.tar.gz --expected-sha256 <sha256>If hashes match, the receipt’s integrity claim is satisfied.
-
-IF.TTT — Gouvernance ouverte
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /fr/
-- URL: https://infrafabric.io/fr/
-- Static: https://infrafabric.io/static/hosted/ifttt/fr/
-- Source: `ifttt/fr/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- Gouvernance ouverte
-Lisible par les gouvernés.
-- Une “gouvernance” qui ne se lit qu’en interne n’est pas une preuve. IF.TTT publie des reçus stables, accessibles sans login, pour que des - tiers puissent vérifier l’intégrité sans entrer dans votre réseau. -
- -
-
-
- Ce que cela prouve (et ce que cela ne prouve pas)
-
-
-
-
- Prouve
- Liaison d’intégrité (hashes), reçus de publication, bundles hors‑ligne.
-
-
- Ne prouve pas
- L’intention, l’interprétation, ou “la conformité atteinte”.
-
-
-
-
- La “stack” de gouvernance
--
-
- IF.TTT (reçus) : source_sha256 ↔ output_sha256, trace_id, shareId. -
- Revue : packs de revue externes, critiques, disputes. -
- Contrôles : gates/stop‑conditions qui consomment ces reçus. -
-
- Pour qui (et qui va détester)
-Lisible pour des tiers : le but n’est pas le confort interne, mais la vérifiabilité externe.
- -
-
-
-
-
-
-
- Pour
--
-
- GRC / audit (SOC 2 / ISO) : preuves exportables. -
- Architecture sécurité : contrôles mesurables, pas d’attestations. -
- Juridique / conformité : chaîne de possession en cas de litige. -
- Produits IA : “pourquoi le modèle a dit ça ?” -
- Secteur public / défense : vérification hors‑ligne et environnements verrouillés. -
-
- Pas pour
--
-
- Ceux qui veulent un “badge” sans publier d’artefacts vérifiables. -
- Les workflows où rien ne peut sortir du réseau (pas de surface publique). -
- Les organisations qui préfèrent l’ambiguïté : IF.TTT rend les trous visibles. -
-IF.TTT — Vérification ouverte pour la gouvernance IA
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /governance/
-- URL: https://infrafabric.io/governance/
-- Static: https://infrafabric.io/static/hosted/ifttt/governance/
-- Source: `ifttt/governance/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- Gouvernance ouverte, lisible par des tiers
-Des reçus, pas des opinions.
-
- if.>
-
-
-
-
-
- - IF.TTT est une couche de gouvernance “receipt‑first”. Elle relie un artefact source à un output via une - page de trace, des liens publics sans login, et des bundles hors‑ligne vérifiables. -
- -
-
-
-
-
-
- Sans login
- Surface publique
-
-
- Hors‑ligne
- Bundles de triage
-
-
- Noir/blanc
- Vérifié vs non‑vérifié
-
- - Nous ne “vendons” pas la conformité. Nous aidons les audits en produisant des reçus vérifiables que des tiers peuvent contrôler - sans vos identifiants. -
-
-IF.TTT — Open Governance
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /
-- URL: https://infrafabric.io/
-- Static: https://infrafabric.io/static/hosted/ifttt/
-- Source: `ifttt/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- Open governance
-Legible to the governed.
-- “Governance” fails when it’s only legible inside your network. IF.TTT moves the proof outside: stable, no‑login receipts that third parties - can verify without joining your internal world. -
- -
-
-
- What this page is (black/white)
-
-
-
-
- Goal
- Make third‑party verification possible without credentials.
-
-
- Mechanism
- Hashes + trace receipts + stable URLs + optional offline bundles.
-
-
- Not implied
- “Compliance achieved” or “correctness of interpretation”.
-
-
-
-
- The governance stack (where IF.TTT sits)
--
-
- Receipt layer (IF.TTT): integrity binding + chain‑of‑custody IDs + share surface. -
- Review layer: external review packs, panel critique, dispute workflows. -
- Enforcement layer: gates/stop‑conditions that consume receipts (CI, access, runtime). -
Receipts don’t replace governance. They remove ambiguity from it.
-
-
- For whom (and who will hate it)
-A constitutional framing: the goal is legibility to outsiders, not internal comfort.
- -
-
-
-
-
-
-
- For
--
-
- GRC / Audit leads drowning in evidence requests (SOC 2 / ISO 27001 / vendor due diligence). -
- Security architects who need “proof of what ran” without adding manual theater. -
- Legal / compliance teams who need chain‑of‑custody that survives disputes. -
- AI product teams facing “why did it say that?” questions from customers and regulators. -
- Gov/defense contractors who must verify artifacts offline or across locked‑down environments. -
-
- Not for
--
-
- Teams seeking a “compliance badge” without publishing verifiable artifacts. -
- Workflows where evidence cannot leave the internal network (no share surface, no external verification). -
- Organizations that want to hide uncertainty: IF.TTT makes gaps visible by design. -
- Anyone who needs governance to remain ambiguous (receipts reduce wiggle room). -
-
- Charters (how we keep it honest)
-These are plain Markdown docs: readable, linkable, and easy to critique.
-
-
- Triage policy
- https://infrafabric.io/static/hosted/gov/TRIAGE.md
-
-
- Panel / external review process
- https://infrafabric.io/static/hosted/gov/PANEL.md
-
-
- Witness model
- https://infrafabric.io/static/hosted/gov/WITNESS.md
-
-
- Third‑party questions we expect
- https://infrafabric.io/static/hosted/gov/QUESTIONS.md
-
-
-
-
- Live example
-A real trace receipt you can verify right now.
- -- “VERIFIED” means the published bytes hash to what the receipt says. “QUANTUM READY” means a post‑quantum signature receipt exists (additive; - integrity hashes still stand). -
-
-IF.TTT — Open Verification for AI Governance
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/ai/
-- URL: https://infrafabric.io/verticals/ai/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/ai/
-- Source: `ifttt/verticals/ai/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
-
-
- VERIFIED
- QUANTUM READY
-
-
-
- if.>
-
-
-
-
-
-
-
- - Open verification for governance: third parties can verify receipts without your credentials. - Artifacts > adjectives. -
- -How verification works
-Black/white: what the receipt proves vs what it doesn’t.
- --
-
-
- 1---Bind source ↔ output-Hash the exact source bytes and the exact output bytes.-
-
-
- 2---Publish a trace receipt-A public page that links the hashes, time, and versioning.-
-
-
- 3---No‑login share surface-Stable URLs keyed by a single-
shareId(trace, dossier, pack, source).
- -
- 4---Optional: offline triage bundles-Lightweight/standard/full bundles for constrained environments.-
-
- Open a live trace receipt
- Open the corresponding pack
- Triage bundle selector (offline)
- Download `iftrace.py`
- IF.TTT paper (review pack)
-
-
- - If it’s not verifiable, label it as a gap. Don’t endorse it. - This is how you keep governance legible to outsiders. -
-
- Danny Stocker ds@infrafabric.io
-
-
-IF.TTT — AI Products
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/enterprise/
-- URL: https://infrafabric.io/verticals/enterprise/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/enterprise/
-- Source: `ifttt/verticals/enterprise/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- AI product reality
-“Why did it say that?” becomes a contract clause.
-- Enterprise buyers increasingly require provenance: what source material fed the output, what version produced it, and what can be - verified after the fact. IF.TTT turns that requirement into a repeatable receipt surface. -
- -
-
-
- Third‑party pressure
--
-
- Enterprise buyers demand defensible provenance without joining your internal stack. -
- Incident responders demand integrity-bound artifacts for “what happened.” -
- GRC teams demand a black/white boundary between verified evidence and interpretation. -
-
- What IF.TTT provides
-
-
-
-
- Receipts
- Trace pages + stable no‑login URLs for outputs and sources.
-
-
- Disputes
- Offline bundles for verification after access or context changes.
-
-
- Clarity
- Proves integrity and publication; does not claim intent or correctness.
-
-IF.TTT — Enterprise
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/finance/
-- URL: https://infrafabric.io/verticals/finance/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/finance/
-- Source: `ifttt/verticals/finance/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- Enterprise
-
-
-
-
-
-
-
-
-
-
-
- Enterprise reality
-Audits are a throughput problem.
-- Enterprise trust breaks when proof requires access: screenshots, ticket exports, and “trust me” Slack threads. IF.TTT replaces access - requirements with receipts—so verification is externalizable. -
- -
-
-
- Third‑party pressure
--
-
- Auditors and customers ask the same question: “prove it was true at the time.” -
- Procurement needs evidence without granting broad credentials. -
- Executives need a narrative; security needs reproducible artifacts. -
-
- What IF.TTT provides
-
-
-
-
- Receipt‑first
- Integrity binding:
- source_sha256 ↔ output_sha256.
-
- No‑login share
- Public receipt surface for reviewers (with sandbox fallback paths).
-
-
- Offline option
- Triage bundles for future disputes and restricted review.
-
-
- One sentence you can forward
-For stakeholder alignment without overclaiming.
-
-
- - IF.TTT supports audits by producing externally verifiable receipts—so reviewers don’t need your internal credentials to verify integrity. -
-
-IF.TTT — Finance
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/government/
-- URL: https://infrafabric.io/verticals/government/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/government/
-- Source: `ifttt/verticals/government/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- Finance reality
-Regulators don’t buy narratives. They buy receipts.
-- In regulated finance, the first question after an incident is not “what did the model mean?” It’s “show me the evidence chain: inputs, - outputs, timestamps, and who approved what.” -
- -
-
-
- Third‑party pressure
--
-
- Model risk / validation teams need reproducibility. -
- Internal audit needs non‑repudiation and time‑scoped proof. -
- Regulators need chain‑of‑custody that survives disputes. -
-
- What IF.TTT provides
-
-
-
-
- Receipt
- A public trace page binding
- source_sha256 ↔ output_sha256.
-
- Dispute
- Offline bundles for later verification without relying on internal access.
-
-
- Clarity
- Black/white separation of what’s verified vs what is interpretation.
-
-
- Artifacts you can hand to third parties
-This is the point: reviewers shouldn’t need your VPN.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Output (rendered): https://infrafabric.io/static/dossier/<shareId>
-Output (raw): https://infrafabric.io/static/dossier/<shareId>/download
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-
- Live example
- -
-IF.TTT — Government
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/healthcare/
-- URL: https://infrafabric.io/verticals/healthcare/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/healthcare/
-- Source: `ifttt/verticals/healthcare/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- Government reality
-Assurance is an offline problem.
-- In restricted environments, the “can you verify it?” question must be answered without assuming network access, SaaS consoles, or vendor - portals. IF.TTT treats offline verification as a first‑class requirement. -
- -
-
-
- Third‑party pressure
--
-
- Assessors demand chain‑of‑custody and unambiguous provenance. -
- Procurement wants proof that survives vendor handoffs. -
- Security teams need evidence that is portable across networks and time. -
-
- What IF.TTT provides
-
-
-
-
- Offline bundles
- Triage bundles (lightweight/standard/full) with expected hashes for trustless verification.
-
-
- Receipt surface
- Stable no‑login URLs for trace + output + source.
-
-
- Black/white
- Clear statement of what integrity receipts prove—and what they don’t.
-
-
- What you can hand to an assessor
-No accounts required. No internal consoles required.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Bundle selector: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-Verifier: https://infrafabric.io/static/hosted/iftrace.py
-
- Live example
- -
-IF.TTT — Healthcare
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/
-- URL: https://infrafabric.io/verticals/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/
-- Source: `ifttt/verticals/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- Healthcare
-
-
-
-
-
-
-
-
-
-
-
- Healthcare reality
-Clarity beats confidence.
-- Healthcare environments punish ambiguity. IF.TTT makes “what we can prove” explicit, and forces everything else to be labeled as - interpretation or review-required. -
- -
-
-
- Third‑party pressure
--
-
- Compliance wants evidence that is bounded and reviewable. -
- Incident reviewers want provenance for outputs and decisions. -
- Vendors and partners want proof without access to your internal tooling. -
-
- What IF.TTT provides
-
-
-
-
- Verified
- Integrity binding (hashes), receipts, optional signatures.
-
-
- Not verified
- Clinical intent, interpretation, or correctness of conclusions.
-
-
- Outcome
- Evidence becomes legible to outsiders without pretending it is “the decision.”
-
-IF.TTT — Verticals
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/legal/
-- URL: https://infrafabric.io/verticals/legal/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/legal/
-- Source: `ifttt/verticals/legal/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- Vertical fit
-
-
-
-
-
-
-
-
-
-
-
- Same mechanism, different pressure
-Two axes: who is buying, what is at stake.
-- IF.TTT doesn’t “solve compliance.” It solves the universal problem underneath compliance: third parties demanding proof without joining your - internal world. The receipts stay the same; the incentives and failure modes change. -
- -
-
- Browse by sector
-Who the buyer is. The same receipts, different pressure.
- -
-
-
-
-
-
-
-
-
-
-
- Enterprise
-Audits as throughput; evidence without credential sprawl.
- Enterprise → -Research
-Provenance, reproducibility, and external reviewers.
- Research → -Professional Services
-Client handoffs, disputes, and custody that holds up later.
- Professional Services → -Browse by industry
-What domain the risk lives in: regulation, data, and dispute pressure.
- -
-
-
-
-
-
-
-
-
- Healthcare
-Audit trails, privacy boundaries, dispute‑ready artifacts.
- Healthcare → -Financial Services
-Model risk, non‑repudiation, evidence for regulators.
- Financial → -Legal
-Chain‑of‑custody for drafts, evidence, and decisions.
- Legal → -More pressure profiles
-Common governance failure modes that appear across sectors and industries.
- -
-
-
-
-
-
-
-
-
-
- B2B SaaS (SOC 2 / ISO)
-Auditors, procurement, “prove it existed at the time.”
- B2B SaaS → -SecOps / SOC
-Bind summaries to evidence; keep custody intact.
- SecOps → -AI Product Companies
-Provable provenance for outputs: “why did it say that?”
- AI products → -Industrial / Supply Chain
-Traceability that survives vendor and contractor handoffs.
- Supply chain → -
-IF.TTT — Legal
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/professional-services/
-- URL: https://infrafabric.io/verticals/professional-services/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/professional-services/
-- Source: `ifttt/verticals/professional-services/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- Legal
-
-
-
-
-
-
-
-
-
-
-
- Legal reality
-Courts don’t accept “trust me.” They accept provenance.
-- Legal and compliance teams live in the difference between “we believe this happened” and “we can prove this happened.” IF.TTT is built to - make that proof portable. -
- -
-
-
- Third‑party pressure
--
-
- Disputes demand reproducibility: the exact input and the exact output. -
- Evidence must be time‑scoped: “what did we know, when did we know it?” -
- Chain‑of‑custody must survive handoffs (vendor → customer → counsel → auditor). -
-
- What IF.TTT provides
-
-
-
-
- Integrity
- Hash receipts bind the published bytes to what was reviewed.
-
-
- Portability
- No‑login links and offline bundles for external review.
-
-
- Clarity
- Explicit “proves / does not prove” framing reduces ambiguity.
-
-
- Artifacts that make disputes less expensive
-You can hand these to an external reviewer without shipping your internal systems.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Output (raw): https://infrafabric.io/static/dossier/<shareId>/download
-Review pack: https://infrafabric.io/static/review/<shareId>
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-
- Live example
- -
-IF.TTT — Professional Services
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/public-sector/
-- URL: https://infrafabric.io/verticals/public-sector/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/public-sector/
-- Source: `ifttt/verticals/public-sector/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- Services reality
-The deliverable is the receipt.
-- In professional services, the artifact you hand over becomes evidence: audits, disputes, expert reports, procurement packs. IF.TTT makes - the handoff verifiable without making you a credential broker. -
- -
-
-
- Third‑party pressure
--
-
- Clients want proof; opposing counsel wants provenance. -
- Auditors need artifacts they can verify without your internal access. -
- Engagements outlive inboxes; the evidence must remain stable. -
-
- What IF.TTT provides
-
-
-
-
- Chain‑of‑custody
- Trace receipt binds source ↔ output, plus IDs and timestamps.
-
-
- Portable proofs
- Bundles can be archived with the case file and re‑verified later.
-
-
- Clarity
- What was verified is shown; interpretation is labeled as interpretation.
-
-
- Operational trap to avoid
-Don’t turn verification into credential distribution.
-
-
-
-
- Bad
-“Log in to our system and we’ll show you.”
-
-
- Good
-“Here is the artifact, here is the receipt, verify without us.”
-
-IF.TTT — Public Sector
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/research/
-- URL: https://infrafabric.io/verticals/research/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/research/
-- Source: `ifttt/verticals/research/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- Public sector
-
-
-
-
-
-
-
-
-
-
-
- Public sector reality
-Proof must survive procurement.
-- Public accountability is a third‑party problem: reviewers need proof without getting access to your internal systems. IF.TTT turns “trust - us” into receipts that a stranger can verify. -
- -
-
-
- Third‑party pressure
--
-
- Assessors need chain‑of‑custody that survives vendor handoffs. -
- Procurement and oversight bodies require documentation that outlives staff turnover. -
- Some environments must support offline verification by design. -
-
- What IF.TTT provides
-
-
-
-
- Receipt surface
- Stable, no‑login URLs for trace + output + source.
-
-
- Offline bundles
- Triage bundles (lightweight/standard/full) with expected hashes.
-
-
- Black/white
- States what is verified (integrity) and what is not (interpretation).
-
-
- What you can hand to a reviewer
-No accounts required. No internal consoles required.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Pack (HTML): https://infrafabric.io/static/pack/<shareId>
-Bundle selector: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-
- Live example
- -
-IF.TTT — Research
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/saas/
-- URL: https://infrafabric.io/verticals/saas/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/saas/
-- Source: `ifttt/verticals/saas/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- Research
-
-
-
-
-
-
-
-
-
-
-
- Research reality
-Reproducibility is governance.
-- Research already understands receipts: methods, datasets, citations. IF.TTT applies the same discipline to AI outputs and operational - decisions: publish what can be verified, label what can’t, and keep the bytes stable. -
- -
-
-
- Third‑party pressure
--
-
- Peer review demands the ability to reproduce claims. -
- Funding/compliance bodies demand provenance for decisions and outputs. -
- Collaborators need proof that the artifact they received is the artifact you published. -
-
- What IF.TTT provides
-
-
-
-
- Integrity
- Hash receipts: same bytes, same hash, independent verification.
-
-
- Clarity
- Explicitly separates evidence (verified) from interpretation (not verified).
-
-
- Portability
- Offline bundles for constrained or future review environments.
-
-
- Portable verification artifacts
-So reviewers can validate without trusting your infrastructure.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Pack (raw): https://infrafabric.io/static/pack/<shareId>.md
-Pack (HTML): https://infrafabric.io/static/pack/<shareId>
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-
- Live example
- -
-IF.TTT — B2B SaaS
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/sciences/
-- URL: https://infrafabric.io/verticals/sciences/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/sciences/
-- Source: `ifttt/verticals/sciences/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- SaaS reality
-Audits are evidence requests with a deadline.
-- In B2B SaaS, the friction isn’t the control design. It’s proving the control existed at the right time, in the right scope, without - granting auditors full internal access. -
- -
-
-
- Third‑party pressure
--
-
- Auditors want integrity-bound artifacts (not screenshots in shared drives). -
- Enterprise procurement wants reproducible proof without bespoke portals. -
- Post‑incident reviewers want “what did it say?” tied to “what did it see?” -
-
- What IF.TTT provides
-
-
-
-
- No‑login
- Stable URLs for trace + output + source, keyed by
- shareId.
-
- Dispute‑ready
- Offline bundles with expected hashes for later verification.
-
-
- Black/white
- Explicit “proves / does not prove” framing for auditor conversations.
-
-
- Artifacts for auditors
-The purpose is to make evidence portable and boring.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Output (raw): https://infrafabric.io/static/dossier/<shareId>/download
-Pack (HTML): https://infrafabric.io/static/pack/<shareId>
-IF.TTT — Sciences
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/secops/
-- URL: https://infrafabric.io/verticals/secops/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/secops/
-- Source: `ifttt/verticals/secops/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- Research reality
-Reproducibility is governance in a lab coat.
-- Scientific workflows already understand receipts: methods, datasets, and citations. IF.TTT is the same idea applied to AI outputs and - operational decisions: publish what can be verified, and mark what can’t. -
- -
-
-
- Third‑party pressure
--
-
- Peer reviewers need the ability to reproduce claims. -
- Funding/compliance bodies need provenance for decisions and outputs. -
- Collaborators need proof that the artifact they received is the artifact you published. -
-
- What IF.TTT provides
-
-
-
-
- Integrity
- Hash receipts: same bytes, same hash, independent verification.
-
-
- Clarity
- Explicitly separates evidence (verified) from interpretation (not verified).
-
-
- Portability
- Offline bundles for constrained or future review environments.
-
-
- Portable verification artifacts
-So reviewers can validate without trusting your infrastructure.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Pack (raw): https://infrafabric.io/static/pack/<shareId>.md
-Pack (HTML): https://infrafabric.io/static/pack/<shareId>
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-
- Live example
- -
-IF.TTT — SecOps
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /verticals/supply-chain/
-- URL: https://infrafabric.io/verticals/supply-chain/
-- Static: https://infrafabric.io/static/hosted/ifttt/verticals/supply-chain/
-- Source: `ifttt/verticals/supply-chain/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- SecOps / SOC
-
-
-
-
-
-
-
-
-
-
-
- SecOps reality
-Bind “what the system said” to “what the system saw.”
-- AI summaries can help, but only if they remain verifiable against raw telemetry. IF.TTT makes the custody chain explicit: source bytes, - output bytes, and a receipt that can be validated by third parties. -
- -
-
-
- Third‑party pressure
--
-
- Executives demand a narrative; auditors demand evidence. -
- Incident response needs reproducible artifacts, not recollections. -
- External assessors need proof without your SIEM credentials. -
-
- What IF.TTT provides
-
-
-
-
- Trace receipt
- Integrity binding:
- source_sha256 ↔ output_sha256.
-
- Offline proof
- Bundles that can be verified after the fact, offline.
-
-
- Clarity
- What’s verified is stated; what’s interpretation is labeled as such.
-
-
- Operational trap to avoid
-Do not treat “AI summary” as evidence.
-
-
-
-
- Bad
-“The AI said this was resolved.”
-
-
- Good
-“Here is the output, here is the evidence artifact, here is the receipt binding them.”
-
-IF.TTT — Supply Chain
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /whitepaper/
-- URL: https://infrafabric.io/whitepaper/
-- Static: https://infrafabric.io/static/hosted/ifttt/whitepaper/
-- Source: `ifttt/whitepaper/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
-
-
- Supply chain reality
-Handoffs are where proof dies.
-- Industrial systems accumulate contractors, vendors, and integrators. IF.TTT standardizes a receipt surface so chain‑of‑custody doesn’t - collapse the moment responsibility moves. -
- -
-
-
- Third‑party pressure
--
-
- Customers ask for change control evidence after outages. -
- Insurers ask what controls existed at the time of the incident. -
- Auditors ask for traceability across organizational boundaries. -
-
- What IF.TTT provides
-
-
-
-
- Receipts
- Stable no‑login trace + output + source URLs keyed by
- shareId.
-
- Offline
- Bundles for verification when networks and portals are unavailable.
-
-
- Clarity
- Integrity binding is verifiable; interpretation remains process-owned.
-
-IF.TTT — Whitepaper
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
-## /whitepaper/thanks/
-- URL: https://infrafabric.io/whitepaper/thanks/
-- Static: https://infrafabric.io/static/hosted/ifttt/whitepaper/thanks/
-- Source: `ifttt/whitepaper/thanks/index.html`
-
-HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- Whitepaper
-
-
-
-
-
-
-
-
-
-
-
- Long-form spec + receipts
-The IF.TTT whitepaper.
-- “Trustworthy” can’t be a vibe. This paper documents the receipt‑first sequence: hash the source → hash the output → - publish a trace → share no‑login receipts → optional offline bundles. -
- -
-
-
-
-
-
- Paper
- HTML + Markdown
-
-
- Receipts
- Trace + hashes
-
-
- Offline
- Proof bundle + verifier
-
- - If your environment blocks downloads (common for some web fetchers), use the HTML version. The receipts are still verifiable. -
-
-
- Stable links (copy/paste)
-These are the boring, audit-safe entry points.
-
-
- Whitepaper (HTML)
- https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html
-
-
- Whitepaper + review pack (Markdown)
- https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.md
-
-
- Proof bundle (tar.gz)
- https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.tar.gz
-
-
- Offline verifier (iftrace.py)
- https://infrafabric.io/static/hosted/iftrace.py
-
-
-
-IF.TTT — Whitepaper request
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-
-
----
-
-# Text Assets (Full)
-
-## `app.js`
-- Source: `ifttt/app.js`
-
-```js
-(() => {
- const typewordEl = document.getElementById("typeword");
- const stepperEl = document.getElementById("stepper");
- const revealStepper = createStepperRevealer(stepperEl);
- if (stepperEl) window.setTimeout(revealStepper, 5200);
-
- if (typewordEl) startTypewriter(typewordEl, { onFirstCycleDone: revealStepper });
-
- const quoteTextEl = document.getElementById("quoteText");
- const quoteMetaEl = document.getElementById("quoteMeta");
- const quoteWrapEl = quoteTextEl?.closest?.(".quote");
- if (quoteTextEl && quoteMetaEl && quoteWrapEl) startQuoteTicker({ quoteWrapEl, quoteTextEl, quoteMetaEl });
-})();
-
-function createStepperRevealer(stepperEl) {
- let shown = false;
- return () => {
- if (shown || !stepperEl) return;
- shown = true;
- stepperEl.hidden = false;
- window.requestAnimationFrame(() => stepperEl.classList.add("homeStepper--show"));
- };
-}
-
-function startTypewriter(typewordEl, opts = {}) {
- const words = ["Transparent", "Traceable", "Trust", "TTT"];
- const typeMs = 42;
- const deleteMs = 26;
- const holdMs = 780;
- const finalHoldMs = 1100;
- const betweenMs = 180;
- const onFirstCycleDone = typeof opts.onFirstCycleDone === "function" ? opts.onFirstCycleDone : null;
-
- let wordIndex = 0;
- let charIndex = 0;
- let isDeleting = false;
- let cycleCount = 0;
-
- const tick = () => {
- const word = words[wordIndex] || "";
- if (!isDeleting) {
- charIndex = Math.min(word.length, charIndex + 1);
- } else {
- charIndex = Math.max(0, charIndex - 1);
- }
-
- typewordEl.textContent = word.slice(0, charIndex);
-
- const atEnd = !isDeleting && charIndex === word.length;
- const atStart = isDeleting && charIndex === 0;
-
- if (atEnd) {
- isDeleting = true;
- const wait = wordIndex === words.length - 1 ? finalHoldMs : holdMs;
- window.setTimeout(tick, wait);
- return;
- }
-
- if (atStart) {
- isDeleting = false;
- wordIndex = (wordIndex + 1) % words.length;
- if (wordIndex === 0) {
- cycleCount += 1;
- if (cycleCount === 1 && onFirstCycleDone) onFirstCycleDone();
- }
- window.setTimeout(tick, betweenMs);
- return;
- }
-
- window.setTimeout(tick, isDeleting ? deleteMs : typeMs);
- };
-
- tick();
-}
-
-async function startQuoteTicker({ quoteWrapEl, quoteTextEl, quoteMetaEl }) {
- const quotes = await loadQuotes();
- if (!Array.isArray(quotes) || quotes.length === 0) return;
-
- quoteWrapEl.classList.add("quote--show");
-
- let idx = Math.floor(Math.random() * quotes.length);
-
- const show = (q) => {
- quoteWrapEl.classList.remove("quote--show");
- quoteWrapEl.classList.add("quote--fade");
-
- window.setTimeout(() => {
- quoteTextEl.textContent = q.text || "";
- renderQuoteMeta({ quoteMetaEl, q });
-
- quoteWrapEl.classList.remove("quote--fade");
- quoteWrapEl.classList.add("quote--show");
- }, 220);
- };
-
- const loop = () => {
- const q = quotes[idx] || {};
- show(q);
- idx = (idx + 1) % quotes.length;
-
- const duration = estimateReadMs(q.text || "");
- window.setTimeout(loop, duration);
- };
-
- loop();
-}
-
-async function loadQuotes() {
- try {
- const resp = await fetch(resolveIfTttUrl("assets/ifttt-quotes.json"), { cache: "no-store" });
- if (resp.ok) {
- const data = await resp.json();
- if (Array.isArray(data)) return data;
- }
- } catch (e) {}
-
- return [
- {
- text: "Footnotes aren't decorations. They're load-bearing walls.",
- source: "IF.TTT paper",
- href: "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html",
- },
- {
- text: "If there's no IF.TTT trace, it didn't happen—or shouldn't be trusted.",
- source: "IF.TTT doctrine",
- href: "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html",
- },
- {
- text: "Trust isn't claimed. It's proven.",
- source: "IF.TTT paper",
- href: "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html",
- },
- ];
-}
-
-function resolveIfTttUrl(path) {
- try {
- const scriptEl = document.querySelector('script[src$="app.js"]');
- const scriptUrl = scriptEl ? new URL(scriptEl.getAttribute("src"), window.location.href) : new URL(window.location.href);
- return new URL(path, scriptUrl).toString();
- } catch (e) {
- return path;
- }
-}
-
-function renderQuoteMeta({ quoteMetaEl, q }) {
- while (quoteMetaEl.firstChild) quoteMetaEl.removeChild(quoteMetaEl.firstChild);
-
- const source = String(q.source || "").trim();
- const href = String(q.href || "").trim();
- if (!source) return;
-
- if (href) {
- const a = document.createElement("a");
- a.href = href;
- a.target = "_blank";
- a.rel = "noreferrer";
- a.textContent = source;
- quoteMetaEl.appendChild(a);
- return;
- }
-
- quoteMetaEl.textContent = source;
-}
-
-function estimateReadMs(text) {
- const cleaned = String(text || "").trim();
- if (!cleaned) return 4000;
-
- const words = cleaned.split(/\s+/).filter(Boolean).length;
- const wpm = 220;
- const ms = (words / wpm) * 60000 + 1200;
- return clamp(ms, 3200, 11000);
-}
-
-function clamp(v, min, max) {
- return Math.max(min, Math.min(max, v));
-}
-```
-
-## `style.css`
-- Source: `ifttt/style.css`
-
-```css
-:root {
- --bg: #fffdf7;
- --bg-alt: #fff9e6;
- --panel: #ffffff;
- --text: #111827;
- --muted: #6b7280;
- --border: #e5e7eb;
- --link: #1d4ed8;
- --accent: #8b0000;
- --ok: #0f5132;
- --ok-bg: #e7f6ee;
- --shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
- --radius: 14px;
-}
-
-* {
- box-sizing: border-box;
-}
-
-html {
- scroll-behavior: smooth;
-}
-
-body {
- margin: 0;
- font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
- background: var(--bg);
- color: var(--text);
- line-height: 1.5;
- padding-bottom: 62px;
-}
-
-a {
- color: var(--link);
- text-decoration: none;
-}
-
-a:hover {
- text-decoration: underline;
-}
-
-code {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size: 0.92em;
- background: #f3f4f6;
- padding: 2px 6px;
- border-radius: 8px;
-}
-
-pre.code {
- background: #0b1020;
- color: #e5e7eb;
- border-radius: 12px;
- padding: 12px;
- overflow: auto;
- box-shadow: var(--shadow);
- border: 1px solid rgba(255, 255, 255, 0.06);
-}
-
-pre.code code {
- background: transparent;
- padding: 0;
- border-radius: 0;
- font-size: 12px;
- line-height: 1.45;
-}
-
-.form {
- display: grid;
- gap: 12px;
- margin-top: 12px;
-}
-
-.field label {
- display: block;
- font-size: 12px;
- font-weight: 700;
- color: var(--muted);
- margin: 0 0 6px;
-}
-
-.field input,
-.field select,
-.field textarea {
- width: 100%;
- padding: 10px 12px;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #ffffff;
- font-size: 14px;
- line-height: 1.2;
-}
-
-.field textarea {
- resize: vertical;
-}
-
-.field input:focus,
-.field select:focus,
-.field textarea:focus {
- outline: none;
- border-color: rgba(29, 78, 216, 0.45);
- box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.12);
-}
-
-.field-row {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 12px;
-}
-
-.honeypot {
- display: none !important;
-}
-
-@media (max-width: 860px) {
- .field-row {
- grid-template-columns: 1fr;
- }
-}
-
-
-.wrap {
- max-width: 1120px;
- margin: 0 auto;
- padding: 0 18px;
-}
-
-.top {
- position: sticky;
- top: 0;
- z-index: 20;
- background: rgba(255, 253, 247, 0.92);
- backdrop-filter: blur(10px);
- border-bottom: 1px solid var(--border);
-}
-
-.top__inner {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 14px 0;
- gap: 14px;
-}
-
-.brand {
- display: inline-flex;
- align-items: center;
- gap: 12px;
- min-width: 220px;
-}
-
-.brand__mark {
- width: 38px;
- height: 38px;
- border-radius: 12px;
- border: 1px solid rgba(139, 0, 0, 0.25);
- background:
- radial-gradient(18px 18px at 30% 30%, rgba(139, 0, 0, 0.18), transparent 60%),
- radial-gradient(18px 18px at 70% 70%, rgba(29, 78, 216, 0.10), transparent 60%),
- #fff;
- box-shadow: var(--shadow);
-}
-
-.brand__logo {
- width: 38px;
- height: 38px;
- display: block;
- border-radius: 12px;
- box-shadow: var(--shadow);
-}
-
-.brand__text {
- display: flex;
- flex-direction: column;
- gap: 2px;
-}
-
-.brand__title {
- font-weight: 800;
- letter-spacing: 0.2px;
-}
-
-.brand__sub {
- font-size: 12px;
- color: var(--muted);
-}
-
-.nav {
- display: flex;
- gap: 14px;
- flex-wrap: wrap;
- justify-content: flex-end;
- font-size: 13px;
-}
-
-.nav a {
- color: var(--muted);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.nav a:hover {
- color: var(--text);
- background: #ffffff;
- border: 1px solid var(--border);
- text-decoration: none;
-}
-
-.hero {
- padding: 34px 0 22px;
- background:
- radial-gradient(650px 260px at 20% 0%, rgba(139, 0, 0, 0.08), transparent 60%),
- radial-gradient(700px 300px at 100% 40%, rgba(29, 78, 216, 0.06), transparent 60%),
- linear-gradient(#fffdf7, #fff);
-}
-
-.hero__grid {
- display: grid;
- grid-template-columns: 1.2fr 0.8fr;
- gap: 22px;
- align-items: start;
-}
-
-.kicker {
- font-size: 13px;
- color: var(--muted);
- margin: 0 0 10px;
-}
-
-h1 {
- font-size: 40px;
- line-height: 1.1;
- margin: 0 0 10px;
- letter-spacing: -0.4px;
-}
-
-.type {
- display: inline-flex;
- align-items: center;
- gap: 0;
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size: 14px;
- color: #374151;
- margin: 0 0 10px;
- user-select: none;
-}
-
-.type__prefix,
-.type__suffix {
- color: #111827;
- font-weight: 700;
-}
-
-.type__caret {
- width: 8px;
- height: 16px;
- margin-left: 6px;
- border-radius: 2px;
- background: rgba(17, 24, 39, 0.65);
- animation: caretblink 1s steps(1, end) infinite;
-}
-
-@keyframes caretblink {
- 50% {
- opacity: 0;
- }
-}
-
-.quote {
- margin: 0 0 12px;
- padding: 10px 12px;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- background: #ffffff;
- box-shadow: var(--shadow);
- max-width: 72ch;
-}
-
-.quote__text {
- font-size: 13px;
- color: #111827;
- font-weight: 650;
-}
-
-.quote__meta {
- margin-top: 6px;
- font-size: 12px;
- color: var(--muted);
-}
-
-.quote__meta a {
- color: var(--muted);
- text-decoration: underline;
- text-underline-offset: 2px;
-}
-
-.quote--fade {
- opacity: 0;
- transition: opacity 250ms ease;
-}
-
-.quote--show {
- opacity: 1;
-}
-
-.lede {
- margin: 0 0 14px;
- color: #374151;
- max-width: 62ch;
-}
-
-.pillrow {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 10px;
- margin: 18px 0 16px;
-}
-
-.pill {
- border: 1px solid var(--border);
- background: #ffffff;
- border-radius: var(--radius);
- padding: 10px 10px;
- box-shadow: var(--shadow);
-}
-
-.pill__k {
- font-size: 12px;
- color: var(--muted);
- display: block;
-}
-
-.pill__v {
- font-size: 13px;
- font-weight: 600;
- margin-top: 2px;
- display: block;
-}
-
-.cta {
- display: flex;
- gap: 10px;
- flex-wrap: wrap;
- margin: 14px 0 10px;
-}
-
-.btn {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- padding: 10px 12px;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #ffffff;
- color: var(--text);
- font-weight: 650;
- font-size: 13px;
- box-shadow: var(--shadow);
- text-decoration: none;
-}
-
-.btn:hover {
- text-decoration: none;
- border-color: rgba(17, 24, 39, 0.22);
-}
-
-.btn--primary {
- background: #111827;
- color: #ffffff;
- border-color: rgba(0, 0, 0, 0.25);
-}
-
-.btn--primary:hover {
- border-color: rgba(0, 0, 0, 0.45);
-}
-
-.note {
- font-size: 12px;
- color: var(--muted);
- margin: 10px 0 0;
-}
-
-.card {
- border: 1px solid var(--border);
- background: #ffffff;
- border-radius: 18px;
- box-shadow: var(--shadow);
- overflow: hidden;
-}
-
-.card__media {
- border-bottom: 1px solid var(--border);
- background: #111827;
-}
-
-.card__media img {
- display: block;
- width: 100%;
- height: 162px;
- object-fit: cover;
- opacity: 0.95;
-}
-
-.card__hdr {
- padding: 12px 12px;
- border-bottom: 1px solid var(--border);
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
- background: #f8fafc;
-}
-
-.badge {
- display: inline-flex;
- align-items: center;
- padding: 4px 10px;
- border-radius: 999px;
- border: 1px solid var(--border);
- font-size: 12px;
- color: var(--muted);
- background: #ffffff;
- white-space: nowrap;
-}
-
-.badge--ok {
- border-color: rgba(15, 81, 50, 0.25);
- background: var(--ok-bg);
- color: var(--ok);
- font-weight: 700;
-}
-
-.card__body {
- padding: 14px 12px 12px;
-}
-
-.kv {
- display: grid;
- grid-template-columns: 90px 1fr;
- gap: 6px 10px;
- font-size: 13px;
-}
-
-.kv__k {
- color: var(--muted);
-}
-
-.kv__v code {
- background: #f3f4f6;
-}
-
-.mini {
- margin-top: 12px;
- border-top: 1px dashed var(--border);
- padding-top: 10px;
- font-size: 13px;
-}
-
-.mini__k {
- color: var(--muted);
- font-weight: 600;
- font-size: 12px;
-}
-
-.mini__v {
- margin-top: 4px;
- color: #374151;
-}
-
-.section {
- padding: 34px 0;
-}
-
-.section--alt {
- background: var(--bg-alt);
- border-top: 1px solid rgba(0, 0, 0, 0.03);
- border-bottom: 1px solid rgba(0, 0, 0, 0.03);
-}
-
-h2 {
- margin: 0 0 8px;
- font-size: 22px;
- letter-spacing: -0.2px;
-}
-
-.sub {
- margin: 0 0 18px;
- color: var(--muted);
- font-size: 14px;
- max-width: 80ch;
-}
-
-.sub2 {
- margin: 0 0 10px;
- color: var(--muted);
- font-size: 13px;
-}
-
-.steps {
- display: grid;
- gap: 10px;
- padding: 0;
- margin: 0;
- list-style: none;
-}
-
-.step {
- position: relative;
- display: grid;
- grid-template-columns: 44px 1fr;
- gap: 12px;
- padding: 14px 12px;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- background: #ffffff;
- box-shadow: var(--shadow);
-}
-
-.step::after {
- content: "";
- position: absolute;
- left: 30px;
- top: 54px;
- bottom: -10px;
- width: 2px;
- background: linear-gradient(to bottom, rgba(229, 231, 235, 0.95), rgba(229, 231, 235, 0));
-}
-
-.step:last-child::after {
- display: none;
-}
-
-.step__n {
- width: 36px;
- height: 36px;
- border-radius: 12px;
- background: rgba(139, 0, 0, 0.06);
- border: 1px solid rgba(139, 0, 0, 0.18);
- display: grid;
- place-items: center;
- font-weight: 800;
- color: var(--accent);
-}
-
-.step__t {
- font-weight: 750;
-}
-
-.step__d {
- color: #374151;
- margin-top: 3px;
- font-size: 13px;
-}
-
-.grid2 {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 14px;
-}
-
-.panel {
- background: #ffffff;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- padding: 14px 14px;
- box-shadow: var(--shadow);
-}
-
-.panel h3 {
- margin: 0 0 8px;
- font-size: 15px;
-}
-
-.list {
- margin: 10px 0 0;
- padding-left: 18px;
- color: #374151;
- font-size: 13px;
-}
-
-.bw {
- display: grid;
- gap: 8px;
- font-size: 13px;
-}
-
-.bw__row {
- display: grid;
- grid-template-columns: 130px 1fr;
- gap: 10px;
- padding: 10px 10px;
- border: 1px solid var(--border);
- border-radius: 12px;
- background: #ffffff;
-}
-
-.bw__k {
- color: var(--muted);
- font-weight: 700;
-}
-
-.bw__v {
- color: #374151;
-}
-
-.verify {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 14px;
- align-items: start;
-}
-
-.links {
- display: grid;
- gap: 8px;
- margin-top: 10px;
-}
-
-.linkrow {
- display: grid;
- gap: 4px;
- border: 1px solid var(--border);
- border-radius: 12px;
- padding: 10px 10px;
- background: #ffffff;
- box-shadow: var(--shadow);
-}
-
-.linkrow:hover {
- border-color: rgba(29, 78, 216, 0.35);
- text-decoration: none;
-}
-
-.linkrow__t {
- font-weight: 700;
- font-size: 13px;
- color: var(--text);
-}
-
-.linkrow__u {
- font-size: 12px;
- color: var(--muted);
- overflow-wrap: anywhere;
-}
-
-.fine {
- margin: 12px 0 0;
- color: var(--muted);
- font-size: 12px;
-}
-
-.cards {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 12px;
-}
-
-.vcard {
- background: #ffffff;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- padding: 14px 14px;
- box-shadow: var(--shadow);
-}
-
-.vcard__icon {
- width: 44px;
- height: 44px;
- border: 1px solid var(--border);
- border-radius: 14px;
- background: #f8fafc;
- display: grid;
- place-items: center;
- margin-bottom: 10px;
- color: var(--accent);
-}
-
-.vcard__icon svg {
- width: 22px;
- height: 22px;
-}
-
-.vcard h3 {
- margin: 0 0 10px;
- font-size: 15px;
-}
-
-.vcard__k {
- margin: 0;
- font-size: 12px;
- color: var(--muted);
- font-weight: 700;
-}
-
-.vcard__v {
- margin: 4px 0 10px;
- font-size: 13px;
- color: #374151;
-}
-
-.vcard__more {
- display: inline-flex;
- align-items: center;
- gap: 6px;
- font-size: 12px;
- color: var(--muted);
- padding: 6px 10px;
- border: 1px solid var(--border);
- border-radius: 999px;
- background: #ffffff;
-}
-
-.vcard__more:hover {
- color: var(--text);
- border-color: rgba(17, 24, 39, 0.22);
- text-decoration: none;
-}
-
-.faq {
- display: grid;
- gap: 10px;
-}
-
-details {
- background: #ffffff;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- padding: 12px 12px;
- box-shadow: var(--shadow);
-}
-
-summary {
- cursor: pointer;
- font-weight: 750;
- list-style: none;
-}
-
-summary::-webkit-details-marker {
- display: none;
-}
-
-details p {
- margin: 10px 0 0;
- color: #374151;
- font-size: 13px;
-}
-
-.foot {
- margin-top: 18px;
- border-top: 1px solid var(--border);
- padding-top: 14px;
- display: grid;
- gap: 8px;
-}
-
-.foot__row {
- display: grid;
- grid-template-columns: 90px 1fr;
- gap: 12px;
- font-size: 13px;
-}
-
-.foot__k {
- color: var(--muted);
- font-weight: 700;
-}
-
-.footer {
- border-top: 1px solid var(--border);
- padding: 18px 0;
- background: #ffffff;
-}
-
-.footer__inner {
- display: flex;
- justify-content: space-between;
- gap: 12px;
- flex-wrap: wrap;
-}
-
-.muted {
- color: var(--muted);
- font-size: 12px;
-}
-
-.bottombar {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 25;
- background: rgba(255, 253, 247, 0.92);
- backdrop-filter: blur(10px);
- border-top: 1px solid var(--border);
-}
-
-.bottombar__inner {
- display: flex;
- justify-content: space-between;
- gap: 12px;
- align-items: center;
- padding: 10px 0;
- font-size: 12px;
-}
-
-.bottombar__left,
-.bottombar__right {
- display: flex;
- gap: 6px;
- align-items: center;
- flex-wrap: wrap;
-}
-
-.bottombar__label {
- font-size: 11px;
- font-weight: 750;
- letter-spacing: 0.08em;
- text-transform: uppercase;
- color: rgba(107, 114, 128, 0.85);
- padding: 6px 6px;
-}
-
-.bottombar a {
- color: var(--muted);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.bottombar a:hover {
- color: var(--text);
- background: #ffffff;
- border: 1px solid var(--border);
- text-decoration: none;
-}
-
-.bottombar__sep {
- color: rgba(107, 114, 128, 0.7);
- margin: 0 2px;
-}
-
-@media (max-width: 980px) {
- .hero__grid {
- grid-template-columns: 1fr;
- }
- .pillrow {
- grid-template-columns: 1fr;
- }
- .grid2 {
- grid-template-columns: 1fr;
- }
- .verify {
- grid-template-columns: 1fr;
- }
- .cards {
- grid-template-columns: 1fr;
- }
- h1 {
- font-size: 34px;
- }
-
- body {
- padding-bottom: 74px;
- }
-}
-
-/* Home (minimal landing; “OK Computer” empty-space bias) */
-body.home {
- background:
- radial-gradient(900px 420px at 15% 0%, rgba(29, 78, 216, 0.06), transparent 60%),
- radial-gradient(900px 420px at 85% 15%, rgba(139, 0, 0, 0.06), transparent 60%),
- linear-gradient(#fffdf7, #ffffff);
-}
-
-body.home .top {
- position: fixed;
- left: 0;
- right: 0;
- background: transparent;
- border-bottom: none;
- backdrop-filter: none;
-}
-
-body.home .top__inner {
- padding: 18px 0;
-}
-
-.homeNav {
- display: flex;
- align-items: center;
- gap: 12px;
- flex-wrap: wrap;
- justify-content: flex-end;
- font-size: 12px;
-}
-
-.homeNav a {
- color: var(--muted);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.homeNav a:hover {
- color: var(--text);
- background: #ffffff;
- border: 1px solid var(--border);
- text-decoration: none;
-}
-
-.homeNav__sep {
- color: rgba(107, 114, 128, 0.7);
-}
-
-.homeMain {
- min-height: 100vh;
- display: flex;
- align-items: center;
- padding: 120px 0 90px;
-}
-
-.homeMain__inner {
- width: 100%;
-}
-
-.homeCenter {
- text-align: center;
- max-width: 920px;
- margin: 0 auto;
-}
-
-.homeBadges {
- display: flex;
- justify-content: center;
- align-items: center;
- gap: 10px;
- flex-wrap: wrap;
- margin: 0 0 14px;
-}
-
-.badge--big {
- font-size: 12px;
- padding: 7px 12px;
- border-radius: 999px;
- letter-spacing: 0.08em;
-}
-
-.type--home {
- font-size: clamp(44px, 7vw, 74px);
- line-height: 1.05;
- margin: 0 0 14px;
- color: #111827;
-}
-
-.type--home .type__prefix,
-.type--home .type__suffix {
- font-weight: 800;
-}
-
-.type--home .type__caret {
- width: 0.18em;
- height: 1.05em;
- margin-left: 0.12em;
- border-radius: 0.14em;
- background: rgba(17, 24, 39, 0.65);
-}
-
-.quote--home {
- margin: 0 auto 14px;
-}
-
-.quote--home .quote__text {
- font-size: 14px;
-}
-
-.homeLede {
- margin: 0 auto 0;
- max-width: 78ch;
- color: #374151;
- font-size: 13px;
-}
-
-.homeStepper {
- margin: 18px auto 0;
- max-width: 920px;
- text-align: left;
- opacity: 0;
- transform: translateY(6px);
- transition:
- opacity 420ms ease,
- transform 420ms ease;
-}
-
-.homeStepper.homeStepper--show {
- opacity: 1;
- transform: translateY(0);
-}
-
-.homeLinks {
- display: flex;
- flex-wrap: wrap;
- gap: 10px;
- margin: 14px 0 0;
-}
-
-.homeLink {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- padding: 9px 10px;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #ffffff;
- color: var(--text);
- font-weight: 650;
- font-size: 12px;
- box-shadow: var(--shadow);
- text-decoration: none;
-}
-
-.homeLink:hover {
- text-decoration: none;
- border-color: rgba(29, 78, 216, 0.35);
- box-shadow:
- var(--shadow),
- 0 0 0 4px rgba(29, 78, 216, 0.10);
-}
-
-.homeMeta {
- margin-top: 14px;
- font-size: 12px;
- color: var(--muted);
-}
-
-@media (max-width: 980px) {
- body.home .top {
- position: sticky;
- background: rgba(255, 253, 247, 0.92);
- border-bottom: 1px solid var(--border);
- backdrop-filter: blur(10px);
- }
-
- .homeMain {
- padding-top: 86px;
- }
-
- .type--home {
- font-size: clamp(38px, 10vw, 54px);
- }
-}
-```
-
-## `assets/if-logo-simple.svg`
-- Source: `ifttt/assets/if-logo-simple.svg`
-
-```svg
-
-
-```
-
-## `assets/ifttt-quotes.json`
-- Source: `ifttt/assets/ifttt-quotes.json`
-
-```json
-[
- {
- "text": "Footnotes aren't decorations. They're load-bearing walls.",
- "source": "IF.TTT paper (v2.3)",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "If there's no IF.TTT trace, it didn't happen—or shouldn't be trusted.",
- "source": "IF.TTT doctrine",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "No trace, no trust. Simple as that.",
- "source": "IF.TTT doctrine",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "Trust isn't claimed. It's proven.",
- "source": "IF.TTT paper (v2.3)",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "We don’t claim trust. We publish receipts.",
- "source": "IF.TTT stance",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "Your auditor shouldn’t need your credentials.",
- "source": "IF.TTT public receipts",
- "href": "https://infrafabric.io/static/hosted/ifttt/"
- },
- {
- "text": "Third parties verify. We just publish the math.",
- "source": "IF.TTT posture",
- "href": "https://infrafabric.io/static/hosted/ifttt/"
- },
- {
- "text": "Receipts must be readable and verifiable without credentials.",
- "source": "IF.TTT public receipt surface",
- "href": "https://infrafabric.io/static/hosted/ifttt/"
- },
- {
- "text": "Design constraint: black/white clarity. No “maybe”.",
- "source": "IF.TTT ops (full stack)",
- "href": "https://infrafabric.io/static/hosted/ifttt/api/"
- },
- {
- "text": "We do not claim “quantum-secure”. We claim “quantum-ready”.",
- "source": "IF.TTT tech stack",
- "href": "https://infrafabric.io/static/hosted/ifttt/api/"
- },
- {
- "text": "The stenographer doesn't make the therapy cold. The stenographer makes it accountable.",
- "source": "IF.emotion on IF.TTT",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "That's the moat.",
- "source": "IF.TTT paper (v2.3)",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "The moat is not the AI. The moat is the proof.",
- "source": "IF.TTT paper (v2.3)",
- "href": "https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html"
- },
- {
- "text": "If it’s not verifiable, label it as a gap. Do not endorse it.",
- "source": "IF.TTT stance",
- "href": "https://infrafabric.io/static/hosted/ifttt/"
- }
-]
-```
diff --git a/ifttt/style.css b/ifttt/style.css
deleted file mode 100644
index 3c2da48..0000000
--- a/ifttt/style.css
+++ /dev/null
@@ -1,1670 +0,0 @@
-:root {
- --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-@font-face {
- font-family: "Inter";
- font-style: normal;
- font-weight: 100 900;
- font-display: swap;
- src: url("./assets/fonts/inter/InterVariable.woff2") format("woff2");
-}
-
-@font-face {
- font-family: "Inter";
- font-style: italic;
- font-weight: 100 900;
- font-display: swap;
- src: url("./assets/fonts/inter/InterVariable-Italic.woff2") format("woff2");
-}
-
-:root {
- --bg: #fffdf7;
- --bg-alt: #fff9e6;
- --panel: #ffffff;
- --text: #111827;
- --muted: #6b7280;
- --border: #e5e7eb;
- --link: #1d4ed8;
- --accent: #8b0000;
- --ok: #0f5132;
- --ok-bg: #e7f6ee;
- --shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
- --radius: 14px;
-}
-
-* {
- box-sizing: border-box;
-}
-
-html {
- scroll-behavior: smooth;
-}
-
-body {
- margin: 0;
- font-family: var(--font-sans);
- font-optical-sizing: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- background: var(--bg);
- color: var(--text);
- line-height: 1.5;
- padding-bottom: 62px;
-}
-
-a {
- color: var(--link);
- text-decoration: none;
-}
-
-a:hover {
- text-decoration: underline;
-}
-
-code {
- font-family: var(--font-mono);
- font-size: 0.92em;
- background: #f3f4f6;
- padding: 2px 6px;
- border-radius: 8px;
-}
-
-pre.code {
- background: #0b1020;
- color: #e5e7eb;
- border-radius: 12px;
- padding: 12px;
- overflow: auto;
- box-shadow: var(--shadow);
- border: 1px solid rgba(255, 255, 255, 0.06);
-}
-
-pre.code code {
- background: transparent;
- padding: 0;
- border-radius: 0;
- font-size: 12px;
- line-height: 1.45;
-}
-
-.form {
- display: grid;
- gap: 12px;
- margin-top: 12px;
-}
-
-.field label {
- display: block;
- font-size: 12px;
- font-weight: 700;
- color: var(--muted);
- margin: 0 0 6px;
-}
-
-.field input,
-.field select,
-.field textarea {
- width: 100%;
- padding: 10px 12px;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #ffffff;
- font-size: 14px;
- line-height: 1.2;
-}
-
-.field textarea {
- resize: vertical;
-}
-
-.field input:focus,
-.field select:focus,
-.field textarea:focus {
- outline: none;
- border-color: rgba(29, 78, 216, 0.45);
- box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.12);
-}
-
-.field-row {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 12px;
-}
-
-.honeypot {
- display: none !important;
-}
-
-@media (max-width: 860px) {
- .field-row {
- grid-template-columns: 1fr;
- }
-}
-
-
-.wrap {
- max-width: 1120px;
- margin: 0 auto;
- padding: 0 18px;
-}
-
-.top {
- position: sticky;
- top: 0;
- z-index: 20;
- background: rgba(255, 253, 247, 0.92);
- backdrop-filter: blur(10px);
- border-bottom: 1px solid var(--border);
-}
-
-.top__inner {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 14px 0;
- gap: 14px;
-}
-
-.brand {
- display: inline-flex;
- align-items: center;
- gap: 12px;
- min-width: 220px;
-}
-
-.brand__mark {
- width: 38px;
- height: 38px;
- border-radius: 12px;
- border: 1px solid rgba(139, 0, 0, 0.25);
- background:
- radial-gradient(18px 18px at 30% 30%, rgba(139, 0, 0, 0.18), transparent 60%),
- radial-gradient(18px 18px at 70% 70%, rgba(29, 78, 216, 0.10), transparent 60%),
- #fff;
- box-shadow: var(--shadow);
-}
-
-.brand__logo {
- width: 38px;
- height: 38px;
- display: block;
- border-radius: 12px;
- box-shadow: var(--shadow);
-}
-
-.brand__text {
- display: flex;
- flex-direction: column;
- gap: 2px;
-}
-
-.brand__title {
- font-weight: 800;
- letter-spacing: 0.2px;
-}
-
-.brand__sub {
- font-size: 12px;
- color: var(--muted);
-}
-
-.nav {
- display: flex;
- gap: 14px;
- flex-wrap: wrap;
- justify-content: flex-end;
- font-size: 13px;
-}
-
-.nav a {
- color: var(--muted);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.nav a:hover {
- color: var(--text);
- background: #ffffff;
- border: 1px solid var(--border);
- text-decoration: none;
-}
-
-.hero {
- padding: 34px 0 22px;
- background:
- radial-gradient(650px 260px at 20% 0%, rgba(139, 0, 0, 0.08), transparent 60%),
- radial-gradient(700px 300px at 100% 40%, rgba(29, 78, 216, 0.06), transparent 60%),
- linear-gradient(#fffdf7, #fff);
-}
-
-.hero__grid {
- display: grid;
- grid-template-columns: 1.2fr 0.8fr;
- gap: 22px;
- align-items: start;
-}
-
-.kicker {
- font-size: 13px;
- color: var(--muted);
- margin: 0 0 10px;
-}
-
-h1 {
- font-size: 40px;
- line-height: 1.1;
- margin: 0 0 10px;
- letter-spacing: -0.4px;
-}
-
-.type {
- display: inline-flex;
- align-items: center;
- gap: 0;
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size: 14px;
- color: #374151;
- margin: 0 0 10px;
- user-select: none;
-}
-
-.type__prefix,
-.type__suffix {
- color: #111827;
- font-weight: 700;
-}
-
-.type__caret {
- width: 8px;
- height: 16px;
- margin-left: 6px;
- border-radius: 2px;
- background: rgba(17, 24, 39, 0.65);
- animation: caretblink 1s steps(1, end) infinite;
-}
-
-@keyframes caretblink {
- 50% {
- opacity: 0;
- }
-}
-
-.quote {
- margin: 0 0 12px;
- padding: 10px 12px;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- background: #ffffff;
- box-shadow: var(--shadow);
- max-width: 72ch;
-}
-
-.quote__text {
- font-size: 13px;
- color: #111827;
- font-weight: 650;
-}
-
-.quote__meta {
- margin-top: 6px;
- font-size: 12px;
- color: var(--muted);
-}
-
-.quote__meta a {
- color: var(--muted);
- text-decoration: underline;
- text-underline-offset: 2px;
-}
-
-.quote--fade {
- opacity: 0;
- transition: opacity 250ms ease;
-}
-
-.quote--show {
- opacity: 1;
-}
-
-.lede {
- margin: 0 0 14px;
- color: #374151;
- max-width: 62ch;
-}
-
-.pillrow {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 10px;
- margin: 18px 0 16px;
-}
-
-.pill {
- border: 1px solid var(--border);
- background: #ffffff;
- border-radius: var(--radius);
- padding: 10px 10px;
- box-shadow: var(--shadow);
-}
-
-.pill__k {
- font-size: 12px;
- color: var(--muted);
- display: block;
-}
-
-.pill__v {
- font-size: 13px;
- font-weight: 600;
- margin-top: 2px;
- display: block;
-}
-
-.cta {
- display: flex;
- gap: 10px;
- flex-wrap: wrap;
- margin: 14px 0 10px;
-}
-
-.btn {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- padding: 10px 12px;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #ffffff;
- color: var(--text);
- font-weight: 650;
- font-size: 13px;
- box-shadow: var(--shadow);
- text-decoration: none;
-}
-
-.btn:hover {
- text-decoration: none;
- border-color: rgba(17, 24, 39, 0.22);
-}
-
-.btn--primary {
- background: #111827;
- color: #ffffff;
- border-color: rgba(0, 0, 0, 0.25);
-}
-
-.btn--primary:hover {
- border-color: rgba(0, 0, 0, 0.45);
-}
-
-.note {
- font-size: 12px;
- color: var(--muted);
- margin: 10px 0 0;
-}
-
-.card {
- border: 1px solid var(--border);
- background: #ffffff;
- border-radius: 18px;
- box-shadow: var(--shadow);
- overflow: hidden;
-}
-
-.card__media {
- border-bottom: 1px solid var(--border);
- background: #111827;
-}
-
-.card__media img {
- display: block;
- width: 100%;
- height: 162px;
- object-fit: cover;
- opacity: 0.95;
-}
-
-.card__hdr {
- padding: 12px 12px;
- border-bottom: 1px solid var(--border);
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
- background: #f8fafc;
-}
-
-.badge {
- display: inline-flex;
- align-items: center;
- padding: 4px 10px;
- border-radius: 999px;
- border: 1px solid var(--border);
- font-size: 12px;
- color: var(--muted);
- background: #ffffff;
- white-space: nowrap;
-}
-
-.badge--ok {
- border-color: rgba(15, 81, 50, 0.25);
- background: var(--ok-bg);
- color: var(--ok);
- font-weight: 700;
-}
-
-.card__body {
- padding: 14px 12px 12px;
-}
-
-.kv {
- display: grid;
- grid-template-columns: 90px 1fr;
- gap: 6px 10px;
- font-size: 13px;
-}
-
-.kv__k {
- color: var(--muted);
-}
-
-.kv__v code {
- background: #f3f4f6;
-}
-
-.mini {
- margin-top: 12px;
- border-top: 1px dashed var(--border);
- padding-top: 10px;
- font-size: 13px;
-}
-
-.mini__k {
- color: var(--muted);
- font-weight: 600;
- font-size: 12px;
-}
-
-.mini__v {
- margin-top: 4px;
- color: #374151;
-}
-
-.section {
- padding: 34px 0;
-}
-
-.section--alt {
- background: var(--bg-alt);
- border-top: 1px solid rgba(0, 0, 0, 0.03);
- border-bottom: 1px solid rgba(0, 0, 0, 0.03);
-}
-
-h2 {
- margin: 0 0 8px;
- font-size: 22px;
- letter-spacing: -0.2px;
-}
-
-.sub {
- margin: 0 0 18px;
- color: var(--muted);
- font-size: 14px;
- max-width: 80ch;
-}
-
-.sub2 {
- margin: 0 0 10px;
- color: var(--muted);
- font-size: 13px;
-}
-
-.steps {
- display: grid;
- gap: 10px;
- padding: 0;
- margin: 0;
- list-style: none;
-}
-
-.step {
- position: relative;
- display: grid;
- grid-template-columns: 44px 1fr;
- gap: 12px;
- padding: 14px 12px;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- background: #ffffff;
- box-shadow: var(--shadow);
-}
-
-.step::after {
- content: "";
- position: absolute;
- left: 30px;
- top: 54px;
- bottom: -10px;
- width: 2px;
- background: linear-gradient(to bottom, rgba(229, 231, 235, 0.95), rgba(229, 231, 235, 0));
-}
-
-.step:last-child::after {
- display: none;
-}
-
-.step__n {
- width: 36px;
- height: 36px;
- border-radius: 12px;
- background: rgba(139, 0, 0, 0.06);
- border: 1px solid rgba(139, 0, 0, 0.18);
- display: grid;
- place-items: center;
- font-weight: 800;
- color: var(--accent);
-}
-
-.step__t {
- font-weight: 750;
-}
-
-.step__d {
- color: #374151;
- margin-top: 3px;
- font-size: 13px;
-}
-
-.grid2 {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 14px;
-}
-
-.panel {
- background: #ffffff;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- padding: 14px 14px;
- box-shadow: var(--shadow);
-}
-
-.panel h3 {
- margin: 0 0 8px;
- font-size: 15px;
-}
-
-.list {
- margin: 10px 0 0;
- padding-left: 18px;
- color: #374151;
- font-size: 13px;
-}
-
-.bw {
- display: grid;
- gap: 8px;
- font-size: 13px;
-}
-
-.bw__row {
- display: grid;
- grid-template-columns: 130px 1fr;
- gap: 10px;
- padding: 10px 10px;
- border: 1px solid var(--border);
- border-radius: 12px;
- background: #ffffff;
-}
-
-.bw__k {
- color: var(--muted);
- font-weight: 700;
-}
-
-.bw__v {
- color: #374151;
-}
-
-.verify {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 14px;
- align-items: start;
-}
-
-.links {
- display: grid;
- gap: 8px;
- margin-top: 10px;
-}
-
-.linkrow {
- display: grid;
- gap: 4px;
- border: 1px solid var(--border);
- border-radius: 12px;
- padding: 10px 10px;
- background: #ffffff;
- box-shadow: var(--shadow);
-}
-
-.linkrow:hover {
- border-color: rgba(29, 78, 216, 0.35);
- text-decoration: none;
-}
-
-.linkrow__t {
- font-weight: 700;
- font-size: 13px;
- color: var(--text);
-}
-
-.linkrow__u {
- font-size: 12px;
- color: var(--muted);
- overflow-wrap: anywhere;
-}
-
-.fine {
- margin: 12px 0 0;
- color: var(--muted);
- font-size: 12px;
-}
-
-.cards {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 12px;
-}
-
-.vcard {
- background: #ffffff;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- padding: 14px 14px;
- box-shadow: var(--shadow);
-}
-
-.vcard__icon {
- width: 44px;
- height: 44px;
- border: 1px solid var(--border);
- border-radius: 14px;
- background: #f8fafc;
- display: grid;
- place-items: center;
- margin-bottom: 10px;
- color: var(--accent);
-}
-
-.vcard__icon svg {
- width: 22px;
- height: 22px;
-}
-
-.vcard h3 {
- margin: 0 0 10px;
- font-size: 15px;
-}
-
-.vcard__k {
- margin: 0;
- font-size: 12px;
- color: var(--muted);
- font-weight: 700;
-}
-
-.vcard__v {
- margin: 4px 0 10px;
- font-size: 13px;
- color: #374151;
-}
-
-.vcard__more {
- display: inline-flex;
- align-items: center;
- gap: 6px;
- font-size: 12px;
- color: var(--muted);
- padding: 6px 10px;
- border: 1px solid var(--border);
- border-radius: 999px;
- background: #ffffff;
-}
-
-.vcard__more:hover {
- color: var(--text);
- border-color: rgba(17, 24, 39, 0.22);
- text-decoration: none;
-}
-
-.faq {
- display: grid;
- gap: 10px;
-}
-
-details {
- background: #ffffff;
- border: 1px solid var(--border);
- border-radius: var(--radius);
- padding: 12px 12px;
- box-shadow: var(--shadow);
-}
-
-summary {
- cursor: pointer;
- font-weight: 750;
- list-style: none;
-}
-
-summary::-webkit-details-marker {
- display: none;
-}
-
-details p {
- margin: 10px 0 0;
- color: #374151;
- font-size: 13px;
-}
-
-.foot {
- margin-top: 18px;
- border-top: 1px solid var(--border);
- padding-top: 14px;
- display: grid;
- gap: 8px;
-}
-
-.foot__row {
- display: grid;
- grid-template-columns: 90px 1fr;
- gap: 12px;
- font-size: 13px;
-}
-
-.foot__k {
- color: var(--muted);
- font-weight: 700;
-}
-
-.footer {
- border-top: 1px solid var(--border);
- padding: 18px 0;
- background: #ffffff;
-}
-
-.footer__inner {
- display: flex;
- justify-content: space-between;
- gap: 12px;
- flex-wrap: wrap;
-}
-
-.muted {
- color: var(--muted);
- font-size: 12px;
-}
-
-.bottombar {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 25;
- background: rgba(255, 253, 247, 0.92);
- backdrop-filter: blur(10px);
- border-top: 1px solid var(--border);
-}
-
-.bottombar__inner {
- display: flex;
- justify-content: space-between;
- gap: 12px;
- align-items: center;
- padding: 10px 0;
- font-size: 12px;
-}
-
-.bottombar__left,
-.bottombar__right {
- display: flex;
- gap: 6px;
- align-items: center;
- flex-wrap: wrap;
-}
-
-.bottombar__label {
- font-size: 11px;
- font-weight: 750;
- letter-spacing: 0.08em;
- text-transform: uppercase;
- color: rgba(107, 114, 128, 0.85);
- padding: 6px 6px;
-}
-
-.bottombar__brand {
- font-size: 12px;
- font-weight: 900;
- letter-spacing: 0.02em;
- color: var(--text);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.bottombar a {
- color: var(--muted);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.bottombar a:hover {
- color: var(--text);
- background: #ffffff;
- border: 1px solid var(--border);
- text-decoration: none;
-}
-
-.bottombar__sep {
- color: rgba(107, 114, 128, 0.7);
- margin: 0 2px;
-}
-
-@media (max-width: 980px) {
- .hero__grid {
- grid-template-columns: 1fr;
- }
- .pillrow {
- grid-template-columns: 1fr;
- }
- .grid2 {
- grid-template-columns: 1fr;
- }
- .verify {
- grid-template-columns: 1fr;
- }
- .cards {
- grid-template-columns: 1fr;
- }
- h1 {
- font-size: 34px;
- }
-
- body {
- padding-bottom: 74px;
- }
-}
-
-/* Home (minimal landing; “OK Computer” empty-space bias) */
-body.home {
- background:
- radial-gradient(900px 420px at 15% 0%, rgba(29, 78, 216, 0.06), transparent 60%),
- radial-gradient(900px 420px at 85% 15%, rgba(139, 0, 0, 0.06), transparent 60%),
- linear-gradient(#fffdf7, #ffffff);
-}
-
-body.home .top {
- position: fixed;
- left: 0;
- right: 0;
- background: transparent;
- border-bottom: none;
- backdrop-filter: none;
-}
-
-body.home .top__inner {
- padding: 18px 0;
-}
-
-.homeNav {
- display: flex;
- align-items: center;
- gap: 12px;
- flex-wrap: wrap;
- justify-content: flex-end;
- font-size: 12px;
-}
-
-.homeNav a {
- color: var(--muted);
- padding: 6px 8px;
- border-radius: 10px;
-}
-
-.homeNav a:hover {
- color: var(--text);
- background: #ffffff;
- border: 1px solid var(--border);
- text-decoration: none;
-}
-
-.homeNav__sep {
- color: rgba(107, 114, 128, 0.7);
-}
-
-.homeMain {
- min-height: 100vh;
- display: flex;
- align-items: center;
- padding: 120px 0 90px;
-}
-
-.homeMain__inner {
- width: 100%;
-}
-
-body.home--minimal .homeMain {
- padding-top: 0;
-}
-
-.homeCenter {
- text-align: center;
- max-width: 920px;
- margin: 0 auto;
-}
-
-.homeWords {
- font-size: clamp(54px, 7vw, 86px);
- line-height: 1.02;
- margin: 0;
- font-weight: 880;
- letter-spacing: -0.02em;
-}
-
-.homeWords span {
- display: block;
-}
-
-.homeBadges {
- display: flex;
- justify-content: center;
- align-items: center;
- gap: 10px;
- flex-wrap: wrap;
- margin: 0 0 14px;
-}
-
-.badge--big {
- font-size: 12px;
- padding: 7px 12px;
- border-radius: 999px;
- letter-spacing: 0.08em;
-}
-
-.type--home {
- font-size: clamp(44px, 7vw, 74px);
- line-height: 1.05;
- margin: 0 0 14px;
- color: #111827;
-}
-
-.type--home .type__prefix,
-.type--home .type__suffix {
- font-weight: 800;
-}
-
-.type--home .type__caret {
- width: 0.18em;
- height: 1.05em;
- margin-left: 0.12em;
- border-radius: 0.14em;
- background: rgba(17, 24, 39, 0.65);
-}
-
-.quote--home {
- margin: 0 auto 14px;
-}
-
-.quote--home .quote__text {
- font-size: 14px;
-}
-
-.homeLede {
- margin: 0 auto 0;
- max-width: 78ch;
- color: #374151;
- font-size: 13px;
-}
-
-.homeStepper {
- margin: 18px auto 0;
- max-width: 920px;
- text-align: left;
- opacity: 0;
- transform: translateY(6px);
- transition:
- opacity 420ms ease,
- transform 420ms ease;
-}
-
-.homeStepper.homeStepper--show {
- opacity: 1;
- transform: translateY(0);
-}
-
-.homeLinks {
- display: flex;
- flex-wrap: wrap;
- gap: 10px;
- margin: 14px 0 0;
-}
-
-.homeLink {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- padding: 9px 10px;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #ffffff;
- color: var(--text);
- font-weight: 650;
- font-size: 12px;
- box-shadow: var(--shadow);
- text-decoration: none;
-}
-
-.homeLink:hover {
- text-decoration: none;
- border-color: rgba(29, 78, 216, 0.35);
- box-shadow:
- var(--shadow),
- 0 0 0 4px rgba(29, 78, 216, 0.10);
-}
-
-.homeMeta {
- margin-top: 14px;
- font-size: 12px;
- color: var(--muted);
-}
-
-@media (max-width: 980px) {
- body.home .top {
- position: sticky;
- background: rgba(255, 253, 247, 0.92);
- border-bottom: 1px solid var(--border);
- backdrop-filter: blur(10px);
- }
-
- .homeMain {
- padding-top: 86px;
- }
-
- .type--home {
- font-size: clamp(38px, 10vw, 54px);
- }
-}
-
-/* Homepage (Sigstore-ish, dark mode) */
-body.home--sig {
- padding-bottom: 0;
- color: #e5e7eb;
- background:
- radial-gradient(900px 520px at 18% 10%, rgba(56, 189, 248, 0.16), transparent 62%),
- radial-gradient(900px 520px at 82% 16%, rgba(34, 197, 94, 0.12), transparent 62%),
- radial-gradient(1100px 620px at 50% 86%, rgba(245, 158, 11, 0.10), transparent 62%),
- linear-gradient(180deg, #050812 0%, #0b1220 55%, #050812 100%);
-}
-
-body.home--sig a {
- color: rgba(226, 232, 240, 0.92);
-}
-
-body.home--sig a:hover {
- text-decoration: none;
-}
-
-/* Ensure component-level link colors win over the generic dark-mode anchor rule. */
-body.home--sig a.sigBrand {
- color: rgba(255, 255, 255, 0.96);
-}
-
-body.home--sig a.sigAction {
- color: rgba(226, 232, 240, 0.92);
-}
-
-body.home--sig a.sigAction--primary {
- color: rgba(11, 18, 32, 0.92);
-}
-
-.sigNav {
- position: fixed;
- left: 0;
- right: 0;
- top: 16px;
- z-index: 60;
- pointer-events: none;
-}
-
-.sigNav__inner {
- pointer-events: auto;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 14px;
- max-width: 980px;
- padding: 8px 12px;
- border-radius: 16px;
- border: 1px solid rgba(255, 255, 255, 0.14);
- background: rgba(11, 18, 32, 0.55);
- backdrop-filter: blur(14px) saturate(140%);
- box-shadow:
- 0 1px 0 rgba(255, 255, 255, 0.06),
- 0 20px 60px rgba(0, 0, 0, 0.50);
- overflow: hidden;
-}
-
-/* “Traffic” background (subtle R/A/G glow) behind the frosted nav only */
-.sigNav__inner::before {
- content: "";
- position: absolute;
- inset: -70%;
- z-index: 0;
- opacity: 0.70;
- background:
- radial-gradient(circle at 16% 52%, rgba(239, 68, 68, 0.26) 0, transparent 44%),
- radial-gradient(circle at 50% 48%, rgba(245, 158, 11, 0.22) 0, transparent 46%),
- radial-gradient(circle at 84% 50%, rgba(34, 197, 94, 0.20) 0, transparent 46%),
- radial-gradient(circle at 34% 38%, rgba(59, 130, 246, 0.12) 0, transparent 46%),
- radial-gradient(circle at 68% 62%, rgba(147, 197, 253, 0.10) 0, transparent 46%),
- linear-gradient(
- 90deg,
- rgba(255, 255, 255, 0.00) 0%,
- rgba(255, 255, 255, 0.06) 45%,
- rgba(255, 255, 255, 0.00) 70%
- );
- filter: blur(18px);
- transform: translateX(-8%);
- animation: sigTraffic 12s linear infinite;
-}
-
-@keyframes sigTraffic {
- 0% {
- transform: translateX(-10%) translateY(0);
- }
- 50% {
- transform: translateX(10%) translateY(-2%);
- }
- 100% {
- transform: translateX(-10%) translateY(0);
- }
-}
-
-.sigNav__inner > * {
- position: relative;
- z-index: 1;
-}
-
-.sigBrand {
- font-weight: 680;
- letter-spacing: -0.01em;
- color: rgba(255, 255, 255, 0.96);
- padding: 7px 9px;
- border-radius: 14px;
-}
-
-.sigBrand:hover {
- background: rgba(255, 255, 255, 0.06);
-}
-
-.sigLinks {
- display: flex;
- align-items: center;
- gap: 10px;
- font-size: 12px;
- letter-spacing: 0.01em;
- flex-wrap: wrap;
- justify-content: flex-end;
-}
-
-.sigLinks a {
- color: rgba(226, 232, 240, 0.88);
- padding: 7px 9px;
- border-radius: 12px;
- border: 1px solid transparent;
-}
-
-.sigLinks a:hover {
- border-color: rgba(255, 255, 255, 0.12);
- background: rgba(255, 255, 255, 0.06);
-}
-
-.sigLinks__sep {
- color: rgba(226, 232, 240, 0.42);
- user-select: none;
-}
-
-.sigMain {
- min-height: 100vh;
- display: flex;
- align-items: center;
- padding: 120px 0 80px;
-}
-
-.sigMain__inner {
- width: 100%;
-}
-
-.sigHero {
- text-align: center;
- max-width: 980px;
- margin: 0 auto;
-}
-
-.sigCycle {
- display: inline-flex;
- align-items: center;
- gap: 10px;
- font-family: var(--font-sans);
- font-size: 11px;
- color: rgba(226, 232, 240, 0.70);
- letter-spacing: 0.12em;
- text-transform: uppercase;
- margin: 0 0 18px;
- user-select: none;
-}
-
-.sigCycle__sep {
- color: rgba(226, 232, 240, 0.35);
-}
-
-.sigCycle__item {
- opacity: 0.45;
- transition:
- opacity 220ms ease,
- color 220ms ease;
- animation: sigCycleFocus 9s infinite;
-}
-
-.sigCycle__item--1 {
- animation-delay: 0s;
-}
-
-.sigCycle__item--2 {
- animation-delay: 3s;
-}
-
-.sigCycle__item--3 {
- animation-delay: 6s;
-}
-
-@keyframes sigCycleFocus {
- 0%,
- 22% {
- opacity: 1;
- color: rgba(255, 255, 255, 0.96);
- text-shadow: 0 0 22px rgba(56, 189, 248, 0.22);
- }
- 33%,
- 100% {
- opacity: 0.38;
- color: rgba(226, 232, 240, 0.62);
- text-shadow: none;
- }
-}
-
-.sigTitle {
- margin: 0 0 10px;
- font-size: clamp(44px, 6vw, 78px);
- line-height: 1.02;
- letter-spacing: -0.02em;
- font-weight: 720;
- color: rgba(255, 255, 255, 0.96);
-}
-
-.sigTitle--sub {
- font-size: clamp(38px, 5.2vw, 58px);
-}
-
-.sigTag {
- margin: 0 0 8px;
- font-size: 16px;
- color: rgba(226, 232, 240, 0.80);
-}
-
-.sigSub {
- margin: 0;
- font-size: 14px;
- color: rgba(226, 232, 240, 0.62);
-}
-
-.sigActions {
- display: flex;
- justify-content: center;
- align-items: center;
- gap: 10px;
- flex-wrap: wrap;
- margin-top: 18px;
-}
-
-.sigAction {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- padding: 10px 12px;
- border-radius: 16px;
- border: 1px solid rgba(255, 255, 255, 0.14);
- background: rgba(255, 255, 255, 0.06);
- color: rgba(226, 232, 240, 0.92);
- font-size: 12px;
- font-weight: 600;
- letter-spacing: 0.01em;
- box-shadow:
- 0 1px 0 rgba(255, 255, 255, 0.05),
- 0 22px 70px rgba(0, 0, 0, 0.45);
-}
-
-.sigAction:hover {
- border-color: rgba(255, 255, 255, 0.22);
- background: rgba(255, 255, 255, 0.09);
-}
-
-.sigAction--primary {
- background: rgba(255, 255, 255, 0.92);
- border-color: rgba(255, 255, 255, 0.16);
- color: rgba(11, 18, 32, 0.92);
-}
-
-.sigAction--primary:hover {
- background: rgba(255, 255, 255, 0.98);
-}
-
-.sigTiny {
- margin: 12px auto 0;
- max-width: 80ch;
- font-size: 12px;
- color: rgba(226, 232, 240, 0.55);
-}
-
-.sigHow {
- margin-top: 28px;
-}
-
-.sigHow__kicker {
- font-size: 11px;
- font-weight: 780;
- letter-spacing: 0.12em;
- text-transform: uppercase;
- color: rgba(226, 232, 240, 0.55);
- margin: 0 0 10px;
-}
-
-.sigHow__panel {
- max-width: 760px;
- margin: 0 auto;
- text-align: left;
- padding: 16px 16px;
- border-radius: 18px;
- border: 1px solid rgba(255, 255, 255, 0.14);
- background: rgba(15, 23, 42, 0.38);
- backdrop-filter: blur(10px) saturate(140%);
- box-shadow:
- 0 1px 0 rgba(255, 255, 255, 0.05),
- 0 22px 70px rgba(0, 0, 0, 0.50);
-}
-
-.sigHow__line {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size: 14px;
- line-height: 1.55;
-}
-
-.sigHow__line--step {
- color: rgba(255, 255, 255, 0.92);
-}
-
-.sigHow__line--detail {
- color: rgba(226, 232, 240, 0.70);
- margin-top: 10px;
-}
-
-.sigHow__caret {
- width: 10px;
- height: 18px;
- border-radius: 3px;
- background: rgba(226, 232, 240, 0.72);
- margin-top: 12px;
- animation: caretblink 1s steps(1, end) infinite;
-}
-
-.sigContact {
- position: fixed;
- right: 18px;
- bottom: 18px;
- z-index: 65;
- padding: 10px 12px;
- border-radius: 16px;
- border: 1px solid rgba(255, 255, 255, 0.14);
- background: rgba(11, 18, 32, 0.55);
- backdrop-filter: blur(14px) saturate(140%);
- box-shadow:
- 0 1px 0 rgba(255, 255, 255, 0.06),
- 0 22px 70px rgba(0, 0, 0, 0.55);
- color: rgba(226, 232, 240, 0.90);
- font-size: 12px;
- font-weight: 750;
- letter-spacing: 0.02em;
-}
-
-.sigContact:hover {
- border-color: rgba(255, 255, 255, 0.22);
- background: rgba(11, 18, 32, 0.66);
-}
-
-@media (max-width: 980px) {
- .sigNav {
- top: 12px;
- }
- .sigNav__inner {
- border-radius: 16px;
- }
- .sigMain {
- padding-top: 108px;
- }
- .sigTag {
- font-size: 16px;
- }
-}
-
-@media (prefers-reduced-motion: reduce) {
- .sigNav__inner::before {
- animation: none;
- }
- .sigCycle__item {
- animation: none;
- opacity: 1;
- color: rgba(226, 232, 240, 0.86);
- }
-}
-
-/* Dark-mode overrides for legacy pages that still use “classic” IF.Trace components. */
-body.home--sig {
- color-scheme: dark;
-}
-
-body.home--sig main#top {
- padding-top: 120px;
-}
-
-@media (max-width: 980px) {
- body.home--sig main#top {
- padding-top: 108px;
- }
-}
-
-body.home--sig .hero {
- background: transparent;
- padding-top: 0;
-}
-
-body.home--sig .kicker {
- color: rgba(226, 232, 240, 0.70);
-}
-
-body.home--sig .lede,
-body.home--sig .sub,
-body.home--sig .sub2,
-body.home--sig .step__d,
-body.home--sig .list,
-body.home--sig .bw__v,
-body.home--sig .mini__v,
-body.home--sig details p {
- color: rgba(226, 232, 240, 0.74);
-}
-
-body.home--sig .note,
-body.home--sig .fine,
-body.home--sig .muted,
-body.home--sig .kv__k,
-body.home--sig .bw__k,
-body.home--sig .mini__k,
-body.home--sig .pill__k,
-body.home--sig .linkrow__u {
- color: rgba(226, 232, 240, 0.55);
-}
-
-body.home--sig .quote,
-body.home--sig .panel,
-body.home--sig .pill,
-body.home--sig .card,
-body.home--sig .bw__row,
-body.home--sig .step,
-body.home--sig .linkrow,
-body.home--sig .vcard,
-body.home--sig details {
- background: rgba(15, 23, 42, 0.38);
- border-color: rgba(255, 255, 255, 0.14);
- box-shadow:
- 0 1px 0 rgba(255, 255, 255, 0.05),
- 0 22px 70px rgba(0, 0, 0, 0.45);
-}
-
-body.home--sig .quote__text,
-body.home--sig .linkrow__t,
-body.home--sig .step__t,
-body.home--sig .panel h3,
-body.home--sig .vcard h3 {
- color: rgba(255, 255, 255, 0.92);
-}
-
-body.home--sig .card__hdr {
- background: rgba(15, 23, 42, 0.55);
- border-bottom-color: rgba(255, 255, 255, 0.14);
-}
-
-body.home--sig .card__media {
- background: rgba(15, 23, 42, 0.65);
- border-bottom-color: rgba(255, 255, 255, 0.14);
-}
-
-body.home--sig .badge {
- background: rgba(255, 255, 255, 0.06);
- border-color: rgba(255, 255, 255, 0.14);
- color: rgba(226, 232, 240, 0.72);
-}
-
-body.home--sig .badge--ok {
- background: rgba(34, 197, 94, 0.14);
- border-color: rgba(34, 197, 94, 0.28);
- color: rgba(34, 197, 94, 0.92);
-}
-
-body.home--sig .step__n {
- background: rgba(56, 189, 248, 0.10);
- border-color: rgba(56, 189, 248, 0.22);
- color: rgba(56, 189, 248, 0.92);
-}
-
-body.home--sig .step::after {
- background: linear-gradient(to bottom, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0));
-}
-
-body.home--sig .section--alt {
- background: rgba(15, 23, 42, 0.28);
- border-top-color: rgba(255, 255, 255, 0.08);
- border-bottom-color: rgba(255, 255, 255, 0.08);
-}
-
-body.home--sig .btn {
- background: rgba(255, 255, 255, 0.06);
- border-color: rgba(255, 255, 255, 0.14);
- color: rgba(226, 232, 240, 0.92);
- box-shadow:
- 0 1px 0 rgba(255, 255, 255, 0.05),
- 0 22px 70px rgba(0, 0, 0, 0.45);
-}
-
-body.home--sig .btn:hover {
- border-color: rgba(255, 255, 255, 0.22);
- background: rgba(255, 255, 255, 0.09);
-}
-
-body.home--sig .btn--primary {
- background: rgba(255, 255, 255, 0.92);
- border-color: rgba(255, 255, 255, 0.16);
- color: rgba(11, 18, 32, 0.92);
-}
-
-body.home--sig .btn--primary:hover {
- background: rgba(255, 255, 255, 0.98);
-}
-
-body.home--sig .linkrow:hover {
- border-color: rgba(56, 189, 248, 0.32);
-}
-
-body.home--sig code {
- background: rgba(15, 23, 42, 0.70);
- color: rgba(226, 232, 240, 0.92);
- border: 1px solid rgba(255, 255, 255, 0.10);
-}
-
-body.home--sig pre.code code {
- background: transparent;
- border: none;
- color: inherit;
-}
-
-body.home--sig .field input,
-body.home--sig .field select,
-body.home--sig .field textarea {
- background: rgba(11, 18, 32, 0.55);
- border-color: rgba(255, 255, 255, 0.14);
- color: rgba(226, 232, 240, 0.92);
-}
-
-body.home--sig .field input::placeholder,
-body.home--sig .field textarea::placeholder {
- color: rgba(226, 232, 240, 0.45);
-}
-
-body.home--sig .field label {
- color: rgba(226, 232, 240, 0.55);
-}
-
-body.home--sig .field input:focus,
-body.home--sig .field select:focus,
-body.home--sig .field textarea:focus {
- border-color: rgba(56, 189, 248, 0.45);
- box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.16);
-}
-
-body.home--sig .vcard__icon {
- background: rgba(255, 255, 255, 0.06);
- border-color: rgba(255, 255, 255, 0.14);
- color: rgba(56, 189, 248, 0.92);
-}
-
-body.home--sig .vcard__more {
- background: rgba(255, 255, 255, 0.06);
- border-color: rgba(255, 255, 255, 0.14);
- color: rgba(226, 232, 240, 0.72);
-}
-
-body.home--sig .vcard__more:hover {
- color: rgba(226, 232, 240, 0.92);
- border-color: rgba(255, 255, 255, 0.22);
- background: rgba(255, 255, 255, 0.09);
-}
diff --git a/ifttt/verticals/ai/index.html b/ifttt/verticals/ai/index.html
index e8e232e..37882dd 100644
--- a/ifttt/verticals/ai/index.html
+++ b/ifttt/verticals/ai/index.html
@@ -1,89 +1,24 @@
-
-
-
-
-
- HTML
- -```html - - - - - -
-
-
-
- IF.TTT
- Whitepaper
-
-
-
-
-
-
-
- Received.
-If you submitted the form, we’ll reply with the stable links. No pitch deck required.
- -
-
-
-
- Immediate access (no email required)
-
-
- Read the paper (HTML)
- https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html
-
-
- Full review pack index
- https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/
-
-
-
- Tip: Some sandboxes load text/html but reject downloads. Use the HTML links in that case.
-
- IF.Trace
-
-
-
-
-
-
-
-
- AI product reality
-“Why did it say that?” becomes a contract clause.
-- Enterprise buyers increasingly require provenance: what source material fed the output, what version produced it, and what can be - verified after the fact. IF.Trace turns that requirement into a repeatable receipt surface. -
- -
-
-
- Third‑party pressure
--
-
- Enterprise buyers demand defensible provenance without joining your internal stack. -
- Incident responders demand integrity-bound artifacts for “what happened.” -
- GRC teams demand a black/white boundary between verified evidence and interpretation. -
-
- What IF.Trace provides
-
-
-
-
- Receipts
- Trace pages + stable no‑login URLs for outputs and sources.
-
-
- Disputes
- Offline bundles for verification after access or context changes.
-
-
- Clarity
- Proves integrity and publication; does not claim intent or correctness.
- Browse sectors
AI trust pressure
Make outputs provable, not persuasive.
When an output is contested (“why did it say that?”), you need provenance. IF.Trace supports verifiable linkage from inputs to outputs.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Users demand provenance and reproducibility.
- Vendors and models change over time.
- Claims must be checkable outside your system.
What IF.Trace provides
Verification primitives that survive handoffs.
Provenance receipts
A stable proof surface for outputs.
Audit-ready bundles
Offline verification options.
Clear limits
Integrity verified; meaning debated separately.
- IF.Trace
-
-
-
-
-
-
-
-
- Enterprise reality
-Audits are a throughput problem.
-- Enterprise trust breaks when proof requires access: screenshots, ticket exports, and “trust me” Slack threads. IF.Trace replaces access - requirements with receipts—so verification is externalizable. -
- -
-
-
- Third‑party pressure
--
-
- Auditors and customers ask the same question: “prove it was true at the time.” -
- Procurement needs evidence without granting broad credentials. -
- Executives need a narrative; security needs reproducible artifacts. -
-
- What IF.Trace provides
-
-
-
-
- Receipt‑first
- Integrity binding:
- source_sha256 ↔ output_sha256.
-
- No‑login share
- Public receipt surface for reviewers (with sandbox fallback paths).
-
-
- Offline option
- Triage bundles for future disputes and restricted review.
-
-
- One sentence you can forward
-For stakeholder alignment without overclaiming.
-
-
- - IF.Trace supports audits by producing externally verifiable receipts—so reviewers don’t need your internal credentials to verify integrity. -
- Browse sectors
Enterprise pressure
Audit throughput without credential sprawl.
In enterprise environments, audit friction becomes a tax on delivery. IF.Trace provides proof that third parties can verify without joining your internal world.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Auditors and security teams require repeatable evidence for decisions and outputs.
- Vendors and contractors create custody gaps.
- Internal access sprawl is a risk in itself.
What IF.Trace provides
Verification primitives that survive handoffs.
No-login proof
Receipts that verify without granting access.
Provenance linking
Bind source → output so reviews stay grounded.
Operational fit
Works with existing workflows (PRs, tickets, approvals).
- IF.Trace
-
-
-
-
-
-
-
-
- Finance reality
-Regulators don’t buy narratives. They buy receipts.
-- In regulated finance, the first question after an incident is not “what did the model mean?” It’s “show me the evidence chain: inputs, - outputs, timestamps, and who approved what.” -
- -
-
-
- Third‑party pressure
--
-
- Model risk / validation teams need reproducibility. -
- Internal audit needs non‑repudiation and time‑scoped proof. -
- Regulators need chain‑of‑custody that survives disputes. -
-
- What IF.Trace provides
-
-
-
-
- Receipt
- A public trace page binding
- source_sha256 ↔ output_sha256.
-
- Dispute
- Offline bundles for later verification without relying on internal access.
-
-
- Clarity
- Black/white separation of what’s verified vs what is interpretation.
-
-
- Artifacts you can hand to third parties
-This is the point: reviewers shouldn’t need your VPN.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Output (rendered): https://infrafabric.io/static/dossier/<shareId>
-Output (raw): https://infrafabric.io/static/dossier/<shareId>/download
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-
- Live example
- - Browse sectors
Financial pressure
Non-repudiation for decisions and outputs.
Regulated environments need evidence that survives scrutiny. IF.Trace supports verifiable artifacts without fragile internal access dependencies.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Model risk and decision audits require durable evidence.
- Regulators and auditors are external third parties.
- Evidence must remain checkable months later.
What IF.Trace provides
Verification primitives that survive handoffs.
Integrity receipts
Downloadable bytes that match published hashes.
Stable proof surface
Predictable URLs for audit trails.
Offline options
Bundles for constrained environments.
- IF.Trace
-
-
-
-
-
-
-
-
- Government reality
-Assurance is an offline problem.
-- In restricted environments, the “can you verify it?” question must be answered without assuming network access, SaaS consoles, or vendor - portals. IF.Trace treats offline verification as a first‑class requirement. -
- -
-
-
- Third‑party pressure
--
-
- Assessors demand chain‑of‑custody and unambiguous provenance. -
- Procurement wants proof that survives vendor handoffs. -
- Security teams need evidence that is portable across networks and time. -
-
- What IF.Trace provides
-
-
-
-
- Offline bundles
- Triage bundles (lightweight/standard/full) with expected hashes for trustless verification.
-
-
- Receipt surface
- Stable no‑login URLs for trace + output + source.
-
-
- Black/white
- Clear statement of what integrity receipts prove—and what they don’t.
-
-
- What you can hand to an assessor
-No accounts required. No internal consoles required.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Bundle selector: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-Verifier: https://infrafabric.io/static/hosted/iftrace.py
-
- Live example
- - Browse sectors
Government review reality
Evidence must outlive people.
When decisions are reviewed months later, the only thing that matters is what you can still prove. IF.Trace produces stable proof surfaces that survive staffing changes, vendors, and audits.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Oversight reviewers need “show me the proof” without accounts or internal tools.
- Procurement workflows introduce long delays and many stakeholders.
- Offline review is sometimes a requirement, not a preference.
What IF.Trace provides
Verification primitives that survive handoffs.
Receipt URLs
Stable links that can be cited in procurement and audit threads.
Triage bundles
Downloadable bundles for offline verification.
Clear scope
Integrity verification without over-claiming correctness.
- IF.Trace
-
-
-
-
-
-
-
-
- Healthcare reality
-Clarity beats confidence.
-- Healthcare environments punish ambiguity. IF.Trace makes “what we can prove” explicit, and forces everything else to be labeled as - interpretation or review-required. -
- -
-
-
- Third‑party pressure
--
-
- Compliance wants evidence that is bounded and reviewable. -
- Incident reviewers want provenance for outputs and decisions. -
- Vendors and partners want proof without access to your internal tooling. -
-
- What IF.Trace provides
-
-
-
-
- Verified
- Integrity binding (hashes), receipts, optional signatures.
-
-
- Not verified
- Clinical intent, interpretation, or correctness of conclusions.
-
-
- Outcome
- Evidence becomes legible to outsiders without pretending it is “the decision.”
- Browse sectors
Healthcare constraints
Proof that respects boundaries.
Healthcare environments require strict boundaries: privacy, consent, and auditability. IF.Trace supports verification without broad data exposure.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Privacy boundaries must be respected even during review.
- Audit trails must be clear and durable.
- Third-party verification must not depend on internal access.
What IF.Trace provides
Verification primitives that survive handoffs.
Verification without access
Receipts instead of credentials.
De-risked sharing
Share proof of integrity, not patient data.
Operational clarity
Explicitly scoped claims for reviewers.
- IF.Trace
-
-
-
-
-
-
-
-
- Same mechanism, different pressure
-Two axes: who is buying, what is at stake.
-- IF.Trace doesn’t “solve compliance.” It solves the universal problem underneath compliance: third parties demanding proof without joining your - internal world. The receipts stay the same; the incentives and failure modes change. -
- -
-
- Browse by sector
-Who the buyer is. The same receipts, different pressure.
- -
-
-
-
-
-
-
-
-
-
-
- Public Sector
-Procurement cycles, oversight, offline verification.
- Public Sector → -Enterprise
-Audits as throughput; evidence without credential sprawl.
- Enterprise → -Research
-Provenance, reproducibility, and external reviewers.
- Research → -Professional Services
-Client handoffs, disputes, and custody that holds up later.
- Professional Services → -Browse by industry
-What domain the risk lives in: regulation, data, and dispute pressure.
- -
-
-
-
-
-
-
-
-
- Healthcare
-Audit trails, privacy boundaries, dispute‑ready artifacts.
- Healthcare → -Financial Services
-Model risk, non‑repudiation, evidence for regulators.
- Financial → -Legal
-Chain‑of‑custody for drafts, evidence, and decisions.
- Legal → -More pressure profiles
-Common governance failure modes that appear across sectors and industries.
- -
-
-
-
-
-
-
-
-
-
- B2B SaaS (SOC 2 / ISO)
-Auditors, procurement, “prove it existed at the time.”
- B2B SaaS → -SecOps / SOC
-Bind summaries to evidence; keep custody intact.
- SecOps → -AI Product Companies
-Provable provenance for outputs: “why did it say that?”
- AI products → -Industrial / Supply Chain
-Traceability that survives vendor and contractor handoffs.
- Supply chain → - Same mechanism, different pressure
Same mechanism, different pressure
Two axes: who is buying, what is at stake.
+IF.Trace doesn’t “solve compliance.” It solves the universal problem + underneath compliance: third parties demanding proof without joining your + internal world. +
Browse by sector
Who the buyer is.
The same receipts, different pressure.
Professional Services
Client handoffs, disputes, and custody that holds up later.
Browse by industry
Where the risk lives.
Regulation, data, and dispute pressure.
More pressure profiles
Common failure modes, recurring incentives.
Same mechanism, different stakes.
- IF.Trace
-
-
-
-
-
-
-
-
- Legal reality
-Courts don’t accept “trust me.” They accept provenance.
-- Legal and compliance teams live in the difference between “we believe this happened” and “we can prove this happened.” IF.Trace is built to - make that proof portable. -
- -
-
-
- Third‑party pressure
--
-
- Disputes demand reproducibility: the exact input and the exact output. -
- Evidence must be time‑scoped: “what did we know, when did we know it?” -
- Chain‑of‑custody must survive handoffs (vendor → customer → counsel → auditor). -
-
- What IF.Trace provides
-
-
-
-
- Integrity
- Hash receipts bind the published bytes to what was reviewed.
-
-
- Portability
- No‑login links and offline bundles for external review.
-
-
- Clarity
- Explicit “proves / does not prove” framing reduces ambiguity.
-
-
- Artifacts that make disputes less expensive
-You can hand these to an external reviewer without shipping your internal systems.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Output (raw): https://infrafabric.io/static/dossier/<shareId>/download
-Review pack: https://infrafabric.io/static/review/<shareId>
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-
- Live example
- - Browse sectors
Legal reality
Chain-of-custody for drafts and evidence.
Legal work depends on what can be proven. IF.Trace provides a simple, verifiable custody layer for documents and derived outputs.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Draft histories matter when disputes arise.
- Evidence must be defensible in adversarial review.
- Third parties should verify without logins.
What IF.Trace provides
Verification primitives that survive handoffs.
Custody proof
Bind source and output with trace IDs and hashes.
Black/white verification
Integrity verification with clear limits.
Portable review
Offline bundles and HTML views.
- IF.Trace
-
-
-
-
-
-
-
-
- Services reality
-The deliverable is the receipt.
-- In professional services, the artifact you hand over becomes evidence: audits, disputes, expert reports, procurement packs. IF.Trace makes - the handoff verifiable without making you a credential broker. -
- -
-
-
- Third‑party pressure
--
-
- Clients want proof; opposing counsel wants provenance. -
- Auditors need artifacts they can verify without your internal access. -
- Engagements outlive inboxes; the evidence must remain stable. -
-
- What IF.Trace provides
-
-
-
-
- Chain‑of‑custody
- Trace receipt binds source ↔ output, plus IDs and timestamps.
-
-
- Portable proofs
- Bundles can be archived with the case file and re‑verified later.
-
-
- Clarity
- What was verified is shown; interpretation is labeled as interpretation.
-
-
- Operational trap to avoid
-Don’t turn verification into credential distribution.
-
-
-
-
- Bad
-“Log in to our system and we’ll show you.”
-
-
- Good
-“Here is the artifact, here is the receipt, verify without us.”
- Browse sectors
Client handoff reality
Receipts that survive disputes.
When advice, drafts, and deliverables become contested, you need custody that holds up. IF.Trace makes your outputs verifiable without exposing your internal process.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Client handoffs create ambiguity about what was delivered and when.
- Disputes happen later, under stress, with missing context.
- Third-party reviewers should not need your accounts.
What IF.Trace provides
Verification primitives that survive handoffs.
Chain-of-custody
Bind drafts and outputs to timestamps and hashes.
Share surface
Public receipt links for reviewers.
Offline bundles
A portable verification kit.
Browse sectors
Public sector reality
Proof must survive procurement.
Public accountability is a third‑party problem: reviewers need proof without getting access to your internal systems. IF.Trace turns “trust us” into receipts that a stranger can verify.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Assessors need chain‑of‑custody that survives vendor handoffs.
- Procurement and oversight bodies require documentation that outlives staff turnover.
- Some environments must support offline verification by design.
What IF.Trace provides
Verification primitives that survive handoffs.
Receipt surface
Stable, no‑login URLs for trace + output + source.
Offline bundles
Triage bundles (light/standard/full) with expected hashes.
Black/white
States what is verified (integrity) and what is not (interpretation).
What you can hand to a reviewer
- -- - -- IF.Trace - --- - - contact - - +Bundle selector: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html +- - ----- - -Public sector reality
-Proof must survive procurement.
-- Public accountability is a third‑party problem: reviewers need proof without getting access to your internal systems. IF.Trace turns “trust - us” into receipts that a stranger can verify. -
- --- -Third‑party pressure
--
-- Assessors need chain‑of‑custody that survives vendor handoffs.
-- Procurement and oversight bodies require documentation that outlives staff turnover.
-- Some environments must support offline verification by design.
---What IF.Trace provides
-----Receipt surface-Stable, no‑login URLs for trace + output + source.---Offline bundles-Triage bundles (lightweight/standard/full) with expected hashes.---Black/white-States what is verified (integrity) and what is not (interpretation).-- - ---What you can hand to a reviewer
-No accounts required. No internal consoles required.
--Trace receipt: https://infrafabric.io/static/trace/<shareId> +Trace receipt: https://infrafabric.io/static/trace/<shareId> Pack (HTML): https://infrafabric.io/static/pack/<shareId> -Bundle selector: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html- ---Live example
- -
- IF.Trace
-
-
-
-
-
-
-
-
- Research reality
-Reproducibility is governance.
-- Research already understands receipts: methods, datasets, citations. IF.Trace applies the same discipline to AI outputs and operational - decisions: publish what can be verified, label what can’t, and keep the bytes stable. -
- -
-
-
- Third‑party pressure
--
-
- Peer review demands the ability to reproduce claims. -
- Funding/compliance bodies demand provenance for decisions and outputs. -
- Collaborators need proof that the artifact they received is the artifact you published. -
-
- What IF.Trace provides
-
-
-
-
- Integrity
- Hash receipts: same bytes, same hash, independent verification.
-
-
- Clarity
- Explicitly separates evidence (verified) from interpretation (not verified).
-
-
- Portability
- Offline bundles for constrained or future review environments.
-
-
- Portable verification artifacts
-So reviewers can validate without trusting your infrastructure.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Pack (raw): https://infrafabric.io/static/pack/<shareId>.md
-Pack (HTML): https://infrafabric.io/static/pack/<shareId>
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-
- Live example
- - Browse sectors
External review reality
Reproducibility without leaking the lab.
Research reviewers need proof, not your whole environment. IF.Trace makes it practical to share verifiable outputs while keeping raw data controlled.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- External reviewers cannot be onboarded into internal tooling.
- Sensitive datasets must stay private, even when outputs are shared.
- Reproducibility requires stable evidence, not “trust me”.
What IF.Trace provides
Verification primitives that survive handoffs.
Receipt-first sharing
Share proof links that survive copy/paste and time.
Offline fallback
HTML views and bundles for constrained environments.
Scope clarity
Proves integrity, not interpretation.
- IF.Trace
-
-
-
-
-
-
-
-
- SaaS reality
-Audits are evidence requests with a deadline.
-- In B2B SaaS, the friction isn’t the control design. It’s proving the control existed at the right time, in the right scope, without - granting auditors full internal access. -
- -
-
-
- Third‑party pressure
--
-
- Auditors want integrity-bound artifacts (not screenshots in shared drives). -
- Enterprise procurement wants reproducible proof without bespoke portals. -
- Post‑incident reviewers want “what did it say?” tied to “what did it see?” -
-
- What IF.Trace provides
-
-
-
-
- No‑login
- Stable URLs for trace + output + source, keyed by
- shareId.
-
- Dispute‑ready
- Offline bundles with expected hashes for later verification.
-
-
- Black/white
- Explicit “proves / does not prove” framing for auditor conversations.
-
-
- Artifacts for auditors
-The purpose is to make evidence portable and boring.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Output (raw): https://infrafabric.io/static/dossier/<shareId>/download
-Pack (HTML): https://infrafabric.io/static/pack/<shareId> Browse sectors
Audit readiness
Prove what existed, when it existed.
Compliance is often a third-party proof problem. IF.Trace makes it easier to show audit evidence without turning your internal systems into public surface area.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Auditors need repeatable proof for controls and decisions.
- Vendor and contractor work introduces custody gaps.
- Evidence must be stable across quarters.
What IF.Trace provides
Verification primitives that survive handoffs.
Receipt-first evidence
Receipts for audits and reviews.
Offline bundles
Bring-your-own-verification kit.
Scope discipline
Integrity ≠ correctness, and we say so.
- IF.Trace
-
-
-
-
-
-
-
-
- Research reality
-Reproducibility is governance in a lab coat.
-- Scientific workflows already understand receipts: methods, datasets, and citations. IF.Trace is the same idea applied to AI outputs and - operational decisions: publish what can be verified, and mark what can’t. -
- -
-
-
- Third‑party pressure
--
-
- Peer reviewers need the ability to reproduce claims. -
- Funding/compliance bodies need provenance for decisions and outputs. -
- Collaborators need proof that the artifact they received is the artifact you published. -
-
- What IF.Trace provides
-
-
-
-
- Integrity
- Hash receipts: same bytes, same hash, independent verification.
-
-
- Clarity
- Explicitly separates evidence (verified) from interpretation (not verified).
-
-
- Portability
- Offline bundles for constrained or future review environments.
-
-
- Portable verification artifacts
-So reviewers can validate without trusting your infrastructure.
-Trace receipt: https://infrafabric.io/static/trace/<shareId>
-Pack (raw): https://infrafabric.io/static/pack/<shareId>.md
-Pack (HTML): https://infrafabric.io/static/pack/<shareId>
-Offline bundles: https://infrafabric.io/static/hosted/review/trace-bundles/<id>/index.html
-
- Live example
- - Browse sectors
Scientific review reality
Make claims checkable later.
Science is adversarial in the best way: other people must be able to check your work. IF.Trace keeps the proof surface simple and stable.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Reviews happen outside your tooling and outside your time zone.
- Artifacts must remain checkable long after they were produced.
- Integrity needs to be easy to verify, or it won’t be verified.
What IF.Trace provides
Verification primitives that survive handoffs.
Stable URLs
A predictable proof surface for citations and review packs.
Hash verification
Clear, black/white integrity checks.
Reviewer-friendly
HTML fallbacks and offline bundles.
- IF.Trace
-
-
-
-
-
-
-
-
- SecOps reality
-Bind “what the system said” to “what the system saw.”
-- AI summaries can help, but only if they remain verifiable against raw telemetry. IF.Trace makes the custody chain explicit: source bytes, - output bytes, and a receipt that can be validated by third parties. -
- -
-
-
- Third‑party pressure
--
-
- Executives demand a narrative; auditors demand evidence. -
- Incident response needs reproducible artifacts, not recollections. -
- External assessors need proof without your SIEM credentials. -
-
- What IF.Trace provides
-
-
-
-
- Trace receipt
- Integrity binding:
- source_sha256 ↔ output_sha256.
-
- Offline proof
- Bundles that can be verified after the fact, offline.
-
-
- Clarity
- What’s verified is stated; what’s interpretation is labeled as such.
-
-
- Operational trap to avoid
-Do not treat “AI summary” as evidence.
-
-
-
-
- Bad
-“The AI said this was resolved.”
-
-
- Good
-“Here is the output, here is the evidence artifact, here is the receipt binding them.”
- Browse sectors
Security operations
Bind summaries to evidence.
Security teams summarize fast under pressure. IF.Trace keeps summaries tied to underlying evidence so post-incident review stays grounded.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Incidents are reviewed later, often by external parties.
- Evidence chains can break during handoffs.
- Over-sharing internal access increases risk.
What IF.Trace provides
Verification primitives that survive handoffs.
Evidence binding
Link reports to underlying inputs via hashes.
Shareable receipts
No-login verification for stakeholders.
Offline verification
Portable bundles for review.
- IF.Trace
-
-
-
-
-
-
-
-
- Supply chain reality
-Handoffs are where proof dies.
-- Industrial systems accumulate contractors, vendors, and integrators. IF.Trace standardizes a receipt surface so chain‑of‑custody doesn’t - collapse the moment responsibility moves. -
- -
-
-
- Third‑party pressure
--
-
- Customers ask for change control evidence after outages. -
- Insurers ask what controls existed at the time of the incident. -
- Auditors ask for traceability across organizational boundaries. -
-
- What IF.Trace provides
-
-
-
-
- Receipts
- Stable no‑login trace + output + source URLs keyed by
- shareId.
-
- Offline
- Bundles for verification when networks and portals are unavailable.
-
-
- Clarity
- Integrity binding is verifiable; interpretation remains process-owned.
- Browse sectors
Supply chain reality
Traceability across vendor handoffs.
In complex supply chains, custody breaks at handoff points. IF.Trace makes proof portable so verification survives contractor and vendor boundaries.
Third‑party pressure
Why this gets hard in the real world
+The constraint is almost always the same: someone needs proof, but + cannot be onboarded into your internal systems. +
- Many stakeholders, many tools, many custody breaks.
- Evidence must outlive contracts and teams.
- Offline verification is common in the field.
What IF.Trace provides
Verification primitives that survive handoffs.
Portable proof
Receipts and bundles that travel with the work.
Stable verification
Predictable URLs and black/white checks.
Workflow fit
Evidence can be attached to existing tickets and docs.
- IF.Trace
-
-
-
-
-
-
-
-
- Long-form spec + receipts
-The IF.Trace whitepaper.
-- “Trustworthy” can’t be a vibe. This paper documents the receipt‑first sequence: hash the source → hash the output → - publish a trace → share no‑login receipts → optional offline bundles. -
- -
-
-
-
-
-
- Paper
- HTML + Markdown
-
-
- Receipts
- Trace + hashes
-
-
- Offline
- Proof bundle + verifier
-
- - If your environment blocks downloads (common for some web fetchers), use the HTML version. The receipts are still verifiable. -
-
-
- Stable links (copy/paste)
-These are the boring, audit-safe entry points.
-
-
- Whitepaper (HTML)
- https://infrafabric.io/static/dossier/UtriXc5NT2rktoWA0EGvE61G
-
-
- Whitepaper (download Markdown)
- https://infrafabric.io/static/dossier/UtriXc5NT2rktoWA0EGvE61G/download
-
-
- Trace receipt (VERIFIED / QUANTUM READY)
- https://infrafabric.io/static/trace/UtriXc5NT2rktoWA0EGvE61G
-
-
- Single-file pack (HTML)
- https://infrafabric.io/static/pack/UtriXc5NT2rktoWA0EGvE61G
-
-
- Single-file pack (download Markdown)
- https://infrafabric.io/static/pack/UtriXc5NT2rktoWA0EGvE61G.md
-
-
- Offline verifier (iftrace.py)
- https://infrafabric.io/static/hosted/iftrace.py
-
-
- Long-form spec + receipts
Long-form spec + receipts
The IF.Trace whitepaper.
+“Trustworthy” can’t be a vibe. This paper documents the receipt‑first sequence: + hash the source → hash the output → publish a trace → share no‑login receipts → optional offline bundles. +
Included artifacts
Everything needed for review.
Paper
HTML + Markdown.
Receipts
Trace + hashes.
Offline
Proof bundle + verifier.
No login
Want the pack in your inbox?
+Optional. If you prefer, drop an email and we’ll reply with stable links + (no “demo call” bait). +
+If your environment blocks downloads (common for some web fetchers), use the + HTML version. The receipts are still verifiable. +
Stable links
Copy/paste entry points.
These are the boring, audit-safe URLs.
Whitepaper (HTML)
+https://infrafabric.io/static/dossier/UtriXc5NT2rktoWA0EGvE61G +
Whitepaper (download Markdown)
+https://infrafabric.io/static/dossier/UtriXc5NT2rktoWA0EGvE61G/download +
Single-file pack (HTML)
+https://infrafabric.io/static/pack/UtriXc5NT2rktoWA0EGvE61G +
Single-file pack (download Markdown)
+https://infrafabric.io/static/pack/UtriXc5NT2rktoWA0EGvE61G.md +
Offline verifier (iftrace.py)
- IF.Trace
-
-
-
-
- Received.
-If you submitted the form, we’ll reply with the stable links. No pitch deck required.
- -
-
-
-
- Immediate access (no email required)
-
-
- Read the paper (HTML)
- https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/review-pack.html
-
-
- Full review pack index
- https://infrafabric.io/static/hosted/review/ifttt-paper-update/2025-12-28/
-
-
-
- Tip: Some sandboxes load text/html but reject downloads. Use the HTML links in that case.
-
Thank you
Request received.
We’ll reply with the stable, no‑login links.