Skip to content

Commit 2067abd

Browse files
z-taylcr7z-taylcr7
committed
Remove RoboNaldo video tone filters
1 parent 5846cba commit 2067abd

2 files changed

Lines changed: 9 additions & 71 deletions

File tree

‎public/RoboNaldo/index.html‎

Lines changed: 9 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -17,24 +17,6 @@
1717
<!-- <link rel="preconnect" href="https://fonts.googleapis.com"> -->
1818
<!-- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> -->
1919
<!-- <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT@9..144,400;9..144,500;9..144,600;9..144,700;9..144,800;9..144,900&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet"> -->
20-
<script>
21-
/* Platform tagging — used by CSS to tone-down HDR videos on non-Apple
22-
(Linux/Windows/Android) browsers where iPhone HDR clips render with
23-
over-saturated, washed-out colors. */
24-
(function () {
25-
try {
26-
var ua = navigator.userAgent || "";
27-
var plat = (navigator.userAgentData && navigator.userAgentData.platform) || navigator.platform || "";
28-
var isApple = /Mac|iPhone|iPad|iPod/i.test(plat) || /Macintosh|iPhone|iPad|iPod/i.test(ua);
29-
var html = document.documentElement;
30-
if (isApple) html.classList.add("plat-apple");
31-
else html.classList.add("plat-non-apple");
32-
if (/Android/i.test(ua)) html.classList.add("plat-android");
33-
if (/Linux/i.test(plat) && !/Android/i.test(ua)) html.classList.add("plat-linux");
34-
if (/Win/i.test(plat)) html.classList.add("plat-win");
35-
} catch (e) {}
36-
})();
37-
</script>
3820
<link rel="stylesheet" href="static/css/index.css">
3921
</head>
4022
<body>
@@ -279,19 +261,19 @@ <h3 class="sub-title">Target position · <em>Low</em></h3>
279261
<p class="sub-cap">Target at left · middle · right.</p>
280262
<div class="vg-3">
281263
<figure class="video-mini">
282-
<video class="hdr-video" autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/low/low_left_target.webp">
264+
<video autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/low/low_left_target.webp">
283265
<source src="https://ik.imagekit.io/lwzdfij3h/videos/freekick/low/low_left_target.mp4" type="video/mp4">
284266
</video>
285267
<figcaption>Low · Left</figcaption>
286268
</figure>
287269
<figure class="video-mini">
288-
<video class="hdr-video" autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/low/low_mid_target.webp">
270+
<video autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/low/low_mid_target.webp">
289271
<source src="https://ik.imagekit.io/lwzdfij3h/videos/freekick/low/low_mid_target.mp4" type="video/mp4">
290272
</video>
291273
<figcaption>Low · Middle</figcaption>
292274
</figure>
293275
<figure class="video-mini">
294-
<video class="hdr-video" autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/low/low_right_target.webp">
276+
<video autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/low/low_right_target.webp">
295277
<source src="https://ik.imagekit.io/lwzdfij3h/videos/freekick/low/low_right_target.mp4" type="video/mp4">
296278
</video>
297279
<figcaption>Low · Right</figcaption>
@@ -310,7 +292,7 @@ <h3 class="sub-title">Target position · <em>Medium-High</em></h3>
310292
<figcaption>Med-High · Left</figcaption>
311293
</figure>
312294
<figure class="video-mini">
313-
<video class="hdr-video" autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/medium/mid_target.webp">
295+
<video autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/medium/mid_target.webp">
314296
<source src="https://ik.imagekit.io/lwzdfij3h/videos/freekick/medium/mid_target.mp4" type="video/mp4">
315297
</video>
316298
<figcaption>Med-High · Middle</figcaption>
@@ -335,13 +317,13 @@ <h3 class="sub-title">Target position · <em>Super-High</em></h3>
335317
<figcaption>Super-High · Left</figcaption>
336318
</figure>
337319
<figure class="video-mini">
338-
<video class="hdr-video" autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/high/high-mid.webp">
320+
<video autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/high/high-mid.webp">
339321
<source src="https://ik.imagekit.io/lwzdfij3h/videos/freekick/high/high-mid.mp4" type="video/mp4">
340322
</video>
341323
<figcaption>Super-High · Middle</figcaption>
342324
</figure>
343325
<figure class="video-mini">
344-
<video class="hdr-video" autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/high/high-right.webp">
326+
<video autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/high/high-right.webp">
345327
<source src="https://ik.imagekit.io/lwzdfij3h/videos/freekick/high/high-right.mp4" type="video/mp4">
346328
</video>
347329
<figcaption>Super-High · Right</figcaption>
@@ -362,7 +344,7 @@ <h3 class="sub-title">Ball position · <em>Lateral</em></h3>
362344
<figcaption>Ball · Left</figcaption>
363345
</figure>
364346
<figure class="video-mini">
365-
<video class="hdr-video" autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/ball_pos/ball_lateral_mid.webp">
347+
<video autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/ball_pos/ball_lateral_mid.webp">
366348
<source src="https://ik.imagekit.io/lwzdfij3h/videos/freekick/ball_pos/ball_lateral_mid.mp4" type="video/mp4">
367349
</video>
368350
<figcaption>Ball · Middle</figcaption>
@@ -381,7 +363,7 @@ <h3 class="sub-title">Ball position · <em>Distance</em></h3>
381363
<p class="sub-cap">Near · medium · far from the robot.</p>
382364
<div class="vg-3">
383365
<figure class="video-mini">
384-
<video class="hdr-video" autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/ball_pos/ball_near.webp">
366+
<video autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/freekick/ball_pos/ball_near.webp">
385367
<source src="https://ik.imagekit.io/lwzdfij3h/videos/freekick/ball_pos/ball_near.mp4" type="video/mp4">
386368
</video>
387369
<figcaption>Ball · Near</figcaption>
@@ -415,7 +397,7 @@ <h3 class="sub-title">Ball speed sweep</h3>
415397
<p class="sub-cap">Increasing ball speed.</p>
416398
<div class="vg-3">
417399
<figure class="video-mini">
418-
<video class="hdr-video" autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/movekick/web-stationary.webp">
400+
<video autoplay muted loop playsinline preload="metadata" poster="https://ik.imagekit.io/lwzdfij3h/posters/movekick/web-stationary.webp">
419401
<source src="https://ik.imagekit.io/lwzdfij3h/videos/movekick/web-stationary.mp4" type="video/mp4">
420402
</video>
421403
<figcaption>Stationary Ball</figcaption>

‎public/RoboNaldo/static/css/index.css‎

Lines changed: 0 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -187,7 +187,6 @@ img { display: block; max-width: 100%; }
187187
height: 100%;
188188
object-fit: cover;
189189
z-index: 0;
190-
filter: saturate(1.05) brightness(0.92) contrast(1.02);
191190
transform: scale(1.04);
192191
}
193192
.hero-overlay {
@@ -579,12 +578,6 @@ img { display: block; max-width: 100%; }
579578
background: transparent;
580579
z-index: 1;
581580
}
582-
.video-card video.hdr-video {
583-
filter: brightness(0.5) contrast(1.1) saturate(0.82);
584-
}
585-
.video-card video.hdr-video-hot {
586-
filter: brightness(0.4) contrast(1.28) saturate(0.72);
587-
}
588581
.video-card figcaption {
589582
position: absolute;
590583
z-index: 2;
@@ -748,7 +741,6 @@ img { display: block; max-width: 100%; }
748741
height: 100%;
749742
object-fit: cover;
750743
background: #000;
751-
filter: brightness(0.92) contrast(1.05) saturate(0.95);
752744
}
753745
.stage-card figcaption {
754746
margin: 0;
@@ -886,42 +878,6 @@ img { display: block; max-width: 100%; }
886878
object-fit: cover;
887879
background: transparent;
888880
z-index: 1;
889-
/* Lower contrast pulls bright clips down + dark clips up to flatten
890-
the perceived variance between adjacent videos. */
891-
filter: brightness(1.02) contrast(0.92) saturate(0.92);
892-
}
893-
.video-mini video.hdr-video {
894-
filter: brightness(0.50) contrast(0.90) saturate(0.86);
895-
}
896-
897-
/* Non-Apple browsers (Linux/Windows/Android) don't tone-map iPhone HDR
898-
metadata. Keep saturation damped, contrast still slightly flattened. */
899-
:root.plat-non-apple .video-mini video,
900-
:root.plat-non-apple .stage-card .video-mini video {
901-
filter: brightness(0.98) contrast(0.94) saturate(0.82);
902-
}
903-
:root.plat-non-apple .video-mini video.hdr-video {
904-
filter: brightness(0.72) contrast(1.08) saturate(0.72);
905-
}
906-
:root.plat-linux .video-mini video,
907-
:root.plat-linux .stage-card .video-mini video {
908-
filter: brightness(0.96) contrast(0.95) saturate(0.78);
909-
}
910-
:root.plat-linux .video-mini video.hdr-video {
911-
filter: brightness(0.68) contrast(1.10) saturate(0.68);
912-
}
913-
/* Hero / reel: a tiny tone-down on non-Apple, not a dim. */
914-
:root.plat-non-apple .hero-bg {
915-
filter: saturate(0.95) brightness(0.86) contrast(1.04);
916-
}
917-
:root.plat-non-apple .reel-frame video {
918-
filter: saturate(0.95) brightness(1.0) contrast(1.02);
919-
}
920-
.video-mini video.hdr-video-hot {
921-
filter: brightness(0.34) contrast(1.28) saturate(0.72);
922-
}
923-
.video-mini video.hdr-video-superhot {
924-
filter: brightness(0.22) contrast(1.32) saturate(0.68);
925881
}
926882
.video-mini figcaption {
927883
position: absolute;

0 commit comments

Comments
 (0)