From d36021f743b678e287b9c1adba677c976538acbd Mon Sep 17 00:00:00 2001 From: Simon Baird Date: Mon, 26 Jan 2026 15:01:33 -0500 Subject: [PATCH 01/10] Reword and reposition the "old name" message The "Please bear with us as we update..." is obsolete now, so update the text to something more accurate. Also make it less prominent, cosmetically and by moving it lower on the page, since I think it's less important now. (I'm recycling the hero-intro div class even though it's no longer part of the intro, just convenience with the CSS.) Not directly related to, but created while I'm working on the PR for... Ref: https://issues.redhat.com/browse/EC-1290 --- website/assets/css/custom.css | 5 +---- website/layouts/index.html | 6 +++++- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/website/assets/css/custom.css b/website/assets/css/custom.css index 09c33481..5857ca68 100644 --- a/website/assets/css/custom.css +++ b/website/assets/css/custom.css @@ -475,12 +475,9 @@ p.big { } .hero-intro p.announcement { - margin-top: 2em; padding: 1em; - border: solid 1px var(--ec-icon-purple); - border-radius: 0.25em; font-style: italic; - font-size: 90%; + font-size: 75%; color: var(--ec-icon-purple); } diff --git a/website/layouts/index.html b/website/layouts/index.html index ed683c58..c4cbb0f3 100644 --- a/website/layouts/index.html +++ b/website/layouts/index.html @@ -19,7 +19,6 @@

Securely verify supply chain artifacts, and enforce policies about how they were built and tested, in a manageable, scalable, and declarative way.

-

Note: Conforma was previously known as "Enterprise Contract", often abbreviated as "EC". Please bear with us as we update the documentation and other resources to use the new name.

{{ .Content }}
@@ -51,6 +50,11 @@ + +
+

Note that Conforma was originally known as "Enterprise Contract". You might find it still refered to as "Enterprise Contract", or "EC" in some of the older content on this website.

