Refactored UI and compose file
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+16
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"ApiSettings": {
|
||||
"BaseUrl": ""
|
||||
},
|
||||
"SecuritySettings": {
|
||||
"Authority": "",
|
||||
"Audience": "",
|
||||
"ClientId": "",
|
||||
"ClientSecret": "",
|
||||
"Scope": ""
|
||||
},
|
||||
"HasherSettings": {
|
||||
"Salt": "",
|
||||
"MinHashLength": ""
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
// Development and fallback runtime configuration.
|
||||
// In Docker / Kubernetes / Cloud Run deployments, this file is dynamically
|
||||
// populated at container startup by /docker-entrypoint.sh with deployment environment variables.
|
||||
window.__RUNTIME_CONFIG__ = window.__RUNTIME_CONFIG__ || {};
|
||||
+106
@@ -0,0 +1,106 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
|
||||
<defs>
|
||||
<!-- Ambient Radial Glow -->
|
||||
<radialGradient id="pfm-ambient-glow" cx="50%" cy="50%" r="50%">
|
||||
<stop offset="0%" stop-color="#38bdf8" stop-opacity="0.4" />
|
||||
<stop offset="70%" stop-color="#2563eb" stop-opacity="0.1" />
|
||||
<stop offset="100%" stop-color="#1e1b4b" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
|
||||
<!-- Top facet: Governance & Portfolios (Indigo / Radiant Violet) -->
|
||||
<linearGradient id="pfm-grad-top" x1="12" y1="8" x2="52" y2="26" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#a5b4fc" />
|
||||
<stop offset="35%" stop-color="#6366f1" />
|
||||
<stop offset="100%" stop-color="#4338ca" />
|
||||
</linearGradient>
|
||||
|
||||
<!-- Left facet: Capital & Disbursement Vault (Electric Sapphire) -->
|
||||
<linearGradient id="pfm-grad-left" x1="10" y1="22" x2="30" y2="56" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#38bdf8" />
|
||||
<stop offset="45%" stop-color="#2563eb" />
|
||||
<stop offset="100%" stop-color="#1e40af" />
|
||||
</linearGradient>
|
||||
|
||||
<!-- Right facet: Milestones, Evidence & Impact Delivery (Cyan to Emerald) -->
|
||||
<linearGradient id="pfm-grad-right" x1="34" y1="28" x2="54" y2="56" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#22d3ee" />
|
||||
<stop offset="50%" stop-color="#06b6d4" />
|
||||
<stop offset="100%" stop-color="#10b981" />
|
||||
</linearGradient>
|
||||
|
||||
<!-- Center Radiant Diamond -->
|
||||
<linearGradient id="pfm-grad-core" x1="27" y1="27" x2="37" y2="37" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#ffffff" />
|
||||
<stop offset="40%" stop-color="#e0f2fe" />
|
||||
<stop offset="100%" stop-color="#38bdf8" />
|
||||
</linearGradient>
|
||||
|
||||
<!-- Soft outer glow filter -->
|
||||
<filter id="pfm-glow" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feGaussianBlur stdDeviation="1.5" result="blur" />
|
||||
<feComposite in="SourceGraphic" in2="blur" operator="over" />
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Deep Contrast Foundation Disk for Dark & Light browser tabs -->
|
||||
<circle cx="32" cy="32" r="31" fill="#090d16" />
|
||||
<circle cx="32" cy="32" r="30" stroke="#1e293b" stroke-width="1" />
|
||||
<circle cx="32" cy="32" r="28" fill="url(#pfm-ambient-glow)" />
|
||||
|
||||
<!-- Outer Hexagonal Structural Shield Outline -->
|
||||
<path
|
||||
d="M32 6.5 L53.5 19 C55 19.8 56 21.5 56 23.2 L56 40.8 C56 42.5 55 44.2 53.5 45 L32 57.5 C30.5 58.3 28.5 58.3 27 57.5 L5.5 45 C4 44.2 3 42.5 3 40.8 L3 23.2 C3 21.5 4 19.8 5.5 19 L27 6.5 C28.5 5.7 30.5 5.7 32 6.5 Z"
|
||||
stroke="#3b82f6"
|
||||
stroke-opacity="0.3"
|
||||
stroke-width="1.2"
|
||||
fill="none"
|
||||
/>
|
||||
|
||||
<!-- Facet 1: Top Canopy (Governance / Oversight Architecture) -->
|
||||
<path
|
||||
d="M32 9 L51.5 20.2 L43 25.2 L32 18.8 L21 25.2 L12.5 20.2 Z"
|
||||
fill="url(#pfm-grad-top)"
|
||||
/>
|
||||
|
||||
<!-- Facet 2: Left Vault (Fund Management & Capital Allocation) -->
|
||||
<path
|
||||
d="M10 23 L19.2 28.4 L19.2 44.5 L30 50.8 L30 55.5 L10 43.8 Z"
|
||||
fill="url(#pfm-grad-left)"
|
||||
/>
|
||||
|
||||
<!-- Facet 3: Right Wing (Milestone Performance & Impact Assurance) -->
|
||||
<path
|
||||
d="M54 23 L54 43.8 L34 55.5 L34 50.8 L44.8 44.5 L44.8 28.4 Z"
|
||||
fill="url(#pfm-grad-right)"
|
||||
/>
|
||||
|
||||
<!-- Center Geometric Hub (The PFM Nexus Plate) -->
|
||||
<path
|
||||
d="M22 28.5 L32 22.8 L42 28.5 L42 35.5 L32 41.2 L22 35.5 Z"
|
||||
fill="#0b1120"
|
||||
stroke="#334155"
|
||||
stroke-width="1"
|
||||
/>
|
||||
|
||||
<!-- Kinetic Stepped Prisms -->
|
||||
<path
|
||||
d="M25 31.5 L32 27.5 L39 31.5 L32 35.5 Z"
|
||||
fill="url(#pfm-grad-top)"
|
||||
opacity="0.9"
|
||||
/>
|
||||
<path
|
||||
d="M25 37 L32 41 L39 37 L32 33 L25 37 Z"
|
||||
fill="url(#pfm-grad-right)"
|
||||
opacity="0.9"
|
||||
/>
|
||||
|
||||
<!-- Center Radiant Milestone Diamond -->
|
||||
<polygon
|
||||
points="32,27 36.5,32 32,37 27.5,32"
|
||||
fill="url(#pfm-grad-core)"
|
||||
filter="url(#pfm-glow)"
|
||||
/>
|
||||
|
||||
<!-- Center Pure White Optical Star Point -->
|
||||
<circle cx="32" cy="32" r="1.5" fill="#ffffff" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
+27
@@ -0,0 +1,27 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Post Fund Management Console</title>
|
||||
<meta name="description" content="Enterprise backoffice portal for Funders to manage portfolios, programmes, projects, grants, disbursements, and evidence workflows." />
|
||||
<meta property="og:title" content="Post Fund Management Console" />
|
||||
<meta property="og:description" content="Enterprise backoffice portal for Funders to manage portfolios, programmes, projects, grants, disbursements, and evidence workflows." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="alternate icon" href="/favicon.svg" />
|
||||
<link rel="mask-icon" href="/favicon.svg" color="#2563eb" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
|
||||
<script type="module" crossorigin src="/assets/index-COrccDuP.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-BVskQUfz.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<!-- Runtime Environment Configuration (Populated dynamically during deployment) -->
|
||||
<script src="/env-config.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user