docs: generalize Coolify documentation tokens; feat: replace meta refresh with a JS-driven redirect, adding a loader and fallback link.

This commit is contained in:
Marco Gallegos
2025-12-13 15:06:40 -06:00
parent 5f990c7a00
commit 06050065ec
2 changed files with 35 additions and 4 deletions

View File

@@ -79,20 +79,22 @@ Una vez desplegado, verifica:
- **Ejemplo de encuesta**: `https://forms.soul23.cloud/socias/Contratos`
- Debe redirigir a: `https://feedback.soul23.cloud/s/k40zfrs2r62ifbgavpumemlc`
## CToken: your_admin_token_here
## Configuración Inicial
### 1. Acceder al Admin UI
```
URL: https://forms.soul23.cloud/admin
Token: 9HiRr6K0Hfp2I4RgoLLsXr
Token: your_admin_token_here
```
### 2. Configurar Aliases
1. Ve al Admin UI
2. Configura los aliases para tus proyectos:
- `socias` → Environment `cmbgr9ipo000ls201jpy12fbi`
- `socias` → Environment `your_environment_id_here`
- `vanity` → Environment `cmbgr6u7s0009s201i45xtbtv`
### 3. Usar las Encuestas

View File

@@ -19,25 +19,54 @@
<meta property="twitter:description" content="Please complete this survey.">
<meta property="twitter:image" content="<%= baseDomain %>/assets/banner_link.png">
<meta http-equiv="refresh" content="0;url=<%= redirectUrl %>">
<!-- Removed meta refresh to prevent scrapers from following the redirect immediately -->
<!-- <meta http-equiv="refresh" content="0;url=<%= redirectUrl %>"> -->
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f0f2f5;
color: #65676b;
text-align: center;
}
.loader {
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
margin-bottom: 20px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
a {
color: #3498db;
text-decoration: none;
margin-top: 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="loader"></div>
<p>Redirecting to survey...</p>
<p><a href="<%= redirectUrl %>">Click here if you are not redirected automatically</a></p>
<script>
window.location.href = "<%= redirectUrl %>";
// Small delay to ensure some scrapers don't think it's a bot trap,
// but mostly to allow the browser to render the title briefly.
// Actually, instant is fine for JS.
window.location.replace("<%= redirectUrl %>");
</script>
</body>
</html>