mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-15 23:59:39 +02:00
61d181fbc2
Move inactive projects out of active workspace: - bauntown (community website) - maerchenzauber (AI story generation) - memoro (voice memo app) - news (news aggregation) - nutriphi (nutrition tracking) - reader (reading app) - uload (URL shortener) - wisekeep (AI wisdom extraction) Update CLAUDE.md documentation: - Add presi to active projects - Document archived projects section - Update workspace configuration Archived apps can be re-activated by moving back to apps/ 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
247 lines
No EOL
8.4 KiB
HTML
247 lines
No EOL
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Memoro - Password Reset / Passwort zurücksetzen</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
background-color: #f5f5f7;
|
|
color: #1d1d1f;
|
|
line-height: 1.6;
|
|
}
|
|
.container {
|
|
max-width: 480px;
|
|
margin: 40px auto;
|
|
background-color: #ffffff;
|
|
border-radius: 16px;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
}
|
|
.header {
|
|
background: linear-gradient(135deg, #F8D62B 0%, #f5c500 100%);
|
|
padding: 28px 28px 20px;
|
|
text-align: center;
|
|
}
|
|
.logo-container {
|
|
display: inline-block;
|
|
background: white;
|
|
padding: 10px;
|
|
border-radius: 10px;
|
|
margin-bottom: 10px;
|
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.logo-text {
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
color: #1d1d1f;
|
|
letter-spacing: -0.5px;
|
|
margin-top: 6px;
|
|
}
|
|
.content {
|
|
padding: 32px 28px;
|
|
}
|
|
.icon-header {
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
.icon-circle {
|
|
display: inline-block;
|
|
width: 56px;
|
|
height: 56px;
|
|
background: #fffbf0;
|
|
border: 2px solid #F8D62B;
|
|
border-radius: 50%;
|
|
line-height: 52px;
|
|
font-size: 24px;
|
|
text-align: center;
|
|
}
|
|
h1 {
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
margin: 0 0 16px 0;
|
|
color: #1d1d1f;
|
|
text-align: center;
|
|
}
|
|
.message-box {
|
|
background-color: #f5f5f7;
|
|
border-radius: 10px;
|
|
padding: 16px;
|
|
margin: 20px 0;
|
|
}
|
|
.lang-section {
|
|
margin-bottom: 12px;
|
|
}
|
|
.lang-section:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.lang-label {
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
color: #86868b;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.lang-content {
|
|
font-size: 14px;
|
|
color: #1d1d1f;
|
|
line-height: 1.5;
|
|
}
|
|
.button-container {
|
|
text-align: center;
|
|
margin: 28px 0;
|
|
}
|
|
.button {
|
|
display: inline-block;
|
|
background: #F8D62B;
|
|
color: #1d1d1f;
|
|
padding: 14px 32px;
|
|
text-decoration: none;
|
|
border-radius: 12px;
|
|
font-weight: 600;
|
|
font-size: 15px;
|
|
transition: all 0.3s ease;
|
|
box-shadow: 0 4px 8px rgba(248, 214, 43, 0.3);
|
|
}
|
|
.button:hover {
|
|
background: #f5c500;
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 6px 12px rgba(248, 214, 43, 0.4);
|
|
}
|
|
.security-info {
|
|
margin: 24px 0;
|
|
padding: 16px;
|
|
background: #fff9e6;
|
|
border-radius: 8px;
|
|
border-left: 3px solid #F8D62B;
|
|
}
|
|
.security-item {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
margin-bottom: 10px;
|
|
font-size: 13px;
|
|
color: #424245;
|
|
}
|
|
.security-item:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.security-icon {
|
|
margin-right: 8px;
|
|
flex-shrink: 0;
|
|
font-size: 14px;
|
|
}
|
|
.warning {
|
|
background-color: #fff3e0;
|
|
border-left: 3px solid #ff9800;
|
|
padding: 12px 16px;
|
|
margin-top: 20px;
|
|
font-size: 12px;
|
|
color: #e65100;
|
|
border-radius: 4px;
|
|
}
|
|
.footer {
|
|
background-color: #f5f5f7;
|
|
padding: 20px 28px;
|
|
text-align: center;
|
|
}
|
|
.footer-text {
|
|
font-size: 11px;
|
|
color: #86868b;
|
|
line-height: 1.5;
|
|
}
|
|
.help-link {
|
|
color: #F8D62B;
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
}
|
|
.help-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
@media (max-width: 520px) {
|
|
.container {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
.header, .content, .footer {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<div class="logo-container">
|
|
<svg width="40" height="40" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M60.5376 30.897C60.5376 47.4655 47.1061 60.897 30.5376 60.897C13.9691 60.897 0.537598 47.4655 0.537598 30.897C0.537598 14.3284 13.9691 0.896973 30.5376 0.896973C47.1061 0.896973 60.5376 14.3284 60.5376 30.897ZM53.6779 30.897C53.6779 43.677 43.3176 52.7516 30.5376 52.7516C17.7575 52.7516 7.39727 43.677 7.39727 30.897C7.39727 24.8794 8.78823 20.5674 12.1734 17.2112C13.0692 16.3231 15.6447 14.397 17.5505 16.8636L26.2049 29.1373C29.359 32.8255 32.4662 32.397 34.87 29.1373L43.5245 16.8634C45.109 14.6113 47.9592 16.2767 48.9016 17.211C52.2869 20.5672 53.6779 24.8793 53.6779 30.897Z" fill="#F8D62B"/>
|
|
</svg>
|
|
</div>
|
|
<div class="logo-text">Memoro</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="icon-header">
|
|
<div class="icon-circle">🔐</div>
|
|
</div>
|
|
|
|
<h1>Passwort zurücksetzen • Reset Password</h1>
|
|
|
|
<div class="message-box">
|
|
<div class="lang-section">
|
|
<div class="lang-label">Deutsch</div>
|
|
<div class="lang-content">
|
|
Du hast eine Anfrage zum Zurücksetzen deines Passworts gestellt. Klicke auf den Button unten, um ein neues Passwort zu wählen.
|
|
</div>
|
|
</div>
|
|
<div class="lang-section">
|
|
<div class="lang-label">English</div>
|
|
<div class="lang-content">
|
|
You requested to reset your password. Click the button below to choose a new password.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="button-container">
|
|
<a href="{{ .ConfirmationURL }}" class="button">
|
|
Neues Passwort wählen / Choose New Password
|
|
</a>
|
|
</div>
|
|
|
|
<div class="security-info">
|
|
<div class="security-item">
|
|
<span class="security-icon">⏰</span>
|
|
<div>
|
|
<strong>15 Minuten gültig / Valid for 15 minutes</strong><br>
|
|
<span style="font-size: 12px; color: #86868b;">Aus Sicherheitsgründen / For security reasons</span>
|
|
</div>
|
|
</div>
|
|
<div class="security-item">
|
|
<span class="security-icon">🛡️</span>
|
|
<div>
|
|
<strong>Sicheres Passwort wählen / Choose secure password</strong><br>
|
|
<span style="font-size: 12px; color: #86868b;">Min. 8 Zeichen / Min. 8 characters</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="warning">
|
|
<strong>⚠️ Warnung / Warning:</strong><br>
|
|
Falls du diese Anfrage nicht gestellt hast, ignoriere diese E-Mail oder kontaktiere uns.<br>
|
|
<span style="font-size: 11px;">If you didn't request this, ignore this email or contact us.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="footer-text">
|
|
Brauchst du Hilfe? / Need help?<br>
|
|
<a href="mailto:kontakt@memoro.ai" class="help-link">kontakt@memoro.ai</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |