updated directors, talks, and homepage (images & shortened descriptions)

_data/members.yml

@@ -1,84 +1,79 @@
+- name: Roshni Dave
+  photo: roshni.jpeg
+  role: director, misc
+  github: roshda
+  linkedin: roshnidave
+
+- name: Teong Seng Tan
+  photo: ts.jpeg
+  role: director, pwn
+  github: asdiml
+  linkedin: ts-tan
+
 - name: Andrew Kuai
   photo: arcblroth.png
-  role: director, web, misc
+  role: web, misc
   github: Arc-blroth
   linkedin: arcblroth
 
-- name: Mark Epstein
-  photo: mark.jpg
-  role: director, rev, pwn
-  github: epsteinmark
-  linkedin: markepstein134
-
 - name: Ronak Badhe
   photo: r2dev2.webp
-  role: director, web, misc
+  role: web, misc
   github: r2dev2
   website: https://r2dev2.github.io
 
-- name: Benson Liu
-  photo: bliutech.png
-  role: advisor, web, misc
-  website: https://bliu.tech
-  github: bliutech
-  linkedin: bliutech
-
 - name: Jason An
   photo: jason.png
   role: rev
   website: https://aplet.me
   github: Aplet123
 
-- name: Alec Machlis
-  photo: alec.jpg
-  role: web, misc
-  github: burturt
-  linkedin: alec-m
-
 - name: Arnav Vora
   photo: arnav.jpg
   role: crypto
   github: AVDestroyer
   linkedin: arnav-vora
+
+- name: Cathleen Qiao
+  photo: cathy.jpeg
+  role: pwn, web, misc
+  github: zink-ed
+  linkedin: cathleenqiao
+
+
+- name: Alec Machlis
+  photo: alec.jpg
+  role: web, misc
+  github: burturt
+  linkedin: alec-m
 
 - name: Vera Peker
   photo: vera.jpeg
   role: osint
   github: verapeker
   linkedin: verapeker
 
-- name: Gary Song
-  photo: gary.png
-  role: crypto
-  github: freed2003
-  linkedin: g-song
-
-- name: Alexander Zhang
-  photo: kaiphait.webp
-  role: pwn
-  github: bkrl
-  website: https://www.alexyzhang.dev
-
 - name: Joshua Zhu
   photo: joshua-photo-square.jpg
   role: crypto
   github: joshuazhu17
   linkedin: joshuazhu17
 
 - name: Danniell Xu
+  photo: danniell.png
   role: crypto
   github: TheOtherRedGuy
   linkedin: danniell-xu
 
 - name: Rathul Anand
   photo: rathul.png
-  role: crypto
+  role: crypto, alumni
   github: rathull
   linkedin: rathul
 
 - name: Salma Alandary
   photo: salma.jpg
-  role: advisor, rev
+  role: rev, alumni
   github: ssalandary
   linkedin: ssalandary
 
@@ -87,3 +82,35 @@
   role: web
   github: stewartkwokca
   linkedin: stewartkwok
+
+- name: Gary Song
+  photo: gary.png
+  role: crypto, alumni
+  github: freed2003
+  linkedin: g-song
+
+- name: Christopher Milan
+  role: pwn, alumni
+  github: sirhcm
+  linkedin: chrismilan
+
+
+- name: Alexander Zhang
+  photo: kaiphait.webp
+  role: pwn, alumni
+  github: bkrl
+  website: https://www.alexyzhang.dev
+
+- name: Benson Liu
+  photo: bliutech.png
+  role: web, misc, alumni
+  website: https://bliu.tech
+  github: bliutech
+  linkedin: bliutech
+
+- name: Mark Epstein
+  photo: mark.jpg
+  role: rev, pwn, alumni
+  github: epsteinmark
+  linkedin: markepstein134
+

assets/styles/carousel.scss

@@ -2,14 +2,18 @@
     position: relative;
     margin: 0 auto;
     max-width: 2000px;
-    margin-bottom: 530px;
+    padding: 0 7%;
+    aspect-ratio: 16 / 9;
+    margin-bottom: 2rem;
 }
 
 .mySlides {
     display: none;
-    margin: 0 10% !important;
-    height: 500px;
+    width: 100%;
+    height: 100%;
     transition: opacity 0.5s ease-in-out;
     position: absolute;
     top: 0;
+    left: 0;
+    object-fit: cover;
 }

index.md

@@ -6,26 +6,24 @@ layout: default
 
 <!-- https://www.w3schools.com/w3css/w3css_slideshow.asp -->
 <div class="carousel-container">
-    <img class="mySlides" src="/assets/images/pbr-team-photo.jpeg">
-    <img class="mySlides" src="/assets/images/lactf-johnhammond.jpeg">
-    <img class="mySlides" src="assets/images/pbr-boba-social.jpg">
-    <img class="mySlides" src="/assets/images/lactf-carey.jpeg">
-    <img class="mySlides" src="/assets/images/buckeye-ctf.jpeg">
-    <img class="mySlides" src="/assets/images/lactf-nader.jpeg">
+    {% assign carousel_images = site.static_files | where_exp: "f", "f.path contains '/assets/images/carousel/'" | sort: "path" %}
+    {% for img in carousel_images %}
+        <img class="mySlides" src="{{ img.path | relative_url }}" alt="carousel image">
+    {% endfor %}
 </div>
 
 <script src="/assets/carousel.js"></script>
 
 ## Welcome to PBR!
 
-Welcome to the home of **Psi Beta Rho** (a.k.a. **PBR** or **ψβρ**), UCLA's competitive cybersecurity team! We are a group of hackers, programmers, and security enthusiasts who love to learn and compete. We are a part of [ACM Cyber at UCLA](https://acmcyber.com/) and are advised by [Dr. Yuan Tian](https://www.ytian.info/)! Whether we are pwning a binary or attacking a site using cross-site scripting, we like to have fun! If you want to see who is on our team, check out our [team page](/team). To see some of our writeups, check out our [blog](/blog). If you are interested in seeing what we usually talk about, check out our [past practices](/past)! If you want to see what CTFs we have attended in the past, check out our [CTFs page](/ctfs).
+Welcome to the home of **Psi Beta Rho** (a.k.a. **PBR** or **ψβρ**), UCLA's competitive cybersecurity team! We are a group of hackers, programmers, and security enthusiasts who love to learn and compete. We are a part of [ACM Cyber at UCLA](https://acmcyber.com/) and are advised by [Dr. Yuan Tian](https://www.ytian.info/). Whether we are pwning a binary or attacking a site using cross-site scripting, we like to have fun.
 
 ## What do we do?
-We compete in **CTFs** or [Capture the Flag](https://ctftime.org/ctf-wtf/) events, where we solve cybersecurity challenges to earn points! Currently, we meet weekly for our practices where we learn about a new topic and solve challenges related to web exploitation, cryptography, binary exploitation, and reverse engineering in addition to regularly competing in CTFs every other weekend. We also regularly invite notable speakers from top CTF teams or industry to hear about their experiences and learn about how to improve our skills to work in research and industry! Additinonally, we work on projects and research related to security including hosting our own CTF annually, [LA CTF](https://lactf.uclaacm.com/)!
+We compete in **CTFs** or [Capture the Flag](https://ctftime.org/ctf-wtf/) cybersecurity events every other weekend. We also invite notable speakers from top CTF teams or industry to hear about their experiences and learn about how to improve our skills. Additinonally, we work on projects and research related to security including hosting our own CTF annually, [LA CTF](https://lactf.uclaacm.com/)!
 
 ## Join Us
-Interested in joining PBR or just want to check us out? We have weekly practices this quarter in **Boelter 4760** on **Mondays** from **6:00 PM to 8:00 PM**. These are always open to the public so be sure to swing by! The best way to stay up to date with notifications for our team is to join the [ACM Cyber Discord](https://discord.gg/j9dgf2q) where we send out notifications for practices, upcoming CTFs, and like to hang out and talk about CTFs and cybersecurity. Whether you are an **experienced** CTF player or a complete **beginner**, we would love to have you on our team! We are always looking for new members so if you are a UCLA student interested in joining us, please contact us & [sign up](https://www.acmcyber.com/join)! **No experience necessary!**
+Interested in joining PBR or just want to check us out? PBR is open to join, so take a look at the [ACM Cyber Discord](https://discord.gg/j9dgf2q) where we send out notifications for upcoming CTFs and more. Whether you are an **experienced** CTF player or a complete **beginner**, we would love to CTF with you.
 
 ## Contact Us
 
-To contact us, either email us at [psibetarho@gmail.com](mailto:psibetarho@gmail.com) or join the [ACM Cyber Discord](https://discord.gg/j9dgf2q). Be sure to follow us on some of our socials such as [Twitter](https://twitter.com/psibetarho) and [Instagram](https://www.instagram.com/uclacyber/)! If you would like to see what we are up to, be sure to check out our profile on [CTF Time](https://ctftime.org/team/186494) or our [GitHub](https://github.com/pbrucla/)! If you want to see some other things our club is up to, be sure to check out the [ACM Cyber website](https://acmcyber.com/)!
+To contact us, either email us at [psibetarho@gmail.com](mailto:psibetarho@gmail.com) or join the [ACM Cyber Discord](https://discord.gg/j9dgf2q). Be sure to follow us on some of our socials such as [Twitter](https://twitter.com/psibetarho) and [Instagram](https://www.instagram.com/uclacyber/)! If you would like to see what we are up to, be sure to check out our profile on [CTF Time](https://ctftime.org/team/186494) or our [GitHub](https://github.com/pbrucla/)! If you want to see some other things our club is up to, check out the [ACM Cyber website](https://acmcyber.com/)!

past.md

@@ -3,9 +3,19 @@ layout: default
 description: Some practices we have run in the past!
 ---
 
-# Past Practices
+# Past Talks
 
-Here are some practices we have run in the past!
+Here's an archive of talks we've run in the past!
+
+
+## Winter 2025
+- **Week 4:** *Mutation XSS*. Presented by Benson. [Slides](https://docs.google.com/presentation/d/1kJLcPEOGh-OJJ8QWAak04AFVK_KeTQCWraGImmcx4BQ/edit?usp=sharing)
+
+
+## Fall 2024 
+- **Week 3:** *OSINT*. Presented by Gary. [Slides](https://l.acmcyber.com/f24-w3-pbr)
+- **Week 5:** *Prototype Pollution*. Presented by Ronak. [Slides](https://docs.google.com/presentation/d/1kEVEwnlyVtfi_Eo458whzV5wNwU1he7VN_NGCDQO-Rc/edit?usp=sharing)
+- **Week 7:** *Cross-Cache Attacks*. Presented by Enzo. [Slides](https://l.acmcyber.com/f24-w7-pbr)
 
 ## Spring 2024
 - **Week 2:** *LCGs and Minecraft Seedfinding*. Presented by Arnav. [Slides](https://docs.google.com/presentation/d/1tGAz_zIpPk4tgZ4InwrgybrHme5BIDwDmLxjhOOrEnA/edit?usp=sharing)

team.html

@@ -9,36 +9,97 @@ <h1>Meet the Team</h1>
 
 <div class="team-flex-container">
     {% for member in site.data.members %}
-        <div class="member-flex-item">
-            <img src="assets/images/members/{% if member.photo %}{{ member.photo }}{% else %}{{ 'logo-placeholder.png' }}{% endif %}" class="profile-image"/>
-
-            <p class="member-name"><strong>{{ member.name }}</strong></p>
-            <p class="member-role"><i>{{ member.role }}</i></p>
-
-            {% if member.website %}
-                <a href="{{ member.website }}">
-                    <img class="logo" src="assets/images/link.png" />
-                </a>
-            {% endif %}
-
-            {% if member.github %}
-                <a href="https://github.com/{{ member.github }}">
-                    <img class="logo" src="assets/images/github.png" />
-                </a>
-            {% endif %}
-
-            {% if member.linkedin %}
-                <a href="https://linkedin.com/in/{{ member.linkedin }}">
-                    <img class="logo" src="assets/images/linkedin.png" />
-                </a>
-            {% endif %}
-
-            {% if member.instagram %}
-                <a href="https://instagram.com/{{ member.instagram }}">
-                    <img class="logo" src="assets/images/instagram.png" />
-                </a>
-            {% endif %}
-
-        </div>
+        {% unless member.role contains 'alumni' %}
+            <div class="member-flex-item">
+                <img src="assets/images/members/{% if member.photo %}{{ member.photo }}{% else %}{{ 'logo-placeholder.png' }}{% endif %}" class="profile-image"/>
+
+                <p class="member-name"><strong>{{ member.name }}</strong></p>
+                {% assign roles = member.role | split: ',' %}
+                {% assign clean_roles = '' %}
+                {% for r in roles %}
+                    {% assign trimmed = r | strip %}
+                    {% unless trimmed == 'alumni' %}
+                        {% if clean_roles != '' %}
+                            {% assign clean_roles = clean_roles | append: ', ' %}
+                        {% endif %}
+                        {% assign clean_roles = clean_roles | append: trimmed %}
+                    {% endunless %}
+                {% endfor %}
+                <p class="member-role"><i>{{ clean_roles }}</i></p>
+
+                {% if member.website %}
+                    <a href="{{ member.website }}">
+                        <img class="logo" src="assets/images/link.png" />
+                    </a>
+                {% endif %}
+
+                {% if member.github %}
+                    <a href="https://github.com/{{ member.github }}">
+                        <img class="logo" src="assets/images/github.png" />
+                    </a>
+                {% endif %}
+
+                {% if member.linkedin %}
+                    <a href="https://linkedin.com/in/{{ member.linkedin }}">
+                        <img class="logo" src="assets/images/linkedin.png" />
+                    </a>
+                {% endif %}
+
+                {% if member.instagram %}
+                    <a href="https://instagram.com/{{ member.instagram }}">
+                        <img class="logo" src="assets/images/instagram.png" />
+                    </a>
+                {% endif %}
+            </div>
+        {% endunless %}
+    {% endfor %}
+</div>
+
+<h2>Alumni</h2>
+<div class="team-flex-container">
+    {% for member in site.data.members %}
+        {% if member.role contains 'alumni' %}
+            <div class="member-flex-item">
+                <img src="assets/images/members/{% if member.photo %}{{ member.photo }}{% else %}{{ 'logo-placeholder.png' }}{% endif %}" class="profile-image"/>
+
+                <p class="member-name"><strong>{{ member.name }}</strong></p>
+                {% assign roles = member.role | split: ',' %}
+                {% assign clean_roles = '' %}
+                {% for r in roles %}
+                    {% assign trimmed = r | strip %}
+                    {% unless trimmed == 'alumni' %}
+                        {% if clean_roles != '' %}
+                            {% assign clean_roles = clean_roles | append: ', ' %}
+                        {% endif %}
+                        {% assign clean_roles = clean_roles | append: trimmed %}
+                    {% endunless %}
+                {% endfor %}
+                <p class="member-role"><i>{{ clean_roles }}</i></p>
+
+                {% if member.website %}
+                    <a href="{{ member.website }}">
+                        <img class="logo" src="assets/images/link.png" />
+                    </a>
+                {% endif %}
+
+                {% if member.github %}
+                    <a href="https://github.com/{{ member.github }}">
+                        <img class="logo" src="assets/images/github.png" />
+                    </a>
+                {% endif %}
+
+                {% if member.linkedin %}
+                    <a href="https://linkedin.com/in/{{ member.linkedin }}">
+                        <img class="logo" src="assets/images/linkedin.png" />
+                    </a>
+                {% endif %}
+
+                {% if member.instagram %}
+                    <a href="https://instagram.com/{{ member.instagram }}">
+                        <img class="logo" src="assets/images/instagram.png" />
+                    </a>
+                {% endif %}
+            </div>
+        {% endif %}
     {% endfor %}
 </div>