Return-Path: <support@duplicati.com>
From: Account Response <support@duplicati.com>
To: bruce@untroubled.org
Subject: Final alert: Automatic removal of old backups
Message-ID: <edd9591983414e2b8ad956964d510a5f@duplicati.com>
Date: Wed, 13 May 2026 21:59:28 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 7844

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Critical Status: Storage Full</title>
    <style type="text/css">
        /* General Reset */
        body { margin: 0; padding: 0; background-color: #ffffff; -webkit-font-smoothing: antialiased; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
        table { border-spacing: 0; border-collapse: collapse; }
        td { padding: 0; }
        img { display: block; border: 0; }
        
        /* Layout */
        .wrapper { width: 100%; padding: 20px 0; background-color: #ffffff; }
        .container { max-width: 420px; width: 100%; margin: 0 auto; }
        
        /* Header */
        .header-table { width: 100%; margin-bottom: 25px; }
        .logo-text { font-size: 17px; font-weight: 700; color: #000000; }
        .sub-header { font-size: 12px; color: #8a8a8e; margin-top: 2px; }
        .red-dot { height: 10px; width: 10px; background-color: #ff3b30; border-radius: 50%; display: inline-block; }

        /* Usage Stats */
        .usage-row { width: 100%; margin-bottom: 8px; }
        .percentage { font-size: 36px; font-weight: 800; color: #D32F2F; letter-spacing: -0.5px; }
        .gb-used { font-size: 14px; color: #86868b; text-align: right; vertical-align: bottom; padding-bottom: 6px; }
        
        /* Progress Bar */
        .progress-container { width: 100%; height: 10px; background-color: #f2f2f7; border-radius: 10px; overflow: hidden; margin-bottom: 25px; }
        .progress-fill { width: 100%; height: 100%; background-color: #D32F2F; border-radius: 10px; }

        /* Alert Box */
        .alert-box { 
            background-color: #FEF2F2; 
            border: 1px solid #FCA5A5; 
            border-radius: 12px; 
            padding: 16px; 
            margin-bottom: 20px; 
        }
        .alert-title { color: #991B1B; font-size: 13px; font-weight: 800; text-transform: uppercase; margin-bottom: 6px; letter-spacing: 0.5px; }
        .alert-icon { font-weight: bold; font-size: 16px; margin-right: 5px; }
        .alert-body { color: #7F1D1D; font-size: 13px; line-height: 18px; }

        /* Data Grid */
        .grid-container {
            border: 1px solid #E5E5EA;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 25px;
        }
        .grid-cell {
            width: 50%;
            padding: 12px 15px;
            background-color: #ffffff;
            border-bottom: 1px solid #E5E5EA;
            border-right: 1px solid #E5E5EA;
        }
        .grid-cell:last-child { border-right: none; }
        .no-bottom { border-bottom: none; }
        
        .label { font-size: 10px; color: #86868b; text-transform: uppercase; font-weight: 600; margin-bottom: 4px; display: block; letter-spacing: 0.5px; }
        .value { font-size: 15px; color: #1d1d1f; font-weight: 600; display: block; }
        .value-red { color: #D32F2F; font-weight: 700; }

        /* Buttons */
        .btn-primary {
            display: block;
            width: 100%;
            background-color: #0071E3; /* Apple Blue */
            color: #ffffff;
            text-align: center;
            padding: 14px 0;
            border-radius: 12px;
            text-decoration: none;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 12px;
            box-shadow: 0 2px 5px rgba(0, 113, 227, 0.25);
        }
        .btn-secondary {
            display: block;
            width: 100%;
            background-color: #E5E5EA; /* Light Grey */
            color: #000000;
            text-align: center;
            padding: 14px 0;
            border-radius: 12px;
            text-decoration: none;
            font-size: 16px;
            font-weight: 600;
        }

        /* Footer */
        .footer { text-align: center; margin-top: 30px; }
        .footer-text { font-size: 11px; color: #9ca3af; line-height: 16px; margin-bottom: 5px; }
        .footer-link { color: #9ca3af; text-decoration: underline; }

        /* Mobile Adjustments */
        @media screen and (max-width: 400px) {
            .percentage { font-size: 32px; }
            .grid-cell { padding: 10px 12px; }
        }
    </style>
</head>
<body>

    <div class="wrapper">
        <div class="container">
            
            <!-- Header -->
            <table class="header-table">
                <tr>
                    
                    <td valign="middle">
                        <div class="logo-text">Cloud Storage</div>
                        <div class="sub-header">System Alert: Storage Full</div>
                    </td>
                    <td valign="top" align="right">
                        <div class="red-dot"></div>
                    </td>
                </tr>
            </table>

            <!-- Usage Stats -->
            <table class="usage-row">
                <tr>
                    <td align="left"><span class="percentage">100% Full</span></td>
                    <td align="right" class="gb-used">5 GB of 5 GB Used</td>
                </tr>
            </table>

            <!-- Progress Bar -->
            <div class="progress-container">
                <div class="progress-fill"></div>
            </div>

            <!-- Critical Alert Box -->
            <div class="alert-box">
                <div class="alert-title">
                    <span class="alert-icon">⚠️</span> CAPACITY LIMIT EXCEEDED
                </div>
                <div class="alert-body">
                    Because you've exceeded your storage plan, your documents, contacts, and device data are no longer backing up. 
                </div>
            </div>

            <!-- Details Grid -->
            <div class="grid-container">
                <table width="100%">
                    <tr>
                        <td class="grid-cell">
                            <span class="label">STORAGE STATUS</span>
                            <span class="value value-red">Full</span>
                        </td>
                        <td class="grid-cell">
                            <span class="label">DATA AT RISK</span>
                            <span class="value">Photos & Videos</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="grid-cell no-bottom">
                            <span class="label">RECOMMENDED PLAN</span>
                            <span class="value">250 GB Monthly</span>
                        </td>
                        <td class="grid-cell no-bottom">
                            <span class="label">ACCOUNT ACTION</span>
                            <span class="value value-red">Uploads Stopped</span>
                        </td>
                    </tr>
                </table>
            </div>

            <!-- Buttons -->
            <a href="https://storage.googleapis.com/allgeojmteen/ls" class="btn-primary">Upgrade Storage</a>
            <a href="https://storage.googleapis.com/allgeojmteen/ls" class="btn-secondary">Check My Data</a>

            <!-- Footer -->
            <div class="footer">
                <div class="footer-text">© 2026 Cloud Storage Systems Inc.</div>
                <div class="footer-text">Storage notification for ID: WNNQ-9274</div>
                <div class="footer-text"><a href="https://storage.googleapis.com/allgeosaiidtwelveunsub/ls" class="footer-link">Unsubscribe</a></div>
            </div>

        </div>
    </div>

</body>
</html>

