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

Refactor CSS prefix

Browse Source 
- changed from AW to WEB
This commit is contained in:
Elad Shechter
2024-03-06 11:27:37 +01:00
parent 3fc05a6b6f
commit ec7025ab7d
225 changed files with 2694 additions and 3053 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -140,11 +140,11 @@
<div
id="open-source"
use:scroll
on:aw-scroll={({ detail }) => {
on:web-scroll={({ detail }) => {
const { percentage } = detail;
scrollHandler(percentage);
}}
on:aw-resize={({ detail }) => {
on:web-resize={({ detail }) => {
scrollHandler.reset();
const { percentage } = detail;
@@ -152,84 +152,84 @@
}}
>
<div class="sticky-wrapper">
<h3 class="aw-display aw-u-color-text-primary">Powered by Open Source</h3>
<h3 class="web-display web-u-color-text-primary">Powered by Open Source</h3>
<div class="cards-wrapper">
<a
href="/discord"
target="_blank"
rel="noopener noreferrer"
class="aw-card is-white aw-u-min-block-size-320 u-flex-vertical oss-card"
class="web-card is-white web-u-min-block-size-320 u-flex-vertical oss-card"
id="oss-discord"
>
<div class="u-flex-vertical u-main-space-between u-gap-32">
<span
class="aw-icon-discord aw-u-font-size-40"
class="web-icon-discord web-u-font-size-40"
aria-hidden="true"
aria-label="Discord"
/>
</div>
<div class="aw-title u-margin-block-start-auto">17k+ Discord Members</div>
<div class="web-title u-margin-block-start-auto">17k+ Discord Members</div>
</a>
<a
class="aw-card is-white aw-u-min-block-size-320 u-flex-vertical oss-card"
class="web-card is-white web-u-min-block-size-320 u-flex-vertical oss-card"
id="oss-github"
href="https://github.com/appwrite/appwrite"
>
<div class="u-flex-vertical u-main-space-between u-gap-32">
<span
class="aw-icon-github aw-u-font-size-40"
class="web-icon-github web-u-font-size-40"
aria-hidden="true"
aria-label="GitHub"
/>
</div>
<div class="aw-title u-margin-block-start-auto">38k+ GitHub Stars</div>
<div class="web-title u-margin-block-start-auto">38k+ GitHub Stars</div>
</a>
<a
href="https://twitter.com/appwrite"
class="aw-card is-white aw-u-min-block-size-320 u-flex-vertical oss-card"
class="web-card is-white web-u-min-block-size-320 u-flex-vertical oss-card"
id="oss-twitter"
>
<div class="u-flex-vertical u-main-space-between u-gap-32">
<span
class="aw-icon-x aw-u-font-size-40"
class="web-icon-x web-u-font-size-40"
aria-hidden="true"
aria-label="Twitter"
/>
</div>
<div class="aw-title u-margin-block-start-auto">128k+ Twitter Followers</div>
<div class="web-title u-margin-block-start-auto">128k+ Twitter Followers</div>
</a>
<a
href="https://www.youtube.com/@Appwrite"
class="aw-card is-white aw-u-min-block-size-320 u-flex-vertical oss-card"
class="web-card is-white web-u-min-block-size-320 u-flex-vertical oss-card"
id="oss-youtube"
>
<div class="u-flex-vertical u-main-space-between u-gap-32">
<span
class="aw-icon-youtube aw-u-font-size-40"
class="web-icon-youtube web-u-font-size-40"
aria-hidden="true"
aria-label="YouTube"
/>
</div>
<div class="aw-title u-margin-block-start-auto">4k+ Youtube Subscribers</div>
<div class="web-title u-margin-block-start-auto">4k+ Youtube Subscribers</div>
</a>
<a
class="aw-card is-white aw-u-min-block-size-320 u-flex-vertical oss-card"
class="web-card is-white web-u-min-block-size-320 u-flex-vertical oss-card"
id="oss-commits"
href="https://github.com/appwrite/appwrite"
>
<div class="u-flex-vertical u-main-space-between u-gap-32">
<span
class="aw-icon-github aw-u-font-size-40"
class="web-icon-github web-u-font-size-40"
aria-hidden="true"
aria-label="GitHub"
/>
</div>
<div class="aw-title u-margin-block-start-auto">18k+ Code Commits</div>
<div class="web-title u-margin-block-start-auto">18k+ Code Commits</div>
</a>
</div>
</div>
@@ -265,8 +265,8 @@
&::after {
background: linear-gradient(
to top,
hsl(var(--aw-color-background)) 0%,
hsl(var(--aw-color-background) / 0) 5%
hsl(var(--web-color-background)) 0%,
hsl(var(--web-color-background) / 0) 5%
);
position: absolute;
inset: 0;