Skip to content

Commit 69c56f4

Browse files
mekanixmekanix
committed
Switch to chota CSS
1 parent dbd13c4 commit 69c56f4

6 files changed

Lines changed: 514 additions & 360 deletions

File tree

‎features.html‎

Lines changed: 1 addition & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -6,74 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>Maolan – Open Source Digital Audio Workstation</title>
88
<meta name="description" content="A modern Rust-based DAW for recording, MIDI editing, automation, and music production. Open source, transparent, and community-driven.">
9-
<script src="https://cdn.tailwindcss.com"></script>
10-
<style>
11-
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap");
12-
body {
13-
font-family: "Inter", sans-serif;
14-
}
15-
code {
16-
font-family: "JetBrains Mono", monospace;
17-
}
18-
.gradient-dark {
19-
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
20-
}
21-
.gradient-accent {
22-
background: linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);
23-
}
24-
.glow-blue {
25-
box-shadow: 0 0 30px rgba(0, 212, 255, 0.2);
26-
}
27-
.feature-card {
28-
background: linear-gradient(
29-
135deg,
30-
rgba(255, 255, 255, 0.05) 0%,
31-
rgba(255, 255, 255, 0.02) 100%
32-
);
33-
border: 1px solid rgba(0, 212, 255, 0.1);
34-
transition: all 0.3s ease;
35-
}
36-
.feature-card:hover {
37-
border-color: rgba(0, 212, 255, 0.3);
38-
background: linear-gradient(
39-
135deg,
40-
rgba(255, 255, 255, 0.08) 0%,
41-
rgba(255, 255, 255, 0.03) 100%
42-
);
43-
box-shadow: 0 0 20px rgba(0, 212, 255, 0.15);
44-
}
45-
.btn-primary {
46-
background: linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);
47-
color: #0a0e27;
48-
font-weight: 600;
49-
transition: all 0.3s ease;
50-
}
51-
.btn-primary:hover {
52-
transform: translateY(-2px);
53-
box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);
54-
}
55-
.btn-secondary {
56-
border: 1.5px solid rgba(0, 212, 255, 0.5);
57-
color: #00d4ff;
58-
font-weight: 600;
59-
transition: all 0.3s ease;
60-
}
61-
.btn-secondary:hover {
62-
background: rgba(0, 212, 255, 0.1);
63-
border-color: #00d4ff;
64-
transform: translateY(-2px);
65-
}
66-
.section-title {
67-
font-size: 2.5rem;
68-
font-weight: 700;
69-
letter-spacing: -0.02em;
70-
}
71-
@media (max-width: 768px) {
72-
.section-title {
73-
font-size: 1.875rem;
74-
}
75-
}
76-
</style>
9+
<link rel="stylesheet" href="styles/site.css">
7710
</head>
7811
<body class="bg-slate-950 text-slate-100">
7912
<nav class="fixed w-full top-0 z-50 backdrop-blur-md bg-slate-950/80 border-b border-slate-800">

‎index.html‎

Lines changed: 1 addition & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -12,74 +12,7 @@
1212
name="description"
1313
content="A modern Rust-based DAW for recording, MIDI editing, automation, and music production. Open source, transparent, and community-driven."
1414
/>
15-
<script src="https://cdn.tailwindcss.com"></script>
16-
<style>
17-
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap");
18-
body {
19-
font-family: "Inter", sans-serif;
20-
}
21-
code {
22-
font-family: "JetBrains Mono", monospace;
23-
}
24-
.gradient-dark {
25-
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
26-
}
27-
.gradient-accent {
28-
background: linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);
29-
}
30-
.glow-blue {
31-
box-shadow: 0 0 30px rgba(0, 212, 255, 0.2);
32-
}
33-
.feature-card {
34-
background: linear-gradient(
35-
135deg,
36-
rgba(255, 255, 255, 0.05) 0%,
37-
rgba(255, 255, 255, 0.02) 100%
38-
);
39-
border: 1px solid rgba(0, 212, 255, 0.1);
40-
transition: all 0.3s ease;
41-
}
42-
.feature-card:hover {
43-
border-color: rgba(0, 212, 255, 0.3);
44-
background: linear-gradient(
45-
135deg,
46-
rgba(255, 255, 255, 0.08) 0%,
47-
rgba(255, 255, 255, 0.03) 100%
48-
);
49-
box-shadow: 0 0 20px rgba(0, 212, 255, 0.15);
50-
}
51-
.btn-primary {
52-
background: linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);
53-
color: #0a0e27;
54-
font-weight: 600;
55-
transition: all 0.3s ease;
56-
}
57-
.btn-primary:hover {
58-
transform: translateY(-2px);
59-
box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);
60-
}
61-
.btn-secondary {
62-
border: 1.5px solid rgba(0, 212, 255, 0.5);
63-
color: #00d4ff;
64-
font-weight: 600;
65-
transition: all 0.3s ease;
66-
}
67-
.btn-secondary:hover {
68-
background: rgba(0, 212, 255, 0.1);
69-
border-color: #00d4ff;
70-
transform: translateY(-2px);
71-
}
72-
.section-title {
73-
font-size: 2.5rem;
74-
font-weight: 700;
75-
letter-spacing: -0.02em;
76-
}
77-
@media (max-width: 768px) {
78-
.section-title {
79-
font-size: 1.875rem;
80-
}
81-
}
82-
</style>
15+
<link rel="stylesheet" href="styles/site.css" />
8316
</head>
8417
<body class="bg-slate-950 text-slate-100">
8518
<!-- Navigation -->

‎osc.html‎

Lines changed: 1 addition & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -8,81 +8,7 @@
88
name="description"
99
content="Reference for enabling Maolan OSC support, transport command addresses, listener settings, and the maolan-osc helper binary."
1010
/>
11-
<script src="https://cdn.tailwindcss.com"></script>
12-
<style>
13-
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap");
14-
15-
:root {
16-
--maolan-bg: #020617;
17-
--maolan-panel: rgba(15, 23, 42, 0.78);
18-
--maolan-line: rgba(56, 189, 248, 0.16);
19-
--maolan-accent: #00d4ff;
20-
--maolan-accent-strong: #0099ff;
21-
}
22-
23-
body {
24-
font-family: "Inter", sans-serif;
25-
background:
26-
radial-gradient(circle at top right, rgba(0, 153, 255, 0.18), transparent 28%),
27-
radial-gradient(circle at bottom left, rgba(0, 212, 255, 0.14), transparent 32%),
28-
linear-gradient(180deg, #0f172a 0%, #020617 40%, #020617 100%);
29-
}
30-
31-
code,
32-
pre {
33-
font-family: "JetBrains Mono", monospace;
34-
}
35-
36-
.gradient-dark {
37-
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
38-
}
39-
40-
.glass-card {
41-
background: linear-gradient(
42-
135deg,
43-
rgba(255, 255, 255, 0.06) 0%,
44-
rgba(255, 255, 255, 0.025) 100%
45-
);
46-
border: 1px solid var(--maolan-line);
47-
box-shadow: 0 18px 48px rgba(2, 6, 23, 0.35);
48-
}
49-
50-
.detail-row {
51-
border-bottom: 1px solid rgba(148, 163, 184, 0.12);
52-
}
53-
54-
.detail-row:last-child {
55-
border-bottom: 0;
56-
}
57-
58-
.code-pill {
59-
display: inline-flex;
60-
align-items: center;
61-
justify-content: center;
62-
min-height: 2rem;
63-
padding: 0.35rem 0.65rem;
64-
border-radius: 0.65rem;
65-
border: 1px solid rgba(0, 212, 255, 0.22);
66-
background: rgba(15, 23, 42, 0.92);
67-
color: #d8f7ff;
68-
font-size: 0.82rem;
69-
font-weight: 600;
70-
letter-spacing: -0.01em;
71-
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
72-
}
73-
74-
.section-title {
75-
font-size: 2.5rem;
76-
font-weight: 800;
77-
letter-spacing: -0.03em;
78-
}
79-
80-
@media (max-width: 768px) {
81-
.section-title {
82-
font-size: 1.9rem;
83-
}
84-
}
85-
</style>
11+
<link rel="stylesheet" href="styles/site.css" />
8612
</head>
8713
<body class="bg-slate-950 text-slate-100">
8814
<nav

‎shortcuts.html‎

Lines changed: 1 addition & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -6,81 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>Maolan Shortcuts - Keyboard Shortcuts and Gestures</title>
88
<meta name="description" content="Reference for Maolan keyboard shortcuts, mouse gestures, transport controls, piano roll editing, markers, tempo editing, and plugin graph actions.">
9-
<script src="https://cdn.tailwindcss.com"></script>
10-
<style>
11-
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap");
12-
13-
:root {
14-
--maolan-bg: #020617;
15-
--maolan-panel: rgba(15, 23, 42, 0.78);
16-
--maolan-line: rgba(56, 189, 248, 0.16);
17-
--maolan-accent: #00d4ff;
18-
--maolan-accent-strong: #0099ff;
19-
}
20-
21-
body {
22-
font-family: "Inter", sans-serif;
23-
background:
24-
radial-gradient(circle at top right, rgba(0, 153, 255, 0.18), transparent 28%),
25-
radial-gradient(circle at bottom left, rgba(0, 212, 255, 0.14), transparent 32%),
26-
linear-gradient(180deg, #0f172a 0%, #020617 40%, #020617 100%);
27-
}
28-
29-
code,
30-
kbd {
31-
font-family: "JetBrains Mono", monospace;
32-
}
33-
34-
.gradient-dark {
35-
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
36-
}
37-
38-
.glass-card {
39-
background: linear-gradient(
40-
135deg,
41-
rgba(255, 255, 255, 0.06) 0%,
42-
rgba(255, 255, 255, 0.025) 100%
43-
);
44-
border: 1px solid var(--maolan-line);
45-
box-shadow: 0 18px 48px rgba(2, 6, 23, 0.35);
46-
}
47-
48-
.shortcut-row {
49-
border-bottom: 1px solid rgba(148, 163, 184, 0.12);
50-
}
51-
52-
.shortcut-row:last-child {
53-
border-bottom: 0;
54-
}
55-
56-
.kbd {
57-
display: inline-flex;
58-
align-items: center;
59-
justify-content: center;
60-
min-height: 2rem;
61-
padding: 0.35rem 0.65rem;
62-
border-radius: 0.65rem;
63-
border: 1px solid rgba(0, 212, 255, 0.22);
64-
background: rgba(15, 23, 42, 0.92);
65-
color: #d8f7ff;
66-
font-size: 0.82rem;
67-
font-weight: 600;
68-
letter-spacing: -0.01em;
69-
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
70-
}
71-
72-
.section-title {
73-
font-size: 2.5rem;
74-
font-weight: 800;
75-
letter-spacing: -0.03em;
76-
}
77-
78-
@media (max-width: 768px) {
79-
.section-title {
80-
font-size: 1.9rem;
81-
}
82-
}
83-
</style>
9+
<link rel="stylesheet" href="styles/site.css">
8410
</head>
8511
<body class="bg-slate-950 text-slate-100">
8612
<nav class="fixed top-0 z-50 w-full border-b border-slate-800 bg-slate-950/80 backdrop-blur-md">

0 commit comments

Comments
 (0)