{
"$type": "site.standard.document",
"bskyPostRef": {
"cid": "bafyreidqrpltp5un3eraecq2dixxrbcqyttzp36zmthb5mdh2ijrj3qrqu",
"uri": "at://did:plc:vyjlfm46mfv6u4vjp6qtrfx2/app.bsky.feed.post/3mj3g3fk3n2c2"
},
"coverImage": {
"$type": "blob",
"ref": {
"$link": "bafkreidg2k33tiuupnstmiowh7hyyvtsbe3gyhfygiytrzynysnhoctrxi"
},
"mimeType": "image/jpeg",
"size": 81260
},
"path": "/articles/take-a-percentage",
"publishedAt": "2026-04-09T06:30:00.000Z",
"site": "https://thedailywtf.com",
"tags": [
"CodeSOD",
"Utilize BuildMaster",
"Download"
],
"textContent": "When looking at the source of a major news site, today's anonymous submitter sends us this very, very mild, but also very funny WTF:\n\n\n \t<div class=\"g-vhs g-videotape g-cinemagraph\" id=\"g-video-178_article_slug-640w\"\n \t\t data-type=\"videotape\" data-asset=\"https://somesite.com/videos/file.mp4\" data-cinemagraph=\"true\" data-allow-multiple-players=\"true\"\n \t\t data-vhs-options='{\"ratio\":\"560:320\"}'\n \t\t style=\"padding-bottom: 57.14285714285714%\">\n\n\nLook, I know that percentage was calculated by JavaScript, or maybe the backend, or maybe calculated by a CSS pre-processor. No human typed that. There's nothing to gain by adding a rounding operation. There's nothing truly _wrong_ with that line of code.\n\nBut I can't help but think about the comedic value in controlling your page layout down to sub-sub-sub-sub-sub-sub-sub-sub-pixel precision. This code will continue to have pixel accuracy out to screens with quadrillions of pixels, making it incredibly future proof.\n\nIt's made extra funny by calling the video player `VHS` and suggesting the appropriate ratio is 560 pixels by 320- which is not _quite_ 16:9, but is a frequent letterbox ratio on DVD prints of movies.\n\nIn any case, I eagerly await an 2O-zetta-pixel displays, so I car read the news in its intended glory.\n\n[Advertisement] Utilize BuildMaster to release your software with confidence, at the pace your business demands. Download today!",
"title": "CodeSOD: Take a Percentage"
}