diff --git a/assets/scss/pages/_home.scss b/assets/scss/pages/_home.scss index f620997c4..9996345f5 100644 --- a/assets/scss/pages/_home.scss +++ b/assets/scss/pages/_home.scss @@ -26,4 +26,63 @@ ul.cta-group { .home-stories .projects-container { max-height: 80vh; overflow-y: auto; +} + +// Blog cards grid - responsive layout for recent posts +.blog-cards-grid { + .archive { + display: grid; + grid-template-columns: 1fr; + gap: 2rem; + + // 2 cards on tablets+ + @media (min-width: 768px) { + grid-template-columns: repeat(3, 1fr); + } + } +} + +// Recent posts in a single row on medium+ screens +.recent-posts-row { + .col-12 { + .card { + display: flex; + flex-direction: column; + + .card-image { + height: 200px; + overflow: hidden; + flex-shrink: 0; + + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + + .card-text { + flex-grow: 1; + } + } + + // Single row on medium and larger screens + @media (min-width: 768px) { + display: flex; + flex-wrap: wrap; + gap: 1.5rem; + align-items: stretch; + + .card { + flex: 1; + min-width: 0; // Prevent flex items from overflowing + margin-bottom: 0; + } + + .see-all { + flex-basis: 100%; // Force see-all to take full width and wrap to new line + margin-top: 0; + } + } + } } \ No newline at end of file diff --git a/content/_index.md b/content/_index.md index 4d6388a91..4cfb478d8 100644 --- a/content/_index.md +++ b/content/_index.md @@ -41,15 +41,14 @@ sections: - block: markdown id: service content: - title: We help communities build their own interactive computing hub in the cloud with open infrastructure + title: We give communities a digital hub with the tools, resources, and data for their workflows subtitle: text: | {{< servicetech >}} - - 2i2c stands for **the International Interactive Computing Collaboration**. Our [community hub platform and consultancy services](/platform) ensure your community makes the best use of open infrastructure for interactive computing in the cloud. - - We serve **over 90 communities across the globe** with **over 7000 active users** dedicated to creating and sharing knowledge. See [our community impact stories](/communities) for inspiration. + + Membership in 2i2c's [community network](./join/_index.md) provides access to our [hub platform and services](/platform) so your community can create an share knowledge with your own open infrastructure. We serve [over 90 communities](./members/index.md) in research and education. See [our community impact stories](/communities) for inspiration. +