Skip to content

Commit ea7813e

Browse files
mckenzieartsmckenziearts
committed
✨ update du model de neige
1 parent 7886dce commit ea7813e

File tree

7 files changed

+171
-38
lines changed

7 files changed

+171
-38
lines changed

‎public/css/app.css

Lines changed: 2 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/mix-manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
22
"/js/app.js": "/js/app.js?id=24a959e67d1d9798dd27",
3-
"/css/app.css": "/css/app.css?id=3d37c76c8d0d8755f341"
3+
"/css/app.css": "/css/app.css?id=c629ef413c2e5c694587"
44
}

‎resources/css/christmas.css

Lines changed: 1 addition & 33 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎resources/css/snow-3d.css

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
.snow, .winter-is-coming {
2+
z-index: 0;
3+
pointer-events: none;
4+
}
5+
6+
.winter-is-coming {
7+
overflow: hidden;
8+
position: absolute;
9+
top: 0;
10+
height: 100%;
11+
width: 100%;
12+
max-width: 100%;
13+
}
14+
15+
.snow {
16+
position: absolute;
17+
top: 0;
18+
right: 0;
19+
bottom: 0;
20+
left: 0;
21+
-webkit-animation: falling linear infinite both;
22+
animation: falling linear infinite both;
23+
transform: translate3D(0, -100%, 0);
24+
}
25+
.snow--near {
26+
-webkit-animation-duration: 10s;
27+
animation-duration: 10s;
28+
background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");
29+
background-size: contain;
30+
}
31+
.snow--near + .snow--alt {
32+
-webkit-animation-delay: 5s;
33+
animation-delay: 5s;
34+
}
35+
.snow--mid {
36+
-webkit-animation-duration: 20s;
37+
animation-duration: 20s;
38+
background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png");
39+
background-size: contain;
40+
}
41+
.snow--mid + .snow--alt {
42+
-webkit-animation-delay: 10s;
43+
animation-delay: 10s;
44+
}
45+
.snow--far {
46+
-webkit-animation-duration: 30s;
47+
animation-duration: 30s;
48+
background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png");
49+
background-size: contain;
50+
}
51+
.snow--far + .snow--alt {
52+
-webkit-animation-delay: 15s;
53+
animation-delay: 15s;
54+
}
55+
56+
@-webkit-keyframes falling {
57+
0% {
58+
transform: translate3D(-7.5%, -100%, 0);
59+
}
60+
100% {
61+
transform: translate3D(7.5%, 100%, 0);
62+
}
63+
}
64+
65+
@keyframes falling {
66+
0% {
67+
transform: translate3D(-7.5%, -100%, 0);
68+
}
69+
100% {
70+
transform: translate3D(7.5%, 100%, 0);
71+
}
72+
}

‎resources/css/snow.css

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
.snow, .snow:before, .snow:after {
2+
position: absolute;
3+
top: -1000px;
4+
left: 0;
5+
bottom: 0;
6+
right: 0;
7+
z-index: 0;
8+
background-image: radial-gradient(4px 4px at 210px 986px, white 50%, rgba(0, 0, 0, 0)),
9+
radial-gradient(3px 3px at 709px 620px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
10+
radial-gradient(4px 4px at 923px 574px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
11+
radial-gradient(5px 5px at 190px 185px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
12+
radial-gradient(6px 6px at 902px 280px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
13+
radial-gradient(4px 4px at 7px 440px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
14+
radial-gradient(6px 6px at 337px 575px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
15+
radial-gradient(5px 5px at 939px 72px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
16+
radial-gradient(4px 4px at 62px 779px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
17+
radial-gradient(3px 3px at 713px 297px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
18+
radial-gradient(3px 3px at 271px 316px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)),
19+
radial-gradient(5px 5px at 888px 561px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
20+
radial-gradient(4px 4px at 630px 583px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
21+
radial-gradient(6px 6px at 389px 597px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
22+
radial-gradient(4px 4px at 899px 102px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
23+
radial-gradient(4px 4px at 13px 280px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
24+
radial-gradient(4px 4px at 244px 355px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)),
25+
radial-gradient(4px 4px at 670px 363px, white 50%, rgba(0, 0, 0, 0)),
26+
radial-gradient(5px 5px at 496px 843px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
27+
radial-gradient(4px 4px at 544px 881px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
28+
radial-gradient(3px 3px at 800px 966px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
29+
radial-gradient(6px 6px at 538px 898px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
30+
radial-gradient(4px 4px at 80px 562px, white 50%, rgba(0, 0, 0, 0)),
31+
radial-gradient(3px 3px at 551px 369px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
32+
radial-gradient(4px 4px at 598px 975px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
33+
radial-gradient(6px 6px at 401px 609px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
34+
radial-gradient(3px 3px at 309px 457px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
35+
radial-gradient(6px 6px at 740px 921px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
36+
radial-gradient(5px 5px at 222px 684px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)),
37+
radial-gradient(6px 6px at 281px 845px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
38+
radial-gradient(4px 4px at 254px 184px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
39+
radial-gradient(6px 6px at 430px 560px, white 50%, rgba(0, 0, 0, 0)),
40+
radial-gradient(6px 6px at 415px 382px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
41+
radial-gradient(4px 4px at 485px 529px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
42+
radial-gradient(4px 4px at 550px 655px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
43+
radial-gradient(5px 5px at 715px 69px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
44+
radial-gradient(3px 3px at 800px 587px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
45+
radial-gradient(5px 5px at 283px 746px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
46+
radial-gradient(6px 6px at 38px 977px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
47+
radial-gradient(6px 6px at 139px 721px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
48+
radial-gradient(5px 5px at 910px 95px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
49+
radial-gradient(5px 5px at 48px 27px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
50+
radial-gradient(4px 4px at 954px 506px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)),
51+
radial-gradient(6px 6px at 389px 222px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)),
52+
radial-gradient(5px 5px at 17px 794px, white 50%, rgba(0, 0, 0, 0)),
53+
radial-gradient(3px 3px at 923px 873px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
54+
radial-gradient(4px 4px at 721px 593px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)),
55+
radial-gradient(3px 3px at 752px 4px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)),
56+
radial-gradient(4px 4px at 32px 258px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)),
57+
radial-gradient(6px 6px at 839px 515px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0));
58+
background-size: 1000px 1000px;
59+
animation: snow 15s linear infinite;
60+
content: "";
61+
}
62+
63+
.snow:after {
64+
margin-left: -333.3333333333px;
65+
opacity: 0.3;
66+
animation-duration: 30s;
67+
animation-direction: reverse;
68+
filter: blur(3px);
69+
}
70+
71+
.snow:before {
72+
animation-duration: 45s;
73+
animation-direction: reverse;
74+
margin-left: -500px;
75+
opacity: 0.45;
76+
filter: blur(2px);
77+
}
78+
79+
@keyframes snow {
80+
to {
81+
transform: translateY(1000px);
82+
}
83+
}

‎resources/views/layouts/master.blade.php

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,12 +48,21 @@
4848
<body class="antialiased font-mono bg-skin-body">
4949

5050
<div class="relative overflow-hidden min-h-full">
51-
<div class="snow"></div>
51+
<div class="winter-is-coming">
52+
53+
<div class="snow snow--near"></div>
54+
<div class="snow snow--near snow--alt"></div>
55+
56+
<div class="snow snow--mid"></div>
57+
<div class="snow snow--mid snow--alt"></div>
58+
59+
<div class="snow snow--far"></div>
60+
<div class="snow snow--far snow--alt"></div>
61+
</div>
5262

5363
@yield('content')
5464
</div>
5565

56-
5766
<div class="guirlande h-[120px] -top-8" style="background: url('{{ asset('/images/guirlande1.png') }}') repeat-x 300% top"></div>
5867
<div class="guirlande top-[-75px]" style="background: url('{{ asset('/images/guirlande2.png') }}') repeat-x 70% top"></div>
5968
<div class="guirlande top-[-50px]" style="background: url('{{ asset('/images/guirlande3.png') }}') repeat-x 10% top"></div>

‎resources/views/rules.blade.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444

4545
<h2>{{ __('Mise en vigueur') }}</h2>
4646

47-
<p>{!! __("Les cas de comportement abusif, harcelant ou autrement inacceptable peuvent être signalés en contactant le responsable du projet à <a href='mailto:monneylobe@gmail.com'>monneylobe@gmail.com</a>. L'équipe du projet examinera et enquêtera sur toutes les plaintes, et répondra de manière à ce qu'elle juge approprié aux circonstances. L'équipe de projet est tenue de maintenir la confidentialité en ce qui concerne les journalistes d'un incident. De plus amples détails sur les politiques d'application spécifiques peuvent être publiés séparément.") !!}</p>
47+
<p>{!! __("Les cas de comportement abusif, harcelant ou autrement inacceptable peuvent être signalés en contactant le responsable du projet via l'adresse <a href='mailto:arthur@laravel.cm'>arthur@laravel.cm</a>. L'équipe du projet examinera et enquêtera sur toutes les plaintes, et répondra de manière à ce qu'elle juge approprié aux circonstances. L'équipe de projet est tenue de maintenir la confidentialité en ce qui concerne les journalistes d'un incident. De plus amples détails sur les politiques d'application spécifiques peuvent être publiés séparément.") !!}</p>
4848

4949
<p>{{ __("Les responsables du projet qui ne respectent pas ou n'appliquent pas le Code de conduite de bonne foi peuvent être confrontés à des répercussions déterminées par les autres membres de la direction du projet.") }}</p>
5050

0 commit comments

Comments
 (0)