666 lines
14 KiB
PHP
666 lines
14 KiB
PHP
|
|
<script src="{{themeAsset('particles.min.js')}}"></script>
|
|
<style>
|
|
/*
|
|
* Animation module with all animation code
|
|
*/
|
|
h1,
|
|
h1:hover {
|
|
/*
|
|
* Animation variables
|
|
*/
|
|
/*
|
|
* Elements settings
|
|
*/
|
|
/*
|
|
* Keyframe loop
|
|
*/
|
|
/*
|
|
* Element animation delay loop
|
|
*/
|
|
}
|
|
h1,
|
|
h1:hover {
|
|
-webkit-animation-name: anim-text-flow-keys;
|
|
animation-name: anim-text-flow-keys;
|
|
-webkit-animation-duration: 50s;
|
|
animation-duration: 50s;
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
-webkit-animation-direction: alternate;
|
|
animation-direction: alternate;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
@-webkit-keyframes anim-text-flow-keys {
|
|
0% {
|
|
color: #d6b15c;
|
|
}
|
|
5% {
|
|
color: #785cd6;
|
|
}
|
|
10% {
|
|
color: #6ed65c;
|
|
}
|
|
15% {
|
|
color: #a55cd6;
|
|
}
|
|
20% {
|
|
color: #d65c6c;
|
|
}
|
|
25% {
|
|
color: #83d65c;
|
|
}
|
|
30% {
|
|
color: #ced65c;
|
|
}
|
|
35% {
|
|
color: #5cd695;
|
|
}
|
|
40% {
|
|
color: #5c91d6;
|
|
}
|
|
45% {
|
|
color: #5c68d6;
|
|
}
|
|
50% {
|
|
color: #5cb4d6;
|
|
}
|
|
55% {
|
|
color: #5cabd6;
|
|
}
|
|
60% {
|
|
color: #d6b15c;
|
|
}
|
|
65% {
|
|
color: #5cd65c;
|
|
}
|
|
70% {
|
|
color: #d6a55c;
|
|
}
|
|
75% {
|
|
color: #b15cd6;
|
|
}
|
|
80% {
|
|
color: #5c9fd6;
|
|
}
|
|
85% {
|
|
color: #d66c5c;
|
|
}
|
|
90% {
|
|
color: #5c93d6;
|
|
}
|
|
95% {
|
|
color: #5cbcd6;
|
|
}
|
|
100% {
|
|
color: #c65cd6;
|
|
}
|
|
}
|
|
@keyframes anim-text-flow-keys {
|
|
0% {
|
|
color: #d6b15c;
|
|
}
|
|
5% {
|
|
color: #785cd6;
|
|
}
|
|
10% {
|
|
color: #6ed65c;
|
|
}
|
|
15% {
|
|
color: #a55cd6;
|
|
}
|
|
20% {
|
|
color: #d65c6c;
|
|
}
|
|
25% {
|
|
color: #83d65c;
|
|
}
|
|
30% {
|
|
color: #ced65c;
|
|
}
|
|
35% {
|
|
color: #5cd695;
|
|
}
|
|
40% {
|
|
color: #5c91d6;
|
|
}
|
|
45% {
|
|
color: #5c68d6;
|
|
}
|
|
50% {
|
|
color: #5cb4d6;
|
|
}
|
|
55% {
|
|
color: #5cabd6;
|
|
}
|
|
60% {
|
|
color: #d6b15c;
|
|
}
|
|
65% {
|
|
color: #5cd65c;
|
|
}
|
|
70% {
|
|
color: #d6a55c;
|
|
}
|
|
75% {
|
|
color: #b15cd6;
|
|
}
|
|
80% {
|
|
color: #5c9fd6;
|
|
}
|
|
85% {
|
|
color: #d66c5c;
|
|
}
|
|
90% {
|
|
color: #5c93d6;
|
|
}
|
|
95% {
|
|
color: #5cbcd6;
|
|
}
|
|
100% {
|
|
color: #c65cd6;
|
|
}
|
|
}
|
|
h1:nth-of-type(1),
|
|
h1:hover:nth-of-type(1) {
|
|
-webkit-animation-delay: -19.8s;
|
|
animation-delay: -19.8s;
|
|
}
|
|
h1:nth-of-type(2),
|
|
h1:hover:nth-of-type(2) {
|
|
-webkit-animation-delay: -19.6s;
|
|
animation-delay: -19.6s;
|
|
}
|
|
h1:nth-of-type(3),
|
|
h1:hover:nth-of-type(3) {
|
|
-webkit-animation-delay: -19.4s;
|
|
animation-delay: -19.4s;
|
|
}
|
|
h1:nth-of-type(4),
|
|
h1:hover:nth-of-type(4) {
|
|
-webkit-animation-delay: -19.2s;
|
|
animation-delay: -19.2s;
|
|
}
|
|
h1:nth-of-type(5),
|
|
h1:hover:nth-of-type(5) {
|
|
-webkit-animation-delay: -19s;
|
|
animation-delay: -19s;
|
|
}
|
|
h1:nth-of-type(6),
|
|
h1:hover:nth-of-type(6) {
|
|
-webkit-animation-delay: -18.8s;
|
|
animation-delay: -18.8s;
|
|
}
|
|
h1:nth-of-type(7),
|
|
h1:hover:nth-of-type(7) {
|
|
-webkit-animation-delay: -18.6s;
|
|
animation-delay: -18.6s;
|
|
}
|
|
h1:nth-of-type(8),
|
|
h1:hover:nth-of-type(8) {
|
|
-webkit-animation-delay: -18.4s;
|
|
animation-delay: -18.4s;
|
|
}
|
|
h1:nth-of-type(9),
|
|
h1:hover:nth-of-type(9) {
|
|
-webkit-animation-delay: -18.2s;
|
|
animation-delay: -18.2s;
|
|
}
|
|
h1:nth-of-type(10),
|
|
h1:hover:nth-of-type(10) {
|
|
-webkit-animation-delay: -18s;
|
|
animation-delay: -18s;
|
|
}
|
|
h1:nth-of-type(11),
|
|
h1:hover:nth-of-type(11) {
|
|
-webkit-animation-delay: -17.8s;
|
|
animation-delay: -17.8s;
|
|
}
|
|
h1:nth-of-type(12),
|
|
h1:hover:nth-of-type(12) {
|
|
-webkit-animation-delay: -17.6s;
|
|
animation-delay: -17.6s;
|
|
}
|
|
h1:nth-of-type(13),
|
|
h1:hover:nth-of-type(13) {
|
|
-webkit-animation-delay: -17.4s;
|
|
animation-delay: -17.4s;
|
|
}
|
|
h1:nth-of-type(14),
|
|
h1:hover:nth-of-type(14) {
|
|
-webkit-animation-delay: -17.2s;
|
|
animation-delay: -17.2s;
|
|
}
|
|
h1:nth-of-type(15),
|
|
h1:hover:nth-of-type(15) {
|
|
-webkit-animation-delay: -17s;
|
|
animation-delay: -17s;
|
|
}
|
|
h1:nth-of-type(16),
|
|
h1:hover:nth-of-type(16) {
|
|
-webkit-animation-delay: -16.8s;
|
|
animation-delay: -16.8s;
|
|
}
|
|
h1:nth-of-type(17),
|
|
h1:hover:nth-of-type(17) {
|
|
-webkit-animation-delay: -16.6s;
|
|
animation-delay: -16.6s;
|
|
}
|
|
h1:nth-of-type(18),
|
|
h1:hover:nth-of-type(18) {
|
|
-webkit-animation-delay: -16.4s;
|
|
animation-delay: -16.4s;
|
|
}
|
|
h1:nth-of-type(19),
|
|
h1:hover:nth-of-type(19) {
|
|
-webkit-animation-delay: -16.2s;
|
|
animation-delay: -16.2s;
|
|
}
|
|
h1:nth-of-type(20),
|
|
h1:hover:nth-of-type(20) {
|
|
-webkit-animation-delay: -16s;
|
|
animation-delay: -16s;
|
|
}
|
|
h1:nth-of-type(21),
|
|
h1:hover:nth-of-type(21) {
|
|
-webkit-animation-delay: -15.8s;
|
|
animation-delay: -15.8s;
|
|
}
|
|
h1:nth-of-type(22),
|
|
h1:hover:nth-of-type(22) {
|
|
-webkit-animation-delay: -15.6s;
|
|
animation-delay: -15.6s;
|
|
}
|
|
h1:nth-of-type(23),
|
|
h1:hover:nth-of-type(23) {
|
|
-webkit-animation-delay: -15.4s;
|
|
animation-delay: -15.4s;
|
|
}
|
|
h1:nth-of-type(24),
|
|
h1:hover:nth-of-type(24) {
|
|
-webkit-animation-delay: -15.2s;
|
|
animation-delay: -15.2s;
|
|
}
|
|
h1:nth-of-type(25),
|
|
h1:hover:nth-of-type(25) {
|
|
-webkit-animation-delay: -15s;
|
|
animation-delay: -15s;
|
|
}
|
|
h1:nth-of-type(26),
|
|
h1:hover:nth-of-type(26) {
|
|
-webkit-animation-delay: -14.8s;
|
|
animation-delay: -14.8s;
|
|
}
|
|
h1:nth-of-type(27),
|
|
h1:hover:nth-of-type(27) {
|
|
-webkit-animation-delay: -14.6s;
|
|
animation-delay: -14.6s;
|
|
}
|
|
h1:nth-of-type(28),
|
|
h1:hover:nth-of-type(28) {
|
|
-webkit-animation-delay: -14.4s;
|
|
animation-delay: -14.4s;
|
|
}
|
|
h1:nth-of-type(29),
|
|
h1:hover:nth-of-type(29) {
|
|
-webkit-animation-delay: -14.2s;
|
|
animation-delay: -14.2s;
|
|
}
|
|
h1:nth-of-type(30),
|
|
h1:hover:nth-of-type(30) {
|
|
-webkit-animation-delay: -14s;
|
|
animation-delay: -14s;
|
|
}
|
|
h1:nth-of-type(31),
|
|
h1:hover:nth-of-type(31) {
|
|
-webkit-animation-delay: -13.8s;
|
|
animation-delay: -13.8s;
|
|
}
|
|
h1:nth-of-type(32),
|
|
h1:hover:nth-of-type(32) {
|
|
-webkit-animation-delay: -13.6s;
|
|
animation-delay: -13.6s;
|
|
}
|
|
h1:nth-of-type(33),
|
|
h1:hover:nth-of-type(33) {
|
|
-webkit-animation-delay: -13.4s;
|
|
animation-delay: -13.4s;
|
|
}
|
|
h1:nth-of-type(34),
|
|
h1:hover:nth-of-type(34) {
|
|
-webkit-animation-delay: -13.2s;
|
|
animation-delay: -13.2s;
|
|
}
|
|
h1:nth-of-type(35),
|
|
h1:hover:nth-of-type(35) {
|
|
-webkit-animation-delay: -13s;
|
|
animation-delay: -13s;
|
|
}
|
|
h1:nth-of-type(36),
|
|
h1:hover:nth-of-type(36) {
|
|
-webkit-animation-delay: -12.8s;
|
|
animation-delay: -12.8s;
|
|
}
|
|
h1:nth-of-type(37),
|
|
h1:hover:nth-of-type(37) {
|
|
-webkit-animation-delay: -12.6s;
|
|
animation-delay: -12.6s;
|
|
}
|
|
h1:nth-of-type(38),
|
|
h1:hover:nth-of-type(38) {
|
|
-webkit-animation-delay: -12.4s;
|
|
animation-delay: -12.4s;
|
|
}
|
|
h1:nth-of-type(39),
|
|
h1:hover:nth-of-type(39) {
|
|
-webkit-animation-delay: -12.2s;
|
|
animation-delay: -12.2s;
|
|
}
|
|
h1:nth-of-type(40),
|
|
h1:hover:nth-of-type(40) {
|
|
-webkit-animation-delay: -12s;
|
|
animation-delay: -12s;
|
|
}
|
|
h1:nth-of-type(41),
|
|
h1:hover:nth-of-type(41) {
|
|
-webkit-animation-delay: -11.8s;
|
|
animation-delay: -11.8s;
|
|
}
|
|
h1:nth-of-type(42),
|
|
h1:hover:nth-of-type(42) {
|
|
-webkit-animation-delay: -11.6s;
|
|
animation-delay: -11.6s;
|
|
}
|
|
h1:nth-of-type(43),
|
|
h1:hover:nth-of-type(43) {
|
|
-webkit-animation-delay: -11.4s;
|
|
animation-delay: -11.4s;
|
|
}
|
|
h1:nth-of-type(44),
|
|
h1:hover:nth-of-type(44) {
|
|
-webkit-animation-delay: -11.2s;
|
|
animation-delay: -11.2s;
|
|
}
|
|
h1:nth-of-type(45),
|
|
h1:hover:nth-of-type(45) {
|
|
-webkit-animation-delay: -11s;
|
|
animation-delay: -11s;
|
|
}
|
|
h1:nth-of-type(46),
|
|
h1:hover:nth-of-type(46) {
|
|
-webkit-animation-delay: -10.8s;
|
|
animation-delay: -10.8s;
|
|
}
|
|
h1:nth-of-type(47),
|
|
h1:hover:nth-of-type(47) {
|
|
-webkit-animation-delay: -10.6s;
|
|
animation-delay: -10.6s;
|
|
}
|
|
h1:nth-of-type(48),
|
|
h1:hover:nth-of-type(48) {
|
|
-webkit-animation-delay: -10.4s;
|
|
animation-delay: -10.4s;
|
|
}
|
|
h1:nth-of-type(49),
|
|
h1:hover:nth-of-type(49) {
|
|
-webkit-animation-delay: -10.2s;
|
|
animation-delay: -10.2s;
|
|
}
|
|
h1:nth-of-type(50),
|
|
h1:hover:nth-of-type(50) {
|
|
-webkit-animation-delay: -10s;
|
|
animation-delay: -10s;
|
|
}
|
|
h1:nth-of-type(51),
|
|
h1:hover:nth-of-type(51) {
|
|
-webkit-animation-delay: -9.8s;
|
|
animation-delay: -9.8s;
|
|
}
|
|
h1:nth-of-type(52),
|
|
h1:hover:nth-of-type(52) {
|
|
-webkit-animation-delay: -9.6s;
|
|
animation-delay: -9.6s;
|
|
}
|
|
h1:nth-of-type(53),
|
|
h1:hover:nth-of-type(53) {
|
|
-webkit-animation-delay: -9.4s;
|
|
animation-delay: -9.4s;
|
|
}
|
|
h1:nth-of-type(54),
|
|
h1:hover:nth-of-type(54) {
|
|
-webkit-animation-delay: -9.2s;
|
|
animation-delay: -9.2s;
|
|
}
|
|
h1:nth-of-type(55),
|
|
h1:hover:nth-of-type(55) {
|
|
-webkit-animation-delay: -9s;
|
|
animation-delay: -9s;
|
|
}
|
|
h1:nth-of-type(56),
|
|
h1:hover:nth-of-type(56) {
|
|
-webkit-animation-delay: -8.8s;
|
|
animation-delay: -8.8s;
|
|
}
|
|
h1:nth-of-type(57),
|
|
h1:hover:nth-of-type(57) {
|
|
-webkit-animation-delay: -8.6s;
|
|
animation-delay: -8.6s;
|
|
}
|
|
h1:nth-of-type(58),
|
|
h1:hover:nth-of-type(58) {
|
|
-webkit-animation-delay: -8.4s;
|
|
animation-delay: -8.4s;
|
|
}
|
|
h1:nth-of-type(59),
|
|
h1:hover:nth-of-type(59) {
|
|
-webkit-animation-delay: -8.2s;
|
|
animation-delay: -8.2s;
|
|
}
|
|
h1:nth-of-type(60),
|
|
h1:hover:nth-of-type(60) {
|
|
-webkit-animation-delay: -8s;
|
|
animation-delay: -8s;
|
|
}
|
|
h1:nth-of-type(61),
|
|
h1:hover:nth-of-type(61) {
|
|
-webkit-animation-delay: -7.8s;
|
|
animation-delay: -7.8s;
|
|
}
|
|
h1:nth-of-type(62),
|
|
h1:hover:nth-of-type(62) {
|
|
-webkit-animation-delay: -7.6s;
|
|
animation-delay: -7.6s;
|
|
}
|
|
h1:nth-of-type(63),
|
|
h1:hover:nth-of-type(63) {
|
|
-webkit-animation-delay: -7.4s;
|
|
animation-delay: -7.4s;
|
|
}
|
|
h1:nth-of-type(64),
|
|
h1:hover:nth-of-type(64) {
|
|
-webkit-animation-delay: -7.2s;
|
|
animation-delay: -7.2s;
|
|
}
|
|
h1:nth-of-type(65),
|
|
h1:hover:nth-of-type(65) {
|
|
-webkit-animation-delay: -7s;
|
|
animation-delay: -7s;
|
|
}
|
|
h1:nth-of-type(66),
|
|
h1:hover:nth-of-type(66) {
|
|
-webkit-animation-delay: -6.8s;
|
|
animation-delay: -6.8s;
|
|
}
|
|
h1:nth-of-type(67),
|
|
h1:hover:nth-of-type(67) {
|
|
-webkit-animation-delay: -6.6s;
|
|
animation-delay: -6.6s;
|
|
}
|
|
h1:nth-of-type(68),
|
|
h1:hover:nth-of-type(68) {
|
|
-webkit-animation-delay: -6.4s;
|
|
animation-delay: -6.4s;
|
|
}
|
|
h1:nth-of-type(69),
|
|
h1:hover:nth-of-type(69) {
|
|
-webkit-animation-delay: -6.2s;
|
|
animation-delay: -6.2s;
|
|
}
|
|
h1:nth-of-type(70),
|
|
h1:hover:nth-of-type(70) {
|
|
-webkit-animation-delay: -6s;
|
|
animation-delay: -6s;
|
|
}
|
|
h1:nth-of-type(71),
|
|
h1:hover:nth-of-type(71) {
|
|
-webkit-animation-delay: -5.8s;
|
|
animation-delay: -5.8s;
|
|
}
|
|
h1:nth-of-type(72),
|
|
h1:hover:nth-of-type(72) {
|
|
-webkit-animation-delay: -5.6s;
|
|
animation-delay: -5.6s;
|
|
}
|
|
h1:nth-of-type(73),
|
|
h1:hover:nth-of-type(73) {
|
|
-webkit-animation-delay: -5.4s;
|
|
animation-delay: -5.4s;
|
|
}
|
|
h1:nth-of-type(74),
|
|
h1:hover:nth-of-type(74) {
|
|
-webkit-animation-delay: -5.2s;
|
|
animation-delay: -5.2s;
|
|
}
|
|
h1:nth-of-type(75),
|
|
h1:hover:nth-of-type(75) {
|
|
-webkit-animation-delay: -5s;
|
|
animation-delay: -5s;
|
|
}
|
|
h1:nth-of-type(76),
|
|
h1:hover:nth-of-type(76) {
|
|
-webkit-animation-delay: -4.8s;
|
|
animation-delay: -4.8s;
|
|
}
|
|
h1:nth-of-type(77),
|
|
h1:hover:nth-of-type(77) {
|
|
-webkit-animation-delay: -4.6s;
|
|
animation-delay: -4.6s;
|
|
}
|
|
h1:nth-of-type(78),
|
|
h1:hover:nth-of-type(78) {
|
|
-webkit-animation-delay: -4.4s;
|
|
animation-delay: -4.4s;
|
|
}
|
|
h1:nth-of-type(79),
|
|
h1:hover:nth-of-type(79) {
|
|
-webkit-animation-delay: -4.2s;
|
|
animation-delay: -4.2s;
|
|
}
|
|
h1:nth-of-type(80),
|
|
h1:hover:nth-of-type(80) {
|
|
-webkit-animation-delay: -4s;
|
|
animation-delay: -4s;
|
|
}
|
|
h1:nth-of-type(81),
|
|
h1:hover:nth-of-type(81) {
|
|
-webkit-animation-delay: -3.8s;
|
|
animation-delay: -3.8s;
|
|
}
|
|
h1:nth-of-type(82),
|
|
h1:hover:nth-of-type(82) {
|
|
-webkit-animation-delay: -3.6s;
|
|
animation-delay: -3.6s;
|
|
}
|
|
h1:nth-of-type(83),
|
|
h1:hover:nth-of-type(83) {
|
|
-webkit-animation-delay: -3.4s;
|
|
animation-delay: -3.4s;
|
|
}
|
|
h1:nth-of-type(84),
|
|
h1:hover:nth-of-type(84) {
|
|
-webkit-animation-delay: -3.2s;
|
|
animation-delay: -3.2s;
|
|
}
|
|
h1:nth-of-type(85),
|
|
h1:hover:nth-of-type(85) {
|
|
-webkit-animation-delay: -3s;
|
|
animation-delay: -3s;
|
|
}
|
|
h1:nth-of-type(86),
|
|
h1:hover:nth-of-type(86) {
|
|
-webkit-animation-delay: -2.8s;
|
|
animation-delay: -2.8s;
|
|
}
|
|
h1:nth-of-type(87),
|
|
h1:hover:nth-of-type(87) {
|
|
-webkit-animation-delay: -2.6s;
|
|
animation-delay: -2.6s;
|
|
}
|
|
h1:nth-of-type(88),
|
|
h1:hover:nth-of-type(88) {
|
|
-webkit-animation-delay: -2.4s;
|
|
animation-delay: -2.4s;
|
|
}
|
|
h1:nth-of-type(89),
|
|
h1:hover:nth-of-type(89) {
|
|
-webkit-animation-delay: -2.2s;
|
|
animation-delay: -2.2s;
|
|
}
|
|
h1:nth-of-type(90),
|
|
h1:hover:nth-of-type(90) {
|
|
-webkit-animation-delay: -2s;
|
|
animation-delay: -2s;
|
|
}
|
|
h1:nth-of-type(91),
|
|
h1:hover:nth-of-type(91) {
|
|
-webkit-animation-delay: -1.8s;
|
|
animation-delay: -1.8s;
|
|
}
|
|
h1:nth-of-type(92),
|
|
h1:hover:nth-of-type(92) {
|
|
-webkit-animation-delay: -1.6s;
|
|
animation-delay: -1.6s;
|
|
}
|
|
h1:nth-of-type(93),
|
|
h1:hover:nth-of-type(93) {
|
|
-webkit-animation-delay: -1.4s;
|
|
animation-delay: -1.4s;
|
|
}
|
|
h1:nth-of-type(94),
|
|
h1:hover:nth-of-type(94) {
|
|
-webkit-animation-delay: -1.2s;
|
|
animation-delay: -1.2s;
|
|
}
|
|
h1:nth-of-type(95),
|
|
h1:hover:nth-of-type(95) {
|
|
-webkit-animation-delay: -1s;
|
|
animation-delay: -1s;
|
|
}
|
|
h1:nth-of-type(96),
|
|
h1:hover:nth-of-type(96) {
|
|
-webkit-animation-delay: -0.8s;
|
|
animation-delay: -0.8s;
|
|
}
|
|
h1:nth-of-type(97),
|
|
h1:hover:nth-of-type(97) {
|
|
-webkit-animation-delay: -0.6s;
|
|
animation-delay: -0.6s;
|
|
}
|
|
h1:nth-of-type(98),
|
|
h1:hover:nth-of-type(98) {
|
|
-webkit-animation-delay: -0.4s;
|
|
animation-delay: -0.4s;
|
|
}
|
|
h1:nth-of-type(99),
|
|
h1:hover:nth-of-type(99) {
|
|
-webkit-animation-delay: -0.2s;
|
|
animation-delay: -0.2s;
|
|
}
|
|
h1:nth-of-type(100),
|
|
h1:hover:nth-of-type(100) {
|
|
-webkit-animation-delay: 0s;
|
|
animation-delay: 0s;
|
|
}
|
|
</style>
|