Merge pull request #21 from Mazizova/blog-launch-oursql-universe

Publish the first blog post and add author-card support

Author: Mazizova

RESOURCES.md

@@ -142,6 +142,19 @@ date: 2026-05-27
 source: "Publication Name"
 ```
 
+**`content/resources/member-directory/`** (leaf bundle with photo) — subcategories: Members · Sponsors · Partners · Adopters · People · Awards. Every entry needs a `url` override so its address stays under `/resources/member-directory/<subcategory-slug>/`, not the flat content path:
+```yaml
+---
+title: "Full Name"
+url: "/resources/member-directory/people/full-name/"   # subcategory-slug matches the subcategories value, lowercased
+description: "One line — role, company."
+role: "Job title, Company · other affiliation"          # optional, shown on the profile and any author card
+subcategories: ["People"]
+images:
+  - photo.jpg
+---
+```
+
 > Slashes ("/") aren't safe inside a facet value — Hugo treats them as URL path separators and breaks the filter link. Use "&" or "," instead (e.g. "Slack, Discord & IRC", not "Slack / Discord / IRC").
 
 ---

assets/scss/_blog.scss

@@ -20,6 +20,7 @@
 }
 
 .post-card {
+  position: relative;
   background: $dark-card;
   border: 1px solid $dark-border;
   border-radius: 12px;
@@ -29,6 +30,12 @@
   flex-direction: column;
   transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
 
+  .post-card-link-overlay {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+  }
+
   &:hover {
     border-color: rgba($accent, 0.35);
     background: lighten($dark-card, 3%);
@@ -38,6 +45,25 @@
     .post-card-title {
       color: $accent;
     }
+
+    .post-card-image {
+      transform: scale(1.03);
+    }
+  }
+
+  .post-card-image-wrap {
+    display: block;
+    overflow: hidden;
+    border-bottom: 1px solid $dark-border;
+    background: $dark-surface;
+  }
+
+  .post-card-image {
+    display: block;
+    width: 100%;
+    aspect-ratio: 16 / 9;
+    object-fit: cover;
+    transition: transform 0.3s ease;
   }
 
   .post-card-body {
@@ -85,6 +111,16 @@
 
     .post-author {
       color: $muted;
+
+      &.post-author--link {
+        position: relative;
+        z-index: 2;
+        text-decoration: none;
+
+        &:hover {
+          color: $accent;
+        }
+      }
     }
 
     .dot {
@@ -138,14 +174,28 @@
     .post-meta {
       display: flex;
       align-items: center;
-      gap: 1rem;
+      gap: 0.625rem;
       font-size: 0.875rem;
       color: $muted;
       flex-wrap: wrap;
 
       .post-author {
         color: $off-white;
         font-weight: 500;
+        text-decoration: none;
+
+        &[href]:hover {
+          color: $accent;
+        }
+      }
+
+      .dot {
+        width: 3px;
+        height: 3px;
+        border-radius: 50%;
+        background: $dark-border;
+        flex-shrink: 0;
+        display: inline-block;
       }
     }
   }
@@ -199,6 +249,79 @@
     }
   }
 
+  .author-card {
+    display: flex;
+    align-items: flex-start;
+    gap: 1.25rem;
+    margin-top: 3rem;
+    padding: 1.75rem;
+    background: $dark-card;
+    border: 1px solid $dark-border;
+    border-radius: 14px;
+    text-decoration: none;
+    transition: border-color 0.2s ease, transform 0.2s ease;
+
+    &:hover {
+      border-color: rgba($accent, 0.35);
+      transform: translateY(-2px);
+
+      .author-card-link {
+        color: $accent;
+      }
+    }
+  }
+
+  .author-card-photo {
+    width: 72px;
+    height: 72px;
+    border-radius: 50%;
+    object-fit: cover;
+    border: 1px solid $dark-border;
+    flex-shrink: 0;
+  }
+
+  .author-card-body {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+  }
+
+  .author-card-label {
+    font-size: 0.6875rem;
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: $muted;
+    margin-bottom: 0.375rem;
+  }
+
+  .author-card-name {
+    font-size: 1.0625rem;
+    font-weight: 700;
+    color: $off-white;
+  }
+
+  .author-card-role {
+    font-size: 0.8125rem;
+    color: $muted;
+    margin-top: 0.15rem;
+  }
+
+  .author-card-desc {
+    font-size: 0.875rem;
+    color: $muted;
+    line-height: 1.6;
+    margin: 0.625rem 0 0;
+  }
+
+  .author-card-link {
+    font-size: 0.8125rem;
+    font-weight: 500;
+    color: $accent;
+    margin-top: 0.875rem;
+    transition: color 0.2s ease;
+  }
+
   .post-footer {
     margin-top: 3rem;
     padding-top: 2rem;
@@ -233,4 +356,14 @@
       grid-column: 1;
     }
   }
+
+  .author-card {
+    padding: 1.25rem;
+    gap: 1rem;
+  }
+
+  .author-card-photo {
+    width: 56px;
+    height: 56px;
+  }
 }

assets/scss/_light-theme.scss

@@ -551,4 +551,88 @@
 
     .footer-bottom p { color: #94a3b8; }
   }
+
+  // Blog
+  .blog-header {
+    border-bottom-color: #dde3ed;
+    p { color: #64748b; }
+  }
+
+  .post-card {
+    background: #ffffff;
+    border-color: #dde3ed;
+
+    &:hover {
+      border-color: rgba(0, 200, 255, 0.35);
+      background: #f8f9fc;
+
+      .post-card-title { color: #0272a5; }
+    }
+
+    .post-card-title { color: #0f172a; }
+    .post-card-excerpt { color: #64748b; }
+    .post-card-image-wrap {
+      background: #f1f5f9;
+      border-bottom-color: #dde3ed;
+    }
+    .post-card-meta {
+      color: #94a3b8;
+      border-top-color: #dde3ed;
+
+      .post-author { color: #334155; }
+      .dot { background: #dde3ed; }
+    }
+  }
+
+  .post-layout {
+    .post-header {
+      border-bottom-color: #dde3ed;
+
+      .post-tags .tag {
+        background: rgba(0, 200, 255, 0.06);
+        border-color: rgba(0, 200, 255, 0.2);
+      }
+
+      .post-meta {
+        color: #64748b;
+
+        .post-author {
+          color: #0f172a;
+          &[href]:hover { color: #0272a5; }
+        }
+
+        .dot { background: #dde3ed; }
+      }
+    }
+
+    .post-content {
+      h2, h3 { color: #0f172a; }
+      h2 { border-bottom-color: #dde3ed; }
+      li { color: #334155; }
+      hr { border-top-color: #dde3ed; }
+      .post-hero-image { border-color: #dde3ed; }
+    }
+
+    .post-footer .back-link {
+      color: #64748b;
+      &:hover { color: #0272a5; }
+    }
+  }
+
+  .author-card {
+    background: #ffffff;
+    border-color: #dde3ed;
+
+    &:hover {
+      border-color: rgba(0, 200, 255, 0.35);
+      .author-card-link { color: #0272a5; }
+    }
+  }
+
+  .author-card-photo { border-color: #dde3ed; }
+  .author-card-label { color: #94a3b8; }
+  .author-card-name { color: #0f172a; }
+  .author-card-role,
+  .author-card-desc { color: #64748b; }
+  .author-card-link { color: #0272a5; }
 }

content/blog/introducing-oursql-foundation/blog1.png

@@ -0,0 +1,53 @@
+---
+title: "Introducing the OurSQL Foundation"
+description: "Why we created a vendor-neutral home for the MySQL ecosystem — and what we're doing first, from mapping the OurSQL Universe to our first conference booth."
+date: 2026-09-02
+tags:
+- Announcement
+author: "Vadim Tkachenko"
+author_page: "/resources/member-directory/vadim-tkachenko"
+image: "blog1.png"
+hero_image: false
+---
+
+Earlier this year, we held two MySQL Summits where we discussed concerns that the MySQL ecosystem has stalled and that MySQL is no longer the automatic first choice for new projects.
+
+Despite these concerns, we recognize that MySQL remains widely deployed in production and is still an excellent database for building a business.
+
+We believe this slow growth stems from the lack of a neutral party to represent the diverse players in the MySQL ecosystem. MySQL is controlled by Oracle Corporation, which pursues its own commercial interests and does not necessarily account for the needs of other vendors.
+
+That is why we created the OurSQL Foundation: to represent the interests of the broader MySQL ecosystem.
+
+## What the Foundation is
+
+**Independent.** Not owned, controlled, or governed by any single vendor.
+
+**Vendor-neutral.** Open to everyone working on or with MySQL: users, providers, consultants, distributions.
+
+**Non-profit.** Organized as a 501(c)(6) trade association representing the broad MySQL community.
+
+**Community-led.** Governed by a founding board drawn from across the ecosystem.
+
+## Our mission
+
+The Foundation exists to serve individuals and organizations engaged in or supporting the *development, deployment, and sustainability of open source, MySQL-compatible database technologies in a vendor-neutral ecosystem.*
+
+## We view MySQL like Linux
+
+Just as Linux thrives through a diverse community of distributions and vendors, so too can MySQL. Whether it is Oracle MySQL, Percona, PlanetScale and Vitess, PingCAP and TiDB, VillageSQL, MariaDB, AliSQL, AWS RDS for MySQL, or Google Cloud SQL, we view all of these as vital contributors to the success of MySQL. If your software or service helps MySQL users succeed, you are a part of the MySQL ecosystem.
+
+## Our first step
+
+Our initial focus is to map the ecosystem and increase the visibility of smaller projects. To start, we are building a comprehensive map of the MySQL landscape, which we call the "[OurSQL Universe](/resources/)."
+
+Please help us in this effort and [suggest resources](/resources/contribute/) that might be missing. You can also join our [Slack](https://join.slack.com/t/oursqlfoundation/shared_invite/zt-480k6h62a-t0HalCPwvXUC_lpd4aNylA).
+
+We will also participate in [Percona Live Amsterdam](https://perconalive.com/2026-amsterdam/) on September 9–11 with our first pilot: MySQL Ecosystem Spotlight, where the Foundation shares its booth with smaller projects.
+
+At our first conference booth, we could simply introduce the Foundation. Instead, we want to use this space to highlight smaller MySQL ecosystem projects and give them a chance to meet the conference audience, show demos, answer questions, and explain what they are building.
+
+This is the kind of role we want the Foundation to play: not to replace existing vendors, projects, or communities, but to create more visibility, more connections, and more shared space for the ecosystem as a whole.
+
+If you are building something around MySQL, we want to hear from you. If you know a project, tool, service, event, book, or community that should be easier to find, please suggest it. Let's make that ecosystem visible.
+
+— Vadim Tkachenko, *OurSQL Foundation, President*

content/blog/introducing-oursql-foundation/index.md

@@ -0,0 +1,21 @@
+---
+title: "Vadim Tkachenko"
+url: "/resources/member-directory/people/vadim-tkachenko/"
+description: "Technology Fellow and Co-Founder of Percona, and President of the OurSQL Foundation."
+role: "President, OurSQL Foundation · Technology Fellow & Co-Founder, Percona"
+subcategories:
+- People
+roles:
+- Author
+- Consultant
+recognition:
+- OurSQL Contributor
+images:
+- photo.jpeg
+---
+
+Vadim Tkachenko is Technology Fellow and Co-Founder of Percona, a company he co-founded in 2006 to support open source database users. He has spent his career working on database performance, scalability, benchmarking, and technology research across MySQL and other open source database systems. At Percona, he has led research and performance evaluation efforts focused on databases, storage engines, filesystems, and infrastructure design.
+
+Vadim is also widely recognized in the MySQL community as a long-time technical leader and co-author of *High Performance MySQL*. He serves as President of the OurSQL Foundation.
+
+**Connect:** [LinkedIn](https://www.linkedin.com/in/vadimtk/) · [X](https://x.com/VadimTk)