-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpreview.html
More file actions
30 lines (30 loc) · 1.93 KB
/
preview.html
File metadata and controls
30 lines (30 loc) · 1.93 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<body style="background: #050505; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" width="400">
<defs>
<radialGradient id="p-bg" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#070b14"/>
<stop offset="100%" stop-color="#020408"/>
</radialGradient>
<radialGradient id="p-medal" cx="38%" cy="32%" r="65%">
<stop offset="0%" stop-color="#e8f4ff"/>
<stop offset="40%" stop-color="#a0c8f0"/>
<stop offset="100%" stop-color="#3060a0"/>
</radialGradient>
<radialGradient id="p-shine" cx="33%" cy="28%" r="38%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.8"/>
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="300" height="300" fill="url(#p-bg)" rx="20"/>
<circle cx="150" cy="130" r="82" fill="none" stroke="#3060a0" stroke-width="4"/>
<circle cx="150" cy="130" r="78" fill="none" stroke="#a0c8f0" stroke-width="1.5" opacity="0.7"/>
<circle cx="150" cy="130" r="73" fill="url(#p-medal)"/>
<circle cx="150" cy="130" r="73" fill="url(#p-shine)"/>
<polygon points="150,80 178,115 150,158 122,115" fill="#c0e0ff" opacity="0.9"/>
<line x1="122" y1="115" x2="178" y2="115" stroke="#ffffff" stroke-width="1" opacity="0.5"/>
<rect x="100" y="218" width="100" height="24" rx="3" fill="#1a3060" stroke="#a0c8f0" stroke-width="1.5"/>
<text x="150" y="235" text-anchor="middle" font-family="Arial" font-size="12" fill="#c0e0ff" font-weight="bold" letter-spacing="1">PLATINUM</text>
<text x="150" y="275" text-anchor="middle" font-family="Arial" font-size="10" fill="#3060a0" letter-spacing="2">REPUTATION SBT</text>
</svg>
</body>
</html>