mirror of
https://github.com/LukeHagar/website.git
synced 2025-12-10 04:22:18 +00:00
Fix more merge isues
This commit is contained in:
Vincent (Wen Yu) Ge
@@ -67,6 +67,8 @@ export const platformMap: Record<Language | string, string> = {
|
|||||||
sh: 'Shell',
|
sh: 'Shell',
|
||||||
js: 'JavaScript',
|
js: 'JavaScript',
|
||||||
ts: 'TypeScript',
|
ts: 'TypeScript',
|
||||||
|
jsx: 'React',
|
||||||
|
tsx: 'React',
|
||||||
typescript: 'TypeScript',
|
typescript: 'TypeScript',
|
||||||
dart: 'Dart',
|
dart: 'Dart',
|
||||||
java: 'Java',
|
java: 'Java',
|
||||||
|
|||||||
@@ -65,11 +65,24 @@
|
|||||||
|
|
||||||
<Docs variant="default">
|
<Docs variant="default">
|
||||||
<Sidebar />
|
<Sidebar />
|
||||||
<div class="u-position-absolute u-inset-inline-end-0 aw-u-opacity-40-mobile" style="">
|
|
||||||
<enhanced:img src="./blur-1.png" alt="" />
|
<div
|
||||||
|
class="u-position-absolute aw-is-not-mobile u-only-light"
|
||||||
|
style:inline-size="768px"
|
||||||
|
style:block-size="768px"
|
||||||
|
style:inset-block-start="26rem"
|
||||||
|
style:left="calc(50% - 384px + 600px)"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="/images/animations/tech-light.png"
|
||||||
|
width="768"
|
||||||
|
height="768"
|
||||||
|
alt=""
|
||||||
|
style="position: absolute; display: block;"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<main class="aw-main-section u-position-relative aw-u-overflow-hidden-break1-to-break3" id="main">
|
<main class="aw-main-section u-position-relative">
|
||||||
<div class="u-position-absolute aw-u-opacity-40-mobile bg-blur">
|
<div class="u-position-absolute aw-u-opacity-40-mobile bg-blur">
|
||||||
<img src="/images/bgs/docs-blur-1.svg" alt="" />
|
<img src="/images/bgs/docs-blur-1.svg" alt="" />
|
||||||
</div>
|
</div>
|
||||||
@@ -78,10 +91,10 @@
|
|||||||
class="u-position-absolute u-inset-inline-start-0 u-inset-block-start-16 aw-u-opacity-40-mobile"
|
class="u-position-absolute u-inset-inline-start-0 u-inset-block-start-16 aw-u-opacity-40-mobile"
|
||||||
style=" margin-inline-start: -30px;"
|
style=" margin-inline-start: -30px;"
|
||||||
>
|
>
|
||||||
<enhanced:img src="./blur-2.png" alt="" />
|
<img src="/images/bgs/docs-blur-2.svg" alt="" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section class="aw-hero is-align-start u-position-relative e-hero-docs">
|
<section class="aw-hero is-align-start u-position-relative">
|
||||||
<h1 class="aw-display aw-u-color-text-primary u-max-width-600">
|
<h1 class="aw-display aw-u-color-text-primary u-max-width-600">
|
||||||
Learn how to build like a team of hundreds<span class="aw-u-color-text-accent"
|
Learn how to build like a team of hundreds<span class="aw-u-color-text-accent"
|
||||||
>_
|
>_
|
||||||
@@ -104,19 +117,11 @@
|
|||||||
<a href="/docs/sdks" class="aw-button is-secondary" style:align-self="start">
|
<a href="/docs/sdks" class="aw-button is-secondary" style:align-self="start">
|
||||||
<span class="aw-sub-body-500">Explore all technologies</span>
|
<span class="aw-sub-body-500">Explore all technologies</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="u-position-absolute aw-is-not-mobile spline-wrapper">
|
|
||||||
|
<div class="u-position-absolute aw-is-not-mobile u-only-dark spline-wrapper">
|
||||||
<Spline url="/images/animations/dark-scene.splinecode" width={660} height={660}>
|
<Spline url="/images/animations/dark-scene.splinecode" width={660} height={660}>
|
||||||
<img
|
<img
|
||||||
class="u-only-dark"
|
src="/images/animations/tech-dark.png"
|
||||||
src="/images/animations/tech-dark-transparent.png"
|
|
||||||
width="660"
|
|
||||||
height="660"
|
|
||||||
alt=""
|
|
||||||
style="position: absolute;"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
class="u-only-light"
|
|
||||||
src="/images/animations/tech-light-transparent.png"
|
|
||||||
width="660"
|
width="660"
|
||||||
height="660"
|
height="660"
|
||||||
alt=""
|
alt=""
|
||||||
@@ -124,7 +129,7 @@
|
|||||||
/>
|
/>
|
||||||
</Spline>
|
</Spline>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-overlay" />
|
<div class="bg-boi" />
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<h2 class="aw-title aw-u-color-text-primary u-max-width-600">Show me some code</h2>
|
<h2 class="aw-title aw-u-color-text-primary u-max-width-600">Show me some code</h2>
|
||||||
@@ -136,116 +141,7 @@
|
|||||||
<li style:scroll-snap-align="start">
|
<li style:scroll-snap-align="start">
|
||||||
<CodeCard {...tutorial} />
|
<CodeCard {...tutorial} />
|
||||||
</li>
|
</li>
|
||||||
<li>
|
{/each}
|
||||||
<a
|
|
||||||
class="aw-grid-articles-item is-full-color"
|
|
||||||
href="/docs/tutorials/sveltekit"
|
|
||||||
>
|
|
||||||
<div class="aw-grid-articles-item-image">
|
|
||||||
<img
|
|
||||||
class="aw-articles-item-image"
|
|
||||||
src="/images/tutorials/svelte.png"
|
|
||||||
alt=""
|
|
||||||
loading="lazy"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<article class="aw-grid-articles-item-content">
|
|
||||||
<header class="aw-articles-item-header">
|
|
||||||
<h3 class="aw-sub-body-500 aw-u-color-text-primary">
|
|
||||||
SvelteKit tutorial
|
|
||||||
</h3>
|
|
||||||
</header>
|
|
||||||
<p
|
|
||||||
class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
|
|
||||||
style="word-break: keep-all;"
|
|
||||||
>
|
|
||||||
Learn Appwrite Auth, Databases, and more with SvelteKit.
|
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="aw-grid-articles-item is-full-color" href="/docs/tutorials/vue">
|
|
||||||
<div class="aw-grid-articles-item-image">
|
|
||||||
<img
|
|
||||||
class="aw-articles-item-image"
|
|
||||||
src="/images/tutorials/vue.png"
|
|
||||||
alt=""
|
|
||||||
loading="lazy"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<article class="aw-grid-articles-item-content">
|
|
||||||
<header class="aw-articles-item-header">
|
|
||||||
<h3 class="aw-sub-body-500 aw-u-color-text-primary">
|
|
||||||
Vue tutorial
|
|
||||||
</h3>
|
|
||||||
</header>
|
|
||||||
<p
|
|
||||||
class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
|
|
||||||
style="word-break: keep-all;"
|
|
||||||
>
|
|
||||||
Learn Appwrite Auth, Databases, and more with Vue.
|
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
class="aw-grid-articles-item is-full-color"
|
|
||||||
href="/docs/tutorials/android"
|
|
||||||
>
|
|
||||||
<div class="aw-grid-articles-item-image">
|
|
||||||
<img
|
|
||||||
class="aw-articles-item-image"
|
|
||||||
src="/images/tutorials/android.png"
|
|
||||||
alt=""
|
|
||||||
loading="lazy"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<article class="aw-grid-articles-item-content">
|
|
||||||
<header class="aw-articles-item-header">
|
|
||||||
<h3 class="aw-sub-body-500 aw-u-color-text-primary">
|
|
||||||
Android tutorial
|
|
||||||
</h3>
|
|
||||||
</header>
|
|
||||||
<p
|
|
||||||
class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
|
|
||||||
style="word-break: keep-all;"
|
|
||||||
>
|
|
||||||
Learn Appwrite Auth, Databases, and more with Android.
|
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
class="aw-grid-articles-item is-full-color"
|
|
||||||
href="/docs/tutorials/flutter"
|
|
||||||
>
|
|
||||||
<div class="aw-grid-articles-item-image">
|
|
||||||
<img
|
|
||||||
class="aw-articles-item-image"
|
|
||||||
src="/images/tutorials/flutter.png"
|
|
||||||
alt=""
|
|
||||||
loading="lazy"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<article class="aw-grid-articles-item-content">
|
|
||||||
<header class="aw-articles-item-header">
|
|
||||||
<h3 class="aw-sub-body-500 aw-u-color-text-primary">
|
|
||||||
Flutter tutorial
|
|
||||||
</h3>
|
|
||||||
</header>
|
|
||||||
<p
|
|
||||||
class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
|
|
||||||
style="word-break: keep-all;"
|
|
||||||
>
|
|
||||||
Coming soon...
|
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</svelte:fragment>
|
|
||||||
</Carousel>
|
</Carousel>
|
||||||
</section>
|
</section>
|
||||||
<section class="aw-hero is-align-start is-no-max-width">
|
<section class="aw-hero is-align-start is-no-max-width">
|
||||||
@@ -516,18 +412,10 @@
|
|||||||
</Docs>
|
</Docs>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|
||||||
.e-hero-docs {
|
|
||||||
@media (min-width:1280px) {
|
|
||||||
margin-block-start:5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.aw-main-section {
|
.aw-main-section {
|
||||||
max-inline-size: unset;
|
max-inline-size: unset;
|
||||||
margin-inline: unset;
|
margin-inline: unset;
|
||||||
@media (min-width:1280px) {
|
padding-inline-start: 3rem; // 48px
|
||||||
padding-inline-start: 3rem; // 48px
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-blur {
|
.bg-blur {
|
||||||
@@ -538,6 +426,11 @@
|
|||||||
.tech-hero {
|
.tech-hero {
|
||||||
@include border-block-gradient;
|
@include border-block-gradient;
|
||||||
|
|
||||||
|
background: linear-gradient(to right, #19191c80, #19191c00);
|
||||||
|
// background-color: #19191c80;
|
||||||
|
backdrop-filter: blur(1rem);
|
||||||
|
-webkit-backdrop-filter: blur(1rem);
|
||||||
|
|
||||||
--m-border-size: 1px;
|
--m-border-size: 1px;
|
||||||
--m-border-gradient-before: linear-gradient(
|
--m-border-gradient-before: linear-gradient(
|
||||||
to right,
|
to right,
|
||||||
@@ -564,10 +457,9 @@
|
|||||||
left: calc(50% - 384px + 600px);
|
left: calc(50% - 384px + 600px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-overlay {
|
.bg-boi {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
background: linear-gradient(to right, #19191c00 0%, #19191c00 10%, #19191c);
|
||||||
background: linear-gradient(to right, #ffffff00 0%, #ffffff00 10%, #ffffff);
|
|
||||||
|
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 10rem;
|
right: 10rem;
|
||||||
@@ -578,14 +470,4 @@
|
|||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
</style>
|
||||||
:global(.theme-dark) .tech-hero {
|
|
||||||
background: linear-gradient(to right, #19191c80, #19191c00);
|
|
||||||
backdrop-filter: blur(1rem);
|
|
||||||
-webkit-backdrop-filter: blur(1rem);
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.theme-dark) .bg-overlay {
|
|
||||||
background: linear-gradient(to right, #19191c00 0%, #19191c00 10%, #19191c);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Reference in New Issue
Block a user