119 lines
4.6 KiB
TypeScript
119 lines
4.6 KiB
TypeScript
/**
|
|
* rNotes module landing page — vault browser for Obsidian & Logseq.
|
|
*/
|
|
export function renderLanding(): string {
|
|
return `
|
|
<!-- Hero -->
|
|
<div class="rl-hero">
|
|
<span class="rl-tagline">rNotes</span>
|
|
<h1 class="rl-heading" style="background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text">Your vaults, synced and browsable.</h1>
|
|
<p class="rl-subtitle" style="background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text">Obsidian & Logseq Vault Sync</p>
|
|
<p class="rl-subtext">
|
|
Upload your Obsidian or Logseq vault, browse files, search across notes,
|
|
and visualize wikilink graphs — all from your rSpace.
|
|
</p>
|
|
<div class="rl-cta-row">
|
|
<a href="https://demo.rspace.online/rnotes" class="rl-cta-primary" id="ml-primary">Open Vault Browser</a>
|
|
<a href="#features" class="rl-cta-secondary">Features</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Features -->
|
|
<section class="rl-section" id="features">
|
|
<div class="rl-container">
|
|
<h2 class="rl-heading" style="text-align:center">What rNotes Does</h2>
|
|
<div class="rl-grid-3">
|
|
<div class="rl-card rl-card--center">
|
|
<div class="rl-icon-box">📁</div>
|
|
<h3>Vault Upload</h3>
|
|
<p>Upload your Obsidian or Logseq vault as a ZIP. Metadata is indexed — titles, tags, frontmatter, and wikilinks.</p>
|
|
</div>
|
|
<div class="rl-card rl-card--center">
|
|
<div class="rl-icon-box">🔎</div>
|
|
<h3>Search & Browse</h3>
|
|
<p>Full file tree with folder grouping, search by title or tags, and read-only markdown preview.</p>
|
|
</div>
|
|
<div class="rl-card rl-card--center">
|
|
<div class="rl-icon-box">🔗</div>
|
|
<h3>Wikilink Graph</h3>
|
|
<p>Visualize how your notes connect via wikilinks. See the knowledge graph of your vault at a glance.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Supported Sources -->
|
|
<section class="rl-section rl-section--alt">
|
|
<div class="rl-container">
|
|
<h2 class="rl-heading" style="text-align:center">Supported Vault Sources</h2>
|
|
<div class="rl-grid-2" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:700px;margin:2rem auto">
|
|
<div class="rl-card rl-card--center">
|
|
<div class="rl-icon-box" style="color:#a78bfa">◆</div>
|
|
<h3>Obsidian</h3>
|
|
<p>ZIP your vault folder and upload. Frontmatter, tags, and wikilinks are fully parsed.</p>
|
|
</div>
|
|
<div class="rl-card rl-card--center">
|
|
<div class="rl-icon-box" style="color:#60a5fa">●</div>
|
|
<h3>Logseq</h3>
|
|
<p>Export your Logseq graph as a ZIP. Outliner structure, properties, and page links are preserved.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- How It Works -->
|
|
<section class="rl-section">
|
|
<div class="rl-container">
|
|
<h2 class="rl-heading" style="text-align:center">How It Works</h2>
|
|
<div class="rl-grid-3">
|
|
<div class="rl-step">
|
|
<div class="rl-step__num">1</div>
|
|
<h3>Upload</h3>
|
|
<p>ZIP your vault folder and upload it to rNotes. The file stays on the server, only metadata is indexed.</p>
|
|
</div>
|
|
<div class="rl-step">
|
|
<div class="rl-step__num">2</div>
|
|
<h3>Browse</h3>
|
|
<p>Explore your vault's file tree, search notes, and preview markdown content — all read-only.</p>
|
|
</div>
|
|
<div class="rl-step">
|
|
<div class="rl-step__num">3</div>
|
|
<h3>Connect</h3>
|
|
<p>View wikilink graphs, follow backlinks, and discover connections across your knowledge base.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Looking for the Editor? -->
|
|
<section class="rl-section rl-section--alt">
|
|
<div class="rl-container" style="text-align:center">
|
|
<h2 class="rl-heading">Looking for the Rich Editor?</h2>
|
|
<p class="rl-subtext">
|
|
The full TipTap editor with notebooks, voice transcription, AI summarization,
|
|
and import from 6 sources has moved to <strong>rDocs</strong>.
|
|
</p>
|
|
<div class="rl-cta-row">
|
|
<a href="/rdocs" class="rl-cta-primary">Open rDocs</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section class="rl-section">
|
|
<div class="rl-container" style="text-align:center">
|
|
<h2 class="rl-heading">Sync Your Vault</h2>
|
|
<p class="rl-subtext">Upload your Obsidian or Logseq vault to get started.</p>
|
|
<div class="rl-cta-row">
|
|
<a href="https://demo.rspace.online/rnotes" class="rl-cta-primary">Open Vault Browser</a>
|
|
<a href="/create-space" class="rl-cta-secondary">Create a Space</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="rl-back">
|
|
<a href="/">← Back to rSpace</a>
|
|
</div>
|
|
`;
|
|
}
|