LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-06 12:57:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

update self-closing tags

Browse Source
This commit is contained in:
Jesse Winton
2025-03-31 12:54:22 -04:00
parent 0bba406f96
commit f718a52946
154 changed files with 431 additions and 431 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/animations/AutoBox.svelte
View File

@@ -10,7 +10,7 @@
class="true-body"
style:width={`${$bodyRect?.width ?? 0}px`}
style:height={`${$bodyRect?.height ?? 0}px`}
/>
></div>
<div class="body" use:rect={bodyRect}>
<slot />
</div>

8
src/lib/animations/CodeWindow/CodeWindow.svelte
View File

@@ -5,16 +5,16 @@
<div class="code-console">
<div class="header">
<div class="ellipse" />
<div class="ellipse-2" />
<div class="ellipse-3" />
<div class="ellipse"></div>
<div class="ellipse-2"></div>
<div class="ellipse-3"></div>
</div>
<div class="block">
<AutoBox>
<slot {Code} />
</AutoBox>
</div>
<div id="code-bottom" />
<div id="code-bottom"></div>
</div>
<style lang="scss">

10
src/lib/animations/OpenSource.svelte
View File

@@ -191,7 +191,7 @@
class="web-icon-discord web-u-font-size-40"
aria-hidden="true"
aria-label="Discord"
/>
></span>
</div>
<div class="text-title font-aeonik-pro mt-auto">17k+ Discord Members</div>
</a>
@@ -206,7 +206,7 @@
class="web-icon-github web-u-font-size-40"
aria-hidden="true"
aria-label="GitHub"
/>
></span>
</div>
<div class="text-title font-aeonik-pro mt-auto">
{GITHUB_STARS}+ GitHub Stars
@@ -223,7 +223,7 @@
class="web-icon-x web-u-font-size-40"
aria-hidden="true"
aria-label="Twitter"
/>
></span>
</div>
<div class="text-title font-aeonik-pro mt-auto">128k+ Twitter Followers</div>
</a>
@@ -238,7 +238,7 @@
class="web-icon-youtube web-u-font-size-40"
aria-hidden="true"
aria-label="YouTube"
/>
></span>
</div>
<div class="text-title font-aeonik-pro mt-auto">7k+ Youtube Subscribers</div>
</a>
@@ -253,7 +253,7 @@
class="web-icon-github web-u-font-size-40"
aria-hidden="true"
aria-label="GitHub"
/>
></span>
</div>
<div class="text-title font-aeonik-pro mt-auto">21k+ Code Commits</div>
</a>

2
src/lib/animations/Products/ProductsMobile.svelte
View File

@@ -60,7 +60,7 @@
</p>
</div>
</div>
<div class="img-overlay" />
<div class="img-overlay"></div>
</div>
<style lang="scss">

2
src/lib/animations/Products/TaskCheckbox.svelte
View File

@@ -22,7 +22,7 @@
<div class="wrapper">
<button use:melt={$root} class="anim-checkbox">
{#if $isChecked}
<span class="web-icon-check" />
<span class="web-icon-check"></span>
{/if}
</button>
</div>

4
src/lib/animations/Products/auth/controls.svelte
View File

@@ -14,12 +14,12 @@
{#each objectKeys($state.controls) as provider, i}
{@const isLast = i === objectKeys($state.controls).length - 1}
<div>
<span class={getIcon(provider)} />
<span class={getIcon(provider)}></span>
<span>{provider}</span>
<Switch bind:checked={$state.controls[provider]} />
</div>
{#if !isLast}
<div class="sep" />
<div class="sep"></div>
{/if}
{/each}
</div>

2
src/lib/animations/Products/auth/phone.svelte
View File

@@ -47,7 +47,7 @@
animate:flip={{ duration: 250 }}
>
<div class="inner">
<span class="web-icon-{provider.toLowerCase()}" />
<span class="web-icon-{provider.toLowerCase()}"></span>
<span>{provider}</span>
</div>
</button>

2
src/lib/animations/Products/databases/box.svelte
View File

@@ -14,7 +14,7 @@
{#each $state.tasks.slice(0, $state.tableSlice) as task (task.id)}
<div class="row" transition:slide={{ duration: 150 }} animate:flip={{ duration: 150 }}>
<div class="copy-button">
<span class="web-icon-copy" />
<span class="web-icon-copy"></span>
<span>{task.id}</span>
</div>
<span class="truncated">{task.title}</span>

4
src/lib/animations/Products/databases/phone.svelte
View File

@@ -9,7 +9,7 @@
<div data-theme-ignore class="inner-phone light">
<div class="header">
<p class="title">Your tasks</p>
<span class="icon-menu" aria-label="menu" />
<span class="icon-menu" aria-label="menu"></span>
</div>
<div class="date">Today</div>
@@ -23,7 +23,7 @@
</div>
<button class="add-btn">
<span class="web-icon-plus" />
<span class="web-icon-plus"></span>
</button>
</div>

6
src/lib/animations/Products/functions/code.svelte
View File

@@ -25,14 +25,14 @@ return res.json({ success: true });`.trim();
<div use:portal={{ target: '#code-bottom' }} class="bottom">
{#if $state.submit !== 'idle'}
<span class="web-icon-github" in:fade />
<span class="web-icon-github" in:fade></span>
{/if}
{#if $state.submit === 'loading'}
<span in:fade>Pushing to GitHub...</span>
<div class="loader is-small" in:fade />
<div class="loader is-small" in:fade></div>
{:else if $state.submit === 'success'}
<span>Deployed to Appwrite Cloud</span>
<span class="web-icon-check" />
<span class="web-icon-check"></span>
{/if}
</div>

2
src/lib/animations/Products/functions/phone.svelte
View File

@@ -33,7 +33,7 @@
<div data-theme-ignore class="inner-phone light">
<div class="header">
<p class="title">Upgrade plan</p>
<span class="icon-menu" aria-label="menu" />
<span class="icon-menu" aria-label="menu"></span>
</div>
<div class="plan">

6
src/lib/animations/Products/messaging/box.svelte
View File

@@ -15,7 +15,7 @@
{#each $state.messages.slice(0, $state.tableSlice) as task (task.id)}
<div class="row" transition:slide={{ duration: 150 }} animate:flip={{ duration: 150 }}>
<div class="copy-button">
<span class="web-icon-copy" />
<span class="web-icon-copy"></span>
<span>{task.id}</span>
</div>
<div class="icon-button">
@@ -27,9 +27,9 @@
<div class="status-indicator">
{#if task.status === 'sending'}
<div class="loader is-small" in:fade />
<div class="loader is-small" in:fade></div>
{:else}
<span class="web-icon-check" />
<span class="web-icon-check"></span>
{/if}
</div>
</div>

6
src/lib/animations/Products/messaging/phone.svelte
View File

@@ -8,7 +8,7 @@
{#if $state.submit === 'success'}
<div class="push-notification" in:fly={{ y: -20 }}>
<div class="icon" />
<div class="icon"></div>
<div class="content">
<div class="header">
<h3 class="title">New task assigned to you</h3>
@@ -22,7 +22,7 @@
<div data-theme-ignore class="inner-phone light">
<div class="header">
<p class="title">Your tasks</p>
<span class="icon-menu" aria-label="menu" />
<span class="icon-menu" aria-label="menu"></span>
</div>
<div class="date">Today</div>
@@ -35,7 +35,7 @@
{/each}
</div>
<button class="add-btn">
<span class="web-icon-plus" />
<span class="web-icon-plus"></span>
</button>
</div>

8
src/lib/animations/Products/post/post.svelte
View File

@@ -17,7 +17,7 @@
<div class="gradient-box auth" id="post-auth-{$elId}">
<div class="flex items-center gap-2">
<p class="icon-user-group" />
<p class="icon-user-group"></p>
<p class="f-eyebrow">Authentication</p>
</div>
<p class="f-display mbs-16">
@@ -31,7 +31,7 @@
<div class="gradient-box storage" id="post-storage-{$elId}">
<div class="flex items-center gap-2">
<p class="icon-folder" />
<p class="icon-folder"></p>
<p class="f-eyebrow">Storage</p>
</div>
<p class="f-display mbs-16">
@@ -55,7 +55,7 @@
<div class="gradient-box functions" id="post-functions-{$elId}">
<div class="flex items-center gap-2">
<p class="icon-lightning-bolt" />
<p class="icon-lightning-bolt"></p>
<p class="f-eyebrow">Functions</p>
</div>
<p class="f-display mbs-16">
@@ -68,7 +68,7 @@
<div class="gradient-box databases" id="post-databases-{$elId}">
<div class="flex items-center gap-2">
<p class="icon-database" />
<p class="icon-database"></p>
<p class="f-eyebrow">Databases</p>
</div>
<p class="f-display mbs-16">

12
src/lib/animations/Products/realtime/phone.svelte
View File

@@ -55,13 +55,13 @@
</div>
{/each}
</div>
<div class="vertical-sep" />
<span class="icon-menu" />
<div class="vertical-sep"></div>
<span class="icon-menu"></span>
</div>
</div>
<div class="row">
<div class="search">
<span class="web-icon-search" />
<span class="web-icon-search"></span>
<span class="text"> Search </span>
</div>
<div class="flow gap-8">
@@ -81,11 +81,11 @@
<div class="title">
<span class="text capitalize">{col}</span>
<span class="tgl-inline-tag">{tasks.length}</span>
<span class="icon-dots-horizontal" />
<span class="icon-dots-horizontal"></span>
</div>
<div class="flow-v mbs-8 gap-12">
<button class="dashed-btn" id="add-{col}-{$elId}">
<span class="icon-plus" />
<span class="icon-plus"></span>
<span class="text">New Task</span>
</button>
{#each tasks as task (task.title)}
@@ -112,7 +112,7 @@
</div>
</div>
{#if !isLast}
<div class="vertical-sep" />
<div class="vertical-sep"></div>
{/if}
{/each}
</div>

6
src/lib/animations/Products/storage/phone.svelte
View File

@@ -14,7 +14,7 @@
<div data-theme-ignore class="inner-phone light">
<div class="header">
<p class="title">Your tasks</p>
<span class="icon-menu" aria-label="menu" />
<span class="icon-menu" aria-label="menu"></span>
</div>
<div class="date">Today</div>
@@ -28,7 +28,7 @@
</div>
<button class="add-btn">
<span class="web-icon-plus" />
<span class="web-icon-plus"></span>
</button>
<div class="overlay" id="overlay-{$elId}">
@@ -50,7 +50,7 @@
<div class="drop-zone">
<span id="upload-text-{$elId}"> Drop media here </span>
<div class="loading-overlay" id="upload-loading-{$elId}">
<div class="loader" />
<div class="loader"></div>
</div>
</div>
<img id="upload-img-{$elId}" src="/images/animations/storage-2.png" alt="" />

2
src/lib/animations/scroll-indicator.svelte
View File

@@ -30,7 +30,7 @@
style:--y={`${y}px`}
style:--percentage={`${easedPercentage * 100}%`}
>
<div class="absolute -top-[8px] left-1/2" />
<div class="absolute -top-[8px] left-1/2"></div>
</div>
<style lang="scss">

2
src/lib/components/Accordion/Item.svelte
View File

@@ -10,7 +10,7 @@
>
<span class="text-primary text-sub-body font-medium">{title}</span>
<div class="icon text-primary transition-transform group-[&[open]]:rotate-180">
<span class="icon-cheveron-down" aria-hidden="true" />
<span class="icon-cheveron-down" aria-hidden="true"></span>
</div>
</summary>
<div class="collapsible-content text-secondary text-sub-body flex flex-col">

2
src/lib/components/AnnouncementBanner.svelte
View File

@@ -17,7 +17,7 @@
aria-label="close discord message"
on:click={hideTopBanner}
>
<span class="web-icon-close" aria-hidden="true" />
<span class="web-icon-close" aria-hidden="true"></span>
</button>
{/if}
</div>

6
src/lib/components/AppwriteIn100Seconds.svelte
View File

@@ -22,13 +22,13 @@
class="web-button cursor-pointer transition-opacity hover:opacity-90 active:scale-95"
style:box-shadow="0 2px 40px rgba(0, 0, 0, 0.5)"
>
<span class="web-icon-play" />
<span class="web-icon-play"></span>
<span>Appwrite in 100 seconds</span>
</button>
{#if $open}
<div use:melt={$portalled}>
<div use:melt={$overlay} class="overlay" transition:fade={{ duration: 150 }} />
<div use:melt={$overlay} class="overlay" transition:fade={{ duration: 150 }}></div>
<div
class="web-media content"
@@ -41,7 +41,7 @@
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
/>
></iframe>
</div>
</div>
{/if}

4
src/lib/components/Carousel.svelte
View File

@@ -51,7 +51,7 @@
disabled={isStart}
on:click={prev}
>
<span class="web-icon-arrow-left" aria-hidden="true" />
<span class="web-icon-arrow-left" aria-hidden="true"></span>
</button>
<button
class="web-icon-button"
@@ -59,7 +59,7 @@
disabled={isEnd}
on:click={next}
>
<span class="web-icon-arrow-right" aria-hidden="true" />
<span class="web-icon-arrow-right" aria-hidden="true"></span>
</button>
</div>
</div>

8
src/lib/components/Feedback.svelte
View File

@@ -80,7 +80,7 @@
feedbackType = 'positive';
}}
>
<span class="icon-thumb-up" />
<span class="icon-thumb-up"></span>
</button>
<button
class="web-radio-button"
@@ -91,7 +91,7 @@
}}
>
<!-- TODO: fix the icon name on pink -->
<span class="icon-thumb-dowm" />
<span class="icon-thumb-dowm"></span>
</button>
</div>
</div>
@@ -107,7 +107,7 @@
rel="noopener noreferrer"
class="web-link flex items-baseline gap-1"
>
<span class="icon-pencil-alt contents" aria-hidden="true" />
<span class="icon-pencil-alt contents" aria-hidden="true"></span>
<span>Update on GitHub</span>
</a>
</li>
@@ -133,7 +133,7 @@
id="message"
placeholder="Write your message"
bind:value={comment}
/>
></textarea>
<label for="message" class="mt-2">
<span class="text-primary">Email</span>
</label>

2
src/lib/components/FooterNav.svelte
View File

@@ -129,7 +129,7 @@
class="web-icon-chevron-down web-u-transition"
class:web-u-rotate-180={$isSelected(title)}
style:font-size="1rem"
/>
></span>
</button>
</h5>
{#if $isSelected(title)}

12
src/lib/components/InitBanner.svelte
View File

@@ -39,16 +39,16 @@
> has started
</span>
<span class="web-u-color-text-secondary">The start of something new</span>
<div class="shadow" />
<div class="shadow"></div>
</div>
<a href="/init" rel="noopener noreferrer" class="action">
<span class="text-caption font-medium">Join now</span>
<span class="web-icon-arrow-right" aria-hidden="true" />
<div class="shadow" />
<span class="web-icon-arrow-right" aria-hidden="true"></span>
<div class="shadow"></div>
</a>
</div>
<div class="shine" />
<div class="border" />
<div class="shine"></div>
<div class="border"></div>
<div class="lines">
{#if mounted}
{#each Array.from({ length: groups.length }) as _, i}
@@ -57,7 +57,7 @@
<div
class="line"
style={`--width:${getRandomWidth(index)}px;--initial-delay:${randomDelay()}ms;left:${getRandomXValue()}px;`}
/>
></div>
{/each}
</div>
{/each}

6
src/lib/components/MainFooter.svelte
View File

@@ -19,7 +19,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class={social.icon} aria-hidden="true" />
<span class={social.icon} aria-hidden="true"></span>
</a>
</li>
{/each}
@@ -36,7 +36,7 @@
scrolling="no"
style:color-scheme="none"
style:margin-top="-4px"
/>
></iframe>
<ul class="flex gap-4">
<li><a class="web-link" href="/terms">Terms</a></li>
@@ -58,7 +58,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class={social.icon} aria-hidden="true" />
<span class={social.icon} aria-hidden="true"></span>
</a>
</li>
{/each}

2
src/lib/components/MobileNav.svelte
View File

@@ -47,7 +47,7 @@
rel="noopener noreferrer"
class="web-button is-text web-u-inline-width-100-percent-mobile"
>
<span class="web-icon-star" aria-hidden="true" />
<span class="web-icon-star" aria-hidden="true"></span>
<span class="text">Star on GitHub</span>
<span class="web-inline-tag text-sub-body">{GITHUB_STARS}</span>
</a>

2
src/lib/components/MultiCodeContextless.svelte
View File

@@ -75,7 +75,7 @@
on:click={handleCopy}
class="web-icon-button"
aria-label="copy code from code-snippet"
><span class="web-icon-copy" aria-hidden="true" /></button
><span class="web-icon-copy" aria-hidden="true"></span></button
>
<svelte:fragment slot="tooltip">
{copyText}

2
src/lib/components/PreFooter.svelte
View File

@@ -39,7 +39,7 @@
<div class="web-strip-plans-plan">
<h4 class="title text-description">Free</h4>
<div class="text-title font-aeonik-pro text-primary">$0</div>
<div class="info text-caption font-medium" />
<div class="info text-caption font-medium"></div>
</div>
<p class="web-strip-plans-info text-caption font-medium">
A great fit for passion projects and small applications.

4
src/lib/components/ProductsMobileSubmenu.svelte
View File

@@ -23,7 +23,7 @@
class={classNames('web-icon-chevron-down transition-transform', {
'rotate-180': $open
})}
/></button
></span></button
>
</div>
@@ -81,7 +81,7 @@
href={sublink.href}
class="text-caption text-primary flex items-center gap-2"
>
{sublink.label} <span class="web-icon-chevron-right" />
{sublink.label} <span class="web-icon-chevron-right"></span>
</a>
{/each}
</div>

8
src/lib/components/ProductsSubmenu.svelte
View File

@@ -94,7 +94,7 @@
class={classNames('web-icon-chevron-down block transition-transform', {
'rotate-180': $open
})}
/>
></span>
</button>
<div
@@ -169,7 +169,7 @@
class="text-primary text-caption flex items-center gap-2"
>See more <span
class="web-icon-chevron-right transition-transform group-hover:translate-x-0.5"
/></a
></span></a
>
</header>
@@ -200,7 +200,7 @@
{sublink.label}
<span
class="web-icon-chevron-right transition-transform group-hover:translate-x-0.5"
/>
></span>
</a>
{/each}
</div>
@@ -211,5 +211,5 @@
<div
use:melt={$overlay}
class="data-[state=closed]:animate-fade-out fixed inset-0 bg-black/60"
/>
></div>
</div>

4
src/lib/components/Search.svelte
View File

@@ -160,8 +160,8 @@
on:click={handleExit}
>
<div class="web-input-text-search-wrapper web-u-margin-inline-20 w-full max-w-[680px]">
<span class="web-icon-search z-[5]" aria-hidden="true" style="inset-block-start:0.9rem" />
<div id="searchbox" />
<span class="web-icon-search z-[5]" aria-hidden="true" style="inset-block-start:0.9rem"></span>
<div id="searchbox"></div>
<input
class="web-input-button bg-greyscale-800/75! relative z-1 !rounded-b-none !pl-10"

12
src/lib/components/Select.svelte
View File

@@ -97,11 +97,11 @@
>
<div class="physical-select">
{#if selectedOption?.icon}
<span class={selectedOption.icon} aria-hidden="true" />
<span class={selectedOption.icon} aria-hidden="true"></span>
{/if}
<span>{$selectedLabel || initialLabel}</span>
</div>
<span class="icon-cheveron-{$open ? 'up' : 'down'}" aria-hidden="true" />
<span class="icon-cheveron-{$open ? 'up' : 'down'}" aria-hidden="true"></span>
</button>
{#if $open}
@@ -119,7 +119,7 @@
{#each group.options as option}
<button class="web-select-option" use:melt={$optionEl(option)}>
{#if option.icon}
<span class={option.icon} aria-hidden="true" />
<span class={option.icon} aria-hidden="true"></span>
{/if}
<span>{option.label}</span>
</button>
@@ -134,7 +134,7 @@
{#each group.options as option}
<button class="web-select-option" use:melt={$optionEl(option)}>
{#if option.icon}
<span class={option.icon} aria-hidden="true" />
<span class={option.icon} aria-hidden="true"></span>
{/if}
<span style:text-transform="capitalize">{option.label}</span>
</button>
@@ -150,7 +150,7 @@
style:display={nativeMobile ? undefined : 'none'}
>
{#if selectedOption?.icon}
<span class={selectedOption.icon} aria-hidden="true" />
<span class={selectedOption.icon} aria-hidden="true"></span>
{/if}
<select {id} bind:value>
{#each groups as group}
@@ -172,7 +172,7 @@
{/if}
{/each}
</select>
<span class="icon-cheveron-{$open ? 'up' : 'down'}" aria-hidden="true" />
<span class="icon-cheveron-{$open ? 'up' : 'down'}" aria-hidden="true"></span>
</div>
<style lang="scss">

2
src/lib/components/Switch.svelte
View File

@@ -18,7 +18,7 @@
<div class="melt-switch">
<button use:melt={$root}>
<span class="thumb" />
<span class="thumb"></span>
</button>
</div>

2
src/lib/components/Tooltip.svelte
View File

@@ -64,7 +64,7 @@
{#if $open && !disabled}
<div use:melt={$content} class="web-tooltip text-sub-body" transition:fly={flyParams}>
<div use:melt={$arrow} />
<div use:melt={$arrow}></div>
<slot name="tooltip" />
</div>
{/if}

4
src/lib/components/blog/post-meta.svelte
View File

@@ -73,14 +73,14 @@
target="_blank"
rel="noopener, noreferrer"
>
<span class={sharingOption.icon} aria-hidden="true" />
<span class={sharingOption.icon} aria-hidden="true"></span>
</a>
{:else}
<button
aria-label={sharingOption.label}
on:click={() => handleCopy(currentURL)}
>
<span class={sharingOption.icon} aria-hidden="true" />
<span class={sharingOption.icon} aria-hidden="true"></span>
</button>
{/if}
</li>

2
src/lib/components/blog/table-of-contents.svelte
View File

@@ -92,7 +92,7 @@
out:fade
in:fade
>
<span class="web-icon-arrow-up transition group-hover:-translate-y-0.5" />
<span class="web-icon-arrow-up transition group-hover:-translate-y-0.5"></span>
Back to Top
</button>
{/if}

2
src/lib/components/carousel/Carousel.svelte
View File

@@ -147,7 +147,7 @@
<slot />
</ul>
</div>
<div class="shadow" />
<div class="shadow"></div>
</div>
{#if showBullets}

2
src/lib/components/product-pages/product-cards.svelte
View File

@@ -62,7 +62,7 @@
<div class="flex items-center gap-2">
<img src={product.icon} alt="auth" width="32" height="32" />
<h4 class="text-body text-primary">{product.title}</h4>
<span class="web-icon-arrow-right ml-auto" aria-hidden="true" />
<span class="web-icon-arrow-right ml-auto" aria-hidden="true"></span>
</div>
<p class="text-sub-body">
{product.description}

2
src/lib/components/ui/TextArea.svelte
View File

@@ -25,4 +25,4 @@
classes
)}
{...props}
/>
></textarea>

2
src/lib/components/ui/icon/icon.svelte
View File

@@ -13,4 +13,4 @@
export let icon: $$Props['icon'] = 'arrow-right';
</script>
<span class={classNames(`web-icon-${icon}`, className)} {...$$restProps} />
<span class={classNames(`web-icon-${icon}`, className)} {...$$restProps}></span>

2
src/lib/components/ui/switch.svelte
View File

@@ -30,6 +30,6 @@
'absolute top-1/2 block size-5 translate-x-0.5 -translate-y-1/2 rounded-full bg-white transition duration-150',
'group-[data-state="checked"]:translate-x-3.5'
)}
/>
></span>
</button>
</div>

8
src/lib/layouts/Docs.svelte
View File

@@ -114,9 +114,9 @@
on:click={toggleSidenav}
>
{#if $layoutState.showSidenav}
<span aria-hidden="true" class="web-icon-close" />
<span aria-hidden="true" class="web-icon-close"></span>
{:else}
<span aria-hidden="true" class="web-icon-hamburger-menu" />
<span aria-hidden="true" class="web-icon-hamburger-menu"></span>
{/if}
</button>
</div>
@@ -155,7 +155,7 @@
class="web-input-button web-u-flex-basis-400"
on:click={() => ($layoutState.showSearch = true)}
>
<span class="web-icon-search" aria-hidden="true" />
<span class="web-icon-search" aria-hidden="true"></span>
<span class="text">Search in docs</span>
<div class="ml-auto flex gap-1">
@@ -177,7 +177,7 @@
rel="noopener noreferrer"
class="web-button is-text"
>
<span class="web-icon-star" aria-hidden="true" />
<span class="web-icon-star" aria-hidden="true"></span>
<span class="text">Star on GitHub</span>
<span class="web-inline-tag text-sub-body">{GITHUB_STARS}</span>
</a>

6
src/lib/layouts/DocsArticle.svelte
View File

@@ -38,7 +38,7 @@
class="web-icon-button web-is-only-mobile"
aria-label="previous page"
>
<span class="icon-cheveron-left" aria-hidden="true" />
<span class="icon-cheveron-left" aria-hidden="true"></span>
</a>
{/if}
<ul class="web-metadata text-caption">
@@ -56,13 +56,13 @@
<span
class="icon-cheveron-left web-u-font-size-24 text-primary web-is-not-mobile"
aria-hidden="true"
/>
></span>
</a>
{/if}
<h1 class="text-title font-aeonik-pro text-primary">{title}</h1>
</div>
</div>
<div class="web-article-header-end" />
<div class="web-article-header-end"></div>
</header>
<div class="web-article-content" class:web-reduced-article-size={$reducedArticleSize}>
<slot />

12
src/lib/layouts/DocsTutorial.svelte
View File

@@ -113,7 +113,7 @@
class="web-icon-button web-is-only-mobile"
aria-label="previous page"
>
<span class="icon-cheveron-left" aria-hidden="true" />
<span class="icon-cheveron-left" aria-hidden="true"></span>
</a>
{/if}
<ul class="web-metadata web-caption-400">
@@ -136,7 +136,7 @@
<span
class="icon-cheveron-left web-u-font-size-24 web-u-color-text-primary"
aria-hidden="true"
/>
></span>
</a>
{/if}
<h1 class="web-title {currentStep === 1 ? 'lg:-ml-5' : ''}">
@@ -144,7 +144,7 @@
</h1>
</div>
</div>
<div class="web-article-header-end" />
<div class="web-article-header-end"></div>
</header>
<div class="web-article-content">
<section class="web-article-content-section">
@@ -165,7 +165,7 @@
<div class="web-u-padding-block-start-32 flex justify-between">
{#if prevStep}
<a href={prevStep.href} class="web-button is-text previous-step-anchor">
<span class="icon-cheveron-left" aria-hidden="true" />
<span class="icon-cheveron-left" aria-hidden="true"></span>
<span class="web-sub-body-500">
Step {prevStep.step}<span class="web-is-not-mobile"
>: {getCorrectTitle(prevStep, 1)}</span
@@ -184,7 +184,7 @@
>: {nextStep.title}</span
>
</span>
<span class="icon-cheveron-right" aria-hidden="true" />
<span class="icon-cheveron-right" aria-hidden="true"></span>
</a>
{/if}
</div>
@@ -256,7 +256,7 @@
</ol>
<div class="border-greyscale-900/4 border-t pt-5">
<button class="web-link inline-flex items-center gap-2" use:scrollToTop>
<span class="web-icon-arrow-up" aria-hidden="true" />
<span class="web-icon-arrow-up" aria-hidden="true"></span>
<span class="text-caption">Back to top</span>
</button>
</div>

6
src/lib/layouts/Main.svelte
View File

@@ -178,9 +178,9 @@
on:click={() => ($isMobileNavOpen = !$isMobileNavOpen)}
>
{#if $isMobileNavOpen}
<span aria-hidden="true" class="web-icon-close" />
<span aria-hidden="true" class="web-icon-close"></span>
{:else}
<span aria-hidden="true" class="web-icon-hamburger-menu" />
<span aria-hidden="true" class="web-icon-hamburger-menu"></span>
{/if}
</button>
</div>
@@ -239,7 +239,7 @@
posthog: { name: 'github-stars_nav_click' }
})}
>
<span class="web-icon-star" aria-hidden="true" />
<span class="web-icon-star" aria-hidden="true"></span>
<span class="text">Star on GitHub</span>
<span class="web-inline-tag text-sub-body">{GITHUB_STARS}</span>
</a>

8
src/lib/layouts/Sidebar.svelte
View File

@@ -52,14 +52,14 @@
class="web-input-text web-is-not-desktop"
on:click={() => ($layoutState.showSearch = true)}
>
<span class="web-icon-search" />
<span class="web-icon-search"></span>
<span class="text">Search in docs</span>
</button>
<div class="web-side-nav-scroll">
{#if parent}
<section class="web-side-nav-wrapper-parent">
<a href={parent.href} aria-label="go back">
<span class="icon-cheveron-left" aria-hidden="true" />
<span class="icon-cheveron-left" aria-hidden="true"></span>
</a>
<span class="web-side-nav-wrapper-parent-title text-micro uppercase"
>{parent.label}</span
@@ -110,7 +110,7 @@
style:margin-bottom="1rem"
aria-label="toggle nav"
>
<span class="icon-cheveron-right" aria-hidden="true" />
<span class="icon-cheveron-right" aria-hidden="true"></span>
</button>
{/if}
<div class="web-side-nav-mobile-footer-buttons">
@@ -122,7 +122,7 @@
rel="noopener noreferrer"
class="web-button is-text web-u-inline-width-100-percent-mobile"
>
<span class="web-icon-star" aria-hidden="true" />
<span class="web-icon-star" aria-hidden="true"></span>
<span class="text">Star on GitHub</span>
<span class="web-inline-tag text-sub-body">{GITHUB_STARS}</span>
</a>

6
src/lib/layouts/SidebarNavButton.svelte
View File

@@ -12,7 +12,7 @@
target={groupItem.openInNewTab ? '_blank' : '_self'}
>
{#if groupItem.icon}
<span class="icon {groupItem.icon}" aria-hidden="true" />
<span class="icon {groupItem.icon}" aria-hidden="true"></span>
{/if}
<span class="text-caption flex gap-2">
<span>{groupItem.label}</span>
@@ -22,11 +22,11 @@
{/if}
{#if groupItem.openInNewTab}
<span class="icon icon-external-link icon-secondary" aria-hidden="true" />
<span class="icon icon-external-link icon-secondary" aria-hidden="true"></span>
{/if}
</span>
{#if groupItem.isParent}
<span class="icon-cheveron-right ml-auto" aria-hidden="true" />
<span class="icon-cheveron-right ml-auto" aria-hidden="true"></span>
{/if}
</a>

6
src/markdoc/layouts/Author.svelte
View File

@@ -127,7 +127,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-github" aria-hidden="true" />
<span class="web-icon-github" aria-hidden="true"></span>
</a>
</li>
{/if}
@@ -140,7 +140,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-x" aria-hidden="true" />
<span class="web-icon-x" aria-hidden="true"></span>
</a>
</li>
{/if}
@@ -153,7 +153,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-linkedin" aria-hidden="true" />
<span class="web-icon-linkedin" aria-hidden="true"></span>
</a>
</li>
{/if}

2
src/markdoc/layouts/Category.svelte
View File

@@ -41,7 +41,7 @@
<div class="web-big-padding-section-level-2">
<div class="container">
<a class="web-link web-u-color-text-secondary items-baseline" href="/blog">
<span class="web-icon-chevron-left" aria-hidden="true" />
<span class="web-icon-chevron-left" aria-hidden="true"></span>
<span>Back to blog</span>
</a>
<div class="web-category-header mt-6">

2
src/markdoc/nodes/Fence.svelte
View File

@@ -88,7 +88,7 @@
class="web-icon-button"
aria-label="copy code from code-snippet"
>
<span class="web-icon-copy" aria-hidden="true" />
<span class="web-icon-copy" aria-hidden="true"></span>
</button>
<svelte:fragment slot="tooltip">
{copyText}

4
src/markdoc/nodes/Image.svelte
View File

@@ -41,7 +41,7 @@
<div class="abs">
<Tooltip closeOnPointerDown>
<button class="web-button is-secondary cursor-pointer" use:melt={$trigger}>
<span class="icon-arrow-expand" aria-hidden="true" />
<span class="icon-arrow-expand" aria-hidden="true"></span>
</button>
<svelte:fragment slot="tooltip">Expand</svelte:fragment>
</Tooltip>
@@ -50,7 +50,7 @@
{#if $open}
<div use:melt={$portalled}>
<div use:melt={$overlay} class="overlay" transition:fade={{ duration: 350 }} />
<div use:melt={$overlay} class="overlay" transition:fade={{ duration: 350 }}></div>
<img
class="web-media content"

2
src/markdoc/tags/Arrow_Link.svelte
View File

@@ -19,7 +19,7 @@
</script>
<a class={classes} data-in-changelog={inChangelog ? '' : undefined} {href} {target} {rel}
><slot /><span class="icon-cheveron-right" style:font-size="16px" /></a
><slot /><span class="icon-cheveron-right" style:font-size="16px"></span></a
>
<style>

2
src/markdoc/tags/Cards_Item.svelte
View File

@@ -12,7 +12,7 @@
<a {href} class="web-card is-normal" style:margin-block-end="0">
<header class="flex items-center gap-1">
{#if icon}
<span class="{icon} web-u-font-size-24" aria-hidden="true" />
<span class="{icon} web-u-font-size-24" aria-hidden="true"></span>
{/if}
{#if image}
<img src={image} alt={title} />

2
src/markdoc/tags/Icon.svelte
View File

@@ -10,4 +10,4 @@
};
</script>
<span class="icon-{icon}" style:font-size={sizes[size]} />
<span class="icon-{icon}" style:font-size={sizes[size]}></span>

2
src/markdoc/tags/Info.svelte
View File

@@ -3,7 +3,7 @@
</script>
<div class="web-inline-info">
<span class="icon-info" aria-hidden="true" />
<span class="icon-info" aria-hidden="true"></span>
<h5 class="text-sub-body text-primary font-medium">{title}</h5>
<slot />
</div>

2
src/markdoc/tags/MultiCode.svelte
View File

@@ -120,7 +120,7 @@
on:click={handleCopy}
class="web-icon-button"
aria-label="copy code from code-snippet"
><span class="web-icon-copy" aria-hidden="true" /></button
><span class="web-icon-copy" aria-hidden="true"></span></button
>
<svelte:fragment slot="tooltip">
{copyText}

6
src/routes/(experiments)/new-homepage/(components)/scale.svelte
View File

@@ -143,17 +143,17 @@
class="border-accent absolute top-[var(--top)] left-[calc(var(--left)_+_1px)] h-2 w-2 -translate-1/2 rounded-full border bg-white"
style:--top={`${stat.top}%`}
style:--left="{i * 25}%"
/>
></div>
{/each}
</div>
</div>
</div>
<div
class="from-accent/15 absolute inset-0 bg-gradient-to-tr to-transparent [clip-path:polygon(0_100%,_100%_25%,_100%_100%,_0_100%)]"
/>
></div>
<div
class="from-accent absolute inset-0 bg-gradient-to-r to-transparent [clip-path:polygon(0_100%,_100%_25%,_100%_25.1%,_0_100.1%)]"
/>
></div>
</div>
</div>

6
src/routes/+page.svelte
View File

@@ -137,13 +137,13 @@
class="web-hero-banner-button mb-4"
on:click={() => trackEvent({ plausible: { name: 'Banner button click' } })}
>
<span class="web-icon-star shrink-0" aria-hidden="true" />
<span class="web-icon-star shrink-0" aria-hidden="true"></span>
<span class="text-caption shrink-0 font-medium">New</span>
<div class="web-hero-banner-button-sep" />
<div class="web-hero-banner-button-sep"></div>
<span class="text-caption web-u-trim-1"
>Announcing new Appwrite MCP server</span
>
<span class="web-icon-arrow-right shrink-0" aria-hidden="true" />
<span class="web-icon-arrow-right shrink-0" aria-hidden="true"></span>
</a>
<Hero>
<GradientText slot="title"

2
src/routes/DeveloperCard.svelte
View File

@@ -17,7 +17,7 @@
class="web-social-item-icon web-icon-{icon}"
aria-label={icon}
aria-hidden="true"
/>
></span>
</div>
<p class="text-sub-body web-u-text-color-neutral-700 font-medium">
<slot />

42
src/routes/assets/+page.svelte
View File

@@ -81,7 +81,7 @@
</p>
<a href="/assets.zip" download class="web-button">
<span class="web-icon-download" aria-hidden="true" />
<span class="web-icon-download" aria-hidden="true"></span>
<span>Download assets</span>
</a>
</section>
@@ -136,7 +136,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>SVG</span>
</a>
<a
@@ -147,7 +147,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>
@@ -170,7 +170,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>SVG</span>
</a>
<a
@@ -181,7 +181,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>
@@ -245,7 +245,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>SVG</span>
</a>
<a
@@ -256,7 +256,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>
@@ -279,7 +279,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>SVG</span>
</a>
<a
@@ -290,7 +290,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>
@@ -394,7 +394,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>JPG</span>
</a>
<a
@@ -405,7 +405,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>
@@ -425,7 +425,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>JPG</span>
</a>
<a
@@ -436,7 +436,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>
@@ -456,7 +456,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>JPG</span>
</a>
<a
@@ -467,7 +467,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>
@@ -488,7 +488,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>JPG</span>
</a>
<a
@@ -499,7 +499,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>
@@ -520,7 +520,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>JPG</span>
</a>
<a
@@ -531,7 +531,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>
@@ -551,7 +551,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>JPG</span>
</a>
<a
@@ -562,7 +562,7 @@
<span
class="web-icon-download"
aria-label="download"
/>
></span>
<span>PNG</span>
</a>
</div>

2
src/routes/assets/Copy.svelte
View File

@@ -14,7 +14,7 @@
</script>
<button class="copy-button cursor-pointer {variant}" on:click={copyToClipboard}>
<span class="web-icon-{copied ? 'check' : 'copy'}" aria-label={copied ? 'Copied' : 'Copy'} />
<span class="web-icon-{copied ? 'check' : 'copy'}" aria-label={copied ? 'Copied' : 'Copy'}></span>
<span>Copy</span>
</button>

10
src/routes/blog/[[page]]/+page.svelte
View File

@@ -311,7 +311,7 @@
class="web-icon-search z-[5]"
aria-hidden="true"
style="inset-block-start: 0.65rem;"
/>
></span>
<input
class="web-input-button relative z-1 w-full"
type="text"
@@ -373,12 +373,12 @@
href={navigationLink(data.currentPage - 1)}
class:navigation-button-active={!isFirstPage}
>
<span class="web-icon-chevron-left" style="font-size: 20px" />
<span class="web-icon-chevron-left" style="font-size: 20px"></span>
Previous
</a>
{:else}
<span class="navigation-button flex">
<span class="web-icon-chevron-left" style="font-size: 20px" />
<span class="web-icon-chevron-left" style="font-size: 20px"></span>
Previous
</span>
{/if}
@@ -406,12 +406,12 @@
class:navigation-button-active={!isLastPage}
>
Next
<span class="web-icon-chevron-right" style="font-size: 20px" />
<span class="web-icon-chevron-right" style="font-size: 20px"></span>
</a>
{:else}
<span class="navigation-button flex">
Next
<span class="web-icon-chevron-right" style="font-size: 20px" />
<span class="web-icon-chevron-right" style="font-size: 20px"></span>
</span>
{/if}
</ul>

2
src/routes/changelog/[[page]]/+page.svelte
View File

@@ -53,7 +53,7 @@
<ul>
{#each data.entries as entry}
<li>
<div class="web-dot" />
<div class="web-dot"></div>
<ChangelogEntry {entry}>
<svelte:component this={entry.component} />
</ChangelogEntry>

6
src/routes/changelog/entry/[entry]/+page.svelte
View File

@@ -77,7 +77,7 @@
class="web-link web-u-color-text-secondary items-baseline"
href="/changelog"
>
<span class="web-icon-chevron-left" aria-hidden="true" />
<span class="web-icon-chevron-left" aria-hidden="true"></span>
<span>Back to Changelog</span>
</a>
<ul class="web-metadata text-caption">
@@ -111,7 +111,7 @@
<span
class={sharingOption.icon}
aria-hidden="true"
/>
></span>
</a>
{:else}
<button
@@ -122,7 +122,7 @@
<span
class={sharingOption.icon}
aria-hidden="true"
/>
></span>
</button>
{/if}

16
src/routes/community/+page.svelte
View File

@@ -183,7 +183,7 @@
rel="noopener noreferrer"
class="web-button is-secondary is-full-width-mobile"
>
<span aria-hidden="true" class="web-icon-star" />
<span aria-hidden="true" class="web-icon-star"></span>
<span>Star on GitHub</span>
<span class="web-inline-tag text-sub-body">{GITHUB_STARS}</span>
</a>
@@ -207,8 +207,8 @@
<div class="relative py-10">
<div class="absolute-container">
<div class="green-gradient" />
<div class="pink-gradient" />
<div class="green-gradient"></div>
<div class="pink-gradient"></div>
<FloatingHeads
images={[
'/images/community/avatars/1.png',
@@ -283,7 +283,7 @@
rel="noopener noreferrer"
class="web-button is-secondary mt-8"
>
<span class="web-icon-github" aria-hidden="true" />
<span class="web-icon-github" aria-hidden="true"></span>
<span class="">View all Open Issues</span>
</a>
</div>
@@ -500,7 +500,7 @@
class="icon-discord web-u-font-size-40"
aria-hidden="true"
aria-label="Discord"
/>
></span>
</div>
<div class="text-title font-aeonik-pro mt-auto">
17K+ members
@@ -520,7 +520,7 @@
class="web-icon-x web-u-font-size-40"
aria-hidden="true"
aria-label="X"
/>
></span>
</div>
<div class="text-title font-aeonik-pro mt-auto">
128K+ followers
@@ -540,7 +540,7 @@
class="icon-github web-u-font-size-40"
aria-hidden="true"
aria-label="GitHub"
/>
></span>
</div>
<div class="text-title font-aeonik-pro mt-auto">
{GITHUB_STARS}+ stargazers
@@ -560,7 +560,7 @@
class="icon-youtube web-u-font-size-40"
aria-hidden="true"
aria-label="Youtube"
/>
></span>
</div>
<div class="text-title font-aeonik-pro mt-auto">
4K+ subscribers

4
src/routes/community/EventCard.svelte
View File

@@ -41,12 +41,12 @@
<div class="web-grid-articles-item-content is-no-gap">
<ul class="web-u-list-inline-dot-sep flex flex-wrap">
<li class="flex items-baseline gap-1">
<span class="web-icon-calendar web-u-color-text-tertiary" aria-hidden="true" />
<span class="web-icon-calendar web-u-color-text-tertiary" aria-hidden="true"></span>
<time class="">{dateString}</time>
</li>
<li class="flex items-baseline gap-1">
<span class="web-icon-location web-u-color-text-tertiary" aria-hidden="true" />
<span class="web-icon-location web-u-color-text-tertiary" aria-hidden="true"></span>
<span class="">{location}</span>
</li>
</ul>

20
src/routes/company/+page.svelte
View File

@@ -389,7 +389,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-github" aria-hidden="true" />
<span class="web-icon-github" aria-hidden="true"></span>
</a>
</li>
<li>
@@ -400,7 +400,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-twitter" aria-hidden="true" />
<span class="web-icon-twitter" aria-hidden="true"></span>
</a>
</li>
</ul>
@@ -418,7 +418,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-github" aria-hidden="true" />
<span class="web-icon-github" aria-hidden="true"></span>
</a>
</li>
<li>
@@ -429,7 +429,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-twitter" aria-hidden="true" />
<span class="web-icon-twitter" aria-hidden="true"></span>
</a>
</li>
</ul>
@@ -437,7 +437,7 @@
<li class="flex flex-col">
<h6 class="text-body text-primary font-medium">Gilad Engel</h6>
<p class="text-body font-medium">Angel Investor</p>
<ul class="mt-auto flex gap-2 pt-4" />
<ul class="mt-auto flex gap-2 pt-4"></ul>
</li>
<li class="flex flex-col">
<h6 class="text-body text-primary font-medium">Krishna Visvanathan</h6>
@@ -452,7 +452,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-github" aria-hidden="true" />
<span class="web-icon-github" aria-hidden="true"></span>
</a>
</li>
</ul>
@@ -469,7 +469,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-github" aria-hidden="true" />
<span class="web-icon-github" aria-hidden="true"></span>
</a>
</li>
</ul>
@@ -487,7 +487,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-github" aria-hidden="true" />
<span class="web-icon-github" aria-hidden="true"></span>
</a>
</li>
</ul>
@@ -505,7 +505,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-github" aria-hidden="true" />
<span class="web-icon-github" aria-hidden="true"></span>
</a>
</li>
</ul>
@@ -523,7 +523,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class="web-icon-twitter" aria-hidden="true" />
<span class="web-icon-twitter" aria-hidden="true"></span>
</a>
</li>
</ul>

6
src/routes/contact-us/+page.svelte
View File

@@ -125,7 +125,7 @@
target="_blank"
rel="noopener noreferrer"
>
<span class={social.icon} aria-hidden="true" />
<span class={social.icon} aria-hidden="true"></span>
</a>
</li>
{/each}
@@ -133,7 +133,7 @@
</section>
<div
class="web-is-only-mobile web-u-margin-block-start-40 web-u-padding-block-start-40 web-u-sep-block-start"
/>
></div>
</div>
</div>
{#if !submitted}
@@ -185,7 +185,7 @@
placeholder="Your message"
aria-label="Message"
bind:value={message}
/>
></textarea>
</li>
</ul>
</div>

4
src/routes/contact-us/enterprise/+page.svelte
View File

@@ -210,7 +210,7 @@
<span
class="icon-cheveron-down web-u-pointer-events-none absolute top-[11px] right-2"
aria-hidden="true"
/>
></span>
</div>
</li>
<li class="web-form-item flex-col gap-1">
@@ -239,7 +239,7 @@
id="use-case"
placeholder="Describe your use case and how our Enterprise Plan can support it"
bind:value={useCase}
/>
></textarea>
</li>
</ul>
</div>

2
src/routes/docs/+page.svelte
View File

@@ -117,7 +117,7 @@
style="position: absolute;"
/>
</div>
<div class="bg-overlay" />
<div class="bg-overlay"></div>
</section>
<section>
<h2 class="text-title font-aeonik-pro text-primary max-w-[600px]">Show me some code</h2>

4
src/routes/docs/quick-starts/+page.svelte
View File

@@ -202,7 +202,7 @@
<h1 class="text-title font-aeonik-pro">Quick start</h1>
</div>
</div>
<div class="web-article-header-end" />
<div class="web-article-header-end"></div>
</header>
<div class="web-article-content web-u-gap-80">
{#each quickStarts as category}
@@ -219,7 +219,7 @@
<span
class="{quickStart.icon} web-u-font-size-24"
aria-hidden="true"
/>
></span>
<h4 class="text-sub-body text-primary font-medium">
{quickStart.title}
</h4>

8
src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
View File

@@ -233,7 +233,7 @@
{#if data.methods.length === 0}
<div class="web-article-content-grid-6-4-column-2 flex flex-col gap-8">
<div class="web-inline-info">
<span class="icon-info" aria-hidden="true" />
<span class="icon-info" aria-hidden="true"></span>
<h5 class="text-sub-body text-primary font-medium">
No endpoint found for this version and platform
</h5>
@@ -303,7 +303,7 @@
>
{#if data.methods.length > 0}
<button class="web-icon-button" id="refOpen" on:click={toggleReferences}>
<span class="icon-menu-alt-4" aria-hidden="true" />
<span class="icon-menu-alt-4" aria-hidden="true"></span>
</button>
<div class="web-references-menu-content">
<div
@@ -311,7 +311,7 @@
>
<h5 class="web-references-menu-title text-micro uppercase">On This Page</h5>
<button class="web-icon-button" id="refClose" on:click={toggleReferences}>
<span class="icon-x" aria-hidden="true" />
<span class="icon-x" aria-hidden="true"></span>
</button>
</div>
<ul class="web-references-menu-list">
@@ -327,7 +327,7 @@
</ul>
<div class="border-greyscale-900/4 web-u-padding-block-20 border-t">
<button class="web-link inline-flex items-center gap-2" use:scrollToTop>
<span class="web-icon-arrow-up" aria-hidden="true" />
<span class="web-icon-arrow-up" aria-hidden="true"></span>
<span class="text-caption">Back to top</span>
</button>
</div>

6
src/routes/docs/tutorials/+page.svelte
View File

@@ -64,7 +64,7 @@
<h1 class="text-title font-aeonik-pro">Tutorials</h1>
</div>
</div>
<div class="web-article-header-end" />
<div class="web-article-header-end"></div>
</header>
<div class="web-article-content web-u-gap-80">
{#each data.tutorials as category}
@@ -84,7 +84,7 @@
<span
class="{getIcon(tutorial)} web-u-font-size-24"
aria-hidden="true"
/>
></span>
<h3 class="text-sub-body text-primary font-medium">
{tutorial.framework}
</h3>
@@ -97,7 +97,7 @@
<span
class="{getIcon(tutorial)} web-u-font-size-24"
aria-hidden="true"
/>
></span>
<h3 class="text-sub-body text-primary font-medium">
{tutorial.framework}
</h3>

2
src/routes/education/(components)/Community.svelte
View File

@@ -16,7 +16,7 @@
href="/discord"
class="web-button is-secondary text-accent mt-10 !w-full py-1 !whitespace-normal md:!w-fit"
>
<span class="web-icon-discord" />
<span class="web-icon-discord"></span>
Join our Discord</a
>
</div>

4
src/routes/education/(components)/FAQ.svelte
View File

@@ -85,7 +85,7 @@
class="icon web-u-color-text-primary self-start transition-transform"
class:rotate-180={$isSelected(`${index}`)}
>
<span class="icon-cheveron-down" aria-hidden="true" />
<span class="icon-cheveron-down" aria-hidden="true"></span>
</div>
</button>
</h3>
@@ -110,7 +110,7 @@
{faqItem.question}
</span>
<div class="icon web-u-color-text-primary">
<span class="icon-cheveron-down" aria-hidden="true" />
<span class="icon-cheveron-down" aria-hidden="true"></span>
</div>
</summary>

2
src/routes/education/(components)/GetStarted.svelte
View File

@@ -58,7 +58,7 @@
target="_blank"
>
{#if item.cta.icon}
<span class="web-icon-{item.cta.icon}" />
<span class="web-icon-{item.cta.icon}"></span>
{/if}
{item.cta.label}</a
>

6
src/routes/education/(components)/Hero.svelte
View File

@@ -34,7 +34,7 @@
'gridLine horizontal relative mt-8 grid h-full min-h-[50vh] w-full place-items-center md:mt-32 md:grid-cols-[10%_1fr_10%] lg:grid-cols-[20%_1fr_20%] xl:grid-cols-3'
)}
>
<div class="pattern relative hidden h-full w-full md:block" />
<div class="pattern relative hidden h-full w-full md:block"></div>
<div
class="gridLine vertical from-accent/5 relative flex h-full w-full flex-1 basis-[calc(100vw_/_3)] flex-col items-center justify-center gap-8 to-transparent px-8 py-10 text-center md:bg-gradient-to-t"
>
@@ -51,12 +51,12 @@
class="web-button is-secondary !w-full !whitespace-normal md:!w-fit"
href="https://github.com/education"
>
<span class="web-icon-github !text-white" />
<span class="web-icon-github !text-white"></span>
GitHub Education</a
>
</div>
</div>
<div class="pattern relative hidden h-full w-full md:block" />
<div class="pattern relative hidden h-full w-full md:block"></div>
</section>
<div

4
src/routes/event-sponsorship/+page.svelte
View File

@@ -245,7 +245,7 @@
<span
class="icon-cheveron-down web-u-pointer-events-none absolute top-[11px] right-2"
aria-hidden="true"
/>
></span>
</div>
</li>
<li
@@ -260,7 +260,7 @@
class="web-input-text w-full"
bind:value={socialHandles}
placeholder="List your social media handles or profile URLs"
/>
></textarea>
</li>
</ul>
</div>

6
src/routes/heroes/HeroCard.svelte
View File

@@ -45,7 +45,7 @@
rel="noopener noreferrer"
aria-label="GitHub profile"
>
<span class="web-icon-github" aria-hidden="true" />
<span class="web-icon-github" aria-hidden="true"></span>
</a>
</li>
<li>
@@ -56,7 +56,7 @@
rel="noopener noreferrer"
aria-label="X profile"
>
<span class="web-icon-x" aria-hidden="true" />
<span class="web-icon-x" aria-hidden="true"></span>
</a>
</li>
<li>
@@ -67,7 +67,7 @@
rel="noopener noreferrer"
aria-label="LinkedIn profile"
>
<span class="web-icon-linkedin" aria-hidden="true" />
<span class="web-icon-linkedin" aria-hidden="true"></span>
</a>
</li>
</ul>

14
src/routes/init-0/(animations)/Enum.svelte
View File

@@ -49,21 +49,21 @@
<div id="enum-anim" class="component">
<div class="window">
<div class="buttons">
<div class="circle" />
<div class="circle" />
<div class="circle" />
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
<div class="window-bg" />
<div class="window-bg"></div>
<div class="lines">
<!-- eslint-disable-next-line @typescript-eslint/no-unused-vars -->
{#each { length: 4 } as _}
<div class="line">
<div class="diamond-wrapper">
<div class="diamond" />
<div class="diamond"></div>
</div>
<div class="equals" />
<div class="rectangle" />
<div class="equals"></div>
<div class="rectangle"></div>
</div>
{/each}
</div>

26
src/routes/init-0/(animations)/Integrations.svelte
View File

@@ -94,30 +94,30 @@
<div class="rows">
<div class="item">
<div class="item is-blue">
<div class="rectangle-wrapper"><div class="rectangle" /></div>
<div class="div" />
<div class="rectangle-wrapper"><div class="rectangle"></div></div>
<div class="div"></div>
</div>
<div class="rectangle-wrapper"><div class="rectangle-2" /></div>
<div class="div" />
<div class="rectangle-wrapper"><div class="rectangle-2"></div></div>
<div class="div"></div>
</div>
<div class="item">
<div class="rectangle-wrapper"><div class="rectangle-2" /></div>
<div class="div" />
<div class="rectangle-wrapper"><div class="rectangle-2"></div></div>
<div class="div"></div>
</div>
<div class="item">
<div class="rectangle-wrapper"><div class="rectangle-2" /></div>
<div class="div" />
<div class="rectangle-wrapper"><div class="rectangle-2"></div></div>
<div class="div"></div>
</div>
<div class="item">
<div class="rectangle-wrapper"><div class="rectangle-2" /></div>
<div class="div" />
<div class="rectangle-wrapper"><div class="rectangle-2"></div></div>
<div class="div"></div>
</div>
</div>
</div>
<div class="circles">
<div class="circle" />
<div class="circle" />
<div class="circle" />
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
</div>
<div class="icon-token bun">

18
src/routes/init-0/(animations)/Messaging.svelte
View File

@@ -51,20 +51,20 @@
<div class="wrapper">
<div class="messaging-1 container" bind:this={messaging1}>
<div class="box1" />
<div class="box2" />
<div class="box3" />
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="circle">
<div class="circle-inner" />
<div class="circle-inner"></div>
</div>
</div>
<div class="messaging-2 container" bind:this={messaging2}>
<div class="box1" />
<div class="box2" />
<div class="box3" />
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="circle">
<div class="circle-inner" />
<div class="circle-inner"></div>
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
@@ -79,7 +79,7 @@
fill="#E4E4E7"
/>
</svg>
<div class="dot" bind:this={dot} />
<div class="dot" bind:this={dot}></div>
</div>
</div>
</div>

2
src/routes/init-0/(animations)/Operators.svelte
View File

@@ -61,7 +61,7 @@
/>
</svg>
</div>
<div class="diamond" />
<div class="diamond"></div>
<div class="filter">
<svg
xmlns="http://www.w3.org/2000/svg"

14
src/routes/init-0/(animations)/SSR.svelte
View File

@@ -37,12 +37,12 @@
<div class="wrapper" bind:this={wrapper}>
<div class="interface">
<div class="bg" />
<div class="bg"></div>
<div class="circles">
<div class="circle" />
<div class="circle" style="left: 16px;" />
<div class="circle" style="left: 32px;" />
<div class="circle"></div>
<div class="circle" style="left: 16px;"></div>
<div class="circle" style="left: 32px;"></div>
</div>
<div class="screenbg-wrapper">
<div class="screenbg" style:--bg="url('{GridSvg}')">
@@ -104,12 +104,12 @@
</svg>
</div>
<div class="blur" bind:this={blur} />
<div class="blur" bind:this={blur}></div>
</div>
</div>
<div class="render-line" bind:this={renderLine}>
<div class="tick" />
<div class="line" />
<div class="tick"></div>
<div class="line"></div>
</div>
</div>

2
src/routes/init-0/(components)/DayCard.svelte
View File

@@ -20,7 +20,7 @@
{#if hasReleased}
<div class="day">
<div class="circle" aria-hidden />
<div class="circle" aria-hidden></div>
<span class="text-micro text-primary uppercase"
>Day {number}<span class="web-u-color-text-accent">_</span></span
>

6
src/routes/init-0/(components)/Ticket.svelte
View File

@@ -224,7 +224,7 @@
{#each c as row}
<div class="row">
{#each row as level, j}
<div style:--index={row.length - j} data-level={level} />
<div style:--index={row.length - j} data-level={level}></div>
{/each}
</div>
{/each}
@@ -243,8 +243,8 @@
/>
</clipPath>
</svg>
<div class="shine" />
<div class="glare" />
<div class="shine"></div>
<div class="glare"></div>
</div>
</div>
</div>

4
src/routes/init-0/(components)/VideoDialog.svelte
View File

@@ -26,7 +26,7 @@
</script>
<div use:melt={$portalled}>
<div use:melt={$overlay} class="overlay" transition:fade={{ duration: 150 }} />
<div use:melt={$overlay} class="overlay" transition:fade={{ duration: 150 }}></div>
<div
class="web-media content"
@@ -40,7 +40,7 @@
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
/>
></iframe>
{/key}
</div>
</div>

2
src/routes/init-0/(days)/Day.svelte
View File

@@ -17,7 +17,7 @@
</script>
<h2 class="text-micro text-primary uppercase">
<div class="web-dot" />
<div class="web-dot"></div>
{#if day !== undefined}
{day}<span class="web-u-color-text-accent">_</span>
{/if}

16
src/routes/init-0/(days)/Day1.svelte
View File

@@ -27,11 +27,11 @@
</p>
<div class="web-card-link u-flex u-cross-center" style:margin-block-start="1.25rem">
<span class="text">Announcement</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img src={illustration} alt="" />
<div class="circle" />
<div class="circle"></div>
</a>
<div
class="web-card is-normal has-border-gradient"
@@ -53,7 +53,7 @@
</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Article</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
<img
src={twillio}
@@ -71,7 +71,7 @@
</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Article</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
<div>
<Animations.Messaging />
@@ -87,7 +87,7 @@
<h3 class="text-label text-primary" style="max-width: 300px">Product tour</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Watch</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<Video
@@ -107,7 +107,7 @@
<h3 class="text-label text-primary">Documentation</h3>
<span class="web-card-link u-flex u-cross-center">
<span class="text">Learn more</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</span>
</a>
<a
@@ -118,7 +118,7 @@
<h3 class="text-label text-primary">Win swag</h3>
<span class="web-card-link u-flex u-cross-center">
<span class="text">Enter giveaway</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</span>
</a>
<a
@@ -132,7 +132,7 @@
<h3 class="text-label text-primary">Event: Welcome to Init</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Join</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img

12
src/routes/init-0/(days)/Day2.svelte
View File

@@ -26,11 +26,11 @@
</p>
<div class="web-card-link u-flex u-cross-center" style:margin-block-start="1.25rem">
<span class="text">Announcement</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img src={illustration} alt="" />
<div class="circle" />
<div class="circle"></div>
</a>
<div
class="web-card is-normal has-border-gradient"
@@ -50,7 +50,7 @@
<h3 class="text-label text-primary" style="max-width: 18.75rem">CSR vs SSR</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Article</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
<div>
<Animations.SSR />
@@ -67,7 +67,7 @@
<h3 class="text-label text-primary">Event: Speed</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Join</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img
@@ -86,7 +86,7 @@
<h3 class="text-label text-primary" style="max-width: 300px">Product tour</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Watch</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<Video
@@ -105,7 +105,7 @@
<h3 class="text-label text-primary">Documentation</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Learn more</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</a>
</div>

16
src/routes/init-0/(days)/Day3.svelte
View File

@@ -26,11 +26,11 @@
</p>
<div class="web-card-link u-flex u-cross-center" style:margin-block-start="1.25rem">
<span class="text">Announcement</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img src={enumPng} alt="" />
<div class="circle" />
<div class="circle"></div>
</a>
<a
href="/blog/post/announcing-two-factor-authentication"
@@ -44,11 +44,11 @@
</p>
<div class="web-card-link u-flex u-cross-center" style:margin-block-start="1.25rem">
<span class="text">Announcement</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img src={twoFa} alt="" />
<div class="circle" />
<div class="circle"></div>
</a>
<a
href="https://discord.com/events/564160730845151244/1209117412247609354"
@@ -61,7 +61,7 @@
<h3 class="text-label text-primary">Event: Safety</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Join</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img
@@ -80,7 +80,7 @@
<h3 class="text-label text-primary" style="max-width: 300px">Release video</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Watch</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<Video
@@ -100,7 +100,7 @@
<h3 class="text-label text-primary">Enum Documentation</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Learn more</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</a>
<a
@@ -111,7 +111,7 @@
<h3 class="text-label text-primary">2FA Documentation</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Learn more</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</a>
</div>

12
src/routes/init-0/(days)/Day4.svelte
View File

@@ -28,10 +28,10 @@
</p>
<div class="web-card-link u-flex u-cross-center" style:margin-block-start="1.25rem">
<span class="text">Announcement</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
<img src={illustration} alt="" />
<div class="circle" />
<div class="circle"></div>
</div>
</a>
<div
@@ -55,7 +55,7 @@
<h3 class="text-label text-primary" style="max-width: 300px">Event: Logic</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Join</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img
@@ -75,7 +75,7 @@
</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Article</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
<div>
<Animations.Operators />
@@ -91,7 +91,7 @@
<h3 class="text-label text-primary" style="max-width: 300px">Product tour</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Watch</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<Video
@@ -110,7 +110,7 @@
<h3 class="text-label text-primary">Documentation</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Learn more</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</a>
</div>

8
src/routes/init-0/(days)/Day5.svelte
View File

@@ -22,11 +22,11 @@
</p>
<div class="web-card-link u-flex u-cross-center" style:margin-block-start="1.25rem">
<span class="text">Announcement</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img src={illustration} alt="" />
<div class="circle" />
<div class="circle"></div>
</a>
<a
href="/docs/products/functions/runtimes#available-runtimes"
@@ -36,7 +36,7 @@
<h3 class="text-label text-primary">Documentation</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Learn more</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</a>
@@ -50,7 +50,7 @@
<h3 class="text-label text-primary" style="max-width: 300px">Closing party</h3>
<div class="web-card-link u-flex u-cross-center">
<span class="text">Watch</span>
<span class="web-icon-arrow-right" />
<span class="web-icon-arrow-right"></span>
</div>
</div>
<img

4
src/routes/init-0/+page.svelte
View File

@@ -146,7 +146,7 @@
<p class="text-description">The start of something new.</p>
<div class="buttons">
<button on:click={() => scrollIntoView('#kickoff')} class="web-button is-secondary">
<div class="web-icon-play" />
<div class="web-icon-play"></div>
<span class="text">Watch the video</span>
</button>
</div>
@@ -198,7 +198,7 @@
<Day5 {date} release={day.release} />
{:else}
<h2 class="text-micro text-primary uppercase">
<div class="web-dot" />
<div class="web-dot"></div>
{date}
<span class="web-u-color-text-accent">_</span>
</h2>

2
src/routes/init-0/tickets/[id]/+page.svelte
View File

@@ -57,7 +57,7 @@
<span class="text">Get my Init ticket</span>
</a>
<button class="web-button is-secondary" on:click={copy}>
<span class="web-icon-{$copied ? 'check' : 'copy'} text-primary" />
<span class="web-icon-{$copied ? 'check' : 'copy'} text-primary"></span>
<span class="text">Copy ticket URL</span>
</button>

8
src/routes/init-0/tickets/customize/+page.svelte
View File

@@ -79,7 +79,7 @@
{#if customizing}
<div style:margin-block-start="0.625rem">
<button class="web-link is-secondary u-cross-center" on:click={goBack}>
<span class="web-icon-chevron-left" aria-hidden="true" />
<span class="web-icon-chevron-left" aria-hidden="true"></span>
<span>Back</span>
</button>
@@ -118,7 +118,7 @@
<div class="u-flex u-cross-center u-gap-16 u-margin-block-start-16">
<button class="web-button is-full-width is-secondary" on:click={copy}>
<div class="web-icon-{$copied ? 'check' : 'copy'} text-primary" />
<div class="web-icon-{$copied ? 'check' : 'copy'} text-primary"></div>
<span class="text">Copy ticket URL</span>
</button>
<a
@@ -126,7 +126,7 @@
href="https://twitter.com/intent/tweet?text={twitterText}"
target="_blank"
>
<div class="web-icon-x text-primary" />
<div class="web-icon-x text-primary"></div>
<span class="text">Share your ticket</span>
</a>
</div>
@@ -158,7 +158,7 @@
<button on:click={() => (drawerOpen = !drawerOpen)}>
<div class="inner">
<span class="text-label text-primary">Ticket Editor</span>
<span class="web-icon-chevron-down" />
<span class="web-icon-chevron-down"></span>
</div>
</button>
{#if drawerOpen}

6
src/routes/init-0/tickets/customize/form.svelte
View File

@@ -100,7 +100,7 @@
}}
disabled={!browser}
>
<div class="web-icon-github text-primary" />
<div class="web-icon-github text-primary"></div>
<span class="text">(DEBUG) Log-out of GitHub</span>
</button>
{/if}
@@ -113,7 +113,7 @@
class="web-button is-full-width is-secondary u-margin-block-start-24"
on:click={loginGithub}
>
<div class="web-icon-github text-primary" />
<div class="web-icon-github text-primary"></div>
<span class="text">Log in to GitHub account</span>
</button>
{/if}
@@ -138,7 +138,7 @@
href={getAppwriteDashboardUrl(`/login?forceRedirect=${$page.url.origin}/init-0/tickets`)}
class="web-button is-full-width is-secondary u-margin-block-start-24"
>
<div class="web-icon-appwrite text-primary" />
<div class="web-icon-appwrite text-primary"></div>
<span class="text">Log in to Appwrite account</span>
</a>
{/if}

4
src/routes/init/(components)/EventCard.svelte
View File

@@ -39,12 +39,12 @@
<div class="web-grid-articles-item-content is-no-gap">
<ul class="web-u-list-inline-dot-sep flex flex-wrap">
<li class="flex items-baseline gap-1">
<span class="web-icon-calendar web-u-color-text-tertiary" aria-hidden="true" />
<span class="web-icon-calendar web-u-color-text-tertiary" aria-hidden="true"></span>
<time class="">{dateString}</time>
</li>
{#if location}
<li class="flex items-baseline gap-1">
<span class="web-icon-location web-u-color-text-tertiary" aria-hidden="true" />
<span class="web-icon-location web-u-color-text-tertiary" aria-hidden="true"></span>
<span class="">{location}</span>
</li>
{/if}

4
src/routes/init/(components)/Lines.svelte
View File

@@ -12,11 +12,11 @@
<div
class="line"
style={`--delay:${randomDelay()}ms;--height:${getRandomHeight()}px;`}
/>
></div>
<div
class="line"
style={`--delay:${randomDelay()}ms;--height:${getRandomHeight()}px;`}
/>
></div>
</div>
{/each}
</div>

4
src/routes/init/(components)/VideoDialog.svelte
View File

@@ -26,7 +26,7 @@
</script>
<div use:melt={$portalled}>
<div use:melt={$overlay} class="overlay" transition:fade={{ duration: 150 }} />
<div use:melt={$overlay} class="overlay" transition:fade={{ duration: 150 }}></div>
<div
class="web-media content"
use:melt={$content}
@@ -39,7 +39,7 @@
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
/>
></iframe>
{/key}
</div>
</div>

Some files were not shown because too many files have changed in this diff Show More