-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
221 lines (211 loc) · 11.8 KB
/
Copy pathindex.html
File metadata and controls
221 lines (211 loc) · 11.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>RefMD | Open-source Real-Time Markdown Collaboration</title>
<meta name="description" content="RefMD is an open-source real-time Markdown workspace for teams to co-author documentation and share updates.">
<meta name="author" content="RefMD">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#0f172a">
<link rel="canonical" href="https://refmd.io/">
<link rel="icon" type="image/svg+xml" href="landing-assets/favicon.svg">
<link rel="apple-touch-icon" href="landing-assets/apple-touch-icon.png" sizes="180x180">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:url" content="https://refmd.io/">
<meta property="og:site_name" content="RefMD">
<meta property="og:title" content="RefMD | Open-source Real-Time Markdown Collaboration">
<meta property="og:description" content="RefMD is an open-source real-time Markdown workspace for teams to co-author documentation and share updates.">
<meta property="og:image" content="https://refmd.io/landing-assets/refmd-social-card.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="RefMD | Open-source Real-Time Markdown Collaboration">
<meta name="twitter:description" content="RefMD keeps specs, decisions, and notes aligned across teams with live collaboration and extensible plugins.">
<meta name="twitter:image" content="https://refmd.io/landing-assets/refmd-social-card.png">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="site-header">
<div class="container header-inner">
<a class="logo" href="#">RefMD</a>
<nav class="nav-links" aria-label="Primary navigation">
<a href="#features">Features</a>
<a href="#get-started">Get Started</a>
<a href="https://refmdio.github.io/docs/" target="_blank" rel="noreferrer">Docs</a>
<a href="https://github.com/refmdio/refmd" target="_blank" rel="noreferrer">GitHub</a>
<a class="cta-link" href="https://refmd.io/auth/signin">Log in</a>
</nav>
<a class="btn primary header-login-mobile" href="https://refmd.io/auth/signin">Log in</a>
</div>
</header>
<main id="main-content">
<section class="hero">
<div class="container hero-grid">
<div class="hero-content">
<div class="hero-copy">
<p class="badge">Open-source · Real-time Markdown</p>
<h1>Build living documentation together.</h1>
<p class="lead">
RefMD keeps specs, decisions, and notes aligned across teams with live collaboration and extensible plugins.
</p>
<ul class="hero-highlights">
<li><span class="pill">Realtime</span> Write together in the same doc with live presence.</li>
<li><span class="pill">Secure</span> Share anonymous review links without exposing your workspace.</li>
<li><span class="pill">Extendable</span> Create custom plugins to embed the tools and data your team relies on.</li>
</ul>
<div class="hero-actions">
<a class="btn primary" href="https://refmd.io/auth/signup">Start using RefMD</a>
<a class="btn secondary" href="https://refmdio.github.io/docs/" target="_blank" rel="noreferrer">Browse documentation</a>
<a class="btn github" href="https://github.com/refmdio/refmd" target="_blank" rel="noreferrer">View on GitHub</a>
</div>
<p class="hero-sub">Use the hosted space at refmd.io or follow the docs to run RefMD on your own infrastructure.</p>
</div>
</div>
<div class="hero-visual">
<div class="browser-frame">
<div class="embed-scale">
<div class="embed-scale-inner">
<iframe class="hero-embed" src="landing-assets/introduce-inline.html" title="RefMD editor preview" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="features" class="section">
<div class="container section-header">
<h2>Documentation that stays aligned with your work</h2>
<p>RefMD keeps specs, internal guides, and shared notes in sync alongside the code that backs them.</p>
</div>
<div class="container feature-grid">
<article class="feature-card">
<h3>Real-time co-editing</h3>
<p>See teammates typing live, follow cursors, and review changes together without friction.</p>
</article>
<article class="feature-card">
<h3>Workspace navigation</h3>
<p>Organize content in folders, jump via backlinks, and search across the entire workspace.</p>
</article>
<article class="feature-card">
<h3>Anonymous share links</h3>
<p>Publish read-only pages or time-boxed review links without exposing your entire workspace.</p>
</article>
<article class="feature-card">
<h3>Git Sync backups</h3>
<p>Back up your workspace into your own Git repository for audit trails and recovery.</p>
</article>
<article class="feature-card">
<h3>Plugin extensions</h3>
<p>Add custom panes, toolbars, or automations with community-built plugins.</p>
</article>
</div>
</section>
<section id="get-started" class="section">
<div class="container section-header">
<h2>Get started with RefMD</h2>
<p>Explore the project on GitHub, follow the docs, and shape RefMD around your team's workflow.</p>
</div>
<div class="container start-grid">
<article class="start-card">
<h3>Use the hosted app</h3>
<p>Sign up for the managed RefMD service and start collaborating in minutes.</p>
<ul>
<li>Access RefMD at refmd.io with authentication, storage, and updates managed for you.</li>
<li>Share pages with secure links without running infrastructure yourself.</li>
</ul>
<a class="btn primary" href="https://refmd.io/auth/signup">Sign up for RefMD</a>
</article>
<article class="start-card">
<h3>Self-host RefMD</h3>
<p>Follow the deployment guides to run RefMD inside your own infrastructure.</p>
<ul>
<li>Review the <a href="https://refmdio.github.io/docs/quick-start/" target="_blank" rel="noreferrer">Quick Start</a> for setup instructions.</li>
<li>Dive into architecture and integration docs to customise your deployment.</li>
</ul>
<a class="btn secondary" href="https://refmdio.github.io/docs/" target="_blank" rel="noreferrer">Explore docs</a>
</article>
</div>
</section>
<section id="cta" class="section cta">
<div class="container cta-inner">
<h2>Contribute to RefMD</h2>
<p>Report issues, improve docs, or build plugins—the roadmap is community driven.</p>
<div class="cta-actions">
<a class="btn primary" href="https://github.com/refmdio/refmd" target="_blank" rel="noreferrer">Visit the repository</a>
<a class="btn secondary" href="https://refmdio.github.io/docs/" target="_blank" rel="noreferrer">Visit the docs</a>
</div>
<p class="cta-note">Questions or deployment stories? Reach us at <a href="mailto:contact@refmd.io">contact@refmd.io</a>.</p>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-inner">
<span>© <span id="year"></span> RefMD</span>
<nav aria-label="Footer navigation">
<a href="https://refmdio.github.io/docs/" target="_blank" rel="noreferrer">Documentation</a>
<a href="https://github.com/refmdio/refmd" target="_blank" rel="noreferrer">GitHub</a>
<a href="mailto:contact@refmd.io">Contact</a>
</nav>
</div>
</footer>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
const embedScaleRoot = document.querySelector('.embed-scale');
if (embedScaleRoot) {
const visualRoot = embedScaleRoot.closest('.hero-visual');
const getNumberVar = (name, fallback) => {
if (!visualRoot) return fallback;
const value = getComputedStyle(visualRoot).getPropertyValue(name).trim();
const parsed = parseFloat(value);
return Number.isFinite(parsed) ? parsed : fallback;
};
const baseWidth = getNumberVar('--embed-width', 1400);
const baseHeight = getNumberVar('--embed-height', 820);
const updateEmbedScale = () => {
const availableWidth = embedScaleRoot.offsetWidth || baseWidth;
const scale = Math.min(1, availableWidth / baseWidth);
embedScaleRoot.style.setProperty('--embed-scale', scale.toFixed(4));
embedScaleRoot.style.setProperty('--embed-height-px', `${(baseHeight * scale).toFixed(1)}px`);
};
updateEmbedScale();
if (typeof ResizeObserver !== 'undefined') {
const observer = new ResizeObserver(() => updateEmbedScale());
observer.observe(embedScaleRoot);
} else {
window.addEventListener('resize', updateEmbedScale, { passive: true });
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "RefMD",
"url": "https://refmd.io/",
"description": "RefMD is an open-source real-time Markdown workspace for teams to co-author documentation and share updates.",
"applicationCategory": "ProductivityApplication",
"operatingSystem": "Web",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"publisher": {
"@type": "Organization",
"name": "RefMD",
"url": "https://refmd.io/"
},
"sameAs": [
"https://github.com/refmdio/refmd",
"https://refmdio.github.io/docs/"
]
}
</script>
</body>
</html>