fix: frontend polish — BUG-053,055,058,060,061,067,069 (minify JS, skip-link, OG tags, sitemap, docs footer)
This commit is contained in:
Hoid
parent
34aad9297e
commit
16e58a7acc
29 changed files with 530 additions and 224 deletions
103
projects/business/src/pdf-api/package-lock.json
generated
103
projects/business/src/pdf-api/package-lock.json
generated
|
|
@ -27,6 +27,7 @@
|
|||
"@types/node": "^22.0.0",
|
||||
"@types/nodemailer": "^7.0.9",
|
||||
"@types/pg": "^8.11.0",
|
||||
"terser": "^5.46.0",
|
||||
"tsx": "^4.19.0",
|
||||
"typescript": "^5.7.0",
|
||||
"vitest": "^3.0.0"
|
||||
|
|
@ -497,6 +498,38 @@
|
|||
"node": ">=18"
|
||||
}
|
||||
},
|
||||
"node_modules/@jridgewell/gen-mapping": {
|
||||
"version": "0.3.13",
|
||||
"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
|
||||
"integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@jridgewell/sourcemap-codec": "^1.5.0",
|
||||
"@jridgewell/trace-mapping": "^0.3.24"
|
||||
}
|
||||
},
|
||||
"node_modules/@jridgewell/resolve-uri": {
|
||||
"version": "3.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
|
||||
"integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@jridgewell/source-map": {
|
||||
"version": "0.3.11",
|
||||
"resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
|
||||
"integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@jridgewell/gen-mapping": "^0.3.5",
|
||||
"@jridgewell/trace-mapping": "^0.3.25"
|
||||
}
|
||||
},
|
||||
"node_modules/@jridgewell/sourcemap-codec": {
|
||||
"version": "1.5.5",
|
||||
"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
|
||||
|
|
@ -504,6 +537,17 @@
|
|||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@jridgewell/trace-mapping": {
|
||||
"version": "0.3.31",
|
||||
"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
|
||||
"integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@jridgewell/resolve-uri": "^3.1.0",
|
||||
"@jridgewell/sourcemap-codec": "^1.4.14"
|
||||
}
|
||||
},
|
||||
"node_modules/@pinojs/redact": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmjs.org/@pinojs/redact/-/redact-0.4.0.tgz",
|
||||
|
|
@ -1207,6 +1251,19 @@
|
|||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/acorn": {
|
||||
"version": "8.15.0",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
|
||||
"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"bin": {
|
||||
"acorn": "bin/acorn"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/agent-base": {
|
||||
"version": "7.1.4",
|
||||
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
|
||||
|
|
@ -1429,6 +1486,13 @@
|
|||
"node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/buffer-from": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
|
||||
"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/bytes": {
|
||||
"version": "3.1.2",
|
||||
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
|
||||
|
|
@ -1558,6 +1622,13 @@
|
|||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/commander": {
|
||||
"version": "2.20.3",
|
||||
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
|
||||
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/compressible": {
|
||||
"version": "2.0.18",
|
||||
"resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
|
||||
|
|
@ -3606,8 +3677,8 @@
|
|||
"version": "0.6.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
|
||||
"devOptional": true,
|
||||
"license": "BSD-3-Clause",
|
||||
"optional": true,
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
|
|
@ -3622,6 +3693,17 @@
|
|||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/source-map-support": {
|
||||
"version": "0.5.21",
|
||||
"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
|
||||
"integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"buffer-from": "^1.0.0",
|
||||
"source-map": "^0.6.0"
|
||||
}
|
||||
},
|
||||
"node_modules/split2": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
|
||||
|
|
@ -3761,6 +3843,25 @@
|
|||
"streamx": "^2.15.0"
|
||||
}
|
||||
},
|
||||
"node_modules/terser": {
|
||||
"version": "5.46.0",
|
||||
"resolved": "https://registry.npmjs.org/terser/-/terser-5.46.0.tgz",
|
||||
"integrity": "sha512-jTwoImyr/QbOWFFso3YoU3ik0jBBDJ6JTOQiy/J2YxVJdZCc+5u7skhNwiOR3FQIygFqVUPHl7qbbxtjW2K3Qg==",
|
||||
"dev": true,
|
||||
"license": "BSD-2-Clause",
|
||||
"dependencies": {
|
||||
"@jridgewell/source-map": "^0.3.3",
|
||||
"acorn": "^8.15.0",
|
||||
"commander": "^2.20.0",
|
||||
"source-map-support": "~0.5.20"
|
||||
},
|
||||
"bin": {
|
||||
"terser": "bin/terser"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
}
|
||||
},
|
||||
"node_modules/text-decoder": {
|
||||
"version": "1.2.6",
|
||||
"resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.6.tgz",
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
"description": "Markdown/HTML to PDF API with built-in invoice templates",
|
||||
"main": "dist/index.js",
|
||||
"scripts": {
|
||||
"build:pages": "node scripts/build-pages.js",
|
||||
"build:pages": "node scripts/build-pages.js && npx terser public/app.js -o public/app.min.js --compress --mangle",
|
||||
"build": "npm run build:pages && tsc",
|
||||
"start": "node dist/index.js",
|
||||
"dev": "tsx src/index.ts",
|
||||
|
|
@ -30,6 +30,7 @@
|
|||
"@types/node": "^22.0.0",
|
||||
"@types/nodemailer": "^7.0.9",
|
||||
"@types/pg": "^8.11.0",
|
||||
"terser": "^5.46.0",
|
||||
"tsx": "^4.19.0",
|
||||
"typescript": "^5.7.0",
|
||||
"vitest": "^3.0.0"
|
||||
|
|
|
|||
1
projects/business/src/pdf-api/public/app.min.js
vendored
Normal file
1
projects/business/src/pdf-api/public/app.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -4,6 +4,16 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>DocFast API Documentation</title>
|
||||
<meta name="description" content="DocFast API documentation. Learn how to convert HTML and Markdown to PDF with a simple REST API call. Endpoints, authentication, templates, and examples.">
|
||||
<link rel="canonical" href="https://docfast.dev/docs">
|
||||
<meta property="og:title" content="DocFast API Documentation">
|
||||
<meta property="og:description" content="Convert HTML and Markdown to PDF with a simple REST API call. Full API reference with examples.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://docfast.dev/docs">
|
||||
<meta property="og:image" content="https://docfast.dev/og-image.png">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="DocFast API Documentation">
|
||||
<meta name="twitter:description" content="Convert HTML and Markdown to PDF with a simple REST API call.">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link rel="stylesheet" href="/swagger-ui/swagger-ui.css">
|
||||
<style>
|
||||
|
|
@ -96,13 +106,25 @@
|
|||
/* Link back */
|
||||
.back-link { position: fixed; top: 14px; right: 24px; z-index: 100; color: #34d399; text-decoration: none; font-size: 0.85rem; font-family: 'Inter', system-ui, sans-serif; }
|
||||
.back-link:hover { color: #5eead4; }
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: #34d399; color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
<a href="/" class="back-link">← Back to docfast.dev</a>
|
||||
<main id="main">
|
||||
<div id="swagger-ui"></div>
|
||||
</main>
|
||||
<footer style="padding:24px 0;border-top:1px solid #1e2433;text-align:center;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;">
|
||||
<a href="/impressum" style="color:#7a8194;font-size:0.85rem;text-decoration:none;font-family:'Inter',system-ui,sans-serif;">Impressum</a>
|
||||
<a href="/privacy" style="color:#7a8194;font-size:0.85rem;text-decoration:none;font-family:'Inter',system-ui,sans-serif;">Privacy Policy</a>
|
||||
<a href="/terms" style="color:#7a8194;font-size:0.85rem;text-decoration:none;font-family:'Inter',system-ui,sans-serif;">Terms of Service</a>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="/swagger-ui/swagger-ui-bundle.js"></script>
|
||||
<script src="/swagger-init.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Impressum — DocFast</title>
|
||||
<meta name="description" content="Legal notice and company information for DocFast API service.">
|
||||
<meta property="og:title" content="Impressum — DocFast">
|
||||
<meta property="og:description" content="Legal notice and company information for DocFast API service.">
|
||||
<meta property="og:url" content="https://docfast.dev/impressum">
|
||||
<link rel="canonical" href="https://docfast.dev/impressum">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
|
@ -20,7 +23,7 @@ body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Robo
|
|||
a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
|
||||
a:hover { color: var(--accent-hover); }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
|
||||
nav .container { display: flex; align-items: center; justify-content: space-between; }
|
||||
.logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
|
||||
.logo span { color: var(--accent); }
|
||||
|
|
@ -44,10 +47,15 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
footer .container { flex-direction: column; text-align: center; }
|
||||
.nav-links { gap: 16px; }
|
||||
}
|
||||
|
||||
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
<nav aria-label="Main navigation">
|
||||
<div class="container">
|
||||
<a href="/" class="logo">⚡ Doc<span>Fast</span></a>
|
||||
|
|
@ -59,7 +67,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<h1>Impressum</h1>
|
||||
<p><em>Legal notice according to § 5 ECG and § 25 MedienG (Austrian law)</em></p>
|
||||
|
|
@ -77,7 +85,8 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
|
||||
<h2>Responsible for Content</h2>
|
||||
<p>Cloonar Technologies GmbH<br>
|
||||
Legal contact: <a href="mailto:legal@docfast.dev">legal@docfast.dev</a></p>
|
||||
Legal contact: <a href="mailto:legal@docfast.dev">legal@docfast.dev</a><br>
|
||||
Support: <a href="mailto:support@docfast.dev">support@docfast.dev</a></p>
|
||||
|
||||
<h2>Disclaimer</h2>
|
||||
<p>Despite careful content control, we assume no liability for the content of external links. The operators of the linked pages are solely responsible for their content.</p>
|
||||
|
|
@ -95,8 +104,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
<div class="footer-links">
|
||||
<a href="/">Home</a>
|
||||
<a href="/docs">Docs</a>
|
||||
<a href="/health">API Status</a>
|
||||
<a href="/#change-email" class="open-email-change">Change Email</a>
|
||||
<a href="/status">API Status</a>
|
||||
<a href="/impressum">Impressum</a>
|
||||
<a href="/privacy">Privacy Policy</a>
|
||||
<a href="/terms">Terms of Service</a>
|
||||
|
|
|
|||
|
|
@ -13,11 +13,10 @@
|
|||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="DocFast — HTML & Markdown to PDF API">
|
||||
<meta name="twitter:description" content="Convert HTML and Markdown to beautiful PDFs with a simple API call.">
|
||||
<meta name="twitter:image" content="https://docfast.dev/og-image.png">
|
||||
<link rel="canonical" href="https://docfast.dev">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<script type="application/ld+json">
|
||||
{"@context":"https://schema.org","@type":"SoftwareApplication","name":"DocFast","url":"https://docfast.dev","applicationCategory":"DeveloperApplication","operatingSystem":"Web","description":"Convert HTML and Markdown to beautiful PDFs with a simple API call. Fast, reliable, developer-friendly.","offers":[{"@type":"Offer","price":"0","priceCurrency":"EUR","name":"Free","description":"100 PDFs/month"},{"@type":"Offer","price":"9","priceCurrency":"EUR","name":"Pro","description":"5,000 PDFs per month","billingIncrement":"P1M"}]}
|
||||
{"@context":"https://schema.org","@type":"SoftwareApplication","name":"DocFast","url":"https://docfast.dev","applicationCategory":"DeveloperApplication","operatingSystem":"Web","description":"Convert HTML and Markdown to beautiful PDFs with a simple API call. Fast, reliable, developer-friendly.","offers":[{"@type":"Offer","price":"0","priceCurrency":"EUR","name":"Free","description":"100 PDFs/month"},{"@type":"Offer","price":"9","priceCurrency":"EUR","name":"Pro","description":"2,500 PDFs per month","billingIncrement":"P1M"}]}
|
||||
</script>
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<style>
|
||||
|
|
@ -25,22 +24,46 @@
|
|||
:root {
|
||||
--bg: #0b0d11; --bg2: #12151c; --fg: #e4e7ed; --muted: #7a8194;
|
||||
--accent: #34d399; --accent-hover: #5eead4; --accent-glow: rgba(52,211,153,0.12);
|
||||
--accent2: #60a5fa; --card: #151922; --border: #1e2433;
|
||||
--card: #151922; --border: #1e2433;
|
||||
--radius: 12px; --radius-lg: 16px;
|
||||
}
|
||||
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--bg); color: var(--fg); line-height: 1.65; -webkit-font-smoothing: antialiased; }
|
||||
a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
|
||||
a:hover { color: var(--accent-hover); }
|
||||
.container { max-width: 1020px; margin: 0 auto; padding: 0 24px; }
|
||||
|
||||
/* Nav */
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
|
||||
nav .container { display: flex; align-items: center; justify-content: space-between; }
|
||||
.logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; }
|
||||
.logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
|
||||
.logo span { color: var(--accent); }
|
||||
.nav-links { display: flex; gap: 28px; align-items: center; }
|
||||
.nav-links a { color: var(--muted); font-size: 0.9rem; font-weight: 500; }
|
||||
.nav-links a:hover { color: var(--fg); }
|
||||
.content { padding: 60px 0; min-height: 60vh; }
|
||||
.content h1 { font-size: 2rem; font-weight: 800; margin-bottom: 32px; letter-spacing: -1px; }
|
||||
.content h2 { font-size: 1.3rem; font-weight: 700; margin: 32px 0 16px; color: var(--fg); }
|
||||
.content h3 { font-size: 1.1rem; font-weight: 600; margin: 24px 0 12px; color: var(--fg); }
|
||||
.content p, .content li { color: var(--muted); margin-bottom: 12px; }
|
||||
.content ul, .content ol { padding-left: 24px; }
|
||||
.content strong { color: var(--fg); }
|
||||
footer { padding: 32px 0; border-top: 1px solid var(--border); margin-top: 60px; }
|
||||
footer .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
|
||||
.footer-left { color: var(--muted); font-size: 0.85rem; }
|
||||
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
|
||||
.footer-links a { color: var(--muted); font-size: 0.85rem; }
|
||||
.footer-links a:hover { color: var(--fg); }
|
||||
@media (max-width: 768px) {
|
||||
footer .container { flex-direction: column; text-align: center; }
|
||||
.nav-links { gap: 16px; }
|
||||
}
|
||||
|
||||
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
<style>
|
||||
/* Index-page extra vars */
|
||||
:root { --accent2: #60a5fa; }
|
||||
.container { max-width: 1020px; }
|
||||
|
||||
/* Hero */
|
||||
.hero { padding: 100px 0 80px; text-align: center; position: relative; }
|
||||
|
|
@ -121,13 +144,10 @@ section { position: relative; }
|
|||
.eu-icon { font-size: 2.5rem; }
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer { padding: 40px 0; border-top: 1px solid var(--border); }
|
||||
/* Footer (index override) */
|
||||
footer { padding: 40px 0; }
|
||||
footer .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
|
||||
.footer-left { color: var(--muted); font-size: 0.85rem; }
|
||||
.footer-links { display: flex; gap: 24px; flex-wrap: wrap; }
|
||||
.footer-links a { color: var(--muted); font-size: 0.85rem; }
|
||||
.footer-links a:hover { color: var(--fg); }
|
||||
.footer-links { gap: 24px; }
|
||||
|
||||
/* Modal */
|
||||
.modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.75); backdrop-filter: blur(4px); z-index: 100; align-items: center; justify-content: center; }
|
||||
|
|
@ -156,6 +176,20 @@ footer .container { display: flex; align-items: center; justify-content: space-b
|
|||
.warning-box .icon { font-size: 1.1rem; flex-shrink: 0; }
|
||||
.signup-error { color: #f87171; font-size: 0.85rem; margin-bottom: 16px; display: none; padding: 10px 14px; background: rgba(248,113,113,0.06); border: 1px solid rgba(248,113,113,0.15); border-radius: 8px; }
|
||||
|
||||
/* Recovery modal states */
|
||||
#recoverInitial, #recoverLoading, #recoverVerify, #recoverResult { display: none; }
|
||||
#recoverInitial.active { display: block; }
|
||||
#recoverLoading.active { display: flex; flex-direction: column; align-items: center; padding: 40px 0; text-align: center; }
|
||||
#recoverResult.active { display: block; }
|
||||
#recoverVerify.active { display: block; }
|
||||
|
||||
/* Email change modal states */
|
||||
#emailChangeInitial, #emailChangeLoading, #emailChangeVerify, #emailChangeResult { display: none; }
|
||||
#emailChangeInitial.active { display: block; }
|
||||
#emailChangeLoading.active { display: flex; flex-direction: column; align-items: center; padding: 40px 0; text-align: center; }
|
||||
#emailChangeResult.active { display: block; }
|
||||
#emailChangeVerify.active { display: block; }
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 640px) {
|
||||
.hero { padding: 72px 0 56px; }
|
||||
|
|
@ -193,9 +227,9 @@ footer .container { display: flex; align-items: center; justify-content: space-b
|
|||
}
|
||||
}
|
||||
|
||||
/* Additional mobile overflow fixes */
|
||||
/* Mobile overflow fixes — overflow-x: clip (not hidden) preserves position:sticky */
|
||||
html, body {
|
||||
overflow-x: hidden !important;
|
||||
overflow-x: clip !important;
|
||||
max-width: 100vw !important;
|
||||
}
|
||||
|
||||
|
|
@ -204,7 +238,7 @@ html, body {
|
|||
max-width: 100% !important;
|
||||
}
|
||||
body {
|
||||
overflow-x: hidden !important;
|
||||
overflow-x: clip !important;
|
||||
}
|
||||
.container {
|
||||
overflow-x: hidden !important;
|
||||
|
|
@ -246,20 +280,6 @@ html, body {
|
|||
}
|
||||
}
|
||||
|
||||
/* Recovery modal states */
|
||||
#recoverInitial, #recoverLoading, #recoverVerify, #recoverResult { display: none; }
|
||||
#recoverInitial.active { display: block; }
|
||||
#recoverLoading.active { display: flex; flex-direction: column; align-items: center; padding: 40px 0; text-align: center; }
|
||||
#recoverResult.active { display: block; }
|
||||
#recoverVerify.active { display: block; }
|
||||
|
||||
/* Email change modal states */
|
||||
#emailChangeInitial, #emailChangeLoading, #emailChangeVerify, #emailChangeResult { display: none; }
|
||||
#emailChangeInitial.active { display: block; }
|
||||
#emailChangeLoading.active { display: flex; flex-direction: column; align-items: center; padding: 40px 0; text-align: center; }
|
||||
#emailChangeResult.active { display: block; }
|
||||
#emailChangeVerify.active { display: block; }
|
||||
|
||||
/* Focus-visible for accessibility */
|
||||
.btn:focus-visible, a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
|
||||
</style>
|
||||
|
|
@ -269,18 +289,20 @@ html, body {
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
<nav aria-label="Main navigation">
|
||||
<div class="container">
|
||||
<a href="/" class="logo">⚡ Doc<span>Fast</span></a>
|
||||
<div class="nav-links">
|
||||
<a href="#features">Features</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="/#features">Features</a>
|
||||
<a href="/#pricing">Pricing</a>
|
||||
<a href="/docs">Docs</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="hero" role="main">
|
||||
<main role="main" id="main">
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="badge">🚀 Simple PDF API for Developers</div>
|
||||
<h1>HTML to <span class="gradient">PDF</span><br>in one API call</h1>
|
||||
|
|
@ -306,7 +328,7 @@ html, body {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</section>
|
||||
|
||||
<section class="trust">
|
||||
<div class="container">
|
||||
|
|
@ -336,7 +358,7 @@ html, body {
|
|||
<div class="eu-badge">
|
||||
<div class="eu-icon">🇪🇺</div>
|
||||
<div class="eu-content">
|
||||
<h3>Hosted in the EU</h3>
|
||||
<h2>Hosted in the EU</h2>
|
||||
<p>Your data never leaves the EU • GDPR Compliant • Hetzner Germany (Nuremberg)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -404,10 +426,10 @@ html, body {
|
|||
<div class="price-amount">€9<span> /mo</span></div>
|
||||
<div class="price-desc">For production apps and businesses</div>
|
||||
<ul class="price-features">
|
||||
<li>5,000 PDFs per month</li>
|
||||
<li>2,500 PDFs per month</li>
|
||||
<li>All conversion endpoints</li>
|
||||
<li>All templates included</li>
|
||||
<li>Priority support</li>
|
||||
<li>Priority support (<a href="mailto:support@docfast.dev">support@docfast.dev</a>)</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary" style="width:100%" id="btn-checkout">Get Started →</button>
|
||||
</div>
|
||||
|
|
@ -415,14 +437,15 @@ html, body {
|
|||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<footer aria-label="Footer">
|
||||
<div class="container">
|
||||
<div class="footer-left">© 2026 DocFast. Fast PDF generation for developers.</div>
|
||||
<div class="footer-links">
|
||||
<a href="/">Home</a>
|
||||
<a href="/docs">Docs</a>
|
||||
<a href="/health">API Status</a>
|
||||
<a href="/#change-email" class="open-email-change">Change Email</a>
|
||||
<a href="/status">API Status</a>
|
||||
<a href="/impressum">Impressum</a>
|
||||
<a href="/privacy">Privacy Policy</a>
|
||||
<a href="/terms">Terms of Service</a>
|
||||
|
|
@ -433,12 +456,13 @@ html, body {
|
|||
<!-- Signup Modal -->
|
||||
<div class="modal-overlay" id="signupModal" role="dialog" aria-label="Sign up for API key">
|
||||
<div class="modal">
|
||||
<button class="close" id="btn-close-signup">×</button>
|
||||
<button class="close" id="btn-close-signup" aria-label="Close">×</button>
|
||||
|
||||
<div id="signupInitial" class="active">
|
||||
<h2>Get your free API key</h2>
|
||||
<p>Enter your email to get started. No credit card required.</p>
|
||||
<div class="signup-error" id="signupError"></div>
|
||||
<label for="signupEmail" class="sr-only">Email address</label>
|
||||
<input type="email" id="signupEmail" placeholder="your.email@example.com" style="width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:0.9rem;margin-bottom:16px;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="signupBtn">Generate API Key →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">100 free PDFs/month • All endpoints included<br><a href="#" class="open-recover" style="color:var(--muted)">Lost your API key? Recover it →</a></p>
|
||||
|
|
@ -453,6 +477,7 @@ html, body {
|
|||
<h2>Enter verification code</h2>
|
||||
<p>We sent a 6-digit code to <strong id="verifyEmailDisplay"></strong></p>
|
||||
<div class="signup-error" id="verifyError"></div>
|
||||
<label for="verifyCode" class="sr-only">Verification code</label>
|
||||
<input type="text" id="verifyCode" placeholder="123456" maxlength="6" pattern="[0-9]{6}" inputmode="numeric" style="width:100%;padding:14px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:1.4rem;letter-spacing:0.3em;text-align:center;margin-bottom:16px;font-family:monospace;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="verifyBtn">Verify →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">Code expires in 15 minutes</p>
|
||||
|
|
@ -475,14 +500,15 @@ html, body {
|
|||
|
||||
|
||||
<!-- Recovery Modal -->
|
||||
<div class="modal-overlay" id="recoverModal" role="dialog" aria-label="Recover API key">
|
||||
<div class="modal-overlay" id="recoverModal" role="dialog" aria-modal="true" aria-label="Recover API key">
|
||||
<div class="modal">
|
||||
<button class="close" id="btn-close-recover">×</button>
|
||||
<button class="close" id="btn-close-recover" aria-label="Close">×</button>
|
||||
|
||||
<div id="recoverInitial" class="active">
|
||||
<h2>Recover your API key</h2>
|
||||
<p>Enter the email you signed up with. We'll send a verification code.</p>
|
||||
<div class="signup-error" id="recoverError"></div>
|
||||
<label for="recoverEmailInput" class="sr-only">Email address</label>
|
||||
<input type="email" id="recoverEmailInput" placeholder="your.email@example.com" style="width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:0.9rem;margin-bottom:16px;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="recoverBtn">Send Verification Code →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">Your key will be shown here after verification — never sent via email</p>
|
||||
|
|
@ -497,6 +523,7 @@ html, body {
|
|||
<h2>Enter verification code</h2>
|
||||
<p>We sent a 6-digit code to <strong id="recoverEmailDisplay"></strong></p>
|
||||
<div class="signup-error" id="recoverVerifyError"></div>
|
||||
<label for="recoverCode" class="sr-only">Verification code</label>
|
||||
<input type="text" id="recoverCode" placeholder="123456" maxlength="6" pattern="[0-9]{6}" inputmode="numeric" style="width:100%;padding:14px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:1.4rem;letter-spacing:0.3em;text-align:center;margin-bottom:16px;font-family:monospace;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="recoverVerifyBtn">Verify →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">Code expires in 15 minutes</p>
|
||||
|
|
@ -518,43 +545,7 @@ html, body {
|
|||
</div>
|
||||
|
||||
|
||||
<!-- Email Change Modal -->
|
||||
<div class="modal-overlay" id="emailChangeModal" role="dialog" aria-label="Change email">
|
||||
<div class="modal">
|
||||
<button class="close" id="btn-close-email-change">×</button>
|
||||
<script src="/app.min.js"></script>
|
||||
|
||||
<div id="emailChangeInitial" class="active">
|
||||
<h2>Change your email</h2>
|
||||
<p>Enter your API key and new email address.</p>
|
||||
<div class="signup-error" id="emailChangeError"></div>
|
||||
<input type="text" id="emailChangeApiKey" placeholder="Your API key (df_free_... or df_pro_...)" style="width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:0.9rem;margin-bottom:12px;font-family:monospace;" required>
|
||||
<input type="email" id="emailChangeNewEmail" placeholder="new.email@example.com" style="width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:0.9rem;margin-bottom:16px;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="emailChangeBtn">Send Verification Code →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">A verification code will be sent to your new email</p>
|
||||
</div>
|
||||
|
||||
<div id="emailChangeLoading">
|
||||
<div class="spinner"></div>
|
||||
<p style="color:var(--muted);margin:0">Sending verification code…</p>
|
||||
</div>
|
||||
|
||||
<div id="emailChangeVerify">
|
||||
<h2>Enter verification code</h2>
|
||||
<p>We sent a 6-digit code to <strong id="emailChangeEmailDisplay"></strong></p>
|
||||
<div class="signup-error" id="emailChangeVerifyError"></div>
|
||||
<input type="text" id="emailChangeCode" placeholder="123456" maxlength="6" pattern="[0-9]{6}" inputmode="numeric" style="width:100%;padding:14px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:1.4rem;letter-spacing:0.3em;text-align:center;margin-bottom:16px;font-family:monospace;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="emailChangeVerifyBtn">Verify →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">Code expires in 15 minutes</p>
|
||||
</div>
|
||||
|
||||
<div id="emailChangeResult">
|
||||
<h2>✅ Email updated!</h2>
|
||||
<p>Your account email has been changed to <strong id="emailChangeNewDisplay"></strong></p>
|
||||
<p style="margin-top:20px;color:var(--muted);font-size:0.9rem;"><a href="/docs">Read the docs →</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
"title": "DocFast API",
|
||||
"version": "1.0.0",
|
||||
"description": "Convert HTML, Markdown, and URLs to pixel-perfect PDFs. Built-in invoice & receipt templates.\n\n## Authentication\nAll conversion and template endpoints require an API key via `Authorization: Bearer <key>` or `X-API-Key: <key>` header.\n\n## Rate Limits\n- Free tier: 100 PDFs/month, 10 req/min\n- Pro tier: 10,000 PDFs/month, 30 req/min\n\n## Getting Started\n1. Sign up at [docfast.dev](https://docfast.dev) or via `POST /v1/signup/free`\n2. Verify your email with the 6-digit code\n3. Use your API key to convert documents",
|
||||
"contact": { "name": "DocFast", "url": "https://docfast.dev" }
|
||||
"contact": { "name": "DocFast", "url": "https://docfast.dev", "email": "support@docfast.dev" }
|
||||
},
|
||||
"servers": [{ "url": "https://docfast.dev", "description": "Production" }],
|
||||
"tags": [
|
||||
|
|
|
|||
|
|
@ -4,8 +4,7 @@
|
|||
<div class="footer-links">
|
||||
<a href="/">Home</a>
|
||||
<a href="/docs">Docs</a>
|
||||
<a href="/health">API Status</a>
|
||||
<a href="/#change-email" class="open-email-change">Change Email</a>
|
||||
<a href="/status">API Status</a>
|
||||
<a href="/impressum">Impressum</a>
|
||||
<a href="/privacy">Privacy Policy</a>
|
||||
<a href="/terms">Terms of Service</a>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,13 @@
|
|||
<!-- Signup Modal -->
|
||||
<div class="modal-overlay" id="signupModal" role="dialog" aria-label="Sign up for API key">
|
||||
<div class="modal">
|
||||
<button class="close" id="btn-close-signup">×</button>
|
||||
<button class="close" id="btn-close-signup" aria-label="Close">×</button>
|
||||
|
||||
<div id="signupInitial" class="active">
|
||||
<h2>Get your free API key</h2>
|
||||
<p>Enter your email to get started. No credit card required.</p>
|
||||
<div class="signup-error" id="signupError"></div>
|
||||
<label for="signupEmail" class="sr-only">Email address</label>
|
||||
<input type="email" id="signupEmail" placeholder="your.email@example.com" style="width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:0.9rem;margin-bottom:16px;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="signupBtn">Generate API Key →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">100 free PDFs/month • All endpoints included<br><a href="#" class="open-recover" style="color:var(--muted)">Lost your API key? Recover it →</a></p>
|
||||
|
|
@ -21,6 +22,7 @@
|
|||
<h2>Enter verification code</h2>
|
||||
<p>We sent a 6-digit code to <strong id="verifyEmailDisplay"></strong></p>
|
||||
<div class="signup-error" id="verifyError"></div>
|
||||
<label for="verifyCode" class="sr-only">Verification code</label>
|
||||
<input type="text" id="verifyCode" placeholder="123456" maxlength="6" pattern="[0-9]{6}" inputmode="numeric" style="width:100%;padding:14px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:1.4rem;letter-spacing:0.3em;text-align:center;margin-bottom:16px;font-family:monospace;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="verifyBtn">Verify →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">Code expires in 15 minutes</p>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
<nav aria-label="Main navigation">
|
||||
<div class="container">
|
||||
<a href="/" class="logo">⚡ Doc<span>Fast</span></a>
|
||||
|
|
|
|||
|
|
@ -1,10 +0,0 @@
|
|||
<nav aria-label="Main navigation">
|
||||
<div class="container">
|
||||
<a href="/" class="logo">⚡ Doc<span>Fast</span></a>
|
||||
<div class="nav-links">
|
||||
<a href="#features">Features</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="/docs">Docs</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -10,7 +10,7 @@ body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Robo
|
|||
a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
|
||||
a:hover { color: var(--accent-hover); }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
|
||||
nav .container { display: flex; align-items: center; justify-content: space-between; }
|
||||
.logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
|
||||
.logo span { color: var(--accent); }
|
||||
|
|
@ -34,4 +34,8 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
footer .container { flex-direction: column; text-align: center; }
|
||||
.nav-links { gap: 16px; }
|
||||
}
|
||||
|
||||
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,24 +1,7 @@
|
|||
<style>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
:root {
|
||||
--bg: #0b0d11; --bg2: #12151c; --fg: #e4e7ed; --muted: #7a8194;
|
||||
--accent: #34d399; --accent-hover: #5eead4; --accent-glow: rgba(52,211,153,0.12);
|
||||
--accent2: #60a5fa; --card: #151922; --border: #1e2433;
|
||||
--radius: 12px; --radius-lg: 16px;
|
||||
}
|
||||
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--bg); color: var(--fg); line-height: 1.65; -webkit-font-smoothing: antialiased; }
|
||||
a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
|
||||
a:hover { color: var(--accent-hover); }
|
||||
.container { max-width: 1020px; margin: 0 auto; padding: 0 24px; }
|
||||
|
||||
/* Nav */
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); }
|
||||
nav .container { display: flex; align-items: center; justify-content: space-between; }
|
||||
.logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; }
|
||||
.logo span { color: var(--accent); }
|
||||
.nav-links { display: flex; gap: 28px; align-items: center; }
|
||||
.nav-links a { color: var(--muted); font-size: 0.9rem; font-weight: 500; }
|
||||
.nav-links a:hover { color: var(--fg); }
|
||||
/* Index-page extra vars */
|
||||
:root { --accent2: #60a5fa; }
|
||||
.container { max-width: 1020px; }
|
||||
|
||||
/* Hero */
|
||||
.hero { padding: 100px 0 80px; text-align: center; position: relative; }
|
||||
|
|
@ -99,13 +82,10 @@ section { position: relative; }
|
|||
.eu-icon { font-size: 2.5rem; }
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer { padding: 40px 0; border-top: 1px solid var(--border); }
|
||||
/* Footer (index override) */
|
||||
footer { padding: 40px 0; }
|
||||
footer .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
|
||||
.footer-left { color: var(--muted); font-size: 0.85rem; }
|
||||
.footer-links { display: flex; gap: 24px; flex-wrap: wrap; }
|
||||
.footer-links a { color: var(--muted); font-size: 0.85rem; }
|
||||
.footer-links a:hover { color: var(--fg); }
|
||||
.footer-links { gap: 24px; }
|
||||
|
||||
/* Modal */
|
||||
.modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.75); backdrop-filter: blur(4px); z-index: 100; align-items: center; justify-content: center; }
|
||||
|
|
@ -134,6 +114,20 @@ footer .container { display: flex; align-items: center; justify-content: space-b
|
|||
.warning-box .icon { font-size: 1.1rem; flex-shrink: 0; }
|
||||
.signup-error { color: #f87171; font-size: 0.85rem; margin-bottom: 16px; display: none; padding: 10px 14px; background: rgba(248,113,113,0.06); border: 1px solid rgba(248,113,113,0.15); border-radius: 8px; }
|
||||
|
||||
/* Recovery modal states */
|
||||
#recoverInitial, #recoverLoading, #recoverVerify, #recoverResult { display: none; }
|
||||
#recoverInitial.active { display: block; }
|
||||
#recoverLoading.active { display: flex; flex-direction: column; align-items: center; padding: 40px 0; text-align: center; }
|
||||
#recoverResult.active { display: block; }
|
||||
#recoverVerify.active { display: block; }
|
||||
|
||||
/* Email change modal states */
|
||||
#emailChangeInitial, #emailChangeLoading, #emailChangeVerify, #emailChangeResult { display: none; }
|
||||
#emailChangeInitial.active { display: block; }
|
||||
#emailChangeLoading.active { display: flex; flex-direction: column; align-items: center; padding: 40px 0; text-align: center; }
|
||||
#emailChangeResult.active { display: block; }
|
||||
#emailChangeVerify.active { display: block; }
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 640px) {
|
||||
.hero { padding: 72px 0 56px; }
|
||||
|
|
@ -171,9 +165,9 @@ footer .container { display: flex; align-items: center; justify-content: space-b
|
|||
}
|
||||
}
|
||||
|
||||
/* Additional mobile overflow fixes */
|
||||
/* Mobile overflow fixes — overflow-x: clip (not hidden) preserves position:sticky */
|
||||
html, body {
|
||||
overflow-x: hidden !important;
|
||||
overflow-x: clip !important;
|
||||
max-width: 100vw !important;
|
||||
}
|
||||
|
||||
|
|
@ -182,7 +176,7 @@ html, body {
|
|||
max-width: 100% !important;
|
||||
}
|
||||
body {
|
||||
overflow-x: hidden !important;
|
||||
overflow-x: clip !important;
|
||||
}
|
||||
.container {
|
||||
overflow-x: hidden !important;
|
||||
|
|
@ -224,20 +218,6 @@ html, body {
|
|||
}
|
||||
}
|
||||
|
||||
/* Recovery modal states */
|
||||
#recoverInitial, #recoverLoading, #recoverVerify, #recoverResult { display: none; }
|
||||
#recoverInitial.active { display: block; }
|
||||
#recoverLoading.active { display: flex; flex-direction: column; align-items: center; padding: 40px 0; text-align: center; }
|
||||
#recoverResult.active { display: block; }
|
||||
#recoverVerify.active { display: block; }
|
||||
|
||||
/* Email change modal states */
|
||||
#emailChangeInitial, #emailChangeLoading, #emailChangeVerify, #emailChangeResult { display: none; }
|
||||
#emailChangeInitial.active { display: block; }
|
||||
#emailChangeLoading.active { display: flex; flex-direction: column; align-items: center; padding: 40px 0; text-align: center; }
|
||||
#emailChangeResult.active { display: block; }
|
||||
#emailChangeVerify.active { display: block; }
|
||||
|
||||
/* Focus-visible for accessibility */
|
||||
.btn:focus-visible, a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
|
||||
</style>
|
||||
</style>
|
||||
|
|
@ -5,6 +5,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Privacy Policy — DocFast</title>
|
||||
<meta name="description" content="Privacy policy for DocFast API service - GDPR compliant data protection information.">
|
||||
<meta property="og:title" content="Privacy Policy — DocFast">
|
||||
<meta property="og:description" content="Privacy policy for DocFast API service - GDPR compliant data protection information.">
|
||||
<meta property="og:url" content="https://docfast.dev/privacy">
|
||||
<link rel="canonical" href="https://docfast.dev/privacy">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
|
@ -20,7 +23,7 @@ body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Robo
|
|||
a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
|
||||
a:hover { color: var(--accent-hover); }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
|
||||
nav .container { display: flex; align-items: center; justify-content: space-between; }
|
||||
.logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
|
||||
.logo span { color: var(--accent); }
|
||||
|
|
@ -44,10 +47,15 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
footer .container { flex-direction: column; text-align: center; }
|
||||
.nav-links { gap: 16px; }
|
||||
}
|
||||
|
||||
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
<nav aria-label="Main navigation">
|
||||
<div class="container">
|
||||
<a href="/" class="logo">⚡ Doc<span>Fast</span></a>
|
||||
|
|
@ -59,7 +67,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<h1>Privacy Policy</h1>
|
||||
<p><em>Last updated: February 16, 2026</em></p>
|
||||
|
|
@ -178,8 +186,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
<div class="footer-links">
|
||||
<a href="/">Home</a>
|
||||
<a href="/docs">Docs</a>
|
||||
<a href="/health">API Status</a>
|
||||
<a href="/#change-email" class="open-email-change">Change Email</a>
|
||||
<a href="/status">API Status</a>
|
||||
<a href="/impressum">Impressum</a>
|
||||
<a href="/privacy">Privacy Policy</a>
|
||||
<a href="/terms">Terms of Service</a>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemapns.org/schemas/sitemap/0.9">
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url><loc>https://docfast.dev/</loc><lastmod>2026-02-16</lastmod><changefreq>weekly</changefreq><priority>1.0</priority></url>
|
||||
<url><loc>https://docfast.dev/docs</loc><lastmod>2026-02-16</lastmod><changefreq>weekly</changefreq><priority>0.8</priority></url>
|
||||
<url><loc>https://docfast.dev/impressum</loc><lastmod>2026-02-16</lastmod><changefreq>monthly</changefreq><priority>0.3</priority></url>
|
||||
<url><loc>https://docfast.dev/privacy</loc><lastmod>2026-02-16</lastmod><changefreq>monthly</changefreq><priority>0.3</priority></url>
|
||||
<url><loc>https://docfast.dev/terms</loc><lastmod>2026-02-16</lastmod><changefreq>monthly</changefreq><priority>0.3</priority></url>
|
||||
<url><loc>https://docfast.dev/status</loc><lastmod>2026-02-17</lastmod><changefreq>always</changefreq><priority>0.2</priority></url>
|
||||
</urlset>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Impressum — DocFast</title>
|
||||
<meta name="description" content="Legal notice and company information for DocFast API service.">
|
||||
<meta property="og:title" content="Impressum — DocFast">
|
||||
<meta property="og:description" content="Legal notice and company information for DocFast API service.">
|
||||
<meta property="og:url" content="https://docfast.dev/impressum">
|
||||
<link rel="canonical" href="https://docfast.dev/impressum">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
|
@ -14,7 +17,7 @@
|
|||
|
||||
{{> nav}}
|
||||
|
||||
<main>
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<h1>Impressum</h1>
|
||||
<p><em>Legal notice according to § 5 ECG and § 25 MedienG (Austrian law)</em></p>
|
||||
|
|
@ -32,7 +35,8 @@
|
|||
|
||||
<h2>Responsible for Content</h2>
|
||||
<p>Cloonar Technologies GmbH<br>
|
||||
Legal contact: <a href="mailto:legal@docfast.dev">legal@docfast.dev</a></p>
|
||||
Legal contact: <a href="mailto:legal@docfast.dev">legal@docfast.dev</a><br>
|
||||
Support: <a href="mailto:support@docfast.dev">support@docfast.dev</a></p>
|
||||
|
||||
<h2>Disclaimer</h2>
|
||||
<p>Despite careful content control, we assume no liability for the content of external links. The operators of the linked pages are solely responsible for their content.</p>
|
||||
|
|
|
|||
|
|
@ -13,23 +13,24 @@
|
|||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="DocFast — HTML & Markdown to PDF API">
|
||||
<meta name="twitter:description" content="Convert HTML and Markdown to beautiful PDFs with a simple API call.">
|
||||
<meta name="twitter:image" content="https://docfast.dev/og-image.png">
|
||||
<link rel="canonical" href="https://docfast.dev">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<script type="application/ld+json">
|
||||
{"@context":"https://schema.org","@type":"SoftwareApplication","name":"DocFast","url":"https://docfast.dev","applicationCategory":"DeveloperApplication","operatingSystem":"Web","description":"Convert HTML and Markdown to beautiful PDFs with a simple API call. Fast, reliable, developer-friendly.","offers":[{"@type":"Offer","price":"0","priceCurrency":"EUR","name":"Free","description":"100 PDFs/month"},{"@type":"Offer","price":"9","priceCurrency":"EUR","name":"Pro","description":"5,000 PDFs per month","billingIncrement":"P1M"}]}
|
||||
{"@context":"https://schema.org","@type":"SoftwareApplication","name":"DocFast","url":"https://docfast.dev","applicationCategory":"DeveloperApplication","operatingSystem":"Web","description":"Convert HTML and Markdown to beautiful PDFs with a simple API call. Fast, reliable, developer-friendly.","offers":[{"@type":"Offer","price":"0","priceCurrency":"EUR","name":"Free","description":"100 PDFs/month"},{"@type":"Offer","price":"9","priceCurrency":"EUR","name":"Pro","description":"2,500 PDFs per month","billingIncrement":"P1M"}]}
|
||||
</script>
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
{{> styles_index}}
|
||||
{{> styles_base}}
|
||||
{{> styles_index_extra}}
|
||||
<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;500;600;700;800&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{{> nav_index}}
|
||||
{{> nav}}
|
||||
|
||||
<main class="hero" role="main">
|
||||
<main role="main" id="main">
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="badge">🚀 Simple PDF API for Developers</div>
|
||||
<h1>HTML to <span class="gradient">PDF</span><br>in one API call</h1>
|
||||
|
|
@ -55,7 +56,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</section>
|
||||
|
||||
<section class="trust">
|
||||
<div class="container">
|
||||
|
|
@ -85,7 +86,7 @@
|
|||
<div class="eu-badge">
|
||||
<div class="eu-icon">🇪🇺</div>
|
||||
<div class="eu-content">
|
||||
<h3>Hosted in the EU</h3>
|
||||
<h2>Hosted in the EU</h2>
|
||||
<p>Your data never leaves the EU • GDPR Compliant • Hetzner Germany (Nuremberg)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -153,10 +154,10 @@
|
|||
<div class="price-amount">€9<span> /mo</span></div>
|
||||
<div class="price-desc">For production apps and businesses</div>
|
||||
<ul class="price-features">
|
||||
<li>5,000 PDFs per month</li>
|
||||
<li>2,500 PDFs per month</li>
|
||||
<li>All conversion endpoints</li>
|
||||
<li>All templates included</li>
|
||||
<li>Priority support</li>
|
||||
<li>Priority support (<a href="mailto:support@docfast.dev">support@docfast.dev</a>)</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary" style="width:100%" id="btn-checkout">Get Started →</button>
|
||||
</div>
|
||||
|
|
@ -164,20 +165,23 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
{{> footer}}
|
||||
|
||||
{{> modals}}
|
||||
|
||||
|
||||
<!-- Recovery Modal -->
|
||||
<div class="modal-overlay" id="recoverModal" role="dialog" aria-label="Recover API key">
|
||||
<div class="modal-overlay" id="recoverModal" role="dialog" aria-modal="true" aria-label="Recover API key">
|
||||
<div class="modal">
|
||||
<button class="close" id="btn-close-recover">×</button>
|
||||
<button class="close" id="btn-close-recover" aria-label="Close">×</button>
|
||||
|
||||
<div id="recoverInitial" class="active">
|
||||
<h2>Recover your API key</h2>
|
||||
<p>Enter the email you signed up with. We'll send a verification code.</p>
|
||||
<div class="signup-error" id="recoverError"></div>
|
||||
<label for="recoverEmailInput" class="sr-only">Email address</label>
|
||||
<input type="email" id="recoverEmailInput" placeholder="your.email@example.com" style="width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:0.9rem;margin-bottom:16px;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="recoverBtn">Send Verification Code →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">Your key will be shown here after verification — never sent via email</p>
|
||||
|
|
@ -192,6 +196,7 @@
|
|||
<h2>Enter verification code</h2>
|
||||
<p>We sent a 6-digit code to <strong id="recoverEmailDisplay"></strong></p>
|
||||
<div class="signup-error" id="recoverVerifyError"></div>
|
||||
<label for="recoverCode" class="sr-only">Verification code</label>
|
||||
<input type="text" id="recoverCode" placeholder="123456" maxlength="6" pattern="[0-9]{6}" inputmode="numeric" style="width:100%;padding:14px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:1.4rem;letter-spacing:0.3em;text-align:center;margin-bottom:16px;font-family:monospace;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="recoverVerifyBtn">Verify →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">Code expires in 15 minutes</p>
|
||||
|
|
@ -213,43 +218,7 @@
|
|||
</div>
|
||||
|
||||
|
||||
<!-- Email Change Modal -->
|
||||
<div class="modal-overlay" id="emailChangeModal" role="dialog" aria-label="Change email">
|
||||
<div class="modal">
|
||||
<button class="close" id="btn-close-email-change">×</button>
|
||||
<script src="/app.min.js"></script>
|
||||
|
||||
<div id="emailChangeInitial" class="active">
|
||||
<h2>Change your email</h2>
|
||||
<p>Enter your API key and new email address.</p>
|
||||
<div class="signup-error" id="emailChangeError"></div>
|
||||
<input type="text" id="emailChangeApiKey" placeholder="Your API key (df_free_... or df_pro_...)" style="width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:0.9rem;margin-bottom:12px;font-family:monospace;" required>
|
||||
<input type="email" id="emailChangeNewEmail" placeholder="new.email@example.com" style="width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:0.9rem;margin-bottom:16px;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="emailChangeBtn">Send Verification Code →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">A verification code will be sent to your new email</p>
|
||||
</div>
|
||||
|
||||
<div id="emailChangeLoading">
|
||||
<div class="spinner"></div>
|
||||
<p style="color:var(--muted);margin:0">Sending verification code…</p>
|
||||
</div>
|
||||
|
||||
<div id="emailChangeVerify">
|
||||
<h2>Enter verification code</h2>
|
||||
<p>We sent a 6-digit code to <strong id="emailChangeEmailDisplay"></strong></p>
|
||||
<div class="signup-error" id="emailChangeVerifyError"></div>
|
||||
<input type="text" id="emailChangeCode" placeholder="123456" maxlength="6" pattern="[0-9]{6}" inputmode="numeric" style="width:100%;padding:14px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;font-size:1.4rem;letter-spacing:0.3em;text-align:center;margin-bottom:16px;font-family:monospace;" required>
|
||||
<button class="btn btn-primary" style="width:100%" id="emailChangeVerifyBtn">Verify →</button>
|
||||
<p style="margin-top:16px;color:var(--muted);font-size:0.8rem;text-align:center;">Code expires in 15 minutes</p>
|
||||
</div>
|
||||
|
||||
<div id="emailChangeResult">
|
||||
<h2>✅ Email updated!</h2>
|
||||
<p>Your account email has been changed to <strong id="emailChangeNewDisplay"></strong></p>
|
||||
<p style="margin-top:20px;color:var(--muted);font-size:0.9rem;"><a href="/docs">Read the docs →</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Privacy Policy — DocFast</title>
|
||||
<meta name="description" content="Privacy policy for DocFast API service - GDPR compliant data protection information.">
|
||||
<meta property="og:title" content="Privacy Policy — DocFast">
|
||||
<meta property="og:description" content="Privacy policy for DocFast API service - GDPR compliant data protection information.">
|
||||
<meta property="og:url" content="https://docfast.dev/privacy">
|
||||
<link rel="canonical" href="https://docfast.dev/privacy">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
|
@ -14,7 +17,7 @@
|
|||
|
||||
{{> nav}}
|
||||
|
||||
<main>
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<h1>Privacy Policy</h1>
|
||||
<p><em>Last updated: February 16, 2026</em></p>
|
||||
|
|
|
|||
51
projects/business/src/pdf-api/public/src/status.html
Normal file
51
projects/business/src/pdf-api/public/src/status.html
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>System Status — DocFast</title>
|
||||
<meta name="description" content="Real-time system status for the DocFast PDF API.">
|
||||
<meta property="og:title" content="System Status — DocFast">
|
||||
<meta property="og:description" content="Real-time system status for the DocFast PDF API.">
|
||||
<meta property="og:url" content="https://docfast.dev/status">
|
||||
<link rel="canonical" href="https://docfast.dev/status">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
{{> styles_base}}
|
||||
<style>
|
||||
.status-hero { text-align: center; padding: 48px 0 32px; }
|
||||
.status-indicator { display: inline-flex; align-items: center; gap: 12px; font-size: 1.5rem; font-weight: 700; margin-bottom: 8px; }
|
||||
.status-dot { width: 16px; height: 16px; border-radius: 50%; display: inline-block; }
|
||||
.status-dot.ok { background: var(--accent); box-shadow: 0 0 12px var(--accent); }
|
||||
.status-dot.degraded { background: #f59e0b; box-shadow: 0 0 12px #f59e0b; }
|
||||
.status-dot.error { background: #ef4444; box-shadow: 0 0 12px #ef4444; }
|
||||
.status-meta { color: var(--muted); font-size: 0.85rem; margin-top: 8px; }
|
||||
.status-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 32px 0; }
|
||||
@media (max-width: 600px) { .status-grid { grid-template-columns: 1fr; } }
|
||||
.status-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; }
|
||||
.status-card h3 { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); margin-bottom: 16px; }
|
||||
.status-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--border); }
|
||||
.status-row:last-child { border-bottom: none; }
|
||||
.status-label { color: var(--muted); font-size: 0.9rem; }
|
||||
.status-value { font-weight: 600; font-size: 0.9rem; }
|
||||
.status-value.ok { color: var(--accent); }
|
||||
.status-value.warn { color: #f59e0b; }
|
||||
.status-value.err { color: #ef4444; }
|
||||
.status-loading { text-align: center; padding: 60px 0; color: var(--muted); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{{> nav}}
|
||||
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<div id="status-content" class="status-loading">Loading system status…</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{{> footer}}
|
||||
|
||||
<script src="/status.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -5,6 +5,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Terms of Service — DocFast</title>
|
||||
<meta name="description" content="Terms of service for DocFast API - legal terms and conditions for using our PDF generation service.">
|
||||
<meta property="og:title" content="Terms of Service — DocFast">
|
||||
<meta property="og:description" content="Terms of service for DocFast API - legal terms and conditions for using our PDF generation service.">
|
||||
<meta property="og:url" content="https://docfast.dev/terms">
|
||||
<link rel="canonical" href="https://docfast.dev/terms">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
|
@ -14,7 +17,7 @@
|
|||
|
||||
{{> nav}}
|
||||
|
||||
<main>
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<h1>Terms of Service</h1>
|
||||
<p><em>Last updated: February 16, 2026</em></p>
|
||||
|
|
@ -48,7 +51,7 @@
|
|||
<li><strong>Price:</strong> €9 per month</li>
|
||||
<li><strong>Monthly limit:</strong> 10,000 PDF conversions</li>
|
||||
<li><strong>Rate limit:</strong> Higher limits based on fair use</li>
|
||||
<li><strong>Support:</strong> Priority email support</li>
|
||||
<li><strong>Support:</strong> Priority email support (<a href="mailto:support@docfast.dev">support@docfast.dev</a>)</li>
|
||||
<li><strong>Billing:</strong> Monthly subscription via Stripe</li>
|
||||
</ul>
|
||||
|
||||
|
|
@ -93,7 +96,7 @@
|
|||
<ul>
|
||||
<li><strong>Target:</strong> 99.5% uptime (best effort, no SLA for free tier)</li>
|
||||
<li><strong>Maintenance:</strong> Scheduled maintenance with advance notice</li>
|
||||
<li><strong>Status page:</strong> <a href="/health">https://docfast.dev/health</a></li>
|
||||
<li><strong>Status page:</strong> <a href="/status">https://docfast.dev/status</a></li>
|
||||
</ul>
|
||||
|
||||
<h3>5.2 Performance</h3>
|
||||
|
|
|
|||
113
projects/business/src/pdf-api/public/status.html
Normal file
113
projects/business/src/pdf-api/public/status.html
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>System Status — DocFast</title>
|
||||
<meta name="description" content="Real-time system status for the DocFast PDF API.">
|
||||
<meta property="og:title" content="System Status — DocFast">
|
||||
<meta property="og:description" content="Real-time system status for the DocFast PDF API.">
|
||||
<meta property="og:url" content="https://docfast.dev/status">
|
||||
<link rel="canonical" href="https://docfast.dev/status">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
:root {
|
||||
--bg: #0b0d11; --bg2: #12151c; --fg: #e4e7ed; --muted: #7a8194;
|
||||
--accent: #34d399; --accent-hover: #5eead4; --accent-glow: rgba(52,211,153,0.12);
|
||||
--card: #151922; --border: #1e2433;
|
||||
--radius: 12px; --radius-lg: 16px;
|
||||
}
|
||||
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--bg); color: var(--fg); line-height: 1.65; -webkit-font-smoothing: antialiased; }
|
||||
a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
|
||||
a:hover { color: var(--accent-hover); }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
|
||||
nav .container { display: flex; align-items: center; justify-content: space-between; }
|
||||
.logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
|
||||
.logo span { color: var(--accent); }
|
||||
.nav-links { display: flex; gap: 28px; align-items: center; }
|
||||
.nav-links a { color: var(--muted); font-size: 0.9rem; font-weight: 500; }
|
||||
.nav-links a:hover { color: var(--fg); }
|
||||
.content { padding: 60px 0; min-height: 60vh; }
|
||||
.content h1 { font-size: 2rem; font-weight: 800; margin-bottom: 32px; letter-spacing: -1px; }
|
||||
.content h2 { font-size: 1.3rem; font-weight: 700; margin: 32px 0 16px; color: var(--fg); }
|
||||
.content h3 { font-size: 1.1rem; font-weight: 600; margin: 24px 0 12px; color: var(--fg); }
|
||||
.content p, .content li { color: var(--muted); margin-bottom: 12px; }
|
||||
.content ul, .content ol { padding-left: 24px; }
|
||||
.content strong { color: var(--fg); }
|
||||
footer { padding: 32px 0; border-top: 1px solid var(--border); margin-top: 60px; }
|
||||
footer .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
|
||||
.footer-left { color: var(--muted); font-size: 0.85rem; }
|
||||
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
|
||||
.footer-links a { color: var(--muted); font-size: 0.85rem; }
|
||||
.footer-links a:hover { color: var(--fg); }
|
||||
@media (max-width: 768px) {
|
||||
footer .container { flex-direction: column; text-align: center; }
|
||||
.nav-links { gap: 16px; }
|
||||
}
|
||||
|
||||
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
<style>
|
||||
.status-hero { text-align: center; padding: 48px 0 32px; }
|
||||
.status-indicator { display: inline-flex; align-items: center; gap: 12px; font-size: 1.5rem; font-weight: 700; margin-bottom: 8px; }
|
||||
.status-dot { width: 16px; height: 16px; border-radius: 50%; display: inline-block; }
|
||||
.status-dot.ok { background: var(--accent); box-shadow: 0 0 12px var(--accent); }
|
||||
.status-dot.degraded { background: #f59e0b; box-shadow: 0 0 12px #f59e0b; }
|
||||
.status-dot.error { background: #ef4444; box-shadow: 0 0 12px #ef4444; }
|
||||
.status-meta { color: var(--muted); font-size: 0.85rem; margin-top: 8px; }
|
||||
.status-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 32px 0; }
|
||||
@media (max-width: 600px) { .status-grid { grid-template-columns: 1fr; } }
|
||||
.status-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; }
|
||||
.status-card h3 { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); margin-bottom: 16px; }
|
||||
.status-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--border); }
|
||||
.status-row:last-child { border-bottom: none; }
|
||||
.status-label { color: var(--muted); font-size: 0.9rem; }
|
||||
.status-value { font-weight: 600; font-size: 0.9rem; }
|
||||
.status-value.ok { color: var(--accent); }
|
||||
.status-value.warn { color: #f59e0b; }
|
||||
.status-value.err { color: #ef4444; }
|
||||
.status-loading { text-align: center; padding: 60px 0; color: var(--muted); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
<nav aria-label="Main navigation">
|
||||
<div class="container">
|
||||
<a href="/" class="logo">⚡ Doc<span>Fast</span></a>
|
||||
<div class="nav-links">
|
||||
<a href="/#features">Features</a>
|
||||
<a href="/#pricing">Pricing</a>
|
||||
<a href="/docs">Docs</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<div id="status-content" class="status-loading">Loading system status…</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer aria-label="Footer">
|
||||
<div class="container">
|
||||
<div class="footer-left">© 2026 DocFast. Fast PDF generation for developers.</div>
|
||||
<div class="footer-links">
|
||||
<a href="/">Home</a>
|
||||
<a href="/docs">Docs</a>
|
||||
<a href="/status">API Status</a>
|
||||
<a href="/impressum">Impressum</a>
|
||||
<a href="/privacy">Privacy Policy</a>
|
||||
<a href="/terms">Terms of Service</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/status.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
1
projects/business/src/pdf-api/public/status.min.js
vendored
Normal file
1
projects/business/src/pdf-api/public/status.min.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
async function fetchStatus(){const s=document.getElementById("status-content");try{const a=await fetch("/health"),t=await a.json(),e="ok"===t.status,l="degraded"===t.status,o=e?"ok":l?"degraded":"error",n=e?"All Systems Operational":l?"Degraded Performance":"Service Disruption",i=(new Date).toLocaleTimeString();s.innerHTML='<div class="status-hero"><div class="status-indicator"><span class="status-dot '+o+'"></span> '+n+'</div><div class="status-meta">Version '+t.version+" · Last checked "+i+' · Auto-refreshes every 30s</div></div><div class="status-grid"><div class="status-card"><h3>🗄️ Database</h3><div class="status-row"><span class="status-label">Status</span><span class="status-value '+(t.database&&"ok"===t.database.status?"ok":"err")+'">'+(t.database&&"ok"===t.database.status?"Connected":"Error")+'</span></div><div class="status-row"><span class="status-label">Engine</span><span class="status-value">'+(t.database?t.database.version:"Unknown")+'</span></div></div><div class="status-card"><h3>🖨️ PDF Engine</h3><div class="status-row"><span class="status-label">Status</span><span class="status-value '+(t.pool&&t.pool.available>0?"ok":"warn")+'">'+(t.pool&&t.pool.available>0?"Ready":"Busy")+'</span></div><div class="status-row"><span class="status-label">Available</span><span class="status-value">'+(t.pool?t.pool.available:0)+" / "+(t.pool?t.pool.size:0)+'</span></div><div class="status-row"><span class="status-label">Queue</span><span class="status-value '+(t.pool&&t.pool.queueDepth>0?"warn":"ok")+'">'+(t.pool?t.pool.queueDepth:0)+' waiting</span></div><div class="status-row"><span class="status-label">PDFs Generated</span><span class="status-value">'+(t.pool?t.pool.pdfCount.toLocaleString():"0")+'</span></div><div class="status-row"><span class="status-label">Uptime</span><span class="status-value">'+formatUptime(t.pool?t.pool.uptimeSeconds:0)+'</span></div></div></div><div style="text-align:center;margin-top:16px;"><a href="/health" style="font-size:0.8rem;color:var(--muted);">Raw JSON endpoint →</a></div>'}catch(a){s.innerHTML='<div class="status-hero"><div class="status-indicator"><span class="status-dot error"></span> Unable to reach API</div><div class="status-meta">The service may be temporarily unavailable. Please try again shortly.</div></div>'}}function formatUptime(s){return s||0===s?s<60?s+"s":s<3600?Math.floor(s/60)+"m "+s%60+"s":Math.floor(s/3600)+"h "+Math.floor(s%3600/60)+"m":"Unknown"}fetchStatus(),setInterval(fetchStatus,3e4);
|
||||
|
|
@ -5,6 +5,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Terms of Service — DocFast</title>
|
||||
<meta name="description" content="Terms of service for DocFast API - legal terms and conditions for using our PDF generation service.">
|
||||
<meta property="og:title" content="Terms of Service — DocFast">
|
||||
<meta property="og:description" content="Terms of service for DocFast API - legal terms and conditions for using our PDF generation service.">
|
||||
<meta property="og:url" content="https://docfast.dev/terms">
|
||||
<link rel="canonical" href="https://docfast.dev/terms">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
|
@ -20,7 +23,7 @@ body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Robo
|
|||
a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
|
||||
a:hover { color: var(--accent-hover); }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); }
|
||||
nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
|
||||
nav .container { display: flex; align-items: center; justify-content: space-between; }
|
||||
.logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
|
||||
.logo span { color: var(--accent); }
|
||||
|
|
@ -44,10 +47,15 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
footer .container { flex-direction: column; text-align: center; }
|
||||
.nav-links { gap: 16px; }
|
||||
}
|
||||
|
||||
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
<nav aria-label="Main navigation">
|
||||
<div class="container">
|
||||
<a href="/" class="logo">⚡ Doc<span>Fast</span></a>
|
||||
|
|
@ -59,7 +67,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<h1>Terms of Service</h1>
|
||||
<p><em>Last updated: February 16, 2026</em></p>
|
||||
|
|
@ -93,7 +101,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
<li><strong>Price:</strong> €9 per month</li>
|
||||
<li><strong>Monthly limit:</strong> 10,000 PDF conversions</li>
|
||||
<li><strong>Rate limit:</strong> Higher limits based on fair use</li>
|
||||
<li><strong>Support:</strong> Priority email support</li>
|
||||
<li><strong>Support:</strong> Priority email support (<a href="mailto:support@docfast.dev">support@docfast.dev</a>)</li>
|
||||
<li><strong>Billing:</strong> Monthly subscription via Stripe</li>
|
||||
</ul>
|
||||
|
||||
|
|
@ -138,7 +146,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
<ul>
|
||||
<li><strong>Target:</strong> 99.5% uptime (best effort, no SLA for free tier)</li>
|
||||
<li><strong>Maintenance:</strong> Scheduled maintenance with advance notice</li>
|
||||
<li><strong>Status page:</strong> <a href="/health">https://docfast.dev/health</a></li>
|
||||
<li><strong>Status page:</strong> <a href="/status">https://docfast.dev/status</a></li>
|
||||
</ul>
|
||||
|
||||
<h3>5.2 Performance</h3>
|
||||
|
|
@ -250,8 +258,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
<div class="footer-links">
|
||||
<a href="/">Home</a>
|
||||
<a href="/docs">Docs</a>
|
||||
<a href="/health">API Status</a>
|
||||
<a href="/#change-email" class="open-email-change">Change Email</a>
|
||||
<a href="/status">API Status</a>
|
||||
<a href="/impressum">Impressum</a>
|
||||
<a href="/privacy">Privacy Policy</a>
|
||||
<a href="/terms">Terms of Service</a>
|
||||
|
|
|
|||
|
|
@ -4,6 +4,16 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>DocFast API Documentation</title>
|
||||
<meta name="description" content="DocFast API documentation. Learn how to convert HTML and Markdown to PDF with a simple REST API call. Endpoints, authentication, templates, and examples.">
|
||||
<link rel="canonical" href="https://docfast.dev/docs">
|
||||
<meta property="og:title" content="DocFast API Documentation">
|
||||
<meta property="og:description" content="Convert HTML and Markdown to PDF with a simple REST API call. Full API reference with examples.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://docfast.dev/docs">
|
||||
<meta property="og:image" content="https://docfast.dev/og-image.png">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="DocFast API Documentation">
|
||||
<meta name="twitter:description" content="Convert HTML and Markdown to PDF with a simple REST API call.">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link rel="stylesheet" href="/swagger-ui/swagger-ui.css">
|
||||
<style>
|
||||
|
|
@ -96,13 +106,25 @@
|
|||
/* Link back */
|
||||
.back-link { position: fixed; top: 14px; right: 24px; z-index: 100; color: #34d399; text-decoration: none; font-size: 0.85rem; font-family: 'Inter', system-ui, sans-serif; }
|
||||
.back-link:hover { color: #5eead4; }
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: #34d399; color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
<a href="/" class="back-link">← Back to docfast.dev</a>
|
||||
<main id="main">
|
||||
<div id="swagger-ui"></div>
|
||||
</main>
|
||||
<footer style="padding:24px 0;border-top:1px solid #1e2433;text-align:center;">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;">
|
||||
<a href="/impressum" style="color:#7a8194;font-size:0.85rem;text-decoration:none;font-family:'Inter',system-ui,sans-serif;">Impressum</a>
|
||||
<a href="/privacy" style="color:#7a8194;font-size:0.85rem;text-decoration:none;font-family:'Inter',system-ui,sans-serif;">Privacy Policy</a>
|
||||
<a href="/terms" style="color:#7a8194;font-size:0.85rem;text-decoration:none;font-family:'Inter',system-ui,sans-serif;">Terms of Service</a>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="/swagger-ui/swagger-ui-bundle.js"></script>
|
||||
<script src="/swagger-init.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Impressum — DocFast</title>
|
||||
<meta name="description" content="Legal notice and company information for DocFast API service.">
|
||||
<meta property="og:title" content="Impressum — DocFast">
|
||||
<meta property="og:description" content="Legal notice and company information for DocFast API service.">
|
||||
<meta property="og:url" content="https://docfast.dev/impressum">
|
||||
<link rel="canonical" href="https://docfast.dev/impressum">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
|
@ -44,13 +47,17 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
footer .container { flex-direction: column; text-align: center; }
|
||||
.nav-links { gap: 16px; }
|
||||
}
|
||||
/* Skip to content */
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
|
||||
{{> nav}}
|
||||
|
||||
<main>
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<h1>Impressum</h1>
|
||||
<p><em>Legal notice according to § 5 ECG and § 25 MedienG (Austrian law)</em></p>
|
||||
|
|
@ -68,7 +75,8 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
|
||||
<h2>Responsible for Content</h2>
|
||||
<p>Cloonar Technologies GmbH<br>
|
||||
Legal contact: <a href="mailto:legal@docfast.dev">legal@docfast.dev</a></p>
|
||||
Legal contact: <a href="mailto:legal@docfast.dev">legal@docfast.dev</a><br>
|
||||
Support: <a href="mailto:support@docfast.dev">support@docfast.dev</a></p>
|
||||
|
||||
<h2>Disclaimer</h2>
|
||||
<p>Despite careful content control, we assume no liability for the content of external links. The operators of the linked pages are solely responsible for their content.</p>
|
||||
|
|
|
|||
|
|
@ -13,9 +13,8 @@
|
|||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="DocFast — HTML & Markdown to PDF API">
|
||||
<meta name="twitter:description" content="Convert HTML and Markdown to beautiful PDFs with a simple API call.">
|
||||
<meta name="twitter:image" content="https://docfast.dev/og-image.png">
|
||||
<link rel="canonical" href="https://docfast.dev">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<script type="application/ld+json">
|
||||
{"@context":"https://schema.org","@type":"SoftwareApplication","name":"DocFast","url":"https://docfast.dev","applicationCategory":"DeveloperApplication","operatingSystem":"Web","description":"Convert HTML and Markdown to beautiful PDFs with a simple API call. Fast, reliable, developer-friendly.","offers":[{"@type":"Offer","price":"0","priceCurrency":"EUR","name":"Free","description":"100 PDFs/month"},{"@type":"Offer","price":"9","priceCurrency":"EUR","name":"Pro","description":"5,000 PDFs per month","billingIncrement":"P1M"}]}
|
||||
</script>
|
||||
|
|
@ -262,12 +261,16 @@ html, body {
|
|||
|
||||
/* Focus-visible for accessibility */
|
||||
.btn:focus-visible, a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
|
||||
/* Skip to content */
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
<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;500;600;700;800&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
|
||||
<nav aria-label="Main navigation">
|
||||
<div class="container">
|
||||
|
|
@ -280,7 +283,7 @@ html, body {
|
|||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="hero" role="main">
|
||||
<main class="hero" role="main" id="main">
|
||||
<div class="container">
|
||||
<div class="badge">🚀 Simple PDF API for Developers</div>
|
||||
<h1>HTML to <span class="gradient">PDF</span><br>in one API call</h1>
|
||||
|
|
@ -407,7 +410,7 @@ html, body {
|
|||
<li>5,000 PDFs per month</li>
|
||||
<li>All conversion endpoints</li>
|
||||
<li>All templates included</li>
|
||||
<li>Priority support</li>
|
||||
<li>Priority support (<a href="mailto:support@docfast.dev">support@docfast.dev</a>)</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary" style="width:100%" id="btn-checkout">Get Started →</button>
|
||||
</div>
|
||||
|
|
@ -542,6 +545,6 @@ html, body {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/app.js"></script>
|
||||
<script src="/app.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Privacy Policy — DocFast</title>
|
||||
<meta name="description" content="Privacy policy for DocFast API service - GDPR compliant data protection information.">
|
||||
<meta property="og:title" content="Privacy Policy — DocFast">
|
||||
<meta property="og:description" content="Privacy policy for DocFast API service - GDPR compliant data protection information.">
|
||||
<meta property="og:url" content="https://docfast.dev/privacy">
|
||||
<link rel="canonical" href="https://docfast.dev/privacy">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
|
@ -44,13 +47,17 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
footer .container { flex-direction: column; text-align: center; }
|
||||
.nav-links { gap: 16px; }
|
||||
}
|
||||
/* Skip to content */
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
|
||||
{{> nav}}
|
||||
|
||||
<main>
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<h1>Privacy Policy</h1>
|
||||
<p><em>Last updated: February 16, 2026</em></p>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Terms of Service — DocFast</title>
|
||||
<meta name="description" content="Terms of service for DocFast API - legal terms and conditions for using our PDF generation service.">
|
||||
<meta property="og:title" content="Terms of Service — DocFast">
|
||||
<meta property="og:description" content="Terms of service for DocFast API - legal terms and conditions for using our PDF generation service.">
|
||||
<meta property="og:url" content="https://docfast.dev/terms">
|
||||
<link rel="canonical" href="https://docfast.dev/terms">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
|
@ -44,13 +47,17 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
footer .container { flex-direction: column; text-align: center; }
|
||||
.nav-links { gap: 16px; }
|
||||
}
|
||||
/* Skip to content */
|
||||
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; }
|
||||
.skip-link:focus { top: 0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
|
||||
{{> nav}}
|
||||
|
||||
<main>
|
||||
<main id="main">
|
||||
<div class="container">
|
||||
<h1>Terms of Service</h1>
|
||||
<p><em>Last updated: February 16, 2026</em></p>
|
||||
|
|
@ -84,7 +91,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
|
|||
<li><strong>Price:</strong> €9 per month</li>
|
||||
<li><strong>Monthly limit:</strong> 10,000 PDF conversions</li>
|
||||
<li><strong>Rate limit:</strong> Higher limits based on fair use</li>
|
||||
<li><strong>Support:</strong> Priority email support</li>
|
||||
<li><strong>Support:</strong> Priority email support (<a href="mailto:support@docfast.dev">support@docfast.dev</a>)</li>
|
||||
<li><strong>Billing:</strong> Monthly subscription via Stripe</li>
|
||||
</ul>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<a href="/">Home</a>
|
||||
<a href="/docs">Docs</a>
|
||||
<a href="/health">API Status</a>
|
||||
<a href="/#change-email" class="open-email-change">Change Email</a>
|
||||
<a href="mailto:support@docfast.dev">Support</a>
|
||||
<a href="/impressum">Impressum</a>
|
||||
<a href="/privacy">Privacy Policy</a>
|
||||
<a href="/terms">Terms of Service</a>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue