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!
| @extends('layout.default') | |
| @section('title') | |
| <title>@lang('torrent.torrents') - {{ config('other.title') }}</title> | |
| @endsection | |
| @section('breadcrumb') | |
| <li> | |
| <a href="{{ route('torrents.index') }}" itemprop="url" class="l-breadcrumb-item-link"> | |
| <span itemprop="title" class="l-breadcrumb-item-link-title">@lang('torrent.torrents')</span> |
| <?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 |
| .img-circle.en { | |
| content: url("https://blutopia.xyz/img/flags/gb.png"); | |
| } |
| #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; |
| body { | |
| zoom: 80% !important | |
| } |
| body{ | |
| zoom: 85% !important; | |
| } |
| body{ | |
| zoom: 90% !important; | |
| } |
| body{ | |
| zoom: 95% !important; | |
| } |
| :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%); |