Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 2 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,11 +62,10 @@ in; the markup already points at these paths:
Until they exist the header mark is invisible and the hero shows flat black
behind the video. Nothing else is affected.

Team portraits were empty `<image-slot>`s in the canvas, so there is nothing to
import. Add them as:
The team portrait was an empty `<image-slot>` in the canvas, so there is nothing to
import. Add it as:

- `assets/team/tatiana-ilina.jpg`
- `assets/team/ali-ayati.jpg`

Any 4:5 image works; the placeholder disappears once the file loads.

Expand Down
20 changes: 0 additions & 20 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -190,25 +190,6 @@ <h3>Tatiana Ilina</h3>
</div>
</div>

<div class="bio bio--second">
<figure class="portrait" data-reveal>
<img src="assets/team/ali-ayati.jpg" alt="Ali Ayati" loading="lazy" onerror="this.closest('.portrait').classList.add('is-empty')">
<figcaption>Portrait of Ali</figcaption>
</figure>
<div class="bio-copy" data-reveal data-reveal-delay=".08">
<h3>Ali Ayati</h3>
<p class="bio-role">Engineer, Selection Lab</p>
<p class="bio-body">Ali Ayati is a Computer Engineering researcher and software engineer at Texas A&amp;M University whose work focuses on systems security, access control, kernel-level instrumentation, AI-driven security analysis, and scalable software systems.</p>
<p class="bio-body">His work includes applied research at the intersection of AI and security, as well as building software and technical infrastructure for real-world systems.</p>
<p class="bio-body">At Selection Lab, Ali contributes engineering and technical implementation to the development of Soul Engine™ and the broader human-grounded AI infrastructure.</p>
<!-- TODO: replace the three href="#" placeholders below with real URLs -->
<div class="chips">
<a class="chip" href="#" target="_blank" rel="noopener">Website <span class="icon icon-sm" data-icon="arrow-up-right"></span></a>
<a class="chip" href="#" target="_blank" rel="noopener">GitHub <span class="icon icon-sm" data-icon="arrow-up-right"></span></a>
<a class="chip" href="#" target="_blank" rel="noopener">LinkedIn <span class="icon icon-sm" data-icon="arrow-up-right"></span></a>
</div>
</div>
</div>
</section>

<!-- Contact -->
Expand Down Expand Up @@ -271,7 +252,6 @@ <h2 class="contact-title">Let's talk</h2>
<a href="https://www.facebook.com/SelectionLabAI" target="_blank" rel="noopener" aria-label="Facebook"><span class="icon" data-icon="facebook"></span></a>
<div class="footer-meta">
<span class="footer-copy">© <span id="year">2026</span> Selection Lab</span>
<span class="footer-credit">Site by <a href="https://github.com/cpt9m0" target="_blank" rel="noopener">Ali Ayati</a></span>
</div>
</div>
</div>
Expand Down
5 changes: 2 additions & 3 deletions main.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,8 @@
scroll-in reveals, and the hero video fade. */

console.log(
'%c Selection Lab %c\n Site by Ali Ayati — github.com/cpt9m0 ',
'color:#fff; background:#111; font-size:16px; font-weight:700; padding:6px 10px; border-radius:4px 4px 0 0;',
'color:#888; background:#111; font-size:12px; padding:4px 10px 8px; border-radius:0 0 4px 4px;'
'%c Selection Lab ',
'color:#fff; background:#111; font-size:16px; font-weight:700; padding:6px 10px; border-radius:4px;'
);

(function () {
Expand Down
12 changes: 0 additions & 12 deletions styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -619,7 +619,6 @@ img { max-width: 100%; }
margin-top: 40px;
align-items: start;
}
.bio--second { margin-top: clamp(48px, 6vw, 80px); }

.portrait {
margin: 0;
Expand Down Expand Up @@ -846,17 +845,6 @@ a.detail-value { display: inline-block; margin-top: 6px; text-decoration: none;
letter-spacing: var(--tracking-label);
color: #666;
}
.footer-credit {
font-size: var(--text-caption);
font-weight: var(--weight-body);
letter-spacing: var(--tracking-label);
color: #4a4a4a;
}
.footer-credit a {
color: inherit;
text-decoration: none;
}
.footer-credit a:hover { color: rgba(255, 255, 255, .6); }

/* --- Scroll reveal ------------------------------------------------------ */

Expand Down