@@ -8,7 +8,6 @@
|
||||
|
||||
<div class="login-page">
|
||||
<div class="login-split">
|
||||
|
||||
<!-- ══ LEFT PANEL — SLIDER ══ -->
|
||||
<div class="left-panel">
|
||||
<div class="left-panel__dots-bg"></div>
|
||||
@@ -26,34 +25,120 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 180" width="420" height="100">
|
||||
<defs>
|
||||
<linearGradient id="blueGD2" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#4D90E8"/><stop offset="100%" style="stop-color:#2563C8"/>
|
||||
<stop offset="0%" style="stop-color: #4d90e8" />
|
||||
<stop offset="100%" style="stop-color: #2563c8" />
|
||||
</linearGradient>
|
||||
<linearGradient id="greenGD2" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#34D05C"/><stop offset="100%" style="stop-color:#28B84E"/>
|
||||
<stop offset="0%" style="stop-color: #34d05c" />
|
||||
<stop offset="100%" style="stop-color: #28b84e" />
|
||||
</linearGradient>
|
||||
<linearGradient id="shieldGD2" x1="0%" y1="0%" x2="60%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#34D05C"/><stop offset="100%" style="stop-color:#1A9040"/>
|
||||
<stop offset="0%" style="stop-color: #34d05c" />
|
||||
<stop offset="100%" style="stop-color: #1a9040" />
|
||||
</linearGradient>
|
||||
<filter id="glow3">
|
||||
<feGaussianBlur stdDeviation="3" result="b"/>
|
||||
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||||
<feGaussianBlur stdDeviation="3" result="b" />
|
||||
<feMerge>
|
||||
<feMergeNode in="b" />
|
||||
<feMergeNode in="SourceGraphic" />
|
||||
</feMerge>
|
||||
</filter>
|
||||
</defs>
|
||||
<path d="M14 22 Q14 19 17 17 L44 8 Q47 7 50 8 L77 17 Q80 19 80 22 L80 72 Q80 100 47 114 Q14 100 14 72 Z" fill="url(#shieldGD2)" filter="url(#glow3)"/>
|
||||
<path d="M22 28 Q22 26 24 25 L46 18 Q48 17 50 18 L72 25 Q74 26 74 28 L74 71 Q74 93 47 105 Q20 93 20 71 Z" fill="none" stroke="rgba(255,255,255,0.15)" stroke-width="1.5"/>
|
||||
<path d="M33 65 L44 76 L66 50" stroke="white" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
|
||||
<path d="M35 42 Q47 34 59 42" stroke="rgba(255,255,255,0.7)" stroke-width="3" stroke-linecap="round" fill="none"/>
|
||||
<polygon points="59,37 59,47 65,42" fill="rgba(255,255,255,0.7)"/>
|
||||
<text x="98" y="105" font-family="Georgia, 'Times New Roman', serif" font-size="96" font-weight="900" font-style="italic" fill="url(#blueGD2)" letter-spacing="-2">Linc</text>
|
||||
<path d="M334 48 Q344 35 358 46" stroke="#34D05C" stroke-width="6.5" stroke-linecap="round" fill="none"/>
|
||||
<polygon points="356,38 362,50 350,49" fill="#34D05C"/>
|
||||
<text x="356" y="105" font-family="Georgia, 'Times New Roman', serif" font-size="96" font-weight="900" font-style="italic" fill="url(#greenGD2)" letter-spacing="-2">Shield</text>
|
||||
<line x1="98" y1="122" x2="752" y2="122" stroke="#1a2d47" stroke-width="1"/>
|
||||
<text x="98" y="148" font-family="'Trebuchet MS', 'Segoe UI', sans-serif" font-size="18" font-weight="700" letter-spacing="6" fill="#4D90E8">LINK</text>
|
||||
<circle cx="178" cy="140" r="3" fill="#34D05C"/>
|
||||
<text x="190" y="148" font-family="'Trebuchet MS', 'Segoe UI', sans-serif" font-size="18" font-weight="700" letter-spacing="6" fill="#8899bb">DETECT</text>
|
||||
<circle cx="312" cy="140" r="3" fill="#34D05C"/>
|
||||
<text x="324" y="148" font-family="'Trebuchet MS', 'Segoe UI', sans-serif" font-size="18" font-weight="700" letter-spacing="6" fill="#34D05C">PROTECT.</text>
|
||||
<path
|
||||
d="M14 22 Q14 19 17 17 L44 8 Q47 7 50 8 L77 17 Q80 19 80 22 L80 72 Q80 100 47 114 Q14 100 14 72 Z"
|
||||
fill="url(#shieldGD2)"
|
||||
filter="url(#glow3)"
|
||||
/>
|
||||
<path
|
||||
d="M22 28 Q22 26 24 25 L46 18 Q48 17 50 18 L72 25 Q74 26 74 28 L74 71 Q74 93 47 105 Q20 93 20 71 Z"
|
||||
fill="none"
|
||||
stroke="rgba(255,255,255,0.15)"
|
||||
stroke-width="1.5"
|
||||
/>
|
||||
<path
|
||||
d="M33 65 L44 76 L66 50"
|
||||
stroke="white"
|
||||
stroke-width="6"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"
|
||||
/>
|
||||
<path
|
||||
d="M35 42 Q47 34 59 42"
|
||||
stroke="rgba(255,255,255,0.7)"
|
||||
stroke-width="3"
|
||||
stroke-linecap="round"
|
||||
fill="none"
|
||||
/>
|
||||
<polygon points="59,37 59,47 65,42" fill="rgba(255,255,255,0.7)" />
|
||||
<text
|
||||
x="98"
|
||||
y="105"
|
||||
font-family="Georgia, 'Times New Roman', serif"
|
||||
font-size="96"
|
||||
font-weight="900"
|
||||
font-style="italic"
|
||||
fill="url(#blueGD2)"
|
||||
letter-spacing="-2"
|
||||
>
|
||||
Linc
|
||||
</text>
|
||||
<path
|
||||
d="M334 48 Q344 35 358 46"
|
||||
stroke="#34D05C"
|
||||
stroke-width="6.5"
|
||||
stroke-linecap="round"
|
||||
fill="none"
|
||||
/>
|
||||
<polygon points="356,38 362,50 350,49" fill="#34D05C" />
|
||||
<text
|
||||
x="356"
|
||||
y="105"
|
||||
font-family="Georgia, 'Times New Roman', serif"
|
||||
font-size="96"
|
||||
font-weight="900"
|
||||
font-style="italic"
|
||||
fill="url(#greenGD2)"
|
||||
letter-spacing="-2"
|
||||
>
|
||||
Shield
|
||||
</text>
|
||||
<line x1="98" y1="122" x2="752" y2="122" stroke="#1a2d47" stroke-width="1" />
|
||||
<text
|
||||
x="98"
|
||||
y="148"
|
||||
font-family="'Trebuchet MS', 'Segoe UI', sans-serif"
|
||||
font-size="18"
|
||||
font-weight="700"
|
||||
letter-spacing="6"
|
||||
fill="#4D90E8"
|
||||
>
|
||||
LINK
|
||||
</text>
|
||||
<circle cx="178" cy="140" r="3" fill="#34D05C" />
|
||||
<text
|
||||
x="190"
|
||||
y="148"
|
||||
font-family="'Trebuchet MS', 'Segoe UI', sans-serif"
|
||||
font-size="18"
|
||||
font-weight="700"
|
||||
letter-spacing="6"
|
||||
fill="#8899bb"
|
||||
>
|
||||
DETECT
|
||||
</text>
|
||||
<circle cx="312" cy="140" r="3" fill="#34D05C" />
|
||||
<text
|
||||
x="324"
|
||||
y="148"
|
||||
font-family="'Trebuchet MS', 'Segoe UI', sans-serif"
|
||||
font-size="18"
|
||||
font-weight="700"
|
||||
letter-spacing="6"
|
||||
fill="#34D05C"
|
||||
>
|
||||
PROTECT.
|
||||
</text>
|
||||
</svg>
|
||||
</div>
|
||||
} @else {
|
||||
@@ -94,7 +179,6 @@
|
||||
|
||||
<!-- ══ RIGHT PANEL — LOGIN ══ -->
|
||||
<div class="right-panel">
|
||||
|
||||
<!-- Settings trigger -->
|
||||
<button class="settings-btn" (click)="toggleSettingsPanel()" matTooltip="Settings">
|
||||
<mifosx-m3-icon [name]="settingsPanelOpen ? 'close' : 'settings'"></mifosx-m3-icon>
|
||||
@@ -173,11 +257,8 @@
|
||||
<mifosx-two-factor-authentication></mifosx-two-factor-authentication>
|
||||
}
|
||||
|
||||
<div class="right-footer">
|
||||
RBI Licensed · PCI-DSS Compliant · ISO 27001 Certified
|
||||
</div>
|
||||
<div class="right-footer">RBI Licensed · PCI-DSS Compliant · ISO 27001 Certified</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
Reference in New Issue
Block a user