Skip to content

Commit 1065d83

Browse files
AnnyFigueiraAnnyFigueira
committed
♻️ more small adjustments
1 parent e8fc986 commit 1065d83

3 files changed

Lines changed: 17 additions & 20 deletions

File tree

‎i18n/en-US/pages/Home.yml‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ description: "Nullstack is a full-stack javascript framework for building progre
33
hero:
44
heading: "Full-stack Javascript Components"
55
tagline: "for one-dev armies"
6-
paragraphs:
6+
descriptions:
77
- "Nullstack is a full-stack framework for building <strong>progressive web applications</strong>."
88
- "It connects a <strong> stateful UI </strong> layer to specialized <strong>microservices</strong> in the same component using <strong>vanilla javascript</strong>."
99
- "Focus on solving your business logic instead of writing glue code."
@@ -24,17 +24,14 @@ cycle:
2424
ssg:
2525
title: "Static Site Generation"
2626
link: "/static-site-generation"
27-
text:
28-
"You can even use Nullstack to generate lightning-fast <strong> static websites </strong>
29-
that serve HTML and become a single page application
30-
using an automatically generated <strong> static API </strong>."
27+
text: "You can even use Nullstack to generate lightning-fast <strong> static websites </strong> that serve HTML and become a single page application using an automatically generated <strong> static API </strong>."
3128
about:
3229
heading: "Complete Features as Components"
3330
taglines:
3431
- "Nullstack is not another part of your stack, it is your stack"
3532
- "Your application can be exported from back-end to front-end as a component and mounted into another application"
3633
showcase:
37-
paragraphs:
34+
descriptions:
3835
- "The example above uses <a href='/server-functions' class='ci1 p1x'> server functions </a> to read tasks from a JSON file and store them in the <a href='/context' class='ci1 p1x'> context </a> available to all components."
3936
- "The tasks are listed in a specific <a href='/routes-and-params' class='ci1 p1x'> route </a> that renders a component with multiple <a href='/renderable-components' class='ci1 p1x'> inner components </a> filtered by status with inputs using <a href='/two-way-bindings' class='ci1 p1l'> two-way bindings </a>."
4037
productivity:
@@ -59,10 +56,13 @@ playlist:
5956
videos:
6057
- title: "Full-stack with Nullstack - Part 1"
6158
link: "https://www.youtube.com/watch?v=l23z00GEar8&list=PL5ylYELQy1hyFbguVaShp3XujjdVXLpId"
59+
thumbnail: "/thumb-01.webp"
6260
- title: "Full-stack with Nullstack - Part 2"
6361
link: "https://www.youtube.com/watch?v=_i5kKXkhBaM&list=PL5ylYELQy1hyFbguVaShp3XujjdVXLpId"
62+
thumbnail: "/thumb-02.webp"
6463
- title: "Full-stack with Nullstack - Part 3"
6564
link: "https://www.youtube.com/watch?v=8PExa5-G1As&list=PL5ylYELQy1hyFbguVaShp3XujjdVXLpId"
65+
thumbnail: "/thumb-03.webp"
6666
why:
6767
heading: "Why should you use Nullstack?"
6868
reasons:

‎src/Documentation.njs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ class Documentation extends Nullstack {
2525
)
2626
}
2727

28-
renderTopic({title, description, links}) {
28+
renderTopic({title, description, articles}) {
2929
return (
3030
<div class="x12 m6y bcm2 p4x p4t p1b">
3131
<h2 class="x12 sm-fs6 md+fs8 m2b"> {title} </h2>

‎src/Home.njs‎

Lines changed: 10 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,8 @@ class Home extends Nullstack {
3232
<p class="bgm1 fs6 p2"> {this.i18n.hero.tagline} </p>
3333
</div>
3434
<div>
35-
{this.i18n.hero.paragraphs.map((paragraph, index, {length}) =>
36-
<p class={`x12 fs4 lh12 ls12 ${index == length - 1 ? 'm4t' : ''}`} html={paragraph} />
35+
{this.i18n.hero.descriptions.map((description, index, {length}) =>
36+
<p class={`x12 fs4 lh12 ls12 ${index == length - 1 ? 'm4t' : ''}`} html={description} />
3737
)}
3838
</div>
3939
</section>
@@ -58,9 +58,9 @@ class Home extends Nullstack {
5858
if(!this.i18n.cycle) return false;
5959
return (
6060
<section class="x xx sm-p2x md+bcm2y md+p10y">
61-
<Step icon={Cog} title={this.i18n.cycle.ssr.title} link={this.i18n.cycle.ssr.link} text={this.i18n.cycle.ssr.text} />
62-
<Step icon={Heartbeat} title={this.i18n.cycle.spa.title} link={this.i18n.cycle.spa.link} text={this.i18n.cycle.spa.text} />
63-
<Step icon={QRCode} title={this.i18n.cycle.ssg.title} link={this.i18n.cycle.ssg.link} text={this.i18n.cycle.ssg.text} />
61+
<Step icon={Cog} {...this.i18n.cycle.ssr} />
62+
<Step icon={Heartbeat} {...this.i18n.cycle.spa} />
63+
<Step icon={QRCode} {...this.i18n.cycle.ssg} />
6464
</section>
6565
)
6666
}
@@ -98,7 +98,7 @@ class Home extends Nullstack {
9898
<Feature key="TaskList" />
9999
<div class="xl x12 p1">
100100
<div class="xl x12 bcm2">
101-
{this.i18n.showcase.paragraphs.map((paragraph) => <p class="xx x12 m5t p4x lh16" html={paragraph} />)}
101+
{this.i18n.showcase.descriptions.map((description) => <p class="xx x12 m5t p4x lh16" html={description} />)}
102102
</div>
103103
</div>
104104
</section>
@@ -119,18 +119,16 @@ class Home extends Nullstack {
119119
if(!this.i18n.features) return false;
120120
return (
121121
<section class="x lg-x12z xl lg-p2x">
122-
{this.i18n.features.map(feature =>
123-
<Feature {...feature} />
124-
)}
122+
{this.i18n.features.map(feature => <Feature {...feature} />)}
125123
</section>
126124
)
127125
}
128126

129-
renderVideo({title, link, part}) {
127+
renderVideo({title, link, thumbnail}) {
130128
return (
131129
<div class="x12 md+x4 p1">
132130
<a href={link} title={title} target="_blank" rel="noopener">
133-
<img src={`/thumb-0${part}.webp`} alt={title} height="209" width="372" loading="lazy" />
131+
<img src={thumbnail} alt={title} height="209" width="372" loading="lazy" />
134132
</a>
135133
</div>
136134
)
@@ -144,7 +142,7 @@ class Home extends Nullstack {
144142
<h2 class="x12 sm-fs8 md+fs12"> Watch our Nullstack video turorials </h2>
145143
<p class="x12 fs4"> Nullstack cares about making its content as direct to the point and easy to understand as possible </p>
146144
<div class="xl x12 p10t">
147-
{this.i18n.playlist.videos.map((video, index) => <Video {...video} part={index+1} /> )}
145+
{this.i18n.playlist.videos.map((video) => <Video {...video} /> )}
148146
</div>
149147
</section>
150148
)
@@ -154,7 +152,6 @@ class Home extends Nullstack {
154152
return (
155153
<div class="md+x6 p1">
156154
<div class="xx bgm2 p8y p4x y12">
157-
<Icon height={40} class="cm2z m4b" />
158155
<h3 class="x12 fs6">
159156
<a href={link} class="ci1">{title}</a>
160157
</h3>

0 commit comments

Comments
 (0)