diff --git a/app/frontend/css/pages/homepage/_products.scss b/app/frontend/css/pages/homepage/_products.scss index 7aac6b6aae..2974d3bb03 100644 --- a/app/frontend/css/pages/homepage/_products.scss +++ b/app/frontend/css/pages/homepage/_products.scss @@ -58,3 +58,26 @@ height: 50px; } } + +.ProductBadge { + display: inline-flex; + align-items: center; + border-radius: 12px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), + 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 0px 0px rgba(0, 0, 0, 0.09), + 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 3px 3px 0px rgba(0, 0, 0, 0.02), + 0px 4px 4px 0px rgba(0, 0, 0, 0.01); + padding-right: 12px; + background: #fff; + font-size: 15px; + color: #28243f; + font-weight: 600; + margin-bottom: 16px; + svg { + width: 24px; + height: 24px; + padding: 8px; + border-right: 1px solid rgba(0, 0, 0, 0.2); + margin-right: 12px; + } +} diff --git a/app/frontend/css/utilities/_dark_mode.scss b/app/frontend/css/utilities/_dark_mode.scss index 62bce6e0d2..c8f9ea1776 100644 --- a/app/frontend/css/utilities/_dark_mode.scss +++ b/app/frontend/css/utilities/_dark_mode.scss @@ -344,4 +344,13 @@ html.dark { background-color: #eee; } } + + .ProductBadge { + background: #1e293b; + color: #fff; + svg { + border-right: 1px solid rgba(255, 255, 255, 0.2); + margin-right: 8px; + } + } } diff --git a/app/views/homepage/_products.html.erb b/app/views/homepage/_products.html.erb index dc7d22dc0f..66fd06402a 100644 --- a/app/views/homepage/_products.html.erb +++ b/app/views/homepage/_products.html.erb @@ -4,14 +4,25 @@
- Pipelines graphic +
+ + + + + + + Pipelines +

Powerful CI/CD built to scale on your choice of infrastructure
- Test Engine graphic +
+ + Test Engine +

Real-time, scalable tracking and monitoring for your tests

@@ -19,7 +30,10 @@
- Packages graphic +
+ + Package Registries +

Scale out asset management across any ecosystem

diff --git a/images/docs/home/package_registries.png b/images/docs/home/package_registries.png deleted file mode 100644 index 29a708ab84..0000000000 Binary files a/images/docs/home/package_registries.png and /dev/null differ diff --git a/images/docs/home/package_registries.svg b/images/docs/home/package_registries.svg deleted file mode 100644 index 9f277746f4..0000000000 --- a/images/docs/home/package_registries.svg +++ /dev/null @@ -1,58 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/images/docs/home/pipelines.png b/images/docs/home/pipelines.png deleted file mode 100644 index 186a5dbbed..0000000000 Binary files a/images/docs/home/pipelines.png and /dev/null differ diff --git a/images/docs/home/pipelines.svg b/images/docs/home/pipelines.svg deleted file mode 100644 index 3769fc9a7a..0000000000 --- a/images/docs/home/pipelines.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/images/docs/home/test_engine.png b/images/docs/home/test_engine.png deleted file mode 100644 index d1d00169a9..0000000000 Binary files a/images/docs/home/test_engine.png and /dev/null differ diff --git a/images/docs/home/test_engine.svg b/images/docs/home/test_engine.svg deleted file mode 100644 index 255d8a54e9..0000000000 --- a/images/docs/home/test_engine.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -