Decorations for the site for the Christmas holidays.

Last update: May 24, 2022

Related tags

CMS snowflake christmas garland wintercms wintercms-plugin

Overview

Christmas

Christmas decorations for Winter CMS sites.

Installing Composer

composer require webvpf/wn-christmas-plugin

Features

there is no interaction with database
without jQuery

Components

Christmas garland
Falling snow

Christmas garland

[ChristmasGarland]
dateOn = "01-01"
dateOff = "12-31"
==
{% component 'ChristmasGarland' %}

The date of turning on and off the garland is indicated in the format mm-dd.

Снег

[ChristmasSnow]
amount = 50
size = 5
speed = 1.5
wind = 0
color = "#fff"
opacity = 0.8
swing = 1
==
{% component 'ChristmasSnow' %}

amount - Number of snowflakes displayed at the same time. Default: 50
size - размер снежинки. Default: 5
speed - The speed of falling snowflakes vertically. The higher the value, the faster the snowflakes fall. Default: 1.5
wind - Horizontal wind energy. The wind will blow to the right if it is a positive number, and a negative number causes the wind to blow to the left. Default: 0
color - The color of the snowflakes. This parameter accepts the color code HEX or RGB, example #fff, #ffffff or rgb (255,255,255). Default: #fff
opacity - Maximum transparency of snowflakes. The plugin will generate snowflakes with different opacity from 0 to this number. Default: 0.8
swing - Swinging snowflakes. If you don't want the snowflakes to wobble, set this parameter to 0. Default: 1

Example of garland output in the Winter CMS Demo theme

Below is an example of how to insert a garland in a demo template on the main page of the site right below the menu. According to this principle, you can insert a garland not on the page, but into the template (for display on all pages).

Go to CMS and open Demonstration page. At the very beginning of the markup, insert Christmas garland component by dragging and dropping. To make the garland display correct, add the styles before the twig with the ChristmasGarland component as in this example:

<style>.jumbotron{padding-top:100px}.b-page_newyear{position:absolute;width:100%;height:100px;top:71px}</style>

{% component 'ChristmasGarland' %}

demo page content...

㊙️ AntiXSS | Protection against Cross-site scripting (XSS) via PHP

㊙️ AntiXSS "Cross-site scripting (XSS) is a type of computer security vulnerability typically found in Web applications. XSS enables attackers to inje

570 Dec 16, 2022

Sculpin — Static Site Generator

Sculpin - PHP Static Site Generator Sculpin takes data sources such as text files (Markdown, Textile, etc.) and transforms them using Twig templates t

1.4k Jan 4, 2023

Phrozn is extremely flexible static site generator in PHP.

Phrozn Phrozn is extremely flexible static site generator in PHP. Philosophy Configurable: you should be able to tune it to your needs SCM-Enabled: no

459 Oct 30, 2022

PHP Static site generator

Spress - PHP Static site generator Spress is a static site generator built with Symfony components. License: MIT. Requirements Linux, Unix, Mac OS X o

375 Nov 28, 2022

WordPress static site generator for security, performance and cost benefits

1.3k Dec 30, 2022

Le module PrestaShop Dronic© permet très facilement d'ajouter à votre site Prestashop un configurateur de drone FPV !

Description Le module PrestaShop Dronic© permet très facilement d'ajouter à votre site Prestashop un configurateur de drone FPV ! Ce module utilise de

3 Nov 19, 2021

Adds a specific header to every response to disable Google's usage of your site in it's FLoC tracking method.

Go Unfloc Yourself Description A bundle for Symfony 5 that adds a Permissions-Policy header in all the responses to prevent the use of new Google's "F

3 Feb 25, 2022

🍪 A Cookiecutter template for a fresh Kirby site

Kirby Plainkit Cookiecutter A Cookiecutter template to start a fresh Kirby site with a public folder setup. Features A fresh, git(Hub)-ready plainkit

4 Sep 12, 2021

A Sharex IMG uploader that runs with PHP | Use a hosting site if you're a beginner use 000webhost

Sharex-Img-Uploader A Sharex IMG uploader that runs with PHP | Use a hosting site if you're a beginner use 000webhost Setting up SXCU In YOUR_DOMAIN_U

10 Nov 26, 2022

Adds a header to every response to try and twart Google's usage of your site in it's FLoC tracking method.

Laravel No FLoC This package will add the Permissions-Policy: interest-cohort=() to try and twart Google's usage of your site in it's FLoC tracking me

11 Jul 14, 2022

Transform your WordPress site into a modern GraphQL server: graphql-api.com.

GraphQL API for WordPress Transform your WordPress site into a modern GraphQL server: graphql-api.com. This plugin is the implementation for WordPress

151 Dec 14, 2022

ExpressionEngine is a flexible, feature-rich, free open-source content management platform that empowers hundreds of thousands of individuals and organizations around the world to easily manage their web site.

ExpressionEngine CMS ExpressionEngine is a mature, flexible, secure, free open-source content management system. It is beloved by designers for giving