restauration du index ouvert et chemins relatifs

This commit is contained in:
2026-09-02 16:57:33 +02:00
parent 0dec261119
commit 4f2c02a7a9
2 changed files with 43 additions and 32 deletions
+6 -6
View File
@@ -3,11 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg" href="assets/favicon.svg" />
<link rel="stylesheet" href="status/closedStyle.css">
<link rel="stylesheet" href="style/animation.css">
<link rel="stylesheet" href="style/typo.css">
<link rel="stylesheet" href="style/reduced.css">
<link rel="icon" type="image/svg" href="../assets/favicon.svg" />
<link rel="stylesheet" href="closedStyle.css">
<link rel="stylesheet" href="../style/animation.css">
<link rel="stylesheet" href="../style/typo.css">
<link rel="stylesheet" href="../style/reduced.css">
<title>Le LOL est Fermé ...</title>
</head>
<body id="lolIsClosed">
@@ -18,7 +18,7 @@
<h3 id="lolStatus">fermé ...</h3>
</section>
</main>
<script type="x-shader/glsl+fragment">
// Some random values computed for each frame
uniform highp vec4 uRandom;
+37 -26
View File
@@ -3,51 +3,62 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg" href="assets/favicon.svg" />
<link rel="stylesheet" href="status/closedStyle.css">
<link rel="stylesheet" href="style/animation.css">
<link rel="stylesheet" href="style/typo.css">
<link rel="stylesheet" href="style/reduced.css">
<title>Le LOL est Fermé ...</title>
<link rel="icon" type="image/svg" href="../assets/favicon_open.svg" />
<link rel="stylesheet" href="openStyle.css">
<link rel="stylesheet" href="../style/animation.css">
<link rel="stylesheet" href="../style/typo.css">
<link rel="stylesheet" href="../style/reduced.css">
<title>Le LOL est Ouvert</title>
</head>
<body id="lolIsClosed">
<body id="lolIsOpen">
<video data-cute-texture-video class="cute-texture-video" src="/assets/video/background.webm" autoplay muted loop ></video>
<canvas data-cute-texture class="cute-texture"></canvas>
<main id="closedContainer">
<main id="openContainer">
<section>
<p>Le LOL est actuellement</p>
<h3 id="lolStatus">fermé ...</h3>
<h3 id="lolStatus">ouvert !</h3>
</section>
</main>
<script type="x-shader/glsl+fragment">
// Some random values computed for each frame
uniform highp vec4 uRandom;
// Size (in logical pixel) of current CuteTexture canvas
uniform highp vec2 uCanvasSize;
// Number of seconds since canvas was initialized
uniform lowp float uTime;
// Current frame of first video with [data-cute-texture-video] attribute
uniform sampler2D uVideo;
// Coordinates of current pixel being computed from [0,0] (top left) to [1,1] (bottom right)
varying highp vec2 vTextureCoord;
void main() {
highp float pixelSize = 50.0;
highp vec2 coords = floor((uCanvasSize.xy * vTextureCoord.xy) / pixelSize);
highp float lum = (noise1(uRandom.yz+coords) * 0.631372549);
lowp float opacity = 0.5;
highp vec4 baseColor = vec4(
0.0,
lum,
lum,
1.0
);
highp vec4 rotatedColor = hue_rotate(baseColor, 13.12);
highp float waveSize = 10.0;
highp vec2 coords = (uCanvasSize.xy * vTextureCoord.xy) / waveSize;
highp float lum = abs(sin(coords.y-uTime)) + 0.631372549;
lowp float opacity = 0.25;
gl_FragColor = vec4(
rotatedColor.x*opacity,
rotatedColor.y*opacity,
rotatedColor.z*opacity,
0.0,
lum,
0.0,
1.0
);
gl_FragColor = vec4(
gl_FragColor.rgb * opacity,
1.0
);
highp vec2 videoCoords = (vTextureCoord.xy / 1.5) + vec2(0, 0.25);
highp vec4 videoPix = clamp(( grayscale(texture2D(uVideo, videoCoords), 1.0) * 2.0 ), vec4(0), vec4(1));
videoPix *= 0.777;
gl_FragColor = abs( (videoPix*1.2) - gl_FragColor );
gl_FragColor.xyz *= 0.9;
gl_FragColor.a = 1.0;
}
</script>