claude
141cf95f9e
Build and Deploy Verso / deploy (push) Successful in 10m58s
Color palette: introduce Quarto's five brand colours ($verso-blue #447099, $verso-blue-dark #1B3B6F, $verso-blue-light #75AADB, $verso-green #72994E, $verso-orange #EE6331) as CSS custom properties alongside the existing layout vars. Logo: replace all Overleaf SVG assets (icon, wordmarks, favicons, horizontal logos) with the Verso mark — a circle split into four Quarto-coloured quadrants (Quarto DNA) with a bold white V letterform (Verso identity). Filenames kept so imports stay intact. Status favicons keep their layout; brand green #046530 → #447099. UI text: - appName / nav.title default → 'Verso' - Footer copyright → '© Verso'; remove Overleaf social links; thin-footer attribution → 'Built on Overleaf' (with OSS link) - mask-icon colour → #447099 - interstitial logo alt → 'Verso' - Key locale strings (welcome, agree terms, go-to) → Verso; SaaS-specific strings (subscriptions, AI Assist) left as-is since CE users never see them Env var names (OVERLEAF_*) intentionally untouched to avoid breaking the build. Code comments citing Overleaf origin preserved. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
27 lines
664 B
TypeScript
27 lines
664 B
TypeScript
import classNames from 'classnames'
|
|
import overleafLogo from '@/shared/svgs/overleaf-green.svg'
|
|
|
|
type InterstitialProps = {
|
|
className?: string
|
|
contentClassName?: string
|
|
children: React.ReactNode
|
|
showLogo: boolean
|
|
title?: string
|
|
}
|
|
|
|
export function Interstitial({
|
|
className,
|
|
contentClassName,
|
|
children,
|
|
showLogo,
|
|
title,
|
|
}: InterstitialProps) {
|
|
return (
|
|
<div className={classNames('interstitial', className)}>
|
|
{showLogo && <img className="logo" src={overleafLogo} alt="Verso" />}
|
|
{title && <h1 className="h3 interstitial-header">{title}</h1>}
|
|
<div className={classNames(contentClassName)}>{children}</div>
|
|
</div>
|
|
)
|
|
}
|