Skip to content
This repository was archived by the owner on Feb 11, 2026. It is now read-only.

Commit 70e8e79

Browse files
authored
Merge pull request #2 from instruct-lab/copy-updates
updates to text
2 parents 75dd724 + e4ef25f commit 70e8e79

8 files changed

Lines changed: 192 additions & 106 deletions

File tree

src/components/HowItWorks/Slideshow.module.scss

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@
101101
display: flex;
102102
flex-direction: row;
103103
justify-content: center;
104-
align-items: center;
104+
align-items: flex-end;
105105

106106
.order {
107107
@include type-style("heading-05");
@@ -119,10 +119,6 @@
119119
word-break: auto-phrase;
120120
padding-right: 1rem;
121121
margin-right: auto;
122-
123-
@include breakpoint(xlg) {
124-
max-width: 50%;
125-
}
126122
}
127123
}
128124

src/components/HowItWorks/Slideshow.tsx

Lines changed: 28 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -26,25 +26,45 @@ const steps = [
2626
{
2727
animationSize: 400,
2828
animationName: 'detect-gap',
29-
description:
30-
'Identifies skill and knowledge gaps in current model performance',
29+
description: (
30+
<>
31+
Experiment locally, on a quantized version of the latest InstructLab
32+
model, with adding new <strong>knowledge and skills</strong>
33+
</>
34+
),
3135
},
3236
{
3337
animationSize: 450,
3438
animationName: 'taxonomy',
35-
description: 'Define a taxonomy that describes a given gap',
39+
description: (
40+
<>
41+
Once a synthetic data recipe is ready, submit a pull request to
42+
contribute back to the InstructLab repository, which is organized in a
43+
structured <strong>taxonomy</strong>
44+
</>
45+
),
3646
},
3747
{
3848
animationSize: 320,
3949
animationName: 'synthetic-data',
40-
description:
41-
'Systematically generate synthetic data that covers all elements of the defined taxonomy',
50+
description: (
51+
<>
52+
InstructLab uses the new recipes to systematically generate{' '}
53+
<strong>synthetic data</strong> for the new capabilities - and this data
54+
is released to the community
55+
</>
56+
),
4257
},
4358
{
4459
animationSize: 400,
4560
animationName: 'fine-tune',
46-
description:
47-
'Fine-tune the model with the generated synthetic data to teach it the new skill',
61+
description: (
62+
<>
63+
InstructLab <strong>merges</strong> the new skill back into the base
64+
model by updating it using all synthetic data generated to date, and
65+
releases a new model version to the community
66+
</>
67+
),
4868
},
4969
];
5070

@@ -139,7 +159,7 @@ const Slideshow: FC<SlideshowProps> = () => {
139159
) : null}
140160

141161
<div className={styles.slideshow}>
142-
<h2>How it works?</h2>
162+
<h2>How it works</h2>
143163
<div className={styles.slideshow__slides}>
144164
<div className={styles.cardWrapper}>
145165
{steps.map((d, i) => (

src/components/Leadspace/Leadspace.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,8 +27,7 @@ const Leadspace: FC<LeadspaceProps> = ({
2727
>
2828
<h1 className={styles.content__header}>InstructLab</h1>
2929
<p className={styles.content__subhead}>
30-
InstructLab is an open source project designed to change how LLMs are
31-
developed
30+
An new community-based approach to build truly open-source LLMs
3231
</p>
3332
<Link className={styles.action} onClick={onJoinCommunity}>
3433
<GitHub className={styles.icon} />

src/components/ReleaseCycle/ReleaseCycle.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,10 @@ const ReleaseCycle: FC<ReleaseCycleProps> = () => (
1919
>
2020
<h2>Weekly release cycle for models and data</h2>
2121
<p>
22-
Each week, the InstructLab model will be updated with the latest
23-
contributions and shared on Hugging Face. All synthetic data generated
24-
by the project to date will also be made available.
22+
Each week, the InstructLab model will be updated with the latest contributions of skills and knowledge from the community, resulting in a new state of the art model.
23+
</p>
24+
<p>
25+
Each latest version will be shared on Hugging Face, and all synthetic data generated by the project to date will also be made available.
2526
</p>
2627
</Column>
2728
<Column
Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,86 @@
1+
@use '@carbon/styles/scss/breakpoint' as *;
2+
@use '@carbon/type' as *;
3+
14
.releaseCycleDiagram {
25
position: relative;
36
display: flex;
47
width: 100%;
58
height: 100%;
69
align-items: center;
710
justify-content: center;
11+
12+
.labelsWrapper {
13+
align-items: center;
14+
position: absolute;
15+
height: 100%;
16+
width: 100%;
17+
max-width: 559px;
18+
display: flex;
19+
}
20+
.labels {
21+
position: absolute;
22+
aspect-ratio: 559/446;
23+
width: 100%;
24+
25+
> div {
26+
position: absolute;
27+
}
28+
29+
.title {
30+
width: 100%;
31+
height: 100%;
32+
display: flex;
33+
justify-content: center;
34+
align-items: center;
35+
font-size: 210%;
36+
}
37+
38+
.img1 {
39+
top: 22%;
40+
left: 50%;
41+
transform: translateX(-50%);
42+
max-width: 40%;
43+
text-align: center;
44+
}
45+
46+
.img2 {
47+
top: 103%;
48+
right: 11.5%;
49+
max-width: 40%;
50+
text-align: center;
51+
transform: translateX(50%);
52+
}
53+
54+
.img3 {
55+
top: 103%;
56+
left: 11.5%;
57+
max-width: 40%;
58+
text-align: center;
59+
transform: translateX(-50%);
60+
}
61+
62+
.arrow1 {
63+
top: 40%;
64+
right: -4%;
65+
transform: rotate(90deg);
66+
max-width: 40%;
67+
text-align: center;
68+
}
69+
70+
.arrow2 {
71+
bottom: 17%;
72+
left: 50%;
73+
transform: translateX(-50%);
74+
max-width: 40%;
75+
text-align: center;
76+
}
77+
78+
.arrow3 {
79+
top: 40%;
80+
left: -8%;
81+
transform: rotate(-90deg);
82+
max-width: 40%;
83+
text-align: center;
84+
}
85+
}
886
}

src/components/ReleaseCycle/graphics/ReleaseCycleDiagram.tsx

Lines changed: 75 additions & 84 deletions
Large diffs are not rendered by default.

src/components/StartExperimenting/StartExperimenting.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -58,12 +58,12 @@ const StartExperimenting: FC<StartExperimentingProps> = ({ onCtaClicked }) => (
5858
>
5959
<h2 className={styles.content__header}>Join the community</h2>
6060
<p className={styles.content__subhead}>
61-
Downloading the CLI and experimenting with new skills and knowledge is
62-
a great way to get involved. You can also contribute synthetic data
63-
directly.
61+
Downloading the Lab CLI and experimenting with adding new skills and
62+
knowledge is a great way to get started. You can also get involved by
63+
contributing new skills, knowledge, or synthetic data directly.
6464
</p>
6565
<Button className={styles.action} onClick={onCtaClicked}>
66-
<label>Join</label> <ArrowRight />
66+
<label>Join the community</label> <ArrowRight />
6767
</Button>
6868
</Column>
6969
</Grid>

src/styles/globals.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,7 @@ h2 {
5555

5656
p {
5757
@include type-style('heading-03', true);
58+
margin-bottom: 24px;
5859
}
5960

6061
.cds--btn {

0 commit comments

Comments
 (0)