feat: initialize warpbox.dev project structure and backend
Initialize the repository with the core Go backend architecture and a frontend mockup for warpbox.dev, a self-hosted file-sharing application. - Set up Go backend modules for configuration, HTTP server, middleware, handlers, and templates. - Add local development scripts, environment templates, and basic project configuration. - Include a React-based frontend mockup under the docs directory.
This commit is contained in:
30
docs/Mock-Up/Mockup Magic/src/lib/error-page.ts
Normal file
30
docs/Mock-Up/Mockup Magic/src/lib/error-page.ts
Normal file
@@ -0,0 +1,30 @@
|
||||
export function renderErrorPage(): string {
|
||||
return `<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>This page didn't load</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<style>
|
||||
body { font: 15px/1.5 system-ui, -apple-system, sans-serif; background: #fafafa; color: #111; display: grid; place-items: center; min-height: 100vh; margin: 0; padding: 1.5rem; }
|
||||
.card { max-width: 28rem; width: 100%; text-align: center; padding: 2rem; }
|
||||
h1 { font-size: 1.25rem; margin: 0 0 0.5rem; }
|
||||
p { color: #4b5563; margin: 0 0 1.5rem; }
|
||||
.actions { display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; }
|
||||
a, button { padding: 0.5rem 1rem; border-radius: 0.375rem; font: inherit; cursor: pointer; text-decoration: none; border: 1px solid transparent; }
|
||||
.primary { background: #111; color: #fff; }
|
||||
.secondary { background: #fff; color: #111; border-color: #d1d5db; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<h1>This page didn't load</h1>
|
||||
<p>Something went wrong on our end. You can try refreshing or head back home.</p>
|
||||
<div class="actions">
|
||||
<button class="primary" onclick="location.reload()">Try again</button>
|
||||
<a class="secondary" href="/">Go home</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>`;
|
||||
}
|
||||
Reference in New Issue
Block a user