CASIWebsite/index.html at main · Carnegie-Mellon-AI-Safety-Initiative/CASIWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CASI - Carnegie Mellon AI Safety Initiative</title>
    <link rel="icon" href="assets/CASI Logo white circle.ico" type="image/x-icon">
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <a href="index.html" class="logo-link">
                    <img src="assets/CASI Logo transperent.png" alt="CASI Logo" class="logo-img">
                    <div class="logo-text">
                        <span class="logo-main">CASI</span>
                        <span class="logo-sub">AI Safety Initiative</span>
                    </div>
                </a>
            </div>
            <div class="nav-links">
                <a href="index.html" class="nav-link active">Home</a>
                <a href="team.html" class="nav-link">About</a>
                <div class="nav-dropdown">
                    <a href="#" class="nav-link dropdown-toggle">Get Involved <span class="dropdown-arrow">▼</span></a>
                    <div class="dropdown-menu">
                        <a href="technical-reading-group.html" class="dropdown-link">AI Alignment Fundamentals</a>
                        <a href="policy-reading-group.html" class="dropdown-link">AI Governance Fundamentals</a>
                        <a href="research-fellowship.html" class="dropdown-link">CASI Research Fellowship</a>
                        <a href="research-scholars.html" class="dropdown-link">CASI Research Scholars</a>
                        <a href="seminar.html" class="dropdown-link">AI Safety Seminar</a>
                    </div>
                </div>
                <a href="core-membership.html" class="nav-link">Membership</a>
                <a href="blog.html" class="nav-link">Blog</a>
                <a href="contact.html" class="nav-link">Join Us!</a>
                <a href="get-involved.html" class="nav-link upcoming-events-btn">Upcoming Events</a>
            </div>
            <div class="mobile-menu-toggle">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="mobile-nav">
            <a href="index.html" class="mobile-nav-link active">Home</a>
            <a href="team.html" class="mobile-nav-link">About</a>
            <a href="technical-reading-group.html" class="mobile-nav-link">AI Alignment Fundamentals</a>
            <a href="policy-reading-group.html" class="mobile-nav-link">AI Governance Fundamentals</a>
            <a href="research-fellowship.html" class="mobile-nav-link">CASI Research Fellowship</a>
            <a href="research-scholars.html" class="mobile-nav-link">CASI Research Scholars</a>
            <a href="seminar.html" class="mobile-nav-link">AI Safety Seminar</a>
            <a href="core-membership.html" class="mobile-nav-link">Membership</a>
            <a href="blog.html" class="mobile-nav-link">Blog</a>
            <a href="contact.html" class="mobile-nav-link">Join Us!</a>
            <a href="get-involved.html" class="mobile-nav-link upcoming-events-btn">Upcoming Events</a>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero">
        <div class="hero-bg">
            <div class="grid-overlay"></div>
            <div class="floating-shapes">
                <div class="shape shape-1"></div>
                <div class="shape shape-2"></div>
                <div class="shape shape-3"></div>
            </div>
        </div>

        <div class="hero-container">
            <div class="hero-content">
                <h1 class="hero-title">
                    <span class="title-line-1">Carnegie Mellon</span>
                    <span class="title-line-2">AI Safety Initiative</span>
                </h1>
                <p class="hero-subtitle">
                    Working towards a safer future in the presence of powerful artificial intelligence
                </p>
                <div class="hero-cta-buttons">
                    <a href="get-involved.html" class="cta-card">
                        <div class="card-content">
                            <h3>Upcoming Events</h3>
                            <p>See what we have planned</p>
                        </div>
                        <div class="card-arrow">→</div>
                    </a>
                    <a href="core-membership.html" class="cta-card">
                        <div class="card-content">
                            <h3>Core Membership Applications</h3>
                            <p>Apply to join our core community</p>
                        </div>
                        <div class="card-arrow">→</div>
                    </a>
                </div>
            </div>
        </div>
    </section>


    <!-- Full Width Text Section -->
    <section class="full-width-text">
        <div class="container">
            <div class="text-content">
                <p>
                    AI safety is one of the most critical challenges of our time.
                </p>
                <p>
                    As artificial intelligence systems become more capable and ubiquitous, ensuring they remain aligned with human values and beneficial to society becomes increasingly important. Our community brings together researchers, students, and enthusiasts who are passionate about addressing these challenges through rigorous research, meaningful collaboration, and thoughtful education.
                </p>
                <p>
                    Explore the foundations of AI safety through our <a href="technical-reading-group.html" class="text-link">AI Alignment Fundamentals</a> program, which covers technical research challenges, or our <a href="policy-reading-group.html" class="text-link">AI Governance Fundamentals</a> program, which tackles the policy and governance challenges of AI. We also run an advanced reading group for students who have completed our fundamentals programs.
                </p>
                <p>
                    We believe that making progress on AI safety requires diverse perspectives and interdisciplinary approaches. Our collaborative research programs meet you at whatever stage of your journey you're at: the <a href="research-fellowship.html" class="text-link">CASI Research Fellowship</a> gives you the freedom to explore your ideas and find collaborators, while the <a href="research-scholars.html" class="text-link">CASI Research Scholars</a> program offers structured research on scoped projects with expert PhD mentorship. We also bring together researchers and the broader community through speaker events and our <a href="seminar.html" class="text-link">CASI AI Safety Seminar</a>.
                </p>
                <p>
                    Join us as we work together to build a future where AI systems remain beneficial, controllable, and aligned with human flourishing.
                </p>
                <p>
                    Join our <a href="https://tartanconnect.cmu.edu/CASI/club_signup" class="text-link" target="_blank">mailing list</a>.
                </p>
            </div>
        </div>
    </section>

    <!-- Company Logos Section -->
    <section class="company-logos">
        <div class="container">
            <h3 class="logos-heading">Our members have worked with:</h3>
            <div class="logos-grid">
                <img src="assets/logos/OpenAI_Logo.png" alt="OpenAI" class="company-logo">
                <img src="assets/logos/Anthropic_logo.png" alt="Anthropic" class="company-logo">
                <img src="assets/logos/Inflection_Logo_cropped.png" alt="Inflection AI" class="company-logo">
                <img src="assets/logos/Gray_Swan_logo.png" alt="Gray Swan" class="company-logo">
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-brand">
                    <img src="assets/CASI Logo white circle.ico" alt="CASI Logo" class="footer-logo">
                    <div class="footer-info">
                        <h4>Carnegie Mellon AI Safety Initiative</h4>
                        <p>Building safer AI for everyone</p>
                    </div>
                </div>
                <div class="footer-links">
                    <div class="footer-section">
                        <h5>Navigation</h5>
                        <a href="about.html">About</a>
                        <a href="team.html">Team</a>
                        <a href="get-involved.html">Get Involved</a>
                        <a href="contact.html">Join Us!</a>
                    </div>
                    <div class="footer-section">
                        <h5>Connect</h5>
                        <a href="https://discord.gg/t9VyYhNQzb" target="_blank">Discord Server</a>
                        <a href="mailto:casi@andrew.cmu.edu">Email Us</a>
                        <a href="https://tartanconnect.cmu.edu/CASI/club_signup" target="_blank">Mailing List</a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 Carnegie Mellon AI Safety Initiative</p>
                <p class="cmu-address">Units 1M and 1E of the Craig-Henry Building, 201 South Craig Street, Pittsburgh, PA 15213</p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>