Skip to content

Commit e7bd4f5

Browse files
motdotlamotdotla
committed
big homepage change
1 parent a3e5fa8 commit e7bd4f5

File tree

3 files changed

+80
-9
lines changed

3 files changed

+80
-9
lines changed

‎_includes/v2/nav-homepage.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<div class="top-0 dark:rounded-t-lg border-t dark:border-t border-t-yellow-300 z-20">
2+
<div class="mx-auto w-full">
3+
<div class="mx-auto flex h-16 w-full items-center justify-between transition px-5">
4+
<div class="flex">
5+
<a href="/" class="inline-block w-10 h-10 mr-3">
6+
{% include logos/dotenv.html class="w-10 h-10" %}
7+
</a>
8+
<div class="hidden md:flex">
9+
{% include components/btn-text.html url="https://github.com/motdotla/dotenv" text="dotenv" %}
10+
{% include components/btn-text.html url="https://github.com/dotenvx/dotenvx" text="dotenvx" %}
11+
</div>
12+
13+
{% include components/btn-text.html url="/vault" text="dotenv-vault<sup>*</sup>" %}
14+
15+
<!--
16+
<div class="hidden md:flex">
17+
{% include components/btn-text.html url="/blog" text="Blog" %}
18+
</div>
19+
-->
20+
</div>
21+
<div class="flex items-center space-x-1">
22+
{% include components/toggle-mode.html %}
23+
{% include components/btn-nav.html url="https://vault.dotenv.org" text="Log in" dataUmamiEvent="Login Clicked" classes="" %}
24+
<!--
25+
<div class="hidden md:flex">
26+
{% include components/btn-nav.html url="https://vault.dotenv.org/signup" text="Create Account" dataUmamiEvent="Signup Clicked" %}
27+
</div>
28+
-->
29+
</div>
30+
</div>
31+
</div>
32+
</div>

‎_layouts/homepage.html‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="{{ site.lang | default: "en-US" }}">
3+
<head>
4+
{% include layouts/dark-mode.html %}
5+
{% include layouts/meta.html %}
6+
{% include layouts/analytics.html %}
7+
</head>
8+
<body class="font-sans antialiased bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-400 selection:bg-yellow-300 selection:text-zinc-950">
9+
{% include v2/nav-homepage.html %}
10+
<main>
11+
{{ content }}
12+
</main>
13+
{% include v2/footer.html %}
14+
{% include layouts/js.html %}
15+
</body>
16+
</html>

‎index.md‎

Lines changed: 32 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,38 @@
11
---
2+
layout: "homepage"
23
title: ""
34
redirect_from:
45
- /why
56
---
67

7-
{% include v1/hero.html %}
8-
{% include v1/trust.html %}
9-
{% include v1/works.html %}
10-
{% include v1/environments.html %}
11-
{% include v1/everywhere.html %}
12-
{% include v1/quote.html %}
13-
{% include v1/companies.html %}
14-
{% include v1/pioneers.html %}
15-
{% include v2/faq.html %}
8+
<section class="w-full max-w-3xl mx-auto px-6 mt-20 md:mt-32">
9+
<div class="flex gap-10 h-full flex-col md:flex-row items-center justify-center">
10+
<div class="flex-1">
11+
<h2 class="my-5 text-center md:text-start text-5xl md:text-5xl lg:text-6xl font-bold tracking-tight text-zinc-950 dark:text-zinc-50">Pick your dotenv.</h2>
12+
</div>
13+
</div>
14+
15+
<p class="my-5 text-lg md:text-xl lg:text-xl font-semibold tracking-tight text-zinc-950 dark:text-zinc-50">
16+
<a class="link-primary underline text-sky-500" href="https://github.com/motdotla/dotenv">Dotenv</a> made .env files a standard. Now I'm focused on solving their biggest security flaw – lack of encryption.
17+
</p>
18+
<p class="my-5 text-lg md:text-xl lg:text-xl font-semibold tracking-tight text-zinc-950 dark:text-zinc-50">
19+
<a class="link-primary underline text-sky-500" href="https://dotenvx.com">Dotenvx</a> encrypts your .env files. If you care about security, upgrade as soon as possible. It's a <a href="https://github.com/dotenvx/dotenvx?tab=readme-ov-file#quickstart---" class="link-primary text-sky-500 underline">drop-in replacement</a>. Plus it works <a href="https://github.com/dotenvx/dotenvx?tab=readme-ov-file#run-anywhere" class="link-primary text-sky-500 underline">cross-platform</a>, <a href="https://github.com/dotenvx/dotenvx?tab=readme-ov-file#multiple-environments" class="link-primary text-sky-500 underline">supports multiple environments</a>, and unlocks <a href="https://github.com/dotenvx/dotenvx?tab=readme-ov-file#encryption" class="link-primary text-sky-500 underline">secrets-as-code</a> – a git-ops workflow win.
20+
</p>
21+
<p class="my-5 text-lg md:text-xl lg:text-xl font-semibold tracking-tight text-zinc-950 dark:text-zinc-50">
22+
If you're here for <a class="link-primary underline text-sky-500" href="https://dotenv.org/vault">dotenv-vault (.env.vault)</a>, that was our first attempt at solving encryption — you can access it at <a href="https://dotenv.org/vault" class="link-primary text-sky-500 underline">dotenv.org/vault</a> but <a class="link-primary underline text-sky-500" href="https://dotenvx.com">Dotenvx</a> replaces it.
23+
</p>
24+
25+
<p class="text-base text-zinc-950 dark:text-zinc-50">
26+
<span class="font-bold tracking-tight">Scott Motte</span>, <a href="mailto:[email protected]" class="link-primary font-semibold">[email protected]</a>
27+
</p>
28+
<p class="text-base text-zinc-950 dark:text-zinc-50 tracking-tight">
29+
<span class="italic">Creator <a href="https://github.com/motdotla/dotenv" class="link-primary text-sky-500 underline">Dotenv</a>, Founder <a href="https://dotenvx.com" class="link-primary text-sky-500 underline">@Dotenvx</a></span>
30+
</p>
31+
</section>
32+
33+
<section class="w-full max-w-4xl mx-auto my-10 mb-20 md:mb-32">
34+
<div class="md:py-0 rounded-lg overflow-hidden">
35+
<div class="flex gap-5 lg:gap-10 items-center justify-center">
36+
</div>
37+
</div>
38+
</section>

0 commit comments

Comments
 (0)