Page MenuHomePhabricator
Files F3407606

D8168.diff
No OneTemporary
Actions

D8168.diff
View Options

diff --git a/landing/keyservers.css b/landing/keyservers.css
--- a/landing/keyservers.css
+++ b/landing/keyservers.css
@@ -7,42 +7,42 @@
padding-bottom: 24px;
}
-span.purple_gradient {
+span.purpleGradient {
background: linear-gradient(90deg, #5d34b3 0%, #a314d5 49.31%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
-.hero_section,
-.servers_section,
-.keyserver_company_section {
+.heroSection,
+.serversSection,
+.keyserverCompanySection {
display: flex;
padding: 120px 32px;
justify-content: center;
}
-.hero_section {
+.heroSection {
padding-top: 64px;
}
-.servers_section {
+.serversSection {
background-color: var(--light-dark-page-background);
}
-.hero_container,
-.servers_container,
-.keyserver_company_container {
+.heroContainer,
+.serversContainer,
+.keyserverCompanyContainer {
display: flex;
width: 1376px;
max-width: 90vw;
}
-.hero_container {
+.heroContainer {
flex-direction: column;
}
-.hero_image {
+.heroImage {
width: 100%;
max-height: 376px;
margin-bottom: 72px;
@@ -52,19 +52,19 @@
text-align: center;
}
-.servers_image {
+.serversImage {
width: 100%;
max-height: 480px;
}
-.servers_copy {
+.serversCopy {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 72px;
}
-.read_the_docs {
+.readTheDocs {
width: 100%;
align-self: flex-end;
margin-bottom: 24px;
@@ -72,21 +72,21 @@
}
@media (max-width: 1440px) {
- .servers_container,
- .keyserver_company_container {
+ .serversContainer,
+ .keyserverCompanyContainer {
flex-direction: column;
}
- .servers_copy {
+ .serversCopy {
padding-left: 0;
margin-top: 64px;
}
- .keyserver_company_copy {
+ .keyserverCompanyCopy {
margin-bottom: 48px;
}
- .read_the_docs {
+ .readTheDocs {
max-width: 504px;
align-self: flex-start;
margin: 0;
diff --git a/landing/keyservers.react.js b/landing/keyservers.react.js
--- a/landing/keyservers.react.js
+++ b/landing/keyservers.react.js
@@ -83,9 +83,9 @@
return (
<main>
- <section className={css.hero_section}>
- <div className={css.hero_container}>
- <div className={css.hero_image}>
+ <section className={css.heroSection}>
+ <div className={css.heroContainer}>
+ <div className={css.heroImage}>
<lottie-player
id="eye-illustration"
ref={setEyeNode}
@@ -96,7 +96,7 @@
</div>
<h1 className={heroHeadingClassName}>
Reclaim your
- <span className={css.purple_gradient}> digital&nbsp;identity</span>
+ <span className={css.purpleGradient}> digital&nbsp;identity</span>
</h1>
<p className={heroDescriptionClassName}>
The Internet is broken today. Private user data is owned by
@@ -108,9 +108,9 @@
</p>
</div>
</section>
- <section className={css.servers_section}>
- <div className={css.servers_container}>
- <div className={css.servers_image}>
+ <section className={css.serversSection}>
+ <div className={css.serversContainer}>
+ <div className={css.serversImage}>
<lottie-player
id="cloud-illustration"
ref={setCloudNode}
@@ -119,7 +119,7 @@
speed={1}
/>
</div>
- <div className={css.servers_copy}>
+ <div className={css.serversCopy}>
<h1 className={headingClassName}>Apps need servers.</h1>
<p className={descriptionClassName}>
Sophisticated applications rely on servers to do things that your
@@ -133,12 +133,12 @@
</div>
</div>
</section>
- <section className={css.keyserver_company_section}>
- <div className={css.keyserver_company_container}>
- <div className={css.keyserver_company_copy}>
+ <section className={css.keyserverCompanySection}>
+ <div className={css.keyserverCompanyContainer}>
+ <div className={css.keyserverCompanyCopy}>
<h1 className={headingClassName}>
Comm is the
- <span className={css.purple_gradient}> keyserver </span>
+ <span className={css.purpleGradient}> keyserver </span>
company.
</h1>
<p className={descriptionClassName}>
@@ -151,7 +151,7 @@
brain.
</p>
</div>
- <div className={css.read_the_docs}>
+ <div className={css.readTheDocs}>
<ReadDocsButton />
</div>
</div>

File Metadata

Mime Type
text/plain
Expires
Thu, Dec 5, 6:56 AM (15 h, 35 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2616312
Default Alt Text
D8168.diff (4 KB)

Event Timeline