Shorts = portrait-only reel; Watch videos = landscape; badge name in gold

- Videos now carry client-detected pixel dimensions (videoW/videoH) captured at
  campaign create (upload or direct link). serveVideo takes an orientation filter:
  Shorts reel (/shorts) serves portrait (height>width); the Watch videos tab
  serves landscape, including legacy/unknown-dimension videos so nothing is orphaned.
- shorts.js requests the portrait feed and has a client guard that skips any
  landscape video that slips through. Create form shows the detected orientation.
- Achievement badge share image: member name now renders in gold with a dark
  outline (was low-contrast dark ink) and sits centered on the ribbon.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-07 05:41:17 -05:00
parent 5e3f2540f4
commit a634f83a8e
7 changed files with 63 additions and 15 deletions
+5 -5
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Member area | InstantAdPay</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="/assets/site.css?v=20260907b">
<link rel="stylesheet" href="/assets/site.css?v=20260907c">
</head>
<body class="bo-body">
@@ -627,9 +627,9 @@
</div>
</div>
</div>
<script src="/assets/common.js?v=20260907b"></script>
<script src="/assets/wallet.js?v=20260907b"></script>
<script src="/assets/my.js?v=20260907b"></script>
<script src="/assets/chat.js?v=20260907b"></script>
<script src="/assets/common.js?v=20260907c"></script>
<script src="/assets/wallet.js?v=20260907c"></script>
<script src="/assets/my.js?v=20260907c"></script>
<script src="/assets/chat.js?v=20260907c"></script>
</body>
</html>