mirror of
https://github.com/minio/docs.git
synced 2025-07-30 07:03:26 +03:00
Update top-navigation as per the new min.io design specs (#1137)
Part of https://github.com/miniohq/min.io/issues/2000
This commit is contained in:
@ -1 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="33.976" height="26.825" xmlns:v="https://vecta.io/nano"><path d="M33.226 18.186l-16.237-7.9-16.239 7.9 16.239 7.89z" fill="none" stroke="#c72c48" stroke-linejoin="round" stroke-width="1.5"/><path d="M9.24 18.02h1.117v.559H9.24zm1.117-.545H9.24v-1.093h1.117zm0-1.64H9.24v-1.093h1.117zm0-1.639H9.24v-1.093h1.117zm0-1.639H9.24v-1.092h1.117zm0-1.638H9.24V9.826h1.117zm0-1.64H9.24V8.187h1.117zm0-1.639H9.24V6.547h1.117zm0-1.637H9.24V4.886h.559a.56.56 0 0 1 .559.559zm-1.571 0h-.908V4.886h.908zm-1.363 0h-.908V4.886h.908zM5.502 4.885h.559v1.117h-.559zm11.606 11.314h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.118h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117V8.378h1.117zm0-1.676h-1.117V6.702h1.117zm0-1.676h-1.117V5.026h1.117zm0-1.676h-1.117V3.35h1.117zm0-1.676h-1.117V1.674h1.117zm0-1.676h-1.117V-.002h1.117zm6.43 18.063h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117V9.681h1.117zm0-1.676h-1.117v-.628a.56.56 0 0 1 .559-.559h.488v.559h.07zm4.935-.069h-1.095V7.936h1.095zm-1.653 0h-1.117V7.936h1.117zm-1.676 0h-1.117V7.936h1.117z" fill="#c72c48"/></svg>
|
Before Width: | Height: | Size: 1.2 KiB |
@ -41,10 +41,9 @@
|
||||
}
|
||||
|
||||
& > small {
|
||||
color: var(--text-muted-color);
|
||||
color: var(--nav-text-muted-color);
|
||||
font-weight: normal;
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.75;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
@ -158,11 +157,11 @@
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
height: 1px;
|
||||
height: 4px;
|
||||
width: 100%;
|
||||
background-color: var(--nav-item-border-color);
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
bottom: -18px;
|
||||
left: 0;
|
||||
content: "";
|
||||
transform: translateY(5px);
|
||||
@ -214,24 +213,31 @@
|
||||
}
|
||||
}
|
||||
|
||||
.nav__dropdown--solutions,
|
||||
.nav__dropdown--product {
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
max-width: 1200px;
|
||||
|
||||
width: 100%;
|
||||
transform: translateX(0);
|
||||
left: 0;
|
||||
|
||||
|
||||
|
||||
.nav__dropdown__inner {
|
||||
padding: 2.5rem 2.25rem;
|
||||
padding: 2.5rem;
|
||||
display: grid;
|
||||
gap: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__feature {
|
||||
display: flex;
|
||||
.nav__dropdown--product .nav__dropdown__inner {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.nav__dropdown--solutions .nav__dropdown__inner {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.nav__column {
|
||||
|
@ -81,6 +81,7 @@ $theme-properties: (
|
||||
// Mainmenu
|
||||
--nav-bg: $white $dark-100,
|
||||
--nav-text-color: $white $text-dark-color,
|
||||
--nav-text-muted-color: #1C1C1C #1C1C1C,
|
||||
--nav-item-border-color: $white $dark-500,
|
||||
--nav-item-arrow: url(../img/icons/nav-arrow.svg) url(../img/icons/nav-arrow-dark.svg),
|
||||
--nav-toggle-hover-border-color: $white $dark-500,
|
||||
|
@ -17,105 +17,139 @@
|
||||
|
||||
<div class="nav__dropdown nav__dropdown--product">
|
||||
<div class="nav__dropdown__inner">
|
||||
<div class="nav__feature">
|
||||
<div class="nav__column">
|
||||
<div class="nav__column__title">Multi-Cloud</div>
|
||||
<div class="nav__column">
|
||||
<div class="nav__column__title">Multi-Cloud</div>
|
||||
|
||||
<a href="https://min.io/product/private-cloud-vmware-tanzu" class="nav__sub">MinIO for VMware Tanzu</a>
|
||||
<a href="https://min.io/product/private-cloud-red-hat-openshift" class="nav__sub">MinIO for OpenShift</a>
|
||||
<a href="https://min.io/product/multicloud-suse-rancher" class="nav__sub">MinIO for SUSE Rancher</a>
|
||||
<a href="https://min.io/product/multicloud-elastic-kubernetes-service" class="nav__sub">MinIO for Amazon Elastic Kubernetes Service</a>
|
||||
<a href="https://min.io/product/multicloud-azure-kubernetes-service" class="nav__sub">MinIO for Azure Kubernetes Service</a>
|
||||
<a href="https://min.io/product/multicloud-google-kubernetes-service" class="nav__sub">MinIO for Google Kubernetes Engine</a>
|
||||
</div>
|
||||
<a href="https://min.io/product/private-cloud-vmware-tanzu" class="nav__sub">MinIO for VMware
|
||||
Tanzu</a>
|
||||
<a href="https://min.io/product/private-cloud-red-hat-openshift" class="nav__sub">MinIO for
|
||||
OpenShift</a>
|
||||
<a href="https://min.io/product/multicloud-suse-rancher" class="nav__sub">MinIO for SUSE
|
||||
Rancher</a>
|
||||
<a href="https://min.io/product/multicloud-elastic-kubernetes-service" class="nav__sub">MinIO
|
||||
for Amazon Elastic Kubernetes Service</a>
|
||||
<a href="https://min.io/product/multicloud-azure-kubernetes-service" class="nav__sub">MinIO for
|
||||
Azure Kubernetes Service</a>
|
||||
<a href="https://min.io/product/multicloud-google-kubernetes-service" class="nav__sub">MinIO for
|
||||
Google Kubernetes Engine</a>
|
||||
</div>
|
||||
|
||||
<i class="nav__separator"></i>
|
||||
<div class="nav__column">
|
||||
<div class="nav__column__title">Features</div>
|
||||
|
||||
<div class="nav__column">
|
||||
<div class="nav__column__title">Features</div>
|
||||
<a href="https://min.io/product/active-data-replication-for-object-storage"
|
||||
class="nav__sub">Active Active Replication</a>
|
||||
<a href="https://min.io/product/identity-and-access-management" class="nav__sub">Identity &
|
||||
Access Management</a>
|
||||
<a href="https://min.io/product/enterprise-object-storage-encryption"
|
||||
class="nav__sub">Encryption</a>
|
||||
<a href="https://min.io/product/data-immutability-for-object-storage" class="nav__sub">Bucket &
|
||||
Object Immutability</a>
|
||||
<a href="https://min.io/product/object-versioning-bucket-versioning" class="nav__sub">Bucket &
|
||||
Object Versioning</a>
|
||||
<a href="https://min.io/product/automated-data-tiering-lifecycle-management"
|
||||
class="nav__sub">Data Life Cycle Management & Tiering</a>
|
||||
<a href="https://min.io/product/automated-cloud-data-management-interface"
|
||||
class="nav__sub">Automated Data Management Interfaces</a>
|
||||
<a href="https://min.io/product/object-storage-performance-monitoring"
|
||||
class="nav__sub">Monitoring</a>
|
||||
<a href="https://min.io/product/scalable-object-storage" class="nav__sub">Scalability</a>
|
||||
<a href="https://min.io/product/s3-compatibility" class="nav__sub">AWS S3 Compatibility</a>
|
||||
</div>
|
||||
|
||||
<a href="https://min.io/product/active-data-replication-for-object-storage" class="nav__sub">Active Active Replication</a>
|
||||
<a href="https://min.io/product/identity-and-access-management" class="nav__sub">Identity & Access Management</a>
|
||||
<a href="https://min.io/product/enterprise-object-storage-encryption" class="nav__sub">Encryption</a>
|
||||
<a href="https://min.io/product/data-immutability-for-object-storage" class="nav__sub">Bucket & Object Immutability</a>
|
||||
<a href="https://min.io/product/object-versioning-bucket-versioning" class="nav__sub">Bucket & Object Versioning</a>
|
||||
<a href="https://min.io/product/automated-data-tiering-lifecycle-management" class="nav__sub">Data Life Cycle Management & Tiering</a>
|
||||
<a href="https://min.io/product/automated-cloud-data-management-interface" class="nav__sub">Automated Data Management Interfaces</a>
|
||||
<a href="https://min.io/product/object-storage-performance-monitoring" class="nav__sub">Monitoring</a>
|
||||
<a href="https://min.io/product/scalable-object-storage" class="nav__sub">Scalability</a>
|
||||
<a href="https://min.io/product/s3-compatibility" class="nav__sub">AWS S3 Compatibility</a>
|
||||
</div>
|
||||
|
||||
<div class="nav__column">
|
||||
<div class="nav__sub">
|
||||
<a href="https://min.io/hybrid-cloud-storage" class="nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/hybrid-cloud.svg',1) }}" alt="Hybrid Cloud Object Storage" />
|
||||
Hybrid Cloud Object Storage
|
||||
</a>
|
||||
<div class="nav__jump">
|
||||
<a href="https://min.io/hybrid-cloud-storage#overview">Overview</a>
|
||||
<a href="https://min.io/hybrid-cloud-storage#architecture">Architecture</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav__sub">
|
||||
<a href="https://min.io/product/overview" class="nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/baremetal.svg',1) }}" alt="Baremetal" />
|
||||
Baremetal
|
||||
</a>
|
||||
<div class="nav__jump">
|
||||
<a href="https://min.io/product/overview#features">Overview</a>
|
||||
<a href="https://min.io/product/overview#architecture">Architecture</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://min.io/product/erasure-code-calculator" class="nav__sub nav__lead">
|
||||
<img class="h-6" src="{{ pathto('_static/img/icons/erasure-code-calculator.svg',1) }}" alt="Erasure Code Calculator" />
|
||||
Erasure Code Calculator
|
||||
</a>
|
||||
<a href="https://min.io/product/reference-hardware" class="nav__sub nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/ref-hardware.svg',1) }}" alt="Reference Hardware" />
|
||||
Reference Hardware
|
||||
<div class="nav__column">
|
||||
<div class="nav__sub">
|
||||
<a href="https://min.io/product/overview" class="nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/baremetal.svg',1) }}" alt="Baremetal" />
|
||||
Baremetal
|
||||
</a>
|
||||
<div class="nav__jump">
|
||||
<a href="https://min.io/product/overview#features">Overview</a>
|
||||
<a href="https://min.io/product/overview#architecture">Architecture</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://min.io/product/erasure-code-calculator" class="nav__sub nav__lead">
|
||||
<img class="h-6" src="{{ pathto('_static/img/icons/erasure-code-calculator.svg',1) }}"
|
||||
alt="Erasure Code Calculator" />
|
||||
Erasure Code Calculator
|
||||
</a>
|
||||
<a href="https://min.io/product/reference-hardware" class="nav__sub nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/ref-hardware.svg',1) }}" alt="Reference Hardware" />
|
||||
Reference Hardware
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="nav__item">
|
||||
<div class="nav__link nav__link--dropdown">
|
||||
<span>Solutions</span>
|
||||
<span>Solutions</span>
|
||||
</div>
|
||||
|
||||
<div class="nav__dropdown">
|
||||
<div class="nav__dropdown__inner">
|
||||
<a href="https://min.io/product/integrations" class="nav__sub">
|
||||
<span>Integrations</span>
|
||||
<small>Browse our vast portfolio of integrations</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/vmware" class="nav__sub">
|
||||
<span>VMware</span>
|
||||
<small>Discover how MinIO integrates with VMware across the portfolio from the Persistent Data platform to TKGI and how we support their Kubernetes ambitions.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/optimize-splunk-smartstore-performance" class="nav__sub">
|
||||
<span>Splunk</span>
|
||||
<small>Find out how MinIO is delivering performance at scale for Splunk SmartStores</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/veeam" class="nav__sub">
|
||||
<span>Veeam</span>
|
||||
<small>Learn how MinIO and Veeam have partnered to drive performance and scalability for a variety of backup use cases.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/azure-s3-api-integration" class="nav__sub">
|
||||
<span>Azure to AWS S3 Gateway</span>
|
||||
<small>Learn how MinIO allows Azure Blob to speak Amazon’s S3 API</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/hdfs-migration" class="nav__sub">
|
||||
<span>HDFS Migration</span>
|
||||
<small>Modernize and simplify your big data storage infrastructure with high-performance, Kubernetes-native object storage from MinIO.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/native-object-store-for-teradata" class="nav__sub">
|
||||
<span>Teradata</span>
|
||||
<small>Discover why MinIO is the Native Object Store (NOS) of choice for at-scale Teradata deployments</small>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav__dropdown nav__dropdown--solutions">
|
||||
<div class="nav__dropdown__inner">
|
||||
<a href="https://min.io/solutions/object-storage-for-ai" class="nav__sub" data-nav="ai-ml">
|
||||
<span>AI Storage</span>
|
||||
<small>Object storage is powering the AI revolution. Learn how
|
||||
MinIO is leading the AI storage market through
|
||||
performance at scale.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/modern-data-lakes-lakehouses" class="nav__sub" data-nav="datalakes">
|
||||
<span>Modern Datalakes</span>
|
||||
<small>Modern, multi-engine datalakes depend on object stores that
|
||||
deliver performance at scale. Learn more about this core MinIO
|
||||
use case.</small>
|
||||
</a>
|
||||
<a href="https://min.io/hybrid-multi-cloud-storage" class="nav__sub" data-nav="hybrid-cloud">
|
||||
<span>Hybrid Cloud</span>
|
||||
<small>Effective multi-cloud storage strategies rely on utilizing
|
||||
architecture and tools that can function seamlessly across
|
||||
diverse environments.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/optimize-splunk-smartstore-performance" class="nav__sub" data-nav="splunk">
|
||||
<span>Splunk</span>
|
||||
<small>Find out how MinIO is delivering performance at scale for
|
||||
Splunk SmartStores.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/snowflake" class="nav__sub" data-nav="snowflake">
|
||||
<span>Snowflake</span>
|
||||
<small>Query and analyze multiple data sources, including streaming
|
||||
data, residing on MinIO with the Snowflake Data Cloud. No need
|
||||
to move the data, just query using SnowSQL.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/sqlserver" class="nav__sub" data-nav="sql-server">
|
||||
<span>SQL Server</span>
|
||||
<small>Discover how to pair SQL Server 2022 with MinIO to run queries
|
||||
on your data on any cloud - without having to move it.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/hdfs-migration" class="nav__sub" data-nav="hdfs-migration">
|
||||
<span>HDFS Migration</span>
|
||||
<small>Modernize and simplify your big data storage infrastructure
|
||||
with high-performance, Kubernetes-native object storage from
|
||||
MinIO.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/vmware" class="nav__sub" data-nav="vmware">
|
||||
<span>VMware</span>
|
||||
<small>Discover how MinIO integrates with VMware across the portfolio
|
||||
from the Persistent Data platform to TKG and how we support
|
||||
their Kubernetes ambitions.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/veeam" class="nav__sub" data-nav="veeam">
|
||||
<span>Veeam</span>
|
||||
<small>Learn how MinIO and Veeam have partnered to drive performance
|
||||
and scalability for a variety of backup use cases.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/commvault" class="nav__sub" data-nav="commvault">
|
||||
<span>Commvault</span>
|
||||
<small>Learn how Commvault and MinIO are partnered to deliver
|
||||
performance at scale for mission critical backup and restore
|
||||
workloads.</small>
|
||||
</a>
|
||||
<a href="https://min.io/product/integrations" class="nav__sub" data-nav="integrations">
|
||||
<span>Integrations</span>
|
||||
<small>Browse our vast portfolio of integrations.</small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user