yanis/meteorance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add favicon

Browse Source
This commit is contained in:
Yanis Rigaudeau
2025-06-30 22:55:04 +02:00
parent 7ec5f8c585
commit 0a04b6fb4c
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

11
index.css
View File

@ -13,27 +13,30 @@ div.container {
background: background:
linear-gradient(rgba(255, 0, 0, 1) 0%, rgba(255, 154, 0, 1) 10%, rgba(208, 222, 33, 1) 20%, rgba(79, 220, 74, 1) 30%, rgba(63, 218, 216, 1) 40%, rgba(47, 201, 226, 1) 50%, rgba(28, 127, 238, 1) 60%, rgba(95, 21, 242, 1) 70%, rgba(186, 12, 248, 1) 80%, rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100%) 0 0/100% 200%; linear-gradient(rgba(255, 0, 0, 1) 0%, rgba(255, 154, 0, 1) 10%, rgba(208, 222, 33, 1) 20%, rgba(79, 220, 74, 1) 30%, rgba(63, 218, 216, 1) 40%, rgba(47, 201, 226, 1) 50%, rgba(28, 127, 238, 1) 60%, rgba(95, 21, 242, 1) 70%, rgba(186, 12, 248, 1) 80%, rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100%) 0 0/100% 200%;
animation: rainbow 5s linear infinite; animation: rainbow 6s linear infinite;
} }
video { video {
display: flex; display: flex;
margin: 50px; margin: 200px;
max-width: 1920px; max-width: 1920px;
width: 100%; width: 100%;
height: auto; height: auto;
border-radius: 24px; border-radius: 24px;
transform: scale(0.9) rotate(0deg);
box-shadow: 12px 12px 12px 12px rgba(0, 0, 0, 0.5); box-shadow: 12px 12px 12px 12px rgba(0, 0, 0, 0.5);
animation: 3s ease-in-out 1s alternate infinite scale; animation: 3s ease-in-out 1s alternate infinite scale;
} }
@keyframes scale { @keyframes scale {
from { from {
transform: scale(1) rotate(0deg); transform: scale(0.9) rotate(0deg);
box-shadow: 12px 12px 12px 12px rgba(0, 0, 0, 0.5);
} }
to { to {
transform: scale(1.1) rotate(1deg); transform: scale(1) rotate(1deg);
box-shadow: 48px 48px 48px 12px rgba(0, 0, 0, 0.3);
} }
} }

3
index.html
View File

@ -5,11 +5,12 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Météo Rance</title> <title>Météo Rance</title>
<link rel="stylesheet" href="index.css"> <link rel="stylesheet" href="index.css">
<link rel="icon" type="image/png" href="favicon.png">
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<video autoplay controls loop> <video autoplay controls>
<source src="tarpinchaud.webm" type="video/webm"> <source src="tarpinchaud.webm" type="video/webm">
</video> </video>
</div> </div>