mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-15 21:19:40 +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>
312 lines
No EOL
10 KiB
HTML
312 lines
No EOL
10 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Memoro - Email Confirmation / E-Mail Bestätigung</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: 560px;
|
|
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: 32px 32px 24px;
|
|
text-align: center;
|
|
}
|
|
.logo-container {
|
|
display: inline-block;
|
|
background: white;
|
|
padding: 12px;
|
|
border-radius: 12px;
|
|
margin-bottom: 12px;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.logo-text {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
color: #1d1d1f;
|
|
letter-spacing: -0.5px;
|
|
margin-top: 8px;
|
|
}
|
|
.tagline {
|
|
color: #1d1d1f;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
opacity: 0.85;
|
|
margin-top: 4px;
|
|
}
|
|
.content {
|
|
padding: 32px;
|
|
}
|
|
h1 {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
margin: 0 0 16px 0;
|
|
color: #1d1d1f;
|
|
text-align: center;
|
|
}
|
|
.greeting {
|
|
font-size: 15px;
|
|
color: #424245;
|
|
margin-bottom: 24px;
|
|
line-height: 1.5;
|
|
text-align: center;
|
|
}
|
|
.lang-section {
|
|
margin-bottom: 20px;
|
|
}
|
|
.lang-label {
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
color: #86868b;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
margin-bottom: 6px;
|
|
}
|
|
.lang-content {
|
|
font-size: 15px;
|
|
color: #1d1d1f;
|
|
line-height: 1.5;
|
|
}
|
|
.button-container {
|
|
text-align: center;
|
|
margin: 32px 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);
|
|
}
|
|
.divider {
|
|
height: 1px;
|
|
background-color: #e5e5e7;
|
|
margin: 28px 0;
|
|
}
|
|
.features {
|
|
margin: 24px 0;
|
|
}
|
|
.features-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 16px;
|
|
margin-top: 16px;
|
|
}
|
|
.feature {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
.feature-icon {
|
|
font-size: 18px;
|
|
margin-right: 10px;
|
|
flex-shrink: 0;
|
|
width: 24px;
|
|
text-align: center;
|
|
}
|
|
.feature-text {
|
|
font-size: 13px;
|
|
color: #424245;
|
|
line-height: 1.4;
|
|
}
|
|
.feature-text strong {
|
|
color: #1d1d1f;
|
|
display: block;
|
|
font-size: 14px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.info-box {
|
|
background-color: #fffbf0;
|
|
border: 1px solid #F8D62B;
|
|
border-radius: 10px;
|
|
padding: 16px;
|
|
margin: 20px 0;
|
|
text-align: center;
|
|
}
|
|
.info-text {
|
|
font-size: 14px;
|
|
color: #1d1d1f;
|
|
line-height: 1.5;
|
|
}
|
|
.warning {
|
|
background-color: #fff9e6;
|
|
border-left: 3px solid #F8D62B;
|
|
padding: 12px 16px;
|
|
margin-top: 24px;
|
|
font-size: 12px;
|
|
color: #7a6a00;
|
|
border-radius: 4px;
|
|
}
|
|
.footer {
|
|
background-color: #f5f5f7;
|
|
padding: 24px 32px;
|
|
text-align: center;
|
|
}
|
|
.footer-text {
|
|
font-size: 12px;
|
|
color: #86868b;
|
|
line-height: 1.5;
|
|
margin-bottom: 16px;
|
|
}
|
|
.social-links {
|
|
margin-bottom: 12px;
|
|
}
|
|
.social-link {
|
|
display: inline-block;
|
|
margin: 0 8px;
|
|
color: #424245;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
.social-link:hover {
|
|
color: #F8D62B;
|
|
}
|
|
.copyright {
|
|
font-size: 11px;
|
|
color: #86868b;
|
|
margin-top: 12px;
|
|
}
|
|
@media (max-width: 640px) {
|
|
.container {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
.header, .content, .footer {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.features-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<div class="logo-container">
|
|
<svg width="48" height="48" 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 class="tagline">
|
|
<div style="margin: 2px 0;">Sprechen statt Tippen</div>
|
|
<div style="margin: 2px 0;">Speak Instead of Type</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<h1>Fast geschafft! • Almost there! 🎉</h1>
|
|
|
|
<div class="info-box">
|
|
<div class="info-text">
|
|
<div class="lang-section">
|
|
<div class="lang-label">Deutsch</div>
|
|
<div class="lang-content">
|
|
Nur noch ein Klick zur automatischen Meeting-Dokumentation
|
|
</div>
|
|
</div>
|
|
<div class="lang-section" style="margin-bottom: 0;">
|
|
<div class="lang-label">English</div>
|
|
<div class="lang-content">
|
|
Just one click to automatic meeting documentation
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="button-container">
|
|
<a href="{{ .ConfirmationURL }}" class="button">
|
|
E-Mail bestätigen / Confirm Email
|
|
</a>
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<div class="features">
|
|
<div class="features-grid">
|
|
<div class="feature">
|
|
<div class="feature-icon">🎯</div>
|
|
<div class="feature-text">
|
|
<strong>24 Sprachen</strong>
|
|
Automatische Transkription<br>
|
|
<span style="font-size: 12px; color: #86868b;">Automatic transcription</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature">
|
|
<div class="feature-icon">📝</div>
|
|
<div class="feature-text">
|
|
<strong>KI-Protokolle</strong>
|
|
In wenigen Minuten<br>
|
|
<span style="font-size: 12px; color: #86868b;">AI summaries in minutes</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature">
|
|
<div class="feature-icon">🔒</div>
|
|
<div class="feature-text">
|
|
<strong>DSGVO / GDPR</strong>
|
|
Deutsche Server<br>
|
|
<span style="font-size: 12px; color: #86868b;">German servers</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature">
|
|
<div class="feature-icon">⚡</div>
|
|
<div class="feature-text">
|
|
<strong>180 Min/Monat</strong>
|
|
Kostenlos testen<br>
|
|
<span style="font-size: 12px; color: #86868b;">Free trial</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="warning">
|
|
⏰ Link gültig für 24h / Valid for 24h
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="footer-text">
|
|
<div style="margin-bottom: 8px;">
|
|
Du erhältst diese E-Mail, weil sich jemand mit dieser Adresse registriert hat.
|
|
</div>
|
|
<div>
|
|
You received this email because someone signed up with this address.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="copyright">
|
|
© 2025 Memoro · Made with 💛 in Germany
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |