Skip to content

Commit 8237222

Browse files
codesbyshreycodesbyshrey
committed
Restructure site routes and add new pages
Reorganize the portfolio site: remove legacy route pages (biomedical-engineering, design, development, human-factors, practice-intuition index, patents, research references) and promote project folders to top-level routes. Add new pages: education, experiences, expression, implant, praxik, nathan-sports. Move Practice Intuition assets into kinesthetic/source and rename bonita/ and kinesthetic/ paths. Update navigation, copy, and product/work sections across about, connect, bonita, haptrek, and index.html to reflect the new site structure and emphasis (clinical AI, human factors, embodied systems). Also adjust styles and layout in index.html (panels, grids, cards, labels) and tweak content metadata and descriptions for several project pages.
1 parent e5debb2 commit 8237222

29 files changed

Lines changed: 620 additions & 745 deletions

‎.DS_Store‎

-2 KB
Binary file not shown.

‎README1.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@ Assistant-maintained workspace notes for the GitHub Pages repo.
55
## Current Structure
66

77
- `index.html`: portfolio-style landing page for Shreyas Sriram
8-
- `practice-intuition/`: related site content, including `bonita/` and `kinesthetic/`
9-
- `NBME-CCS/`: medical education or simulation-related content
10-
- `about/`, `connect/`, `research/`, `design/`, `development/`, `human-factors/`, `biomedical-engineering/`, `haptrek/`, `patents/`: routed static pages for the portfolio
8+
- `about/`, `education/`, `experiences/`, `expression/`, `connect/`: primary portfolio route headings
9+
- `NBME-CCS/`, `bonita/`, `kinesthetic/`, `haptrek/`, `nathan-sports/`, `implant/`, `praxik/`: project route pages
10+
- `kinesthetic/source/`: preserved Practice Intuition source/support files from the former parent folder
1111

1212
## Notes
1313

‎about/index.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,10 @@
1212
<div class="topbar">
1313
<a class="mark" href="/">Codes by Shrey</a>
1414
<div class="links">
15-
<a href="/about/">About</a>
16-
<a href="/research/">Research</a>
17-
<a href="/design/">Design</a>
18-
<a href="/development/">Development</a>
15+
<a href="/about/">About Me</a>
16+
<a href="/education/">Education</a>
17+
<a href="/experiences/">Experiences</a>
18+
<a href="/expression/">Expression</a>
1919
<a href="/connect/">Connect</a>
2020
</div>
2121
</div>
@@ -26,7 +26,7 @@ <h1>Human-centered, product-minded engineering.</h1>
2626
<p class="lead">Shreyas Sriram works across biomedical engineering, human factors, systems design, and interactive technology to build tools that feel grounded in real people, real environments, and real constraints.</p>
2727
<div class="actions">
2828
<a class="button primary" href="/connect/">Get in touch</a>
29-
<a class="button secondary" href="/NBME-CCS/">View NBME CCS</a>
29+
<a class="button secondary" href="/experiences/">View experiences</a>
3030
</div>
3131
</div>
3232
<div class="panel">

‎biomedical-engineering/index.html‎

Lines changed: 0 additions & 40 deletions
This file was deleted.

practice-intuition/bonita/index.html renamed to bonita/index.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,12 @@
1212
<div class="topbar">
1313
<a class="mark" href="/">Codes by Shrey</a>
1414
<div class="links">
15-
<a href="/practice-intuition/">Practice Intuition</a>
16-
<a href="/practice-intuition/bonita/">Bonita</a>
17-
<a href="/practice-intuition/kinesthetic/">Kinesthetic</a>
18-
<a href="/about/">About</a>
15+
<a href="/about/">About Me</a>
16+
<a href="/education/">Education</a>
17+
<a href="/experiences/">Experiences</a>
18+
<a href="/expression/">Expression</a>
19+
<a href="/bonita/">Bonita</a>
20+
<a href="/kinesthetic/">Kinesthetic</a>
1921
<a href="/connect/">Connect</a>
2022
</div>
2123
</div>

‎connect/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,10 @@
1212
<div class="topbar">
1313
<a class="mark" href="/">Codes by Shrey</a>
1414
<div class="links">
15-
<a href="/about/">About</a>
16-
<a href="/research/">Research</a>
17-
<a href="/design/">Design</a>
18-
<a href="/development/">Development</a>
15+
<a href="/about/">About Me</a>
16+
<a href="/education/">Education</a>
17+
<a href="/experiences/">Experiences</a>
18+
<a href="/expression/">Expression</a>
1919
<a href="/connect/">Connect</a>
2020
</div>
2121
</div>

‎design/index.html‎

Lines changed: 0 additions & 41 deletions
This file was deleted.

‎development/index.html‎

Lines changed: 0 additions & 41 deletions
This file was deleted.

‎education/index.html‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Education | Shreyas Sriram</title>
7+
<meta name="description" content="Education and credentials for Shreyas Sriram across human factors, biomedical engineering, and cloud development." />
8+
<link rel="stylesheet" href="/routes.css" />
9+
</head>
10+
<body>
11+
<div class="shell">
12+
<div class="topbar">
13+
<a class="mark" href="/">Codes by Shrey</a>
14+
<div class="links">
15+
<a href="/about/">About Me</a>
16+
<a href="/education/">Education</a>
17+
<a href="/experiences/">Experiences</a>
18+
<a href="/expression/">Expression</a>
19+
<a href="/connect/">Connect</a>
20+
</div>
21+
</div>
22+
<section class="hero">
23+
<div>
24+
<p class="eyebrow">Education</p>
25+
<h1>Formal training across humans, health, systems, and software.</h1>
26+
<p class="lead">This page collects the academic and credential foundation behind the portfolio: MS Human Factors Information Design, BS Biomedical Engineering, AWS certifications, and the technical learning that supports rapid prototyping.</p>
27+
</div>
28+
<div class="panel">
29+
<p class="panel-title">Core Credentials</p>
30+
<ul class="list">
31+
<li>MS Human Factors Information Design</li>
32+
<li>BS Biomedical Engineering</li>
33+
<li>AWS Certified Developer Associate</li>
34+
<li>AWS Certified Cloud Practitioner</li>
35+
</ul>
36+
</div>
37+
</section>
38+
<section class="grid">
39+
<article class="panel">
40+
<p class="panel-title">Human Factors</p>
41+
<p>Graduate work centered on usability, trust, comprehension, information design, clinical simulation, and decision support.</p>
42+
</article>
43+
<article class="panel">
44+
<p class="panel-title">Biomedical Engineering</p>
45+
<p>Undergraduate foundation in medical-device design, biomechanics, physiology, and systems engineering.</p>
46+
</article>
47+
</section>
48+
<p class="footer">Project-specific academic details can live inside the related project writeups as the portfolio expands.</p>
49+
</div>
50+
</body>
51+
</html>

‎experiences/index.html‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Experiences | Shreyas Sriram</title>
7+
<meta name="description" content="Selected experiences for Shreyas Sriram across clinical AI evaluation, human factors research, biomedical invention, product prototyping, and movement coaching." />
8+
<link rel="stylesheet" href="/routes.css" />
9+
</head>
10+
<body>
11+
<div class="shell">
12+
<div class="topbar">
13+
<a class="mark" href="/">Codes by Shrey</a>
14+
<div class="links">
15+
<a href="/about/">About Me</a>
16+
<a href="/education/">Education</a>
17+
<a href="/experiences/">Experiences</a>
18+
<a href="/expression/">Expression</a>
19+
<a href="/connect/">Connect</a>
20+
</div>
21+
</div>
22+
<section class="hero">
23+
<div>
24+
<p class="eyebrow">Experiences</p>
25+
<h1>Clinical AI, human factors, product work, and embodied practice.</h1>
26+
<p class="lead">A recruiter-readable home for the work itself: AI safety evaluation, clinical simulation, usability research, healthcare product incubation, haptic interfaces, patented medical-device invention, and biomechanics coaching.</p>
27+
</div>
28+
<div class="panel">
29+
<p class="panel-title">Experience Areas</p>
30+
<ul class="list">
31+
<li>Clinical AI evaluation and human-in-the-loop review</li>
32+
<li>Human factors research and usability testing</li>
33+
<li>LLM-based simulation and RAG systems</li>
34+
<li>Medical-device invention and applied biomechanics</li>
35+
</ul>
36+
</div>
37+
</section>
38+
<section class="grid">
39+
<article class="panel">
40+
<p class="panel-title">Clinical + Digital Systems</p>
41+
<p>NBME CCS, AI evidence-tool research, healthcare communication product incubation, and public-safe clinical AI evaluation work.</p>
42+
</article>
43+
<article class="panel">
44+
<p class="panel-title">Embodied + Physical Systems</p>
45+
<p>HapTrek, Glenoid Implant patent work, movement coaching, swim instruction, and biomechanics-centered human performance practice.</p>
46+
</article>
47+
</section>
48+
<p class="footer">Individual project pages can be nested under this experience layer later rather than living as separate top-level headings.</p>
49+
</div>
50+
</body>
51+
</html>

0 commit comments

Comments
 (0)