+
+
{{ partial "svg-wave-divider.html"}}
From 3bdc76f192cf667be68f591779e61b50a3e59c2c Mon Sep 17 00:00:00 2001 From: Simon Baird Date: Mon, 26 Jan 2026 15:43:16 -0500 Subject: [PATCH 02/10] Rework the download all button and related js - Make it look the same as the other buttons - Refactor so it is unhidden by the platform/os detection js instead of created from scratch. --- website/assets/css/custom.css | 37 +++++++++++++++----------------- website/assets/js/07-download.js | 9 +++++--- website/content/_index.md | 3 ++- 3 files changed, 25 insertions(+), 24 deletions(-) diff --git a/website/assets/css/custom.css b/website/assets/css/custom.css index 5857ca68..674acf9e 100644 --- a/website/assets/css/custom.css +++ b/website/assets/css/custom.css @@ -189,13 +189,6 @@ h3.button { stroke: white; } -a.all-downloads { - display: block; - position: absolute; - color: var(--color-gray-30); - padding-left: 1rem; -} - p.big { font-size: 115%; } @@ -517,29 +510,33 @@ p.big { line-height: var(--doc-line-height); } -a.all-downloads{ - position:relative!important; - padding:0; - margin: 0; +.#all-downloads { + /* This is hidden to begin with, see 07-download.js */ + display: none!important; } -.hero-links{ - display: grid; - grid-template-columns: auto; - grid-template-columns: auto; +.hero-links { + display: flex; + flex-direction: row; justify-content: center; + align-items: center; + gap: 1rem; text-align: center; + padding-bottom: 2.5em; } .hero-links h3.button { padding-top: 10px; - margin: 0 auto; - margin-top: 1em; - margin-bottom: 2em; + margin: 1em 0.5em; } -.hero-links h3.button#download{ - margin-bottom: 5px; +.hero-links h3.button a { + white-space: nowrap; +} + +.hero-links h3.button:hover { + transform: translateY(-1px); + background-color: var(--ec-icon-purple); } .hero h2 { diff --git a/website/assets/js/07-download.js b/website/assets/js/07-download.js index eaf46ae0..5529cfb3 100644 --- a/website/assets/js/07-download.js +++ b/website/assets/js/07-download.js @@ -1,10 +1,11 @@ document.addEventListener('DOMContentLoaded', async () => { const download = document.querySelector('#download a'); + const downloadAll = document.querySelector('#all-downloads a'); if (!download) { return } try { - const response = await fetch('https://api.github.com/repos/conforma/cli/releases/tags/snapshot'); + const response = await fetch('https://api.github.com/repos/conforma/cli/releases/latest'); const snapshot = await response.json(); const uap = new UAParser(); const os = uap.getOS().name.replace('macOS', 'darwin').toLowerCase(); @@ -12,11 +13,13 @@ document.addEventListener('DOMContentLoaded', async () => { const file = `ec_${os}_${arch}`; const asset = snapshot.assets.find(a => a.name === file); if (asset) { - download.parentNode.insertAdjacentHTML('afterend', `(All downloads)`) + // Update the download button href to the user's specific platform/arch download.href = asset.browser_download_url; download.title = `${uap.getOS().name} / ${uap.getCPU().architecture}`; + // Unhide the download all button + downloadAll.style.display = 'inline-flex'; } - } catch(e) { + } catch (e) { // Unable to fetch the releases leave the download link as is return; } diff --git a/website/content/_index.md b/website/content/_index.md index 6498a5dc..c3f08aa1 100644 --- a/website/content/_index.md +++ b/website/content/_index.md @@ -1,7 +1,8 @@ --- kind: home --- +### [{{< icon "arrow-down-circle" >}} Download](https://github.com/conforma/cli/releases/latest){#download .button} -### [{{< icon "arrow-down-circle" >}} Download](https://github.com/conforma/cli/releases/tag/snapshot){#download .button} +### [{{< icon "arrow-down-circle" >}} All downloads](https://github.com/conforma/cli/releases/latest){#all-downloads .button} ### [{{< icon "book-open" >}} Getting Started](docs/user-guide/hitchhikers-guide.html){.button} From b37d312c2aae7597a2cef8384b03f726bd61cc60 Mon Sep 17 00:00:00 2001 From: Simon Baird Date: Mon, 26 Jan 2026 16:25:15 -0500 Subject: [PATCH 03/10] Responsive hero links Make the three buttons stack on phone-sized screens. Co-authored-by: Claude Code --- website/assets/css/custom.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/website/assets/css/custom.css b/website/assets/css/custom.css index 674acf9e..551d3c05 100644 --- a/website/assets/css/custom.css +++ b/website/assets/css/custom.css @@ -584,6 +584,21 @@ p.big { } } + +/* Stack the hero-link (download) buttons on small screens */ +@media screen and (max-width: 768px) { + .hero-links { + flex-direction: column; + gap: 0.5rem; + } + + .hero-links h3.button { + margin: 0.5rem 0; + width: 100%; + max-width: 220px; + text-align: left; + } +} /* end index page hero section */ /* begin front page divider */ From 5801790bd123cd51c7bb8a37559247bdee4ca30f Mon Sep 17 00:00:00 2001 From: Simon Baird Date: Mon, 26 Jan 2026 17:25:37 -0500 Subject: [PATCH 04/10] Some minor cosmetic tweaks for the footer - Center text - Limit the width - Smaller and lighter text I think this looks better. --- website/assets/css/custom.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/website/assets/css/custom.css b/website/assets/css/custom.css index 551d3c05..f45056c3 100644 --- a/website/assets/css/custom.css +++ b/website/assets/css/custom.css @@ -153,7 +153,18 @@ body.article { footer.footer { /* Cosmetic tweak so the footer color continues to the bottom for short pages */ - padding-bottom: 15em; + padding: 12rem 1.5rem 1.5rem 1.5rem; + + /* Cosmetic tweak so the footer background is visible at the bottom of the final wavy divider */ + margin-top: -2em; +} + +footer.footer p { + font-size: 80%; + opacity: 0.6; + margin: 2rem auto; + text-align: center; + max-width: 35rem; } h3.button { @@ -604,6 +615,7 @@ p.big { /* begin front page divider */ .divider { min-height: 80px; + background-color: transparent; } .flowing { From 2a30d40c4875c702a8b8f55928da3acc01df616a Mon Sep 17 00:00:00 2001 From: Simon Baird Date: Mon, 26 Jan 2026 17:38:59 -0500 Subject: [PATCH 05/10] Reduce some home page vertical whitespace I don't think the min-height is needed now, and it looks actively bad when the font-size is small relative to the screen size. Also hand tweak the whitepace above and below the blog excerpts. --- website/assets/css/custom.css | 2 +- website/layouts/index.html | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/website/assets/css/custom.css b/website/assets/css/custom.css index f45056c3..512a5c8a 100644 --- a/website/assets/css/custom.css +++ b/website/assets/css/custom.css @@ -450,7 +450,7 @@ p.big { max-width: var(--doc-max-width--landing); margin: 2rem auto; padding: 0 20px 0 20px; - min-height: calc(100vh - 183px); + /* min-height: calc(100vh - 183px); */ } .hero-header { diff --git a/website/layouts/index.html b/website/layouts/index.html index c4cbb0f3..d7be15ea 100644 --- a/website/layouts/index.html +++ b/website/layouts/index.html @@ -58,7 +58,7 @@
{{ partial "svg-wave-divider.html"}}
-
+

Recently Published

{{ $posts := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }} @@ -68,7 +68,7 @@

Recently Published

{{/* This div is not really for pagination but the CSS does what we want and also I'm lazy */}}
-