Skip to content

Commit 22acaaf

Browse files
JozufozuJozufozu
committed
The trifecta
- CSS for each of engine-room, flywheel, and vanillin - Import engine room and vanillin logos as webp
1 parent 72a3c01 commit 22acaaf

File tree

9 files changed

+108
-58
lines changed

9 files changed

+108
-58
lines changed

‎.editorconfig‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,3 +47,6 @@ ij_javascript_enforce_trailing_comma = whenmultiline
4747
ij_javascript_force_quote_style = true
4848
ij_javascript_use_double_quotes = true
4949

50+
[*.css]
51+
indent_size = 2
52+

‎docs/.vitepress/config.ts‎

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,21 @@ export default defineConfig({
1010
cleanUrls: true,
1111
lastUpdated: true,
1212

13-
head: [["link", { rel: "icon", href: "/flywheel-icon-small.webp" }]],
13+
head: [["link", { rel: "icon", href: "/engine-room-icon-small.webp" }]],
14+
15+
transformPageData(pageData, _) {
16+
const [ base] = pageData.relativePath.split("/")
17+
18+
if (base == "flywheel") {
19+
pageData.frontmatter.pageClass = "flywheel"
20+
} else if (base == "vanillin") {
21+
pageData.frontmatter.pageClass = "vanillin"
22+
}
23+
},
1424

1525
themeConfig: {
1626
logo: {
17-
src: "/flywheel-icon-small.webp",
27+
src: "/engine-room-icon-small.webp",
1828
width: 24,
1929
height: 24,
2030
},

‎docs/.vitepress/theme/style.css‎

Lines changed: 88 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -43,12 +43,8 @@
4343
* in custom container, badges, etc.
4444
* -------------------------------------------------------------------------- */
4545

46-
:root {
47-
--vp-c-default-1: var(--vp-c-gray-1);
48-
--vp-c-default-2: var(--vp-c-gray-2);
49-
--vp-c-default-3: var(--vp-c-gray-3);
50-
--vp-c-default-soft: var(--vp-c-gray-soft);
5146

47+
.flywheel {
5248
--vp-c-brand-1: #4fddfa;
5349
--vp-c-brand-2: #54d9f4;
5450
--vp-c-brand-3: #82e5f9;
@@ -59,47 +55,111 @@
5955
--vp-c-tip-3: var(--vp-c-brand-3);
6056
--vp-c-tip-soft: var(--vp-c-brand-soft);
6157

62-
--vp-c-warning-1: var(--vp-c-yellow-1);
63-
--vp-c-warning-2: var(--vp-c-yellow-2);
64-
--vp-c-warning-3: var(--vp-c-yellow-3);
65-
--vp-c-warning-soft: var(--vp-c-yellow-soft);
58+
--vp-c-note-1: var(--vp-c-brand-1);
59+
--vp-c-note-2: var(--vp-c-brand-2);
60+
--vp-c-note-3: var(--vp-c-brand-3);
61+
--vp-c-note-soft: var(--vp-c-brand-soft);
6662

67-
--vp-c-danger-1: var(--vp-c-red-1);
68-
--vp-c-danger-2: var(--vp-c-red-2);
69-
--vp-c-danger-3: var(--vp-c-red-3);
70-
--vp-c-danger-soft: var(--vp-c-red-soft);
71-
}
63+
--vp-code-color: var(--vp-c-brand-1);
64+
--vp-code-link-color: var(--vp-c-brand-1);
65+
--vp-code-link-hover-color: var(--vp-c-brand-2);
7266

73-
/**
74-
* Component: Button
75-
* -------------------------------------------------------------------------- */
67+
--vp-code-tab-active-bar-color: var(--vp-c-brand-1);
68+
69+
--vp-home-hero-name-background: var(--vp-c-brand-1);
70+
71+
--vp-home-hero-image-background-image: linear-gradient(
72+
-45deg,
73+
var(--vp-c-brand-2) 50%,
74+
var(--vp-c-brand-2) 50%
75+
);
7676

77-
:root {
78-
--vp-button-brand-border: transparent;
79-
--vp-button-brand-text: var(--vp-c-white);
8077
--vp-button-brand-bg: var(--vp-c-brand-3);
81-
--vp-button-brand-hover-border: transparent;
82-
--vp-button-brand-hover-text: var(--vp-c-white);
8378
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
84-
--vp-button-brand-active-border: transparent;
85-
--vp-button-brand-active-text: var(--vp-c-white);
8679
--vp-button-brand-active-bg: var(--vp-c-brand-1);
80+
81+
--vp-local-search-result-selected-border: var(--vp-c-brand-1);
82+
--vp-local-search-highlight-bg: var(--vp-c-brand-1);
8783
}
8884

89-
/**
90-
* Component: Home
91-
* -------------------------------------------------------------------------- */
85+
.vanillin {
86+
--vp-c-brand-1: #FF6162;
87+
--vp-c-brand-2: #FF6162;
88+
--vp-c-brand-3: #FF6162;
89+
--vp-c-brand-soft: rgba(163, 218, 249, 0.14);
90+
91+
92+
--vp-c-tip-1: var(--vp-c-brand-1);
93+
--vp-c-tip-2: var(--vp-c-brand-2);
94+
--vp-c-tip-3: var(--vp-c-brand-3);
95+
--vp-c-tip-soft: var(--vp-c-brand-soft);
96+
97+
--vp-c-note-1: var(--vp-c-brand-1);
98+
--vp-c-note-2: var(--vp-c-brand-2);
99+
--vp-c-note-3: var(--vp-c-brand-3);
100+
--vp-c-note-soft: var(--vp-c-brand-soft);
101+
102+
--vp-code-color: var(--vp-c-brand-1);
103+
--vp-code-link-color: var(--vp-c-brand-1);
104+
--vp-code-link-hover-color: var(--vp-c-brand-2);
105+
106+
--vp-code-tab-active-bar-color: var(--vp-c-brand-1);
107+
108+
--vp-home-hero-name-background: var(--vp-c-brand-1);
109+
110+
--vp-home-hero-image-background-image: linear-gradient(
111+
-45deg,
112+
var(--vp-c-brand-2) 50%,
113+
var(--vp-c-brand-2) 50%
114+
);
115+
116+
--vp-button-brand-bg: var(--vp-c-brand-3);
117+
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
118+
--vp-button-brand-active-bg: var(--vp-c-brand-1);
119+
120+
--vp-local-search-result-selected-border: var(--vp-c-brand-1);
121+
--vp-local-search-highlight-bg: var(--vp-c-brand-1);
122+
}
92123

93124
:root {
125+
--vp-c-brand-1: #1CFF67;
126+
--vp-c-brand-2: #1CFF67;
127+
--vp-c-brand-3: #1CFF67;
128+
--vp-c-brand-soft: rgba(163, 218, 249, 0.14);
129+
94130
--vp-home-hero-name-color: transparent;
131+
--vp-home-hero-image-filter: blur(44px);
132+
133+
--vp-c-tip-1: var(--vp-c-brand-1);
134+
--vp-c-tip-2: var(--vp-c-brand-2);
135+
--vp-c-tip-3: var(--vp-c-brand-3);
136+
--vp-c-tip-soft: var(--vp-c-brand-soft);
137+
138+
--vp-c-note-1: var(--vp-c-brand-1);
139+
--vp-c-note-2: var(--vp-c-brand-2);
140+
--vp-c-note-3: var(--vp-c-brand-3);
141+
--vp-c-note-soft: var(--vp-c-brand-soft);
142+
143+
--vp-code-color: var(--vp-c-brand-1);
144+
--vp-code-link-color: var(--vp-c-brand-1);
145+
--vp-code-link-hover-color: var(--vp-c-brand-2);
146+
147+
--vp-code-tab-active-bar-color: var(--vp-c-brand-1);
148+
95149
--vp-home-hero-name-background: var(--vp-c-brand-1);
96150

97151
--vp-home-hero-image-background-image: linear-gradient(
98152
-45deg,
99153
var(--vp-c-brand-2) 50%,
100154
var(--vp-c-brand-2) 50%
101155
);
102-
--vp-home-hero-image-filter: blur(44px);
156+
157+
--vp-button-brand-bg: var(--vp-c-brand-3);
158+
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
159+
--vp-button-brand-active-bg: var(--vp-c-brand-1);
160+
161+
--vp-local-search-result-selected-border: var(--vp-c-brand-1);
162+
--vp-local-search-highlight-bg: var(--vp-c-brand-1);
103163
}
104164

105165
@media (min-width: 640px) {
@@ -113,29 +173,3 @@
113173
--vp-home-hero-image-filter: blur(68px);
114174
}
115175
}
116-
117-
/**
118-
* Component: Custom Block
119-
* -------------------------------------------------------------------------- */
120-
121-
:root {
122-
--vp-custom-block-tip-border: transparent;
123-
--vp-custom-block-tip-text: var(--vp-c-text-1);
124-
--vp-custom-block-tip-bg: var(--vp-c-brand-soft);
125-
--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
126-
}
127-
128-
/**
129-
* Component: Algolia
130-
* -------------------------------------------------------------------------- */
131-
132-
.DocSearch {
133-
--docsearch-primary-color: var(--vp-c-brand-1) !important;
134-
}
135-
136-
/**
137-
* Custom
138-
* -------------------------------------------------------------------------- */
139-
.image-container {
140-
padding-top: 230px;
141-
}

‎docs/index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@ hero:
66
name: Engine-Room
77
tagline: Graphics tech for Minecraft.
88
image:
9-
src: /flywheel-icon-large.webp
10-
alt: Flywheel Icon
9+
src: /engine-room-icon-large.webp
10+
alt: Engine-Room Icon
1111

1212
features:
1313
- title: Flywheel

‎docs/public/engine-room-icon-large.webp‎

40.9 KB
Loading

‎docs/public/engine-room-icon-small.webp‎

7.57 KB
Loading

‎docs/public/vanillin-icon-large.webp‎

41.3 KB
Loading

‎docs/public/vanillin-icon-small.webp‎

7.62 KB
Loading

‎docs/vanillin/index.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ layout: home
66
hero:
77
name: Vanillin
88
tagline: Vanilla optimizations using Flywheel.
9+
image:
10+
src: /vanillin-icon-large.webp
11+
alt: Vanillin Icon
912

1013
features:
1114
- title: Settings & Config

0 commit comments

Comments
 (0)