← back to Cypress Awards

frontend/src/news.html

253 lines

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cy Pres News - CyPresAwards</title>
    <meta name="description" content="Latest news and articles about cy pres settlements, class actions, and legal developments.">
    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚖️</text></svg>">
    <link rel="stylesheet" href="styles.css">
    <style>
        .page-header {
            background: white;
            border-radius: 8px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .page-title {
            color: var(--text-primary);
            margin-bottom: 0.5rem;
            font-size: 2rem;
        }

        .page-subtitle {
            color: var(--text-secondary);
            font-size: 1.1rem;
        }

        .news-grid {
            display: grid;
            gap: 1.5rem;
        }

        .news-card {
            background: white;
            border-radius: 8px;
            padding: 1.75rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            transition: all 0.2s;
            border-left: 4px solid var(--primary-color);
        }

        .news-card:hover {
            box-shadow: 0 4px 12px rgba(30, 64, 175, 0.15);
            transform: translateY(-2px);
        }

        .news-header {
            display: flex;
            justify-content: space-between;
            align-items: start;
            margin-bottom: 1rem;
            gap: 1rem;
        }

        .news-title {
            font-size: 1.25rem;
            font-weight: 600;
            color: var(--text-primary);
            flex: 1;
            line-height: 1.4;
        }

        .news-title a {
            color: inherit;
            text-decoration: none;
        }

        .news-title a:hover {
            color: var(--primary-color);
        }

        .news-meta {
            display: flex;
            gap: 1.5rem;
            margin-bottom: 1rem;
            font-size: 0.875rem;
            color: var(--text-secondary);
        }

        .news-date {
            display: flex;
            align-items: center;
            gap: 0.35rem;
        }

        .news-source {
            display: flex;
            align-items: center;
            gap: 0.35rem;
            font-weight: 600;
        }

        .news-description {
            color: var(--text-secondary);
            line-height: 1.7;
            margin-bottom: 1rem;
        }

        .news-link {
            color: var(--primary-color);
            text-decoration: none;
            font-size: 0.875rem;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
        }

        .news-link:hover {
            color: var(--primary-dark);
            text-decoration: underline;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }

        .stat-card {
            background: white;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .stat-value {
            font-size: 2rem;
            font-weight: bold;
            color: var(--primary-color);
            margin-bottom: 0.25rem;
        }

        .stat-label {
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <div class="header-content">
                <div class="header-text">
                    <h1><a href="index.html" style="color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem;"><span style="font-size: 1.2em;">⚖️</span> CyPresAwards</a></h1>
                    <p class="tagline">Directory of Non-Profits with Cy Pres Statements</p>
                </div>
                <nav class="header-nav">
                    <a href="index.html" class="nav-link">Search Organizations</a>
                    <a href="submit.html" class="nav-link">Add My Org</a>
                    <a href="cases.html" class="nav-link">Cy Pres Cases</a>
                    <a href="news.html" class="nav-link active">News</a>
                    <a href="settlement-firms.html" class="nav-link">Settlement Firms</a>
                </nav>
            </div>
        </div>
    </header>

    <main class="container">
        <div class="page-header">
            <h2 class="page-title">📰 Cy Pres News & Updates</h2>
            <p class="page-subtitle">Latest news and developments in cy pres settlements and class actions</p>
        </div>

        <div class="stats-grid">
            <div class="stat-card">
                <div class="stat-value">3</div>
                <div class="stat-label">News Articles</div>
            </div>
            <div class="stat-card">
                <div class="stat-value">2024</div>
                <div class="stat-label">Latest Updates</div>
            </div>
        </div>

        <div class="news-grid">
            <!-- Article 1: Hawes v. Macy's -->
            <div class="news-card">
                <div class="news-header">
                    <h3 class="news-title">
                        <a href="https://www.insideclassactions.com/2024/01/04/federal-court-rejects-class-action-settlement-over-cy-pres-provision/" target="_blank" rel="noopener noreferrer">
                            Court Rejects Cy Pres Settlement in Hawes v. Macy's
                        </a>
                    </h3>
                </div>
                <div class="news-meta">
                    <span class="news-date">📅 January 4, 2024</span>
                    <span class="news-source">📰 InsideClassActions.com</span>
                </div>
                <p class="news-description">
                    U.S. District Court (S.D. Ohio) rejected a $10.5M settlement because proposed recipient PIRG was not sufficiently related to false advertising claims in bed sheets case. This ruling underscores the importance of selecting cy pres recipients that have a clear nexus to the underlying claims.
                </p>
                <a href="https://www.insideclassactions.com/2024/01/04/federal-court-rejects-class-action-settlement-over-cy-pres-provision/" target="_blank" rel="noopener noreferrer" class="news-link">
                    Read Full Article →
                </a>
            </div>

            <!-- Article 2: Supreme Court Denies Review -->
            <div class="news-card">
                <div class="news-header">
                    <h3 class="news-title">
                        <a href="https://www.scotusblog.com/case-files/cases/hyland-v-navient-corporation/" target="_blank" rel="noopener noreferrer">
                            Supreme Court Denies Review of Cy Pres-Only Settlement in Hyland v. Navient
                        </a>
                    </h3>
                </div>
                <div class="news-meta">
                    <span class="news-date">📅 April 17, 2023</span>
                    <span class="news-source">📰 SCOTUSblog</span>
                </div>
                <p class="news-description">
                    SCOTUS declined to hear challenge to Second Circuit's approval of $2.25M cy pres-only settlement with no distribution to class members. The decision allows the Second Circuit's approval to stand, representing a significant development in cy pres jurisprudence.
                </p>
                <a href="https://www.scotusblog.com/case-files/cases/hyland-v-navient-corporation/" target="_blank" rel="noopener noreferrer" class="news-link">
                    Read Full Article →
                </a>
            </div>

            <!-- Article 3: Second Circuit Approves -->
            <div class="news-card">
                <div class="news-header">
                    <h3 class="news-title">
                        <a href="https://law.justia.com/cases/federal/appellate-courts/ca2/20-3765/20-3765-2022-09-07.html" target="_blank" rel="noopener noreferrer">
                            Second Circuit Approves Cy Pres-Only Settlement in Student Loan Case
                        </a>
                    </h3>
                </div>
                <div class="news-meta">
                    <span class="news-date">📅 September 7, 2022</span>
                    <span class="news-source">📰 Justia Law</span>
                </div>
                <p class="news-description">
                    Court approved settlement establishing nonprofit for student loan counseling despite no direct payments to class members in Hyland v. Navient. This precedent-setting decision addresses the validity of cy pres-only settlements where direct distribution is impractical.
                </p>
                <a href="https://law.justia.com/cases/federal/appellate-courts/ca2/20-3765/20-3765-2022-09-07.html" target="_blank" rel="noopener noreferrer" class="news-link">
                    Read Full Article →
                </a>
            </div>
        </div>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2024 CyPresAwards. A comprehensive database for legal professionals to identify suitable non-profits for cy pres awards.</p>
            <p class="disclaimer">This database is provided for informational purposes. Please verify all information directly with organizations.</p>
        </div>
    </footer>
</body>
</html>