extremely claude-assisted go game based on atproto! working on cleaning up and giving a more unique design, still has a bit of a slop vibe to it.
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162<script lang="ts"> interface Props { type?: string; value?: string; placeholder?: string; disabled?: boolean; oninput?: (e: Event) => void; onchange?: (e: Event) => void; class?: string; }
let { type = 'text', value = '', placeholder = '', disabled = false, oninput, onchange, class: className = '' }: Props = $props();</script>
<input {type} {value} {placeholder} {disabled} {oninput} {onchange} class="cloud-input {className}"/>
<style> .cloud-input { width: 100%; padding: 0.875rem 1rem; border: 2px solid var(--sky-blue-pale); border-radius: 0.5rem; font-size: 1rem; background: var(--sky-white); color: var(--sky-slate-dark); transition: all 0.2s; font-family: var(--font-body); }
.cloud-input:focus { outline: none; border-color: var(--sky-apricot); box-shadow: 0 0 0 3px var(--sky-apricot-light); }
.cloud-input::placeholder { color: var(--sky-gray-light); }
.cloud-input:disabled { opacity: 0.6; cursor: not-allowed; background: var(--sky-cloud); }</style>