Spaces:
Running
Running
Mobile retrofit: viewport-fit + PWA meta + responsive safety on org card
Browse filesAdditive mobile-first meta (viewport-fit=cover, apple-mobile-web-app-capable, theme-color #1a0d2e) + intermediate 2-col grid + no-horizontal-scroll safety net on org showcase index.html. Existing breakpoints untouched. Signed Yachay <yachay@szlholdings.dev>.
- index.html +21 -1
index.html
CHANGED
|
@@ -2,7 +2,10 @@
|
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8"/>
|
| 5 |
-
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
|
|
|
|
|
|
|
| 6 |
<title>SZL Holdings — Governed Agentic Mesh</title>
|
| 7 |
<meta name="description" content="SZL Holdings: a governed agentic mesh. rosie commands a11oy; a11oy enforces; amaru remembers; sentra guards; vessels carries the load. Doctrine v10, formal Lean proofs, signed receipts."/>
|
| 8 |
<meta property="og:title" content="SZL Holdings — Governed Agentic Mesh"/>
|
|
@@ -219,6 +222,23 @@
|
|
| 219 |
.mr-static{opacity:1!important;}
|
| 220 |
}
|
| 221 |
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 222 |
</head>
|
| 223 |
<body>
|
| 224 |
|
|
|
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8"/>
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=yes"/>
|
| 6 |
+
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
| 7 |
+
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
| 8 |
+
<meta name="theme-color" content="#1a0d2e"/>
|
| 9 |
<title>SZL Holdings — Governed Agentic Mesh</title>
|
| 10 |
<meta name="description" content="SZL Holdings: a governed agentic mesh. rosie commands a11oy; a11oy enforces; amaru remembers; sentra guards; vessels carries the load. Doctrine v10, formal Lean proofs, signed receipts."/>
|
| 11 |
<meta property="og:title" content="SZL Holdings — Governed Agentic Mesh"/>
|
|
|
|
| 222 |
.mr-static{opacity:1!important;}
|
| 223 |
}
|
| 224 |
</style>
|
| 225 |
+
|
| 226 |
+
<style id="szl-mobile-card-safety">
|
| 227 |
+
/* SZL org-card mobile safety net (ADDITIVE — Yachay). Overrides via later cascade. */
|
| 228 |
+
html, body { -webkit-tap-highlight-color: transparent; }
|
| 229 |
+
body { max-width: 100vw; overflow-x: hidden; }
|
| 230 |
+
img, canvas, svg, video, iframe { max-width: 100%; height: auto; }
|
| 231 |
+
/* intermediate tablet/large-phone layout: 5-col -> 2-col before the 560px 1-col fallback */
|
| 232 |
+
@media (max-width: 900px) and (min-width: 561px) {
|
| 233 |
+
.organ-grid, .sub-grid { grid-template-columns: repeat(2, 1fr) !important; }
|
| 234 |
+
}
|
| 235 |
+
@media (max-width: 560px) {
|
| 236 |
+
body { font-size: 16px; }
|
| 237 |
+
h1 { font-size: 24px; line-height: 1.2; }
|
| 238 |
+
a, button, [role="button"] { min-height: 44px; }
|
| 239 |
+
.organ-grid, .sub-grid { gap: 0.9rem; }
|
| 240 |
+
}
|
| 241 |
+
</style>
|
| 242 |
</head>
|
| 243 |
<body>
|
| 244 |
|