gator/autotq-modern-ejs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor Company page to cleaner capability cards and profile list without headshot-heavy claims layout

Browse source
This commit is contained in:
gator 2026-03-11 01:38:19 +00:00
parent e0eeab05d8
commit 8ee1c75673
1 changed files with 26 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
views/company.ejs
View file

@ -3,39 +3,55 @@
<div class="container split split-visual"> <div class="container split split-visual">
<div> <div>
<h1>Company</h1> <h1>Company</h1>
<p class="lead"><%= config.brand.legalName %> is focused on improving emergency bleeding response through intuitive automation and practical readiness programs.</p> <p class="lead"><%= config.brand.legalName %> is focused on improving emergency bleeding response through intuitive automation and practical readiness support.</p>
</div> </div>
<div class="split-media reveal" data-reveal> <div class="split-media reveal" data-reveal>
<img src="<%= config.assets.images.company4 %>" alt="AutoTQ team collaboration" loading="lazy" /> <img src="<%= config.assets.images.company4 %>" alt="AutoTQ company operations and collaboration" loading="lazy" />
</div> </div>
</div> </div>
</section> </section>
<section class="section"> <section class="section">
<div class="container capability-grid">
<article class="capability-card reveal" data-reveal>
<h2>Product development</h2>
<p>Design and engineering work centered on simplified bleeding-control operation for high-stress moments.</p>
</article>
<article class="capability-card reveal" data-reveal>
<h2>Quality and regulatory</h2>
<p>Quality-system and regulatory planning support across device development and deployment readiness.</p>
</article>
<article class="capability-card reveal" data-reveal>
<h2>Commercial readiness</h2>
<p>Distribution and implementation planning for organizations evaluating emergency-preparedness workflows.</p>
</article>
</div>
</section>
<section class="section section-band">
<div class="container split split-reverse"> <div class="container split split-reverse">
<article class="split-copy reveal" data-reveal> <article class="split-copy reveal" data-reveal>
<h2>Operating mission</h2> <h2>Operating mission</h2>
<p>The team’s work centers on a clear goal: improve readiness for severe bleeding incidents by making intervention more practical for people who may be under pressure and short on time.</p> <p>The team’s work centers on practical intervention readiness: improve severe-bleeding response capability while keeping claims aligned to referenced materials.</p>
<p>This includes product development, quality systems, operational planning, and education-oriented resources for real-world deployment settings.</p> <a class="btn btn-ghost" href="/research#sources">Review source references</a>
</article> </article>
<div class="split-media reveal" data-reveal> <div class="split-media reveal" data-reveal>
<img src="<%= config.assets.images.company5 %>" alt="AutoTQ operations and planning" loading="lazy" /> <img src="<%= config.assets.images.company5 %>" alt="Operational planning and emergency readiness coordination" loading="lazy" />
</div> </div>
</div> </div>
</section> </section>
<section class="section section-alt"> <section class="section section-alt">
<div class="container"> <div class="container">
<h2>Team</h2> <h2>Leadership and specialists</h2>
<div class="team-grid"> <div class="people-list">
<% (config.team || []).forEach(member => { %> <% (config.team || []).forEach(member => { %>
<article class="team-card reveal" data-reveal> <article class="person-row reveal" data-reveal>
<img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
<div> <div>
<h3><%= member.name %></h3> <h3><%= member.name %></h3>
<p><%= member.role %></p> <p><%= member.role %></p>
<a class="text-link" href="/<%= member.slug %>">View profile →</a>
</div> </div>
<a class="text-link" href="/<%= member.slug %>">View profile →</a>
</article> </article>
<% }) %> <% }) %>
</div> </div>