Kirik
6269d3323c
- Add desktop.webp (2732x1535) for desktop devices and mobile.webp (556x1535) for mobile - Create adaptive-background.css with media queries (max-width: 736px for mobile) - Update config.toml to use desktop.webp as default background - Modify htmlhead.html to include adaptive-background.css - Update preload-images.html for responsive image preloading - Optimize background loading based on device screen width Both images include overlay.png and gradient overlay for consistent design. Mobile version (124 KB) is 5.8x lighter than desktop version (716 KB).
49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
{{/*
|
|
СЕЗОННЫЕ ФОНЫ ОТКЛЮЧЕНЫ
|
|
Определяем текущий сезон и возвращаем соответствующий фон
|
|
Зима: 21 декабря - 20 марта
|
|
Весна: 21 марта - 20 июня
|
|
Лето: 21 июня - 20 сентября
|
|
Осень: 21 сентября - 20 декабря
|
|
*/}}
|
|
|
|
{{/*
|
|
{{- $currentDate := now -}}
|
|
{{- $month := $currentDate.Month -}}
|
|
{{- $day := $currentDate.Day -}}
|
|
|
|
{{/* Определяем номер дня в году для более точного определения сезона
|
|
{{- $dayOfYear := $currentDate.YearDay -}}
|
|
|
|
{{/* Примерные границы сезонов по дням года
|
|
{{- $springStart := 80 -}} {{/* ~21 марта
|
|
{{- $summerStart := 172 -}} {{/* ~21 июня
|
|
{{- $autumnStart := 264 -}} {{/* ~21 сентября
|
|
{{- $winterStart := 355 -}} {{/* ~21 декабря
|
|
|
|
{{- $season := "winter" -}}
|
|
|
|
{{- if and (ge $dayOfYear $springStart) (lt $dayOfYear $summerStart) -}}
|
|
{{- $season = "spring" -}}
|
|
{{- else if and (ge $dayOfYear $summerStart) (lt $dayOfYear $autumnStart) -}}
|
|
{{- $season = "summer" -}}
|
|
{{- else if and (ge $dayOfYear $autumnStart) (lt $dayOfYear $winterStart) -}}
|
|
{{- $season = "autumn" -}}
|
|
{{- end -}}
|
|
|
|
{{/* Возвращаем путь к фоновому изображению в зависимости от сезона
|
|
{{- if eq $season "winter" -}}
|
|
images/bg-winter.webp
|
|
{{- else if eq $season "spring" -}}
|
|
images/bg-spring.jpg
|
|
{{- else if eq $season "summer" -}}
|
|
images/bg-summer.jpg
|
|
{{- else if eq $season "autumn" -}}
|
|
images/bg-autumn.jpg
|
|
{{- else -}}
|
|
images/DESKTOP_NEW_1.jpg
|
|
{{- end -}}
|
|
*/}}
|
|
|
|
{{/* DESKTOP ФОН - АДАПТИВНЫЙ */}}
|
|
images/desktop.webp |