|
1 | 1 | <svelte:head> |
2 | 2 | <title>DevCard — One Tap. Every Profile. Every Platform.</title> |
3 | | - <meta name="description" content="Open source developer profile exchange platform. Share all your developer profiles with one QR code." /> |
| 3 | + <meta |
| 4 | + name="description" |
| 5 | + content="Open source developer profile exchange platform. Share all your developer profiles with one QR code." |
| 6 | + /> |
4 | 7 | </svelte:head> |
5 | 8 |
|
6 | 9 | <main class="landing"> |
|
13 | 16 | DevCard puts every profile in one shareable QR code. |
14 | 17 | </p> |
15 | 18 | <div class="cta-group"> |
16 | | - <a href="https://github.com/your-org/devcard" class="btn btn-primary" target="_blank" rel="noopener"> |
| 19 | + <a |
| 20 | + href="https://github.com/Dev-Card/DevCard" |
| 21 | + class="btn btn-primary" |
| 22 | + target="_blank" |
| 23 | + rel="noopener" |
| 24 | + > |
17 | 25 | ⭐ Star on GitHub |
18 | 26 | </a> |
19 | 27 | <a href="#features" class="btn btn-secondary">Learn More ↓</a> |
|
24 | 32 | <div class="feature-card"> |
25 | 33 | <div class="feature-icon">🔗</div> |
26 | 34 | <h3>One Card, All Profiles</h3> |
27 | | - <p>GitHub, LinkedIn, Twitter/X, Devfolio, GitLab, LeetCode, and 10+ more — all in one card.</p> |
| 35 | + <p> |
| 36 | + GitHub, LinkedIn, Twitter/X, Devfolio, GitLab, LeetCode, and 10+ more — |
| 37 | + all in one card. |
| 38 | + </p> |
28 | 39 | </div> |
29 | 40 | <div class="feature-card"> |
30 | 41 | <div class="feature-icon">⚡</div> |
31 | 42 | <h3>Hybrid Follow Engine</h3> |
32 | | - <p>Follow on GitHub silently via API. Connect on LinkedIn with one tap in WebView. No app switching.</p> |
| 43 | + <p> |
| 44 | + Follow on GitHub silently via API. Connect on LinkedIn with one tap in |
| 45 | + WebView. No app switching. |
| 46 | + </p> |
33 | 47 | </div> |
34 | 48 | <div class="feature-card"> |
35 | 49 | <div class="feature-icon">💳</div> |
36 | 50 | <h3>Context Cards</h3> |
37 | | - <p>Share your "Professional" card at conferences and "Hackathon" card at hack events. Same profiles, different contexts.</p> |
| 51 | + <p> |
| 52 | + Share your "Professional" card at conferences and "Hackathon" card at |
| 53 | + hack events. Same profiles, different contexts. |
| 54 | + </p> |
38 | 55 | </div> |
39 | 56 | <div class="feature-card"> |
40 | 57 | <div class="feature-icon">📱</div> |
41 | 58 | <h3>QR + AirDrop</h3> |
42 | | - <p>Generate a QR code or share via AirDrop-style link. Works even if the receiver doesn't have the app.</p> |
| 59 | + <p> |
| 60 | + Generate a QR code or share via AirDrop-style link. Works even if the |
| 61 | + receiver doesn't have the app. |
| 62 | + </p> |
43 | 63 | </div> |
44 | 64 | <div class="feature-card"> |
45 | 65 | <div class="feature-icon">🔒</div> |
46 | 66 | <h3>Privacy First</h3> |
47 | | - <p>No data monetization. No tracking. Apache 2.0 licensed. You own your data.</p> |
| 67 | + <p> |
| 68 | + No data monetization. No tracking. Apache 2.0 licensed. You own your |
| 69 | + data. |
| 70 | + </p> |
48 | 71 | </div> |
49 | 72 | <div class="feature-card"> |
50 | 73 | <div class="feature-icon">🌍</div> |
51 | 74 | <h3>Open Source</h3> |
52 | | - <p>Community-driven development. Contribute, self-host, or extend with your own platforms.</p> |
| 75 | + <p> |
| 76 | + Community-driven development. Contribute, self-host, or extend with your |
| 77 | + own platforms. |
| 78 | + </p> |
53 | 79 | </div> |
54 | 80 | </section> |
55 | 81 |
|
56 | 82 | <footer class="footer"> |
57 | 83 | <p>DevCard — Open Source Developer Profile Exchange</p> |
58 | | - <p>Apache 2.0 License • <a href="https://github.com/your-org/devcard" target="_blank" rel="noopener">GitHub</a></p> |
| 84 | + <p> |
| 85 | + Apache 2.0 License • <a |
| 86 | + href="https://github.com/Dev-Card/DevCard" |
| 87 | + target="_blank" |
| 88 | + rel="noopener">GitHub</a |
| 89 | + > |
| 90 | + </p> |
59 | 91 | </footer> |
60 | 92 | </main> |
61 | 93 |
|
|
78 | 110 | } |
79 | 111 |
|
80 | 112 | @keyframes float { |
81 | | - 0%, 100% { transform: translateY(0); } |
82 | | - 50% { transform: translateY(-10px); } |
| 113 | + 0%, |
| 114 | + 100% { |
| 115 | + transform: translateY(0); |
| 116 | + } |
| 117 | + 50% { |
| 118 | + transform: translateY(-10px); |
| 119 | + } |
83 | 120 | } |
84 | 121 |
|
85 | 122 | h1 { |
|
158 | 195 | border: 1px solid var(--border); |
159 | 196 | border-radius: var(--radius-lg); |
160 | 197 | padding: 2rem; |
161 | | - transition: transform 0.2s ease, border-color 0.2s ease; |
| 198 | + transition: |
| 199 | + transform 0.2s ease, |
| 200 | + border-color 0.2s ease; |
162 | 201 | } |
163 | 202 |
|
164 | 203 | .feature-card:hover { |
|
195 | 234 | } |
196 | 235 |
|
197 | 236 | @media (max-width: 600px) { |
198 | | - h1 { font-size: 2.5rem; } |
199 | | - .hero { padding: 3rem 0 2rem; } |
200 | | - .cta-group { flex-direction: column; align-items: center; } |
| 237 | + h1 { |
| 238 | + font-size: 2.5rem; |
| 239 | + } |
| 240 | + .hero { |
| 241 | + padding: 3rem 0 2rem; |
| 242 | + } |
| 243 | + .cta-group { |
| 244 | + flex-direction: column; |
| 245 | + align-items: center; |
| 246 | + } |
201 | 247 | } |
202 | 248 | </style> |
0 commit comments