style: use OVHcloud Design System standard colors
Map all presentation colors to official ODS tokens (ovh/design-system): - Strip/accent: #0050d7 (ods-palette-blue-500 / primary) - Text: #4d5592 (ods-color-text / twilight) - Neutral: #666666 (ods-palette-gray-600) - Heading/logo: #00185e (ods-palette-deep-sapphire) - Links: primary-500 via --strip-color Tool brand colors (Puppet/Ansible/Terraform) kept as-is. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
20
index.html
20
index.html
@@ -15,10 +15,18 @@
|
||||
|
||||
<style>
|
||||
:root {
|
||||
/* OVHcloud Design System palette (ovh/design-system) */
|
||||
--ods-blue-500: #0050d7;
|
||||
--ods-blue-800: #00185e;
|
||||
--ods-text: #4d5592;
|
||||
--ods-neutral-600: #666666;
|
||||
|
||||
/* Tool brand colors */
|
||||
--puppet-color: #A06010;
|
||||
--ansible-color: #CC0000;
|
||||
--terraform-color: #7B42BC;
|
||||
--strip-color: #00A9FF;
|
||||
|
||||
--strip-color: var(--ods-blue-500);
|
||||
}
|
||||
|
||||
.reveal .slides section {
|
||||
@@ -38,8 +46,8 @@
|
||||
|
||||
.title-slide { text-align: center !important; }
|
||||
.title-slide h1 { text-align: center; font-size: 2em; margin-bottom: 0.2em; }
|
||||
.title-slide .subtitle { font-size: 1em; color: #444; }
|
||||
.title-slide .meta { font-size: 0.7em; color: #555; margin-top: 1em; }
|
||||
.title-slide .subtitle { font-size: 1em; color: var(--ods-text); }
|
||||
.title-slide .meta { font-size: 0.7em; color: var(--ods-text); margin-top: 1em; }
|
||||
.title-slide .meta a { color: var(--strip-color); }
|
||||
|
||||
.puppet-col { color: var(--puppet-color); }
|
||||
@@ -49,7 +57,7 @@
|
||||
.filename {
|
||||
font-family: monospace;
|
||||
font-size: 0.65em;
|
||||
color: #555;
|
||||
color: var(--ods-text);
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
@@ -100,7 +108,7 @@
|
||||
<section>
|
||||
<h2>Arnaud Prémel-Cabic</h2>
|
||||
<p>Tech Lead @ OVHCloud</p>
|
||||
<p style="color:#555; font-size:0.75em;">arnaud.premel-cabic@ovhcloud.com</p>
|
||||
<p style="color:var(--ods-text); font-size:0.75em;">arnaud.premel-cabic@ovhcloud.com</p>
|
||||
<img src="vendor/ovhcloud-logo.svg" alt="OVHcloud" style="height:32px; width:auto; margin-top:1em;">
|
||||
</section>
|
||||
|
||||
@@ -153,7 +161,7 @@
|
||||
<section>
|
||||
<h2>Configuration as Code</h2>
|
||||
<p>Managing infrastructure through machine-readable files, stored in version control.</p>
|
||||
<p style="margin-top:0.8em; color:#666;">Reproducible · Versionable · Auditable</p>
|
||||
<p style="margin-top:0.8em; color:var(--ods-neutral-600);">Reproducible · Versionable · Auditable</p>
|
||||
</section>
|
||||
|
||||
<!-- ─── SLIDE 11 ──────────────────────────────────────────────────── -->
|
||||
|
||||
Reference in New Issue
Block a user