Merge pull request #4 from OurSQLFoundation/letter

Launch homepage: press release, light/dark theme, SVG logoLetter

Author: dbazhenov

.github/ISSUE_TEMPLATE/get-involved.yml

@@ -1,86 +1,23 @@
 name: "Get Involved"
-description: "Tell us who you are and what you'd like to work on."
-title: "Get involved: [your name or org]"
+description: "Say hello — we'll take it from there."
+title: "Get involved: [your name]"
 labels: ["get-involved"]
 body:
   - type: markdown
     attributes:
       value: |
-        Open this issue, fill in what's relevant, and we'll pick up the conversation here.
-
-        You don't need a finished proposal. "I run MySQL at $company and want to understand what the foundation is doing" is a perfectly good starting point.
-
-  - type: dropdown
-    id: role
-    attributes:
-      label: "What do you do?"
-      options:
-        - Developer / Software Engineer
-        - Database Administrator (DBA)
-        - DevOps / SRE / Platform Engineer
-        - Architect / Tech Lead
-        - Engineering Manager / CTO
-        - Researcher / Academic
-        - Open source maintainer
-        - Company or organization representative
-        - Other
-    validations:
-      required: true
-
-  - type: checkboxes
-    id: participation
-    attributes:
-      label: "How do you want to contribute?"
-      description: "Check whatever applies. You can change direction later."
-      options:
-        - label: "Writing code or doing technical work"
-        - label: "Testing"
-        - label: "Writing documentation or blog posts"
-        - label: "Community work and outreach"
-        - label: "Advocating for open source MySQL licensing"
-        - label: "Representing my company or organization"
-        - label: "Sponsoring or funding foundation work"
-        - label: "Participating in governance"
-        - label: "Staying informed for now"
-
-  - type: textarea
-    id: background
-    attributes:
-      label: "Background"
-      description: "What do you work on? What's your history with MySQL-compatible databases?"
-      placeholder: "I've been running MySQL in production for X years, currently working on..."
-    validations:
-      required: false
+        No form to fill out, just say hi. Tell us who you are and what's on your mind — we'll take it from there.
 
   - type: textarea
-    id: interest
-    attributes:
-      label: "What brought you here?"
-      description: "A specific problem, a licensing concern, a project you maintain — whatever it is."
-      placeholder: "I care about this because..."
-    validations:
-      required: false
-
-  - type: input
-    id: organization
+    id: message
     attributes:
-      label: "Organization"
-      description: "Company, project, or community — if relevant."
-      placeholder: "Acme Corp / my-oss-project / independent"
+      label: "Who are you and what brings you here?"
+      placeholder: "Hey, I'm [name] from [company/project]. I've been working with MySQL for X years and I'm interested in..."
     validations:
-      required: false
-
-  - type: input
-    id: links
-    attributes:
-      label: "Links"
-      description: "GitHub profile, personal site, anything useful."
-      placeholder: "https://github.com/yourhandle"
-    validations:
-      required: false
+      required: true
 
   - type: markdown
     attributes:
       value: |
         ---
-        This issue is public. Only share what you're comfortable with. You can also reach us at [hello@oursql.org](mailto:hello@oursql.org).
+        This issue is public. You can also reach us at [contact@oursqlfoundation.org](mailto:contact@oursqlfoundation.org).

README.md

@@ -1,59 +1,71 @@
 # OurSQL Foundation
 
-OurSQL Foundation is a vendor-neutral nonprofit dedicated to the advancement and sustainability of open source MySQL-compatible database technologies.
+OurSQL Foundation is an independent, community-led 501(c)(6) nonprofit supporting the users, developers, and companies invested in MySQL and compatible technologies.
 
-This repository contains the source for [oursqlfoundation.com](https://oursqlfoundation.com) — a Hugo static site published via GitHub Pages.
+**Website:** [oursqlfoundation.org](https://oursqlfoundation.org) · **Contact:** [contact@oursqlfoundation.org](mailto:contact@oursqlfoundation.org)
 
-## Run it locally
+---
 
-The site uses Hugo (extended version). Install it first.
+## About
 
-**macOS:**
-```bash
-brew install hugo
-```
+OurSQL Foundation was launched on May 27, 2026, to provide a venue for the MySQL community — those using, building, and deploying applications on MySQL or compatible software — to share knowledge, collaborate, and have a collective voice on the future of the ecosystem.
 
-**Other platforms:** see [gohugo.io/installation](https://gohugo.io/installation/).
+The Foundation is a separate legal entity, independent of any single vendor, that will support the community through:
 
-Clone the repository:
+- **Governance** — a vendor-neutral model where participation is evaluated on merit
+- **Shared community assets** — public bug database, tools portal, security transparency log
+- **Events** — virtual and in-person collaboration around MySQL's future
+- **Education** — training materials, certification, and academic partnerships
 
-```bash
-git clone git@github.com:OurSQLFoundation/OurSQLFoundation.github.io.git
-cd OurSQLFoundation
-```
+### Founding Board
 
-Start the dev server:
+- **Vadim Tkachenko**, Technology Fellow and Co-Founder, Percona — President
+- **Matt Lord**, Software Engineer, PlanetScale — Secretary
+- **Sunny Bains**, Software Architect, PingCAP
+- **Tomas Ulin**, VillageSQL — Treasurer
+- **Zongzhi Chen**, Manager, Cloud RDS Team, Alibaba
+- **Jean-François Gagné**, MySQL Expert and Independent Consultant
+- **Peter Zaitsev**, Co-Founder, Percona
 
-```bash
-hugo server -D
-```
-
-Open [localhost:1313](http://localhost:1313) in your browser.
+## Get involved
 
-## Make changes with Claude Code
+[Open an issue](https://github.com/OurSQLFoundation/OurSQLFoundation.github.io/issues/new?template=get-involved.yml) and tell us who you are — we'll take it from there.
 
-Add the project folder to [Claude Code](https://claude.ai/code). Then describe what you want changed — a new blog post, a copy edit, a layout tweak. Claude reads the Hugo project structure directly and edits the right files.
+---
 
-Run `hugo server -D` to verify the result at [localhost:1313](http://localhost:1313) before committing.
+## Contributing to this site
 
-## Contribute
+This repository contains the source for [oursqlfoundation.org](https://oursqlfoundation.org) — a Hugo static site published via GitHub Pages.
 
 Work in a branch, not on `main`:
 
 ```bash
 git checkout -b your-branch-name
 ```
 
-Make your changes, then commit and push:
+Make your changes, commit, push, and open a pull request. Keep PRs focused — one change per PR makes review faster.
 
+## Running locally
+
+The site uses Hugo extended. Install it first.
+
+**macOS:**
 ```bash
-git add .
-git commit -m "describe what you changed"
-git push origin your-branch-name
+brew install hugo
 ```
 
-Open a pull request on GitHub. Keep PRs focused — one change per PR makes review faster.
+**Other platforms:** [gohugo.io/installation](https://gohugo.io/installation/)
 
-## Get involved
+Clone and start the dev server:
+
+```bash
+git clone git@github.com:OurSQLFoundation/OurSQLFoundation.github.io.git
+cd OurSQLFoundation.github.io
+hugo server -D
+```
+
+Open [localhost:1313](http://localhost:1313) in your browser.
+
+---
 
-Not sure where to start? [Open an issue](https://github.com/OurSQLFoundation/OurSQLFoundation.github.io/issues/new?template=get-involved.yml) and tell us who you are and what you'd like to work on.
+*Oracle and MySQL are registered trademarks of Oracle and/or its affiliates. Other names may be trademarks of their respective owners.*

assets/images/social_cover.jpg

@@ -78,6 +78,46 @@
     }
   }
 
+  .footer-logos {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    padding-bottom: 1.25rem;
+    margin-bottom: 1.25rem;
+    border-bottom: 1px solid $dark-border;
+    flex-wrap: wrap;
+
+    .footer-logos-label {
+      font-size: 0.75rem;
+      font-weight: 600;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+      color: $muted;
+      white-space: nowrap;
+    }
+
+    .footer-logos-links {
+      display: flex;
+      gap: 0.5rem;
+      flex-wrap: wrap;
+
+      a {
+        font-size: 0.8125rem;
+        color: $muted;
+        text-decoration: none;
+        border: 1px solid $dark-border;
+        border-radius: 6px;
+        padding: 0.25rem 0.625rem;
+        transition: color 0.2s ease, border-color 0.2s ease;
+
+        &:hover {
+          color: $off-white;
+          border-color: rgba($accent, 0.3);
+        }
+      }
+    }
+  }
+
   .footer-bottom {
     display: flex;
     align-items: center;

assets/scss/_footer.scss

@@ -29,18 +29,39 @@
   align-items: center;
   text-decoration: none;
   outline: none;
+}
 
-  .logo-text {
-    font-size: 1.25rem;
-    font-weight: 800;
-    letter-spacing: -0.02em;
-    color: $white;
-    line-height: 1;
+.logo-img {
+  height: 36px;
+  width: auto;
+  display: block;
+}
 
-    span {
-      color: $accent;
-    }
+.logo-img--light { display: none; }
+
+.theme-toggle {
+  background: none;
+  border: 1px solid $dark-border;
+  border-radius: 8px;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: $muted;
+  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
+  flex-shrink: 0;
+  padding: 0;
+
+  &:hover {
+    border-color: rgba($accent, 0.4);
+    color: $accent;
+    background: $accent-glow;
   }
+
+  .icon-moon { display: none; }
+  svg { display: flex; }
 }
 
 .site-nav {

assets/scss/_header.scss

@@ -1,11 +1,11 @@
 .hero {
-  min-height: 100vh;
+  min-height: 75vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
-  padding: 120px 2rem 80px;
+  padding: 50px 2rem 30px;
   position: relative;
   overflow: hidden;
 
@@ -121,6 +121,7 @@
     border: 1px solid $dark-border;
     color: $off-white;
     background: transparent;
+    font-size: 1.0625rem;
 
     &:hover {
       border-color: rgba($accent, 0.4);
@@ -190,7 +191,8 @@
 
 @media (max-width: $break-md) {
   .hero {
-    padding: 100px 1.5rem 60px;
+    min-height: unset;
+    padding: 60px 1.5rem 40px;
   }
 
   .hero-title {