GIT - ooknet.org - n0-frame-schematic.svg

┌─ SVG ──────────────────────────────────────────────────────────────────────┐
│ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 240" font-family="monospa │
│ ce" font-size="14">                                                                │
│   <g fill="none" stroke="#8a8378" stroke-width="1.5">                              │
│     <rect x="20" y="20" width="600" height="200" stroke-dasharray="6 4"/>          │
│     <rect x="60" y="55" width="240" height="130"/>                                 │
│     <rect x="340" y="55" width="240" height="130"/>                                │
│     <line x1="300" y1="120" x2="340" y2="120"/>                                    │
│   </g>                                                                             │
│   <g fill="#8a8378">                                                               │
│     <text x="40" y="44">VIEWPORT</text>                                            │
│     <text x="80" y="80">FRAME_W = 86</text>                                        │
│     <text x="80" y="102">build(width)</text>                                       │
│     <text x="360" y="80">MOBILE_FRAME_W = 48</text>                                │
│     <text x="360" y="102">build(width)</text>                                      │
│     <text x="80" y="165">.frame-wide</text>                                        │
│     <text x="360" y="165">.frame-narrow</text>                                     │
│   </g>                                                                             │
│ </svg>                                                                             │
└────────────────────────────────────────────────────────────────────────────────────┘

┌─ SVG ────────────────────────────────┐
│ <svg xmlns="http://www.w3.org/2000/svg" view │
│ Box="0 0 640 240" font-family="monospace" fo │
│ nt-size="14">                                │
│   <g fill="none" stroke="#8a8378" stroke-wid │
│ th="1.5">                                    │
│     <rect x="20" y="20" width="600" height=" │
│ 200" stroke-dasharray="6 4"/>                │
│     <rect x="60" y="55" width="240" height=" │
│ 130"/>                                       │
│     <rect x="340" y="55" width="240" height= │
│ "130"/>                                      │
│     <line x1="300" y1="120" x2="340" y2="120 │
│ "/>                                          │
│   </g>                                       │
│   <g fill="#8a8378">                         │
│     <text x="40" y="44">VIEWPORT</text>      │
│     <text x="80" y="80">FRAME_W = 86</text>  │
│     <text x="80" y="102">build(width)</text> │
│     <text x="360" y="80">MOBILE_FRAME_W = 48 │
│ </text>                                      │
│     <text x="360" y="102">build(width)</text │
│ >                                            │
│     <text x="80" y="165">.frame-wide</text>  │
│     <text x="360" y="165">.frame-narrow</tex │
│ t>                                           │
│   </g>                                       │
│ </svg>                                       │
└──────────────────────────────────────────────┘