Skip to content

Commit ced5980

Browse files
peterpeterparkerpeterpeterparker
authored
feat: review tagline, title and description (with self-hosting and wasm keywords) (#605)
Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>
1 parent 67aa801 commit ced5980

12 files changed

Lines changed: 52 additions & 53 deletions

‎blog/2023-08-13-preparing-your-app-for-production-icons-metadata-and-beyond.md‎

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,10 @@ There are two other aspects that are of utmost importance:
6161
<meta charset="utf-8" />
6262

6363
<title>Juno</title>
64-
<meta content="Run ideas in your container" name="description" />
64+
<meta
65+
content="Build serverless apps with self-hosting control"
66+
name="description"
67+
/>
6568

6669
<link href="https://juno.build" rel="canonical" />
6770
</head>
@@ -96,7 +99,10 @@ Among the plethora of available tags, we typically employ only the following fiv
9699
<!-- Here same HTML tags as previous chapter -->
97100

98101
<meta content="Juno" property="og:title" />
99-
<meta content="Run ideas in your container" property="og:description" />
102+
<meta
103+
content="Build serverless apps with self-hosting control"
104+
property="og:description"
105+
/>
100106
<meta content="website" property="og:type" />
101107
<meta content="https://juno.build" property="og:url" />
102108
<meta
@@ -136,7 +142,10 @@ It's crucial to keep in mind that tweets are limited to 280 characters without p
136142

137143
<meta content="summary_large_image" name="twitter:card" />
138144
<meta content="Juno" name="twitter:title" />
139-
<meta content="Run ideas in your container" name="twitter:description" />
145+
<meta
146+
content="Build serverless apps with self-hosting control"
147+
name="twitter:description"
148+
/>
140149
<meta
141150
content="https://juno.build/images/social-image.jpg"
142151
name="twitter:image"

‎docusaurus.config.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ codeTheme.styles = [
4242

4343
const config: Config = {
4444
title: "Juno",
45-
tagline: "Run ideas in your container",
45+
tagline: "Build serverless apps with self-hosting control",
4646
url: "https://juno.build",
4747
baseUrl: "/",
4848
onBrokenLinks: "throw",
@@ -134,7 +134,7 @@ const config: Config = {
134134
"Web3, blockchain platform, decentralized applications, Web3 development, passwordless authentication, datastore, file storage, hosting, serverless functions, analytics, open source"
135135
}
136136
],
137-
image: "img/social_image_v11.jpg",
137+
image: "img/social_image_v12.jpg",
138138
navbar: {
139139
logo: {
140140
alt: "Juno Logo",

‎showcase.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@
6161
"title": "Juno",
6262
"url": "https://juno.build",
6363
"description": "Isn't it meta that Juno is built with Juno?",
64-
"img": "https://juno.build/img/social_image_v11.jpg",
64+
"img": "https://juno.build/img/social_image_v12.jpg",
6565
"github": "https://github.com/junobuild/juno"
6666
},
6767
{

‎src/components/Features/index.tsx‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,14 @@ export default function Features(): JSX.Element {
1010
<CloudIllustration />
1111
</picture>
1212
<aside>
13-
<h2>Move Fast. Ship Smart.</h2>
13+
<h2>
14+
Complete stack.
15+
<br />
16+
Zero overhead.
17+
</h2>
1418
<p>
15-
Develop modern apps with zero backend setup. Build, test and deploy
16-
your way.
19+
Key-value datastore, storage, auth, analytics, and serverless
20+
functions running in secure containers. No infrastructure to manage.
1721
</p>
1822
</aside>
1923
</div>

‎src/components/Features/styles.module.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535

3636
@media screen and (min-width: 768px) {
3737
margin: 0;
38-
max-width: 24rem;
38+
max-width: 28rem;
3939
text-align: inherit;
4040
}
4141

@@ -48,7 +48,7 @@
4848
margin: 0.75rem 0 0;
4949
text-align: center;
5050

51-
max-width: 580px;
51+
max-width: 620px;
5252

5353
@media screen and (min-width: 768px) {
5454
text-align: inherit;

‎src/components/Head/index.tsx‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,24 +6,30 @@ export default function Home({ children }): JSX.Element {
66

77
return (
88
<Head>
9-
<title>{`${siteConfig.title} | Run ideas in your container`}</title>
9+
<title>{`${siteConfig.title} | Build serverless apps with self-hosting control`}</title>
1010
<meta
11-
content="Juno is an open-source serverless platform that helps developers build and ship secure projects at scale."
11+
content="Juno is an open-source serverless platform to build, deploy, and run apps in WASM containers with complete ownership and zero DevOps."
1212
name="description"
1313
/>
1414
<meta content="Juno" property="og:title" />
15-
<meta content="Run ideas in your container" property="og:description" />
15+
<meta
16+
content="Build serverless apps with self-hosting control"
17+
property="og:description"
18+
/>
1619
<meta content="website" property="og:type" />
1720
<meta content="https://juno.build" property="og:url" />
1821
<meta
19-
content="https://juno.build/img/social_image_v11.jpg"
22+
content="https://juno.build/img/social_image_v12.jpg"
2023
property="og:image"
2124
/>
2225
<meta content="summary_large_image" name="twitter:card" />
2326
<meta content="Juno" name="twitter:title" />
24-
<meta content="Run ideas in your container" name="twitter:description" />
2527
<meta
26-
content="https://juno.build/img/social_image_v11.jpg"
28+
content="Build serverless apps with self-hosting control"
29+
name="twitter:description"
30+
/>
31+
<meta
32+
content="https://juno.build/img/social_image_v12.jpg"
2733
name="twitter:image"
2834
/>
2935
<meta content="@JunoBuild" name="twitter:creator" />

‎src/components/Hero/index.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export default function Hero(): JSX.Element {
1717

1818
const timeout = setTimeout(() => {
1919
typed = new Typed(el.current, {
20-
strings: ["Run", "Ship", "Build", "Launch", "Host"],
20+
strings: ["Run", "Ship", "Build", "Launch"],
2121
typeSpeed: 50,
2222
backSpeed: 50,
2323
backDelay: 3500,
@@ -43,13 +43,13 @@ export default function Hero(): JSX.Element {
4343
{!typedLoaded && (
4444
<span className={`${styles.bold} ${styles.typed}`}>Build</span>
4545
)}{" "}
46-
ideas in
46+
serverless apps
4747
<br />
48-
your <span className={styles.bold}>container</span>
48+
with self-hosting <span className={styles.bold}>control</span>
4949
</h1>
5050
<p className={`${styles.item} ${styles.subtitle}`}>
5151
Juno is an open-source serverless platform to build, deploy, and run
52-
modern apps with the privacy and control of self-hosting.
52+
apps in WASM containers with complete ownership and zero DevOps.
5353
</p>
5454
<p className={`${styles.item}`}></p>
5555
<div className={`${styles.item} ${styles.actions}`}>

‎src/components/Hero/styles.module.scss‎

Lines changed: 8 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
.heroBanner {
2-
padding: 0 1rem;
3-
42
z-index: 1;
53
background: transparent;
64

@@ -12,6 +10,7 @@
1210

1311
@media screen and (min-width: 768px) {
1412
min-height: 520px;
13+
padding: 0 1rem;
1514
}
1615
}
1716

@@ -23,10 +22,11 @@
2322
align-items: center;
2423

2524
p {
26-
max-width: 760px;
25+
max-width: 680px;
2726
text-align: center;
2827

2928
@media screen and (min-width: 960px) {
29+
max-width: 760px;
3030
font-size: 18px;
3131
line-height: 32px;
3232
}
@@ -56,12 +56,12 @@
5656

5757
text-align: center;
5858

59-
max-width: 380px;
59+
max-width: 520px;
6060

6161
letter-spacing: -0.15rem;
6262
word-spacing: -0.5rem;
6363
line-height: 1.1;
64-
font-size: 2.35rem;
64+
font-size: 2rem;
6565
font-weight: inherit;
6666

6767
@media screen and (min-width: 480px) {
@@ -70,10 +70,11 @@
7070

7171
@media screen and (min-width: 768px) {
7272
max-width: 720px;
73-
font-size: 4rem;
73+
font-size: 3rem;
7474
}
7575
@media screen and (min-width: 960px) {
76-
font-size: 5rem;
76+
max-width: 830px;
77+
font-size: 4rem;
7778
}
7879
}
7980

@@ -96,24 +97,6 @@
9697
font-weight: bold;
9798
}
9899

99-
.typed {
100-
font-family: "Pixelify Sans", sans-serif;
101-
102-
font-size: 2.75rem;
103-
104-
@media screen and (min-width: 480px) {
105-
font-size: 2.95rem;
106-
}
107-
108-
@media screen and (min-width: 768px) {
109-
font-size: 4.6rem;
110-
}
111-
112-
@media screen and (min-width: 960px) {
113-
font-size: 5.85rem;
114-
}
115-
}
116-
117100
.llms {
118101
display: inline-flex;
119102
justify-content: center;

‎src/components/Outro/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export default function Outro(): JSX.Element {
77
<section className={styles.section}>
88
<div className={`container ${styles.container}`}>
99
<div>
10-
<h2 className={`${styles.sub}`}>Your apps. Your terms.</h2>
10+
<h2 className={`${styles.sub}`}>Your apps. Your cloud.</h2>
1111
<p className={styles.subText}>
1212
No setup. No DevOps. No strings attached.
1313
</p>

‎src/mixins/_fonts.scss‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,12 @@
11
@mixin h2 {
22
line-height: 1.2;
3-
font-size: 2.5rem;
3+
font-size: 2rem;
44
letter-spacing: -0.05em;
55
@media screen and (min-width: 768px) {
6-
font-size: 3rem;
6+
font-size: 2.75rem;
77
}
88
@media screen and (min-width: 1480px) {
9-
font-size: 4rem;
10-
}
11-
@media screen and (min-width: 1900px) {
12-
font-size: 4.75rem;
9+
font-size: 3.25rem;
1310
}
1411
}
1512

0 commit comments

Comments
 (0)