Skip to content

Commit e12f1a6

Browse files
committed
perf: reduce the size of the background image
1 parent c8a0e7c commit e12f1a6

File tree

4 files changed

+12
-11
lines changed

4 files changed

+12
-11
lines changed

assets/kaku.avif

74.3 KB
Binary file not shown.

assets/kaku.png

-4.83 MB
Binary file not shown.

src/app.rs

+7-4
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ use crate::{
1111
pub fn App() -> impl IntoView {
1212
// Provides context that manages stylesheets, titles, meta tags, etc.
1313
provide_meta_context();
14-
let assets_folder = if cfg!(debug_assertions) {
15-
"./assets"
14+
let (assets_folder, bg_in_dark_mode) = if cfg!(debug_assertions) {
15+
("./assets", "dark:bg-kaku-dev")
1616
} else {
17-
"."
17+
(".", "dark:bg-kaku")
1818
};
1919

2020
let preview = if use_context::<RouterIntegrationContext>()
@@ -53,7 +53,10 @@ pub fn App() -> impl IntoView {
5353
content="OntIe2SKuQalaapGvxdded9tU4G2p57h0A6e0Rkoni0"
5454
/>
5555

56-
<Body class="bg-orange-200 dark:bg-[#131313]/90 bg-center bg-fixed dark:bg-kaku dark:bri dark:bg-cover dark:bg-blend-darken dark:backdrop-blur-xl overflow-x-hidden dark:text-[#e2cea9]"/>
56+
<Body class=format!(
57+
"bg-orange-200 dark:bg-[#131313]/90 bg-center bg-fixed {} dark:bri dark:bg-cover dark:bg-blend-darken dark:backdrop-blur-xl overflow-x-hidden dark:text-[#e2cea9]",
58+
bg_in_dark_mode,
59+
)/>
5760
<Router>
5861
<Header/>
5962
<main>

tailwind.config.js

+5-7
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
const defaultTheme = require('tailwindcss/defaultTheme')
2-
3-
41
/** @type {import('tailwindcss').Config} */
52
module.exports = {
63
content: {
@@ -12,12 +9,13 @@ module.exports = {
129
"work-sans": ["Work Sans", "sans-serif"],
1310
},
1411
extend: {
15-
screens: {
12+
screens: (theme) => ({
1613
'xs': '475px',
17-
...defaultTheme.screens,
18-
},
14+
...theme.screens,
15+
}),
1916
backgroundImage: (theme) => ({
20-
"kaku": "url('/assets/kaku.png')",
17+
"kaku-dev": "url('/assets/kaku.avif')",
18+
"kaku": "url('/kaku.avif')",
2119
}),
2220
gridTemplateColumns: (theme) => ({
2321
"divided": "2.5fr 1fr",

0 commit comments

Comments
 (0)