first commit

images/mobile-settings.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="420" height="760" viewBox="0 0 420 760">
+  <style>
+    .bg{fill:#071026}
+    .phone{fill:#071a2a;stroke:#173447;stroke-width:2}
+    .screen{fill:#0b1220}
+    .highlight{fill:#072033;stroke:#6dd3f5;stroke-width:3}
+    .text{fill:#dff6ff;font-family:Arial, sans-serif;font-size:12px}
+    .muted{fill:#9aa4b2}
+  </style>
+  <rect width="100%" height="100%" class="bg"/>
+  <g transform="translate(30,20)">
+    <rect x="0" y="0" width="360" height="720" rx="24" class="phone" />
+    <rect x="14" y="28" width="332" height="664" rx="12" class="screen" />
+    <rect x="40" y="80" width="260" height="36" rx="6" class="highlight" />
+    <text x="52" y="104" class="text">Server URL</text>
+    <text x="52" y="130" class="text">https://vault.depressionslair.com</text>
+    <text x="40" y="180" class="muted">Mobile app › Settings › Server</text>
+  </g>
+</svg>