Skip to content

Commit e098f29

Browse files
motdotlamotdotla
committed
ui changes
1 parent 6bc32bb commit e098f29

6 files changed

Lines changed: 49 additions & 35 deletions

File tree

‎_includes/components/home-trust.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
<section class="radar-section" aria-label="Depended on by">
1+
<section class="radar-section" aria-label="Adopted by">
22
<div class="armor-shell">
33
<div class="design-list">
4-
<p class="design-list-title">Depended on by</p>
4+
<p class="design-list-title">Adopted by</p>
55
<ul class="design-list-items">
66
<li>
77
<a

‎_includes/components/radar-footer.html‎

Lines changed: 4 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,8 @@
11
<footer class="radar-footer">
22
<div class="armor-shell radar-footer-inner">
3-
<div class="design-list radar-footer-list">
4-
<p class="design-list-title">DOTENVX LLC</p>
5-
<ul class="design-list-items">
6-
<li><a class="design-link" href="/">Overview</a></li>
7-
<li><a class="design-link" href="/docs">Docs</a></li>
8-
<li><a class="design-link" href="/dotenvx.pdf" target="_blank" rel="noopener noreferrer">Whitepaper</a></li>
9-
<li><a class="design-link" href="/armor">Armor</a></li>
10-
<li><a class="design-link" href="/docs/armor">Armor Docs</a></li>
11-
<li><a class="design-link" href="/pricing">Pricing</a></li>
12-
<li><a class="design-link" href="/changelog">Changelog</a></li>
13-
<li><a class="design-link" href="/opensource">Open Source</a></li>
14-
<li><a class="design-link" href="https://github.com/dotenvx/dotenvx" target="_blank" rel="noopener noreferrer">GitHub</a></li>
15-
<li><a class="design-link" href="https://www.npmjs.com/package/@dotenvx/dotenvx" target="_blank" rel="noopener noreferrer">NPM</a></li>
16-
<li><a class="design-link" href="https://trust.dotenvx.com" target="_blank" rel="noopener noreferrer">Trust Center</a></li>
17-
<li><a class="design-link" href="https://status.dotenvx.com">Status</a></li>
18-
<li><a class="design-link" href="/contact">Contact</a></li>
19-
<li><a class="design-link" href="https://twitter.com/dotenvx" target="_blank" rel="noopener noreferrer">X</a></li>
20-
<li><a class="design-link" href="/privacy">Privacy</a></li>
21-
<li><a class="design-link" href="/terms">Terms</a></li>
22-
<li><a class="design-link" href="/login">Log In</a></li>
23-
</ul>
24-
</div>
3+
<p class="design-list-title">DOTENVX LLC</p>
4+
<p class="radar-footer-cloud">
5+
<a class="design-link" href="/">Overview</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/docs">Docs</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/dotenvx.pdf" target="_blank" rel="noopener noreferrer">Whitepaper</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/armor">Armor</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/docs/armor">Armor Docs</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/pricing">Pricing</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/changelog">Changelog</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/opensource">Open Source</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="https://github.com/dotenvx/dotenvx" target="_blank" rel="noopener noreferrer">GitHub</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="https://www.npmjs.com/package/@dotenvx/dotenvx" target="_blank" rel="noopener noreferrer">NPM</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="https://trust.dotenvx.com" target="_blank" rel="noopener noreferrer">Trust Center</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="https://status.dotenvx.com">Status</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/contact">Contact</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="https://twitter.com/dotenvx" target="_blank" rel="noopener noreferrer">X</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/privacy">Privacy</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/terms">Terms</a><span class="radar-footer-sep" aria-hidden="true"> · </span><a class="design-link" href="/login">Log In</a>
6+
</p>
257
</div>
268
</footer>

‎_includes/layouts/meta.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
{% favicon %}
2020

2121
<script src="https://unpkg.com/alpinejs" defer></script>
22-
{% assign cacheBust = site.time | date:'?v=%s' | append: '-r19' %}
22+
{% assign cacheBust = site.time | date:'?v=%s' | append: '-r20' %}
2323
<link rel="stylesheet" media="all" href="{{ "/assets/css/main.css" | relative_url | append: cacheBust }}">
2424

2525
{% if jekyll.environment != "production" %}

‎assets/css/main.css‎

Lines changed: 32 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1870,21 +1870,37 @@ html.dark .radar-nav-flyout-frame {
18701870

18711871
.radar-footer {
18721872
margin-top: 4rem;
1873-
padding: 2.25rem 0 2.75rem;
1873+
padding: 2.25rem 0 3rem;
18741874
}
18751875

18761876
.radar-footer-inner {
18771877
box-shadow: var(--design-etch-divider);
1878+
display: flex;
1879+
flex-direction: column;
1880+
gap: 0.85rem;
18781881
padding-top: 1.75rem;
18791882
}
18801883

1881-
.radar-footer-list {
1882-
align-items: center;
1883-
text-align: center;
1884+
.radar-footer-cloud {
1885+
color: var(--design-secondary, var(--design-dim));
1886+
font-family: var(--design-font-sans);
1887+
font-size: var(--design-text-size);
1888+
font-weight: 400;
1889+
letter-spacing: -0.01em;
1890+
line-height: 1.75;
1891+
margin: 0;
1892+
max-width: 40rem;
1893+
text-wrap: pretty;
18841894
}
18851895

1886-
.radar-footer-list .design-list-items {
1887-
align-items: center;
1896+
.radar-footer-cloud .design-link {
1897+
font-size: inherit;
1898+
}
1899+
1900+
.radar-footer-sep {
1901+
color: var(--design-secondary, var(--design-dim));
1902+
font-weight: 400;
1903+
user-select: none;
18881904
}
18891905

18901906
.radar-kicker {
@@ -2467,7 +2483,17 @@ a.design-cta-message:focus {
24672483
font-weight: inherit;
24682484
}
24692485

2486+
.home-cta {
2487+
align-items: center;
2488+
display: flex;
2489+
flex-direction: column;
2490+
gap: 1.35rem;
2491+
width: 100%;
2492+
}
24702493

2494+
.home-cta .design-cta-message {
2495+
margin-bottom: 0;
2496+
}
24712497

24722498
/* Homepage encrypted git workflow */
24732499
.home-workflow {

‎changelog.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ v1 v2 v3 v4</pre>
6565
class="company-design-hero"
6666
eyebrow="Company"
6767
title="Changelog"
68-
description="Check back often. We're working hard still on Dotenvx and Armor."
68+
description="Check back often. We're working hard almost daily on Dotenvx and Armor."
6969
visual=changelog_hero_visual
7070
%}
7171

‎index.md‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -156,9 +156,15 @@ Designed as a secure dotenv. <span class="home-hero-desc-line2">You can encrypt
156156

157157
<section class="radar-section" aria-label="Next step">
158158
<div class="armor-shell">
159-
{% include components/design-cta-message.html
160-
text="Once your secrets are in an encrypted git workflow, you'll wonder why you waited so long. It just feels so good."
161-
%}
159+
<div class="home-cta">
160+
{% include components/design-cta-message.html
161+
text="Once your secrets are in an encrypted git workflow, you'll wonder why you waited so long. It just feels so good."
162+
%}
163+
{% include components/design-btn.html
164+
label="Read the docs"
165+
href="/docs"
166+
%}
167+
</div>
162168
</div>
163169
</section>
164170

0 commit comments

Comments
 (0)