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

fix: sync pr to main

Browse Source
This commit is contained in:
Torsten Dittmann
2024-07-04 13:14:39 +02:00
parent 70da0aa79b 263449d395
commit c24b1237b4
1311 changed files with 67753 additions and 11695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,6 +2,7 @@
import { toScale, type Scale } from '$lib/utils/toScale';
import { spring, type AnimationListOptions, type SpringOptions } from 'motion';
import { animation, createScrollHandler, scroll, type Animation } from '.';
import { GITHUB_STARS } from '$lib/constants';
const springOptions: SpringOptions = { stiffness: 58.78, mass: 1, damping: 17.14 };
const animationOptions: AnimationListOptions = {
@@ -159,11 +160,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;
@@ -171,84 +172,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">{GITHUB_STARS}+ 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>
@@ -285,8 +286,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;