| 1 |
<div style="max-width: 400px; text-align: center;"> |
| 2 |
<header style="margin-bottom: 2rem;"> |
| 3 |
<div style="width: 100px; height: 100px; background: var(--light-background); margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; opacity: 0.5; font-family: var(--font-heading);">AK</div> |
| 4 |
<h1 style="font-size: 1.8rem; margin-bottom: 0.25rem; font-family: var(--font-heading);">Ada Karras</h1> |
| 5 |
<div style="font-size: 0.9rem; opacity: 0.7; margin-bottom: 0.75rem;">adakarras</div> |
| 6 |
<p style="font-size: 0.95rem; max-width: 340px; margin: 0 auto;">Ambient composer and field recordist. New album every spring. Samples and stems available for remix.</p> |
| 7 |
<div style="margin-top: 0.75rem; display: flex; gap: 0.75rem; justify-content: center; align-items: center;"> |
| 8 |
<button class="secondary" style="font-size: 0.85rem; padding: 0.4rem 0.8rem;">Follow (48)</button> |
| 9 |
</div> |
| 10 |
<div style="margin-top: 0.5rem; display: flex; gap: 1rem; justify-content: center; font-size: 0.85rem;"> |
| 11 |
<span style="opacity: 0.7;">RSS Feed</span> |
| 12 |
<span style="opacity: 0.7;">Copy link</span> |
| 13 |
</div> |
| 14 |
</header> |
| 15 |
|
| 16 |
<section style="margin-bottom: 1.5rem;"> |
| 17 |
<div class="card" style="text-align: center; padding: 0.75rem 1rem;"> |
| 18 |
<div style="font-family: var(--font-heading); font-weight: bold; font-size: 1rem;">bandcamp.com/adakarras</div> |
| 19 |
<div style="font-size: 0.8rem; opacity: 0.7;">Back catalog and vinyl</div> |
| 20 |
</div> |
| 21 |
</section> |
| 22 |
|
| 23 |
<section> |
| 24 |
<h2 class="section-header" style="font-size: 1rem; text-align: left;">Projects</h2> |
| 25 |
<a class="card" style="display: block; text-decoration: none; color: inherit;"> |
| 26 |
<div style="font-family: var(--font-heading); font-weight: bold; font-size: 1.05rem; margin-bottom: 0.25rem;">Liminality</div> |
| 27 |
<div style="font-size: 0.8rem; opacity: 0.7; margin-bottom: 0.25rem;">Music · 8 items</div> |
| 28 |
<div style="font-size: 0.85rem; opacity: 0.8;">Field recordings and processed ambient. Spring 2026.</div> |
| 29 |
</a> |
| 30 |
<a class="card" style="display: block; text-decoration: none; color: inherit;"> |
| 31 |
<div style="font-family: var(--font-heading); font-weight: bold; font-size: 1.05rem; margin-bottom: 0.25rem;">Sample Library</div> |
| 32 |
<div style="font-size: 0.8rem; opacity: 0.7; margin-bottom: 0.25rem;">Sample · 24 items</div> |
| 33 |
<div style="font-size: 0.85rem; opacity: 0.8;">Field recordings, textures, and atmospheres for your productions.</div> |
| 34 |
</a> |
| 35 |
</section> |
| 36 |
</div> |
| 37 |
|