2023-03-22 10:08:39 +08:00
|
|
|
<div xmlns:th="https://www.thymeleaf.org"
|
|
|
|
|
th:fragment="banner"
|
|
|
|
|
class="banner"
|
|
|
|
|
th:style="${'background-image: url(' + theme.config.basic_style.banner_image + ')'}">
|
2023-03-21 10:49:35 +08:00
|
|
|
<div class="banner-info">
|
2023-03-25 02:04:42 +08:00
|
|
|
<div class="banner-info-title" th:text="${site.title}"></div>
|
2023-03-22 10:08:39 +08:00
|
|
|
<div class="banner-info-desc" th:text="${theme.config.basic_style.banner_description}"></div>
|
2023-03-21 10:49:35 +08:00
|
|
|
</div>
|
|
|
|
|
<svg class="banner-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
|
|
|
|
|
<defs>
|
|
|
|
|
<path id="gentle-wave" d="M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88
|
|
|
|
|
-18 s 58 18 88 18 v 44 h -352 Z"></path>
|
|
|
|
|
</defs>
|
|
|
|
|
<g class="parallax">
|
|
|
|
|
<use xlink:href="#gentle-wave" x="48" y="0"></use>
|
|
|
|
|
<use xlink:href="#gentle-wave" x="48" y="3"></use>
|
|
|
|
|
<use xlink:href="#gentle-wave" x="48" y="5"></use>
|
|
|
|
|
<use xlink:href="#gentle-wave" x="48" y="7"></use>
|
|
|
|
|
</g>
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
