Changelog
<style>
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
body {
font-family: "Titillium Web", sans-serif;
}
:root {
/* Make hero/listing widths responsive with sensible min/max so cards can grow on large screens */
--hero-max-width: clamp(920px, 80%, 1400px);
--listings-bg: #0d0d0ddc; /* dark background for listings to contrast with cards */
--hero-padding-x: 70px; /* horizontal padding used in hero (single side) */
--hero-padding-y: 80px; /* vertical padding used in hero */
}
.changelog-page-container {
width : 100% ;
display: flex;
flex-direction: column;
}
/* Match the hero content width to the final API reference */
.changelog-hero-section {
display: flex;
background: linear-gradient(180deg, #DCE3E4 0%, #D3DBDC 100%);
align-items: center;
justify-content: center;
border-bottom-left-radius: 50% 10%;
border-bottom-right-radius: 50% 10%;
max-width: var(--hero-max-width);
margin: 0 auto;
padding: var(--hero-padding-y) var(--hero-padding-x);
box-sizing: border-box;
}
.changelog-hero-section > * {
padding: 10px;
}
/* Reduce hero padding and stack elements on small screens */
@media (max-width: 850px) {
.changelog-hero-section {
padding: 50px 24px;
max-width: 100%;
border-bottom-left-radius: 50% 8%;
border-bottom-right-radius: 50% 8%;
flex-direction: column;
}
/* Make listings full width on small screens and center cards */
.changelog-listings {
width: 100%;
padding-left: 12px;
padding-right: 12px;
box-sizing: border-box;
}
.listing-container {
width: calc(100% - 24px);
margin: 0.6rem auto;
max-width: none;
}
/* Cap hero image on small screens to keep layout balanced */
.changelog-image img {
width: 65%;
max-width: 420px;
height: auto;
margin: 0 auto;
}
}
.changelog-heading {
padding-left: 20px;
color: #1ac47a;
text-shadow:
-0.3px -0.3px 0 rgba(13, 13, 13, 0.3),
0.3px -0.3px 0 rgba(13, 13, 13, 0.3),
-0.3px 0.3px 0 rgba(13, 13, 13, 0.3),
0.3px 0.3px 0 rgba(13, 13, 13, 0.3);
}
.changelog-heading h1 {
font-size: 3.4rem;
}
.changelog-subtext p {
padding-left: 20px;
width: 80%;
font-size: 1.2rem;
}
.changelog-image img {
width: clamp(28rem, 40vw, 45rem);
max-width: 100%;
height: auto;
filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.15));
}
/* NOTE: Dark background intentionally used for listings to contrast with white cards */
.changelog-listings {
margin: 30px auto; /* center the listings block */
/* keep the same computed width but ensure block is centered */
width: calc(var(--hero-max-width) );
max-width: 100%;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
background: var(--listings-bg);
padding-top: 9px;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 10px;
box-sizing: border-box;
}
.listing-container {
padding: 12px 16px;
margin: 8px 0; /* slight vertical spacing between cards */
background: #fdfdfd;
border: 0.6px solid #0d0d0da2;
border-radius: 10px;
min-height: 100px;
width: calc(100% - 32px); /* inset within listings for side gutters */
max-width: calc(100% - 32px);
display: flex;
flex-direction: column;
align-content: space-between;
/* x-offset, y-offset, blur-radius, color-with-alpha */
filter: drop-shadow(8px 8px 0 #00e26db7);
box-sizing: border-box;
}
.api-changelog-subdetails p {
margin-left: 10px;
font-size: 1.2rem;
}
.api-name {
padding: 0 10px;
display: flex;
justify-content: space-between;
align-items: center
}
.api-name h1{
font-weight : 700;
}
.api-name img {
width: 25px;
}
.api-name img:hover {
cursor: pointer;
}
.api-changelog-subdetails {
display: flex;
justify-content: space-between;
gap: 20px;
}
.changelog-version-difference p {
margin-left: 10px;
font-weight: bold;
font-size: 1.4rem;
}
</style>A detailed track of updates, enhancements, and stability improvements to the Cohesity API ecosystem. Monitor schema migrations, endpoint deprecations, and performance optimizations to keep your secondary data orchestration seamless and secure
