frontend first version

This commit is contained in:
Ada
2026-01-20 21:11:04 -08:00
commit 7944b9f7ed
29 changed files with 16468 additions and 0 deletions

2
assets/.gitkeep Normal file
View File

@@ -0,0 +1,2 @@
# Placeholder for app assets
# Add icon.png, splash.png, and adaptive-icon.png here

1
assets/adaptive-icon.png Normal file
View File

@@ -0,0 +1 @@
Placeholder - Replace with a 1024x1024 PNG adaptive icon with the Sentinel anchor logo

1
assets/favicon.png Normal file
View File

@@ -0,0 +1 @@
Placeholder - Replace with a 32x32 PNG favicon with the Sentinel anchor logo on teal (#459E9E) background

6
assets/favicon.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="8" fill="#459E9E"/>
<path d="M16 6L18 12H24L19 16L21 22L16 18L11 22L13 16L8 12H14L16 6Z" fill="white"/>
<circle cx="16" cy="20" r="3" fill="white" opacity="0.8"/>
<path d="M16 23V26M12 24L16 26L20 24" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 404 B

1
assets/icon.png Normal file
View File

@@ -0,0 +1 @@
This is a placeholder. Replace with actual PNG icon.

View File

@@ -0,0 +1,39 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="200" height="200" rx="40" fill="#459E9E"/>
<!-- Face -->
<ellipse cx="100" cy="105" rx="55" ry="60" fill="#F5D5C8"/>
<!-- Hair -->
<path d="M50 85C50 55 70 35 100 35C130 35 150 55 150 85C150 75 140 50 100 50C60 50 50 75 50 85Z" fill="#E8D070"/>
<path d="M45 95C45 70 65 45 100 45C135 45 155 70 155 95C155 80 140 55 100 55C60 55 45 80 45 95Z" fill="#F0DC80"/>
<ellipse cx="135" cy="80" rx="15" ry="25" fill="#F0DC80"/>
<!-- Ears -->
<ellipse cx="48" cy="105" rx="8" ry="12" fill="#F5D5C8"/>
<ellipse cx="152" cy="105" rx="8" ry="12" fill="#F5D5C8"/>
<!-- Eyes -->
<circle cx="80" cy="100" r="6" fill="#2D2D2D"/>
<circle cx="120" cy="100" r="6" fill="#2D2D2D"/>
<circle cx="82" cy="98" r="2" fill="white"/>
<circle cx="122" cy="98" r="2" fill="white"/>
<!-- Eyebrows -->
<path d="M70 88C75 85 85 85 90 88" stroke="#C4A050" stroke-width="3" stroke-linecap="round"/>
<path d="M110 88C115 85 125 85 130 88" stroke="#C4A050" stroke-width="3" stroke-linecap="round"/>
<!-- Nose -->
<path d="M100 105C100 110 98 118 100 120C102 118 100 110 100 105" stroke="#E5C5B8" stroke-width="2" stroke-linecap="round"/>
<!-- Smile -->
<path d="M85 130C90 140 110 140 115 130" stroke="#2D2D2D" stroke-width="2.5" stroke-linecap="round" fill="none"/>
<!-- Collar -->
<path d="M65 165L80 150L100 160L120 150L135 165" stroke="white" stroke-width="4" fill="none"/>
<!-- Sweater -->
<path d="M40 200V170C40 160 60 150 100 150C140 150 160 160 160 170V200" fill="#E85A3A"/>
<path d="M80 150L100 165L120 150" fill="#E85A3A"/>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

20
assets/logo.svg Normal file
View File

@@ -0,0 +1,20 @@
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="512" height="512" rx="112" fill="#459E9E"/>
<!-- Anchor Ring -->
<circle cx="256" cy="180" r="50" stroke="white" stroke-width="16" fill="none"/>
<!-- Anchor Shaft -->
<path d="M256 230V420" stroke="white" stroke-width="16" stroke-linecap="round"/>
<!-- Anchor Flukes (curved arms) -->
<path d="M136 380C136 330 186 290 256 290C326 290 376 330 376 380" stroke="white" stroke-width="16" stroke-linecap="round" fill="none"/>
<path d="M156 400L256 430L356 400" stroke="white" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Compass Star (above anchor) -->
<path d="M256 70L268 110H310L276 136L288 176L256 152L224 176L236 136L202 110H244L256 70Z" fill="white"/>
<!-- Anchor Crossbar -->
<path d="M206 200H306" stroke="white" stroke-width="12" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 968 B

1
assets/splash.png Normal file
View File

@@ -0,0 +1 @@
Placeholder - Replace with a 1284x2778 PNG splash screen with the Sentinel logo on teal (#459E9E) background