Skip to content

Commit afec929

Browse files
p4gsclaudehappy-otter
committed
Add glossary sections (Governance, Risk, Compliance, Trust & Assurance) to cheat sheet
Adds four term/definition sections below the main comparison table. Risk section includes first entry: TPCM. Other sections show placeholder for future terms. Generated with [Claude Code](https://claude.ai/code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <noreply@anthropic.com> Co-Authored-By: Happy <yesreply@happy.engineering>
1 parent 1a83897 commit afec929

File tree

1 file changed

+129
-0
lines changed
  • docs/projects/grcengineering-cheat-sheet

1 file changed

+129
-0
lines changed

‎docs/projects/grcengineering-cheat-sheet/index.html‎

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -371,6 +371,73 @@
371371
opacity: 0.8;
372372
}
373373

374+
/* ── GLOSSARY SECTIONS ── */
375+
.glossary-section {
376+
max-width: 1100px;
377+
margin: 0 auto 48px;
378+
padding: 0 24px;
379+
}
380+
.glossary-section-title {
381+
font-family: var(--font-body);
382+
font-size: 1.4rem;
383+
font-weight: 700;
384+
color: var(--text);
385+
margin-bottom: 16px;
386+
padding-left: 4px;
387+
}
388+
.glossary-section-title .section-icon {
389+
display: inline-block;
390+
width: 8px;
391+
height: 8px;
392+
border-radius: 50%;
393+
background: linear-gradient(135deg, var(--orange-bright), var(--blue-bright));
394+
margin-right: 10px;
395+
vertical-align: middle;
396+
}
397+
.glossary-table {
398+
border-collapse: separate;
399+
border-spacing: 0;
400+
width: 100%;
401+
font-size: 0.92rem;
402+
}
403+
.glossary-table td:first-child {
404+
font-family: var(--font-mono);
405+
font-weight: 700;
406+
font-size: 0.85rem;
407+
white-space: nowrap;
408+
width: 140px;
409+
padding: 14px 20px;
410+
vertical-align: top;
411+
border-bottom: 1px solid var(--border);
412+
background: var(--bg-row-header);
413+
color: var(--orange);
414+
}
415+
.glossary-table td:last-child {
416+
padding: 14px 20px;
417+
vertical-align: top;
418+
border-bottom: 1px solid var(--border);
419+
background: var(--bg-card);
420+
color: var(--text);
421+
line-height: 1.65;
422+
}
423+
.glossary-table tr:nth-child(odd) td:last-child {
424+
background: var(--bg-row-alt);
425+
}
426+
.glossary-table tr:nth-child(odd) td:first-child {
427+
background: var(--bg-row-alt);
428+
}
429+
.glossary-table tr:last-child td { border-bottom: none; }
430+
.glossary-table tr:hover td {
431+
background: var(--bg-row-hover);
432+
}
433+
.glossary-empty {
434+
padding: 24px 20px;
435+
text-align: center;
436+
font-size: 0.85rem;
437+
color: var(--text-dim);
438+
font-style: italic;
439+
}
440+
374441
/* ── FOOTER ── */
375442
.page-footer {
376443
text-align: center;
@@ -407,13 +474,20 @@
407474
thead th { padding: 14px 14px; font-size: 0.9rem; }
408475
tbody td { padding: 12px 14px; }
409476
.theme-toggle { top: 12px; right: 12px; width: 38px; height: 38px; font-size: 1rem; }
477+
.glossary-section { padding: 0 12px; margin-bottom: 36px; }
478+
.glossary-section-title { font-size: 1.2rem; }
479+
.glossary-table td:first-child { width: 100px; padding: 12px 14px; font-size: 0.8rem; }
480+
.glossary-table td:last-child { padding: 12px 14px; }
410481
}
411482
@media (max-width: 480px) {
412483
.page-header { padding: 50px 12px 32px; }
413484
table { font-size: 0.78rem; }
414485
thead th { padding: 12px 10px; }
415486
tbody td { padding: 10px 10px; }
416487
tbody ul { padding-left: 14px; }
488+
.glossary-section { padding: 0 8px; }
489+
.glossary-table td:first-child { width: 80px; padding: 10px 10px; font-size: 0.75rem; }
490+
.glossary-table td:last-child { padding: 10px 10px; font-size: 0.78rem; }
417491
}
418492
</style>
419493
</head>
@@ -550,6 +624,61 @@ <h1 class="page-title">The <span class="highlight">GRC Engineering</span> Cheat
550624
</div>
551625
</main>
552626

627+
<section class="glossary-section">
628+
<h2 class="glossary-section-title"><span class="section-icon"></span>Governance</h2>
629+
<div class="table-outer">
630+
<div class="table-container">
631+
<table class="glossary-table">
632+
<tbody>
633+
<tr><td colspan="2" class="glossary-empty">Coming soon</td></tr>
634+
</tbody>
635+
</table>
636+
</div>
637+
</div>
638+
</section>
639+
640+
<section class="glossary-section">
641+
<h2 class="glossary-section-title"><span class="section-icon"></span>Risk</h2>
642+
<div class="table-outer">
643+
<div class="table-container">
644+
<table class="glossary-table">
645+
<tbody>
646+
<tr>
647+
<td>TPCM</td>
648+
<td>Third-party compliance management. Legacy GRC approach to third-party &ldquo;risk&rdquo; management. Primarily focused on whether or not third parties comply with a customer&rsquo;s requirements as expressed in contract language and questionnaires. Does not account for real-world threats, value-at-risk, or positive vs. negative risk tradeoffs. Conflates outside-in vulnerability scanning with risk analysis.</td>
649+
</tr>
650+
</tbody>
651+
</table>
652+
</div>
653+
</div>
654+
</section>
655+
656+
<section class="glossary-section">
657+
<h2 class="glossary-section-title"><span class="section-icon"></span>Compliance</h2>
658+
<div class="table-outer">
659+
<div class="table-container">
660+
<table class="glossary-table">
661+
<tbody>
662+
<tr><td colspan="2" class="glossary-empty">Coming soon</td></tr>
663+
</tbody>
664+
</table>
665+
</div>
666+
</div>
667+
</section>
668+
669+
<section class="glossary-section">
670+
<h2 class="glossary-section-title"><span class="section-icon"></span>Trust &amp; Assurance</h2>
671+
<div class="table-outer">
672+
<div class="table-container">
673+
<table class="glossary-table">
674+
<tbody>
675+
<tr><td colspan="2" class="glossary-empty">Coming soon</td></tr>
676+
</tbody>
677+
</table>
678+
</div>
679+
</div>
680+
</section>
681+
553682
<footer class="page-footer">
554683
<p><a href="https://grc.engineering">GRC Engineering</a></p>
555684
<p class="version-tag">v0.0.1</p>

0 commit comments

Comments
 (0)