HDVinnie

Christmas Advent Calendar🎄🎅

A little self-set challenge to create a xmas advent calendar using javascript and css grid with a little animation and a hint of 3d. Works best in desktop.

Merry Christmas! I hope you enjoy!

A Pen by A Dunkley on CodePen.

License.

HDVinnie

<?php
/**
 * NOTICE OF LICENSE.
 *
 * UNIT3D is open-sourced software licensed under the GNU General Public License v3.0
 * The details is bundled with this project in the file LICENSE.txt.
 *
 * @project    UNIT3D
 *
 * @license    https://www.gnu.org/licenses/agpl-3.0.en.html/ GNU Affero General Public License v3.0

HDVinnie

.img-circle.en {
  content: url("https://blutopia.xyz/img/flags/gb.png");
}

HDVinnie

#hoeapp-wrapper, #main-content, .inner-content {
    background-color: #181818;
}

.hoe-right-header[hoe-color-type="header-bg5"] {
    background: #1f1f1f;
}

#hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel {
    background: #1f1f1f;

HDVinnie

body {
  zoom: 80% !important
}

HDVinnie

body{
  zoom: 85% !important;
}

HDVinnie

body{
  zoom: 90% !important;
}

HDVinnie

body{
  zoom: 95% !important;
}

HDVinnie

:root {
  --text-color: #CCCCCC;
  --color-dark-magenta: hsl(300, 10%, 25%);
  --color-dark-green: hsl(120, 10%, 25%);
  --color-dark-blue: hsl(240, 10%, 30%);
  --color-dark-red: hsl(0, 10%, 25%);
  --color-red: hsl(0, 20%, 40%);
  --color-light-red: hsl(0, 20%, 50%);
  --color-green: hsl(120, 20%, 40%);
  --color-light-green: hsl(120, 20%, 50%);

HDVinnie

#hoeapp-wrapper, #main-content, .inner-content {
    background-color: #151517;
}

.hoe-right-header[hoe-color-type="header-bg5"] {
    background: #000000;
}

#hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel {
    background: #000000;