feature: login and my page
This commit is contained in:
@@ -0,0 +1,68 @@
|
||||
<div class="flex-1 hidden lg:flex justify-center items-center relative min-h-[480px]">
|
||||
<div class="relative z-10 w-full max-w-[440px]">
|
||||
<svg viewBox="0 0 500 500" class="w-full h-auto" aria-hidden="true" role="img">
|
||||
<circle cx="250" cy="250" r="180" fill="none" stroke="#e2e8f0" stroke-width="2" stroke-dasharray="6,6" opacity="0.6" />
|
||||
|
||||
<rect x="60" y="80" width="120" height="70" rx="4" fill="none" stroke="#cbd5e1" stroke-width="2" />
|
||||
<line x1="60" y1="120" x2="180" y2="120" stroke="#cbd5e1" stroke-width="2" />
|
||||
<rect x="75" y="95" width="12" height="25" fill="#94a3b8" />
|
||||
<rect x="90" y="90" width="14" height="30" fill="#cbd5e1" />
|
||||
<rect x="110" y="100" width="14" height="20" fill="#94a3b8" transform="rotate(15, 110, 100)" />
|
||||
|
||||
<rect x="340" y="60" width="100" height="130" rx="6" fill="none" stroke="#cbd5e1" stroke-width="2" />
|
||||
<line x1="390" y1="60" x2="390" y2="190" stroke="#cbd5e1" stroke-width="1.5" />
|
||||
<line x1="340" y1="120" x2="440" y2="120" stroke="#cbd5e1" stroke-width="1.5" />
|
||||
|
||||
<ellipse cx="250" cy="455" rx="55" ry="9" fill="#cbd5e1" opacity="0.4" />
|
||||
|
||||
<line x1="230" y1="360" x2="215" y2="450" stroke="#d29a0f" stroke-width="4.5" stroke-linecap="round" />
|
||||
<line x1="270" y1="360" x2="285" y2="450" stroke="#d29a0f" stroke-width="4.5" stroke-linecap="round" />
|
||||
<line x1="250" y1="360" x2="250" y2="450" stroke="#9a6a00" stroke-width="3.5" stroke-linecap="round" />
|
||||
<ellipse cx="250" cy="415" rx="20" ry="4" fill="none" stroke="#d29a0f" stroke-width="2" />
|
||||
<ellipse cx="250" cy="435" rx="24" ry="5" fill="none" stroke="#d29a0f" stroke-width="2" />
|
||||
<rect x="220" y="348" width="60" height="12" rx="5" fill="#fbbf24" />
|
||||
|
||||
<polygon points="150,450 170,450 166,415 154,415" fill="#94a3b8" />
|
||||
<path d="M 160,415 Q 145,390 135,385" fill="none" stroke="#cbd5e1" stroke-width="2.5" stroke-linecap="round" />
|
||||
<path d="M 160,415 Q 165,380 175,370" fill="none" stroke="#cbd5e1" stroke-width="2.5" stroke-linecap="round" />
|
||||
<circle cx="135" cy="385" r="7" fill="#cbd5e1" />
|
||||
<circle cx="175" cy="370" r="9" fill="#94a3b8" />
|
||||
|
||||
<path d="M 230,358 Q 220,400 225,435" fill="none" stroke="#334155" stroke-width="12" stroke-linecap="round" />
|
||||
<path d="M 252,358 Q 262,400 258,435" fill="none" stroke="#334155" stroke-width="12" stroke-linecap="round" />
|
||||
<path d="M 225,435 L 218,443 L 230,443 Z" fill="#fbbf24" stroke="#fbbf24" stroke-width="3" stroke-linejoin="round" />
|
||||
<path d="M 258,435 L 265,443 L 253,443 Z" fill="#fbbf24" stroke="#fbbf24" stroke-width="3" stroke-linejoin="round" />
|
||||
|
||||
<path d="M 222,275 C 222,275 258,275 258,275 L 252,325 C 252,325 228,325 228,325 Z" fill="#ffffff" />
|
||||
<rect x="242" y="285" width="8" height="10" rx="1.5" fill="#ef222e" />
|
||||
|
||||
<rect x="235" y="260" width="10" height="16" fill="#fed7aa" />
|
||||
|
||||
<circle cx="240" cy="242" r="16" fill="#fed7aa" />
|
||||
<circle cx="236" cy="240" r="18" fill="#1e293b" />
|
||||
<path d="M 220,245 C 205,245 195,255 198,270 C 208,265 218,255 222,250 Z" fill="#1e293b" />
|
||||
<path d="M 226,232 Q 242,225 252,238 C 252,238 246,228 234,228 Z" fill="#1e293b" />
|
||||
<path d="M 228,230 Q 240,223 248,232" fill="none" stroke="#fbbf24" stroke-width="3.5" stroke-linecap="round" />
|
||||
|
||||
<polygon points="270,305 305,305 295,332 260,332" fill="#e2e8f0" />
|
||||
<polygon points="273,308 302,308 293,329 264,329" fill="#0f4c81" opacity="0.1" />
|
||||
<polygon points="252,332 295,332 290,338 247,338" fill="#cbd5e1" />
|
||||
|
||||
<path d="M 222,275 Q 240,312 265,315" fill="none" stroke="#fed7aa" stroke-width="7" stroke-linecap="round" />
|
||||
<path d="M 242,275 Q 255,295 272,300" fill="none" stroke="#fed7aa" stroke-width="7" stroke-linecap="round" />
|
||||
<circle cx="265" cy="315" r="4.5" fill="#fed7aa" />
|
||||
<circle cx="272" cy="300" r="4.5" fill="#fed7aa" />
|
||||
|
||||
<g transform="translate(45, -20)">
|
||||
<path d="M 266,160 C 266,120 305,100 335,120 C 355,130 365,150 365,170 C 365,190 345,210 325,205 L 312,222 L 309,204 C 282,198 266,180 266,160 Z" fill="#ffffff" filter="drop-shadow(0 4px 6px rgba(0,0,0,0.06))" />
|
||||
|
||||
<g transform="translate(302, 138)">
|
||||
<path d="M 8,10 L 8,6 C 8,2.5 18,2.5 18,6 L 18,10" stroke="#0f4c81" stroke-width="2.5" stroke-linecap="round" fill="none" />
|
||||
<rect x="3" y="10" width="20" height="15" rx="3.5" fill="#fbbf24" />
|
||||
<circle cx="13" cy="16.5" r="1.5" fill="#0f4c81" />
|
||||
<line x1="13" y1="18" x2="13" y2="21" stroke="#0f4c81" stroke-width="1.8" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user