Skip to content

Commit 8301835

Browse files
motdotlamotdotla
committed
scroll effect
1 parent e6f631d commit 8301835

2 files changed

Lines changed: 83 additions & 74 deletions

File tree

‎_includes/v1/trust.html‎

Lines changed: 69 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -4,83 +4,78 @@
44
<p class="text-center font-semibold font-mono mb-1">100% Open Source. 100% Free.</p>
55
<p class="text-center font-normal">…but there's also a powerful <span class="font-bold">Pro</span> version if you want it.</p>
66
<h2 class="my-5 text-center text-5xl lg:text-6xl font-bold tracking-tight leading-none text-zinc-950 dark:text-[#ECD53F]">Trusted by thousands of organizations</h2>
7+
</section>
78

8-
<div class="mx-auto flex w-5/6 lg:5/6 flex-col gap-4">
9-
<div class="mx-auto grid grid-cols-3 items-center sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6">
10-
<a href="https://github.com/search?q=org%3Anasa%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-75 hover:opacity-100">
11-
NASA
12-
</a>
13-
<a href="https://github.com/search?q=repo%3Asupabase%2Fcli%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-75 hover:opacity-100">
14-
Supabase
15-
</a>
16-
<a href="https://docs.amplify.aws/react/deploy-and-host/fullstack-branching/secrets-and-vars/#local-environment-2" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-75 hover:opacity-100">
17-
AWS
18-
</a>
19-
<a href="https://github.com/search?q=org%3Anumerique-gouv%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-50 sm:opacity-75 md:opacity-75 lg:opacity-75 hover:opacity-100">
20-
🇫🇷 France
21-
</a>
22-
<a href="https://github.com/search?q=org%3Afacebook%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-50 md:opacity-75 lg:opacity-75 hover:opacity-100">
23-
Facebook
24-
</a>
25-
26-
<a href="https://github.com/search?q=org%3Aopennextjs%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-50 sm:opacity-50 md:opacity-50 lg:opacity-75 hover:opacity-100">
27-
OpenNext
28-
</a>
29-
30-
<a href="https://github.com/search?q=org%3Abitcoin-sv%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-25 sm:opacity-50 md:opacity-50 lg:opacity-50 hover:opacity-100">
31-
BitcoinSV
32-
</a>
33-
<a href="https://github.com/search?q=org%3Aneondatabase-labs%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-25 sm:opacity-50 md:opacity-50 lg:opacity-50 hover:opacity-100">
34-
NEON
35-
</a>
36-
<a href="https://github.com/search?q=org%3Arocicorp%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-25 md:opacity-50 lg:opacity-50 hover:opacity-100">
37-
Rocicorp
38-
</a>
39-
<a href="https://www.npmjs.com/package/@procore/core-react?activeTab=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-25 md:opacity-50 lg:opacity-50 hover:opacity-100">
40-
Procore
41-
</a>
42-
<a href="https://github.com/search?q=org%3Astacks-sbtc%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-[0.15] lg:opacity-50 hover:opacity-100">
43-
sBTC
44-
</a>
45-
<a href="https://github.com/search?q=org%3Ahmcts%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden sm:flex opacity-[0.15] lg:opacity-50 hover:opacity-100">
46-
🇬🇧 U.K
47-
</a>
48-
<a href="https://github.com/search?q=org%3Abcgov%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden sm:flex opacity-[0.15] lg:opacity-25 hover:opacity-100">
49-
🇨🇦 B.C.
50-
</a>
51-
<a href="https://github.com/search?q=org%3Asettlemint%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden sm:flex opacity-[0.15] lg:opacity-25 hover:opacity-100">
52-
SettleMint
53-
</a>
54-
<a href="https://github.com/search?q=repo%3Astacksjs%2Fstacks%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden lg:flex opacity-[0.15] lg:opacity-25 hover:opacity-100">
55-
Stacks
56-
</a>
57-
<a href="https://github.com/search?q=org%3Aakash-network%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden lg:flex opacity-[0.15] lg:opacity-25 hover:opacity-100">
58-
Akash
59-
</a>
60-
<a href="https://github.com/search?q=org%3Adaytonaio%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden lg:flex opacity-[0.15] lg:opacity-25 hover:opacity-100">
61-
Daytona
62-
</a>
63-
<a href="https://github.com/search?q=org%3Aonejs%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden lg:flex opacity-[0.15] lg:opacity-25 hover:opacity-100">
64-
One
65-
</a>
66-
67-
<div class="hidden lg:flex"></div>
68-
<a href="https://github.com/search?q=org%3ACity-of-Helsinki%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden lg:flex opacity-25 hover:opacity-100">
69-
🇫🇮 Helsinki
70-
</a>
71-
<a href="https://github.com/search?q=org%3Acocos%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden lg:flex opacity-[0.15] hover:opacity-100">
72-
Cocos
73-
</a>
74-
<a href="https://github.com/search?q=org%3Aritual-net%20dotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 hidden lg:flex opacity-[0.15] hover:opacity-100">
75-
Ritual
76-
</a>
77-
<a href="https://github.com/search?q=%22dotenvx%22+-org%3Adotenvx&type=code" class="items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 flex opacity-[0.15] hover:opacity-100">
78-
more..
79-
</a>
80-
</div>
9+
<div class="overflow-hidden w-full mb-4 opacity-75">
10+
<div class="animate-left flex whitespace-nowrap gap-0 md:gap-4">
11+
<a href="https://github.com/search?q=org%3Acocos%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
12+
Cocos
13+
</a>
14+
<a href="https://github.com/search?q=org%3Aritual-net%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
15+
Ritual
16+
</a>
17+
<a href="https://github.com/search?q=org%3Aonejs%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
18+
One
19+
</a>
20+
<a href="https://github.com/search?q=org%3ACity-of-Helsinki%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
21+
🇫🇮 Helsinki
22+
</a>
23+
<a href="https://github.com/search?q=org%3Asettlemint%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
24+
SettleMint
25+
</a>
26+
<a href="https://github.com/search?q=repo%3Astacksjs%2Fstacks%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
27+
Stacks
28+
</a>
29+
<a href="https://github.com/search?q=org%3Aakash-network%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
30+
Akash
31+
</a>
32+
<a href="https://github.com/search?q=org%3Anasa%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
33+
NASA
34+
</a>
35+
<a href="https://github.com/search?q=repo%3Asupabase%2Fcli%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
36+
Supabase
37+
</a>
38+
<a href="https://docs.amplify.aws/react/deploy-and-host/fullstack-branching/secrets-and-vars/#local-environment-2" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
39+
AWS
40+
</a>
41+
<a href="https://github.com/search?q=org%3Anumerique-gouv%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
42+
🇫🇷 France
43+
</a>
44+
<a href="https://github.com/search?q=org%3Afacebook%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
45+
Facebook
46+
</a>
47+
<a href="https://github.com/search?q=org%3Aopennextjs%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
48+
OpenNext
49+
</a>
50+
<a href="https://github.com/search?q=org%3Abitcoin-sv%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
51+
BitcoinSV
52+
</a>
53+
<a href="https://github.com/search?q=org%3Aneondatabase-labs%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
54+
NEON
55+
</a>
56+
<a href="https://github.com/search?q=org%3Arocicorp%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
57+
Rocicorp
58+
</a>
59+
<a href="https://www.npmjs.com/package/@procore/core-react?activeTab=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
60+
Procore
61+
</a>
62+
<a href="https://github.com/search?q=org%3Astacks-sbtc%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
63+
sBTC
64+
</a>
65+
<a href="https://github.com/search?q=org%3Ahmcts%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
66+
🇬🇧 U.K
67+
</a>
68+
<a href="https://github.com/search?q=org%3Abcgov%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
69+
🇨🇦 B.C.
70+
</a>
71+
<a href="https://github.com/search?q=org%3Adaytonaio%20dotenvx&type=code" class="flex items-center tracking-tight font-black h-16 items-center justify-center px-4 text-zinc-800 dark:text-zinc-300 hover:text-zinc-950 dark:hover:text-zinc-50 ease-in duration-150 opacity-75 hover:opacity-100">
72+
Daytona
73+
</a>
8174
</div>
75+
</div>
8276

83-
<div class="max-w-3xl mx-auto">
77+
<section class="w-full max-w-5xl mx-auto px-6">
78+
<div class="max-w-5xl mx-auto">
8479
<div class="border border-zinc-200 dark:border-zinc-800 rounded overflow-hidden">
8580
{% include v1/components/feature-table.html %}
8681
</div>

‎assets/css/main.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -197,3 +197,17 @@ border-color: #222529 !important;
197197
.screenshot img {
198198
width: 100%;
199199
}
200+
201+
/* scroll left carousel */
202+
@keyframes animate-left {
203+
0% {
204+
transform: translateX(0%);
205+
}
206+
100% {
207+
transform: translateX(-50%);
208+
}
209+
}
210+
211+
.animate-left {
212+
animation: animate-left 30s linear infinite;
213+
}

0 commit comments

Comments
 (0)