<body class="{% IF index_page %}index{% ENDIF %}"> <div class="wrapper">
замените на
<body class="{% IF index_page %}index{% ENDIF %}"> <!--Новогоднее оформление скрипт--> <script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script> <script> new Snowflakes(); </script> <!--Конец Новогоднее оформление скрипт--> <div class="wrapper"> <!--Новогоднее оформление--> <picture class="header-tree"> <source media="(min-width: 992px)" srcset="/design/header-top-bg.png"> <source media="(max-width: 991px)" srcset="/design/header-top-bg-mobile.png"> <img src="/design/header-top-bg.png" alt="header-bg" style="width: 100%"> </picture> <!--Конец Новогоднее оформление-->
Для более детального внешнего вида снежинок замените этот код
<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script> <script> new Snowflakes(); </script>
на этот и укажите свои значения
<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script> <script> var sf = new Snowflakes({ color: '#f00', // Default: "#5ECDEF" container: document.querySelector('#snowflakes-container'), // Default: document.body count: 100, // 100 snowflakes. Default: 50 minOpacity: 0.1, // From 0 to 1. Default: 0.6 maxOpacity: 0.95, // From 0 to 1. Default: 1 minSize: 20, // Default: 8 maxSize: 50, // Default: 18 rotation: true, // Default: true speed: 2, // The property affects the speed of falling. Default: 1 wind: false, // Without wind. Default: true width: 500, // Default: width of container height: 250, // Default: height of container zIndex: 100 // Default: 9999 }); </script>
Скачайте изображения веточек файл zip.zip