Page History

<style>
    .community-landing {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    }
    
    .hero {
        background-color: #f0f0f0;
        padding: 40px 20px;
        margin-bottom: 30px;
        border-radius: 5px;
        text-align: center;
    }
    
    .hero__title {
        color: #00355f;
        margin-bottom: 20px;
        font-size: 2.5rem;
    }
    
    .hero__text {
        font-size: 18px;
        margin-bottom: 25px;
        line-height: 1.6;
    }
    
    .content-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 25px;
        margin-bottom: 40px;
    }
    
    .card {
        background: white;
        padding: 25px;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    .card__title {
        color: #00355f;
        margin-bottom: 20px;
        font-size: 1.5rem;
    }
    
    .card__text {
        font-size: 16px;
        line-height: 1.6;
        color: #333;
    }
    
    .meetingcontact-sectionlist {
        margin-bottom: 30pxlist-style: none;
        padding: 0;
    }
    
    .meetingcontact-section-titleitem {
        colormargin-bottom: #00355f;20px;
    }
    
    font.contact-size: 1.25rem;name {
        marginfont-bottomweight: 16px500;
        padding-bottomcolor: 8px#333;
        bordermargin-bottom: 2px solid #f0f0f04px;
    }
    
    .meetingcontact-listtitle {
        list-stylecolor: none#666;
        paddingfont-size: 014px;
        margin-bottom: 04px;
    }
    
    .meetingcontact-itememail {
        margin-bottomcolor: 20px#007db1;
        paddingtext-bottomdecoration: 15pxnone;
        borderfont-bottomsize: 1px solid #f0f0f014px;
    }

    
    ..meeting-datelink {
        font-weight: 500;
        color: #00355f#007db1;
        margintext-bottomdecoration: 8pxnone;
    }
    
    .meeting-linksbtn {
        display: flexinline-block;
        gapbackground-color: 15px#ef3e33;
        margin-topcolor: white 8px!important;
    }
    
padding:    .meeting-link {12px 24px;
        colortext-decoration: #007db1none;
        textborder-decorationradius: none4px;
        fontmargin-sizetop: 14px16px;
    }
    
 transition: background-color  0.contact-list {3s ease;
        listfont-stylesize: none16px;
     }
   padding: 0;
    }
    
    .contact-item .btn:hover {
        marginbackground-bottomcolor: 20px#d63629;
    }
    
    .contactstats-namesection {
        fontbackground-weightcolor: 500#f0f0f0;
        colorpadding: #33330px;
        marginborder-bottomradius: 4px5px;
     }
   text-align: center;
     .contact-title    margin-top: 30px;
    }
    
    .stats-number {
        color: #666#ef3e33;
        font-size: 14px 2.5rem;
        font-weight: bold;
        margin-bottom: 4px8px;
    }
    
    .contactstats-emaillabel {
        color: #007db1#333;
        text-decoration: none;
        font-font-size: 14px1.2rem;
    }
</style>

<div class="community-landing">
    <div class="hero">
        <img src="https://internet2.edu/wp-content/uploads/2020/05/WEB-I2-Cloud-trans-500x113.png" alt="Internet2 Cloud Logo" width="300">
        <h1 class="hero__title">NET+ Generative AI Working Group</h1>
        <p class="hero__text">In the Fall of 2023, this group was formed in response to a community need to work together to understand the emerging generative AI marketplace, collaborate on partner engagement, share use cases and demands, and provide high-level coordination on institutional investments in generative AI.</p>
        <p class="hero__text">This group welcomes participation from community representatives from Internet2 member institutions interested in the collaborative development, evaluation, and management of generative AI services for research and education.</p>
    </div>

    <div class="content-grid">
        <div class="card">
            <h2 class="card__title">Participate</h2>
            <p class="card__text">This group meets via Zoom the second week of each month. Due to the size of the working group, two calls with identical agendas are held each month to maximize opportunities for participation.</p>
        </div>

        <div<a href="mailto:tfrank@internet2.edu?subject=Join%20NET+%20Generative%20AI%20Working%20Group" class="card">btn">Join the Group</a>
        </div>

    <h2    <div class="card">
            <h2 class="card__title">Collaboration Contacts</h2>
            <ul class="contact-list">
                <li class="contact-item">
                    <div class="contact-name">Tiffany Frank</div>
                    <div class="contact-title">Internet2 Program Manager</div>
                    <a href="mailto:tfrank@internet2.edu" class="contact-email">tfrank@internet2.edu</a>
                </li>
                <li class="contact-item">
                    <div class="contact-name">Erik Hofer</div>
                    <div class="contact-title">Internet2 Program Consultant</div>
                    <a href="mailto:ehofer@internet2.edu" class="contact-email">ehofer@internet2.edu</a>
                </li>
                <li class="contact-item">
                    <div class="contact-name">Sean O'Brien</div>
                    <div class="contact-title">Associate Vice President, NET+, Internet2</div>
                    <a href="mailto:sobrien@internet2.edu" class="contact-email">sobrien@internet2.edu</a>
                </li>
            </ul>
        </div>

        <div class="card">
            <h2 class="card__title">Meeting Agendas and Recordings</h2>
            
            <div<p class="meeting-section">
                <h3 class="meeting-section-title">Upcoming Meetings</h3>
                <ul class="meeting-list">
                    <li class="meeting-item">
                        <div class="meeting-date">February 2024</div>
                        <div class="meeting-links">
                            <a href="#" class="meeting-link">Agenda</a>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="meeting-section">
                <h3 class="meeting-section-title">Past Meetings</h3>
                <ul class="meeting-list">
                    <li class="meeting-item">
                        <div class="meeting-date">January 2024</div>
                        <div class="meeting-links">
                            <a href="https://spaces.at.internet2.edu/display/CAI/January+2025+Meeting+Agenda+and+Notes" class="meeting-link">Agenda</a>
                            <a href="https://internet2.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=52cf429a-284e-4f4a-bc2f-b266012cc376" class="meeting-link">Recording</a>
                        </div>
                    </li>
                    <li class="meeting-item">
                        <div class="meeting-date">December 2024</div>
                        <div class="meeting-links">
                            <a href="https://spaces.at.internet2.edu/display/CAI/December+2024+Meeting+Agenda+and+Notes" class="meeting-link">Agenda</a>
                            <a href="https://internet2.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=a9b264b9-9143-4276-bc1c-b2670142068a" class="meeting-link">Recording</a>
                        </div>
                    </li>
                    <li class="meeting-item">
                        <div class="meeting-date">November 2024</div>
                        <div class="meeting-links">
                            <a href="https://spaces.at.internet2.edu/display/CAI/November+2024+Meeting+Agenda+and+Notes" class="meeting-link">Agenda</a>
                        </div>
                    </li>
                    <li class="meeting-item">
                        <div class="meeting-date">October 2024</div>
                        <div class="meeting-links">
                            <a href="https://spaces.at.internet2.edu/display/CAI/October+2024+Meeting+Agenda+and+Notes" class="meeting-link">Agenda</a>
                            <a href="https://internet2.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=4b777f8c-a563-43c6-979a-b2670142069c" class="meeting-link">Recording</a>
                        </div>
                    </li>
                    <li class="meeting-item">
                        <div class="meeting-date">September 2024</div>
                        <div class="meeting-links">
                            <a href="https://spaces.at.internet2.edu/display/CAI/September+2024+Meeting+Agenda+and+Notes" class="meeting-link">Agenda</a>
                            <a href="https://internet2.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=a8967cf0-67ee-4c2e-8e2f-b266012cc393" class="meeting-link">Recording</a>
                        </div>
                    </li>
                    <li class="meeting-item">
                        <div class="meeting-date">August 2024</div>
                        <div class="meeting-links">
                            <a href="https://spaces.at.internet2.edu/display/CAI/August+2024+Meeting+Agenda+and+Notes" class="meeting-link">Agenda</a>
                            <a href="https://internet2.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=a3e6a4bd-7200-46b2-a31e-b267014e7b95" class="meeting-link">Recording</a>
                        </div>
                    </li>
                    <li class="meeting-item">
                        <div class="meeting-date">July 2024</div>
                        <div class="meeting-links">
                            <a card__text">If you are a current member of the Gen AI workgroup, <a href="https://spaces.at.internet2.edu/display/CAI/July+2024+Meeting+AgendaAgendas+and+NotesRecordings" class="meeting-link">Agenda</a>
                        </div>
                    </li>link">click here</a> for access.</p>
            </div>
    </ul>div>

    <div class="stats-section">
         <<div class="stats-number">65</div>
        <<div class="stats-label">Current Members</div>
    </div>
</div>