Skip to content

Commit c6aa753

Browse files
dbazhenovdbazhenov
committed
Add press release, light/dark theme, SVG logo, simplified issue template
1 parent 2d03e1f commit c6aa753

9 files changed

Lines changed: 502 additions & 88 deletions

File tree

‎.github/ISSUE_TEMPLATE/get-involved.yml‎

Lines changed: 8 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,86 +1,23 @@
11
name: "Get Involved"
2-
description: "Tell us who you are and what you'd like to work on."
3-
title: "Get involved: [your name or org]"
2+
description: "Say hello — we'll take it from there."
3+
title: "Get involved: [your name]"
44
labels: ["get-involved"]
55
body:
66
- type: markdown
77
attributes:
88
value: |
9-
Open this issue, fill in what's relevant, and we'll pick up the conversation here.
10-
11-
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.
12-
13-
- type: dropdown
14-
id: role
15-
attributes:
16-
label: "What do you do?"
17-
options:
18-
- Developer / Software Engineer
19-
- Database Administrator (DBA)
20-
- DevOps / SRE / Platform Engineer
21-
- Architect / Tech Lead
22-
- Engineering Manager / CTO
23-
- Researcher / Academic
24-
- Open source maintainer
25-
- Company or organization representative
26-
- Other
27-
validations:
28-
required: true
29-
30-
- type: checkboxes
31-
id: participation
32-
attributes:
33-
label: "How do you want to contribute?"
34-
description: "Check whatever applies. You can change direction later."
35-
options:
36-
- label: "Writing code or doing technical work"
37-
- label: "Testing"
38-
- label: "Writing documentation or blog posts"
39-
- label: "Community work and outreach"
40-
- label: "Advocating for open source MySQL licensing"
41-
- label: "Representing my company or organization"
42-
- label: "Sponsoring or funding foundation work"
43-
- label: "Participating in governance"
44-
- label: "Staying informed for now"
45-
46-
- type: textarea
47-
id: background
48-
attributes:
49-
label: "Background"
50-
description: "What do you work on? What's your history with MySQL-compatible databases?"
51-
placeholder: "I've been running MySQL in production for X years, currently working on..."
52-
validations:
53-
required: false
9+
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.
5410
5511
- type: textarea
56-
id: interest
57-
attributes:
58-
label: "What brought you here?"
59-
description: "A specific problem, a licensing concern, a project you maintain — whatever it is."
60-
placeholder: "I care about this because..."
61-
validations:
62-
required: false
63-
64-
- type: input
65-
id: organization
12+
id: message
6613
attributes:
67-
label: "Organization"
68-
description: "Company, project, or community — if relevant."
69-
placeholder: "Acme Corp / my-oss-project / independent"
14+
label: "Who are you and what brings you here?"
15+
placeholder: "Hey, I'm [name] from [company/project]. I've been working with MySQL for X years and I'm interested in..."
7016
validations:
71-
required: false
72-
73-
- type: input
74-
id: links
75-
attributes:
76-
label: "Links"
77-
description: "GitHub profile, personal site, anything useful."
78-
placeholder: "https://github.com/yourhandle"
79-
validations:
80-
required: false
17+
required: true
8118

8219
- type: markdown
8320
attributes:
8421
value: |
8522
---
86-
This issue is public. Only share what you're comfortable with. You can also reach us at [hello@oursql.org](mailto:hello@oursql.org).
23+
This issue is public. You can also reach us at [contact@oursqlfoundation.org](mailto:contact@oursqlfoundation.org).

‎assets/scss/_header.scss‎

Lines changed: 30 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -29,18 +29,39 @@
2929
align-items: center;
3030
text-decoration: none;
3131
outline: none;
32+
}
3233

33-
.logo-text {
34-
font-size: 1.25rem;
35-
font-weight: 800;
36-
letter-spacing: -0.02em;
37-
color: $white;
38-
line-height: 1;
34+
.logo-img {
35+
height: 36px;
36+
width: auto;
37+
display: block;
38+
}
3939

40-
span {
41-
color: $accent;
42-
}
40+
.logo-img--light { display: none; }
41+
42+
.theme-toggle {
43+
background: none;
44+
border: 1px solid $dark-border;
45+
border-radius: 8px;
46+
width: 36px;
47+
height: 36px;
48+
display: flex;
49+
align-items: center;
50+
justify-content: center;
51+
cursor: pointer;
52+
color: $muted;
53+
transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
54+
flex-shrink: 0;
55+
padding: 0;
56+
57+
&:hover {
58+
border-color: rgba($accent, 0.4);
59+
color: $accent;
60+
background: $accent-glow;
4361
}
62+
63+
.icon-moon { display: none; }
64+
svg { display: flex; }
4465
}
4566

4667
.site-nav {

‎assets/scss/_hero.scss‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
.hero {
2-
min-height: 100vh;
2+
min-height: 75vh;
33
display: flex;
44
flex-direction: column;
55
align-items: center;
66
justify-content: center;
77
text-align: center;
8-
padding: 120px 2rem 80px;
8+
padding: 50px 2rem 30px;
99
position: relative;
1010
overflow: hidden;
1111

@@ -121,6 +121,7 @@
121121
border: 1px solid $dark-border;
122122
color: $off-white;
123123
background: transparent;
124+
font-size: 1.0625rem;
124125

125126
&:hover {
126127
border-color: rgba($accent, 0.4);
@@ -190,7 +191,8 @@
190191

191192
@media (max-width: $break-md) {
192193
.hero {
193-
padding: 100px 1.5rem 60px;
194+
min-height: unset;
195+
padding: 60px 1.5rem 40px;
194196
}
195197

196198
.hero-title {

‎assets/scss/_light-theme.scss‎

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
// ── Light theme overrides ──────────────────────────────────────────────────
2+
// Applied when <html data-theme="light">
3+
4+
[data-theme="light"] {
5+
6+
body {
7+
background: #f8f9fc;
8+
color: #0f172a;
9+
}
10+
11+
// Header
12+
.site-header {
13+
background: rgba(#fff, 0.92);
14+
border-bottom-color: #dde3ed;
15+
}
16+
17+
// Logo
18+
.logo-img--dark { display: none; }
19+
.logo-img--light { display: block; }
20+
21+
// Theme toggle button
22+
.theme-toggle {
23+
border-color: #dde3ed;
24+
color: #64748b;
25+
26+
&:hover {
27+
border-color: rgba(0, 200, 255, 0.5);
28+
color: #0272a5;
29+
background: rgba(0, 200, 255, 0.06);
30+
}
31+
32+
.icon-sun { display: none; }
33+
.icon-moon { display: flex; }
34+
}
35+
36+
// Hero
37+
.hero {
38+
&::before {
39+
background:
40+
radial-gradient(ellipse 60% 50% at 50% 0%, rgba(0, 200, 255, 0.05) 0%, transparent 70%),
41+
radial-gradient(ellipse 40% 40% at 80% 60%, rgba(0, 153, 204, 0.03) 0%, transparent 60%);
42+
}
43+
&::after {
44+
background: linear-gradient(90deg, transparent, #dde3ed, transparent);
45+
}
46+
}
47+
48+
// Global typography overrides
49+
h1, h2, h3, h4, h5, h6 { color: #0f172a; }
50+
p { color: #334155; }
51+
strong { color: #0f172a; }
52+
53+
.hero-title { color: #0f172a; }
54+
.hero-description { color: #64748b; }
55+
56+
.btn-outline {
57+
border-color: #cbd5e1;
58+
color: #334155;
59+
background: transparent;
60+
61+
&:hover {
62+
border-color: rgba(0, 200, 255, 0.5);
63+
color: #0272a5;
64+
background: rgba(0, 200, 255, 0.05);
65+
}
66+
}
67+
68+
// Press release — match dark-theme specificity (.press-release .press-release-inner …)
69+
.press-release {
70+
background: #ffffff;
71+
border-top-color: #dde3ed;
72+
73+
.press-release-inner {
74+
h2 { color: #0f172a; }
75+
76+
h3 {
77+
color: #0f172a;
78+
border-bottom-color: #dde3ed;
79+
}
80+
81+
h4 { color: #0272a5; }
82+
83+
p { color: #334155; }
84+
85+
ul li { color: #334155; }
86+
87+
blockquote {
88+
background: #f1f5f9;
89+
border-color: #dde3ed;
90+
border-left-color: #00c8ff;
91+
92+
p { color: #334155; }
93+
cite { color: #1e293b; }
94+
}
95+
96+
.faq-item { border-bottom-color: #dde3ed; }
97+
}
98+
}
99+
100+
.press-date { color: #64748b; }
101+
.press-lead { color: #1e293b !important; }
102+
.press-note {
103+
color: #94a3b8 !important;
104+
border-top-color: #dde3ed;
105+
}
106+
107+
// CTA strip
108+
.cta-strip {
109+
background: #eef2f7;
110+
border-top-color: #dde3ed;
111+
112+
h2 { color: #0f172a; }
113+
p { color: #64748b; }
114+
}
115+
116+
// Footer
117+
.site-footer {
118+
background: #eef2f7;
119+
border-top-color: #dde3ed;
120+
121+
.footer-bottom p { color: #94a3b8; }
122+
}
123+
}

0 commit comments

Comments
 (0)