Skip to content

Commit 663c31d

Browse files
claymcleodclaymcleod
committed
chore: various updates
1 parent d9c0f90 commit 663c31d

6 files changed

Lines changed: 77 additions & 68 deletions

File tree

‎.vitepress/theme/components/Hero/CodePreview.vue‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -44,11 +44,13 @@ const copyToClipboard = async () => {
4444
<span class="code-preview__header-text typo-caption3" style="color: var(--theme-blue-200);">{{ header }}</span>
4545
</div>
4646
<button @click="copyToClipboard" class="code-preview__copy-button">
47-
<img v-if="copyText === 'Copy'" src="/svg/heroicons-outline-document-duplicate.svg" alt="Copy" class="code-preview__copy-icon">
47+
<img v-if="copyText === 'Copy'" src="/svg/heroicons-outline-document-duplicate.svg" alt="Copy"
48+
class="code-preview__copy-icon">
4849
<img v-else src="/svg/heroicons-outline-check.svg" alt="Copied" class="code-preview__copy-icon">
4950
</button>
50-
<div style="margin-top: -16px; margin-bottom: -16px" v-if="$slots.default && preformatted" class="code-preview__block">
51-
<slot "></slot>
51+
<div style="margin-top: -16px; margin-bottom: -16px" v-if="$slots.default && preformatted"
52+
class="code-preview__block">
53+
<slot></slot>
5254
</div>
5355
<pre class="code-preview__block" v-else><code><slot></slot>{{ value }}</code></pre>
5456
</div>

‎.vitepress/theme/components/Hero/Hero.vue‎

Lines changed: 35 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const runCode = ref(null);
1212
onMounted(async () => {
1313
const wdl = await axios.get(grammarUrl);
1414
15-
const highlighter= await createHighlighter({
15+
const highlighter = await createHighlighter({
1616
themes: ["github-dark"],
1717
langs: ["bash", wdl.data]
1818
});
@@ -27,27 +27,33 @@ onMounted(async () => {
2727
2828
const wdlCodeText = `version 1.2
2929
30-
workflow count_lines {
31-
input { File input_file }
32-
call Count { input: file = input_file }
33-
output { Int num_lines = Count.num_lines }
34-
}
30+
task say_hello {
31+
input {
32+
String greeting
33+
}
3534
36-
task Count {
37-
input { File file }
38-
command { wc -l \${file} | awk '{print $1}' }
39-
output { Int num_lines = read_int(stdout()) }
35+
command <<<
36+
echo "~{greeting}, world!"
37+
>>>
38+
39+
output {
40+
String out = read_string(stdout())
41+
}
42+
43+
requirements {
44+
container: "ubuntu:latest"
45+
}
4046
}`;
4147
42-
wdlCode.value = await highlighter.codeToHtml(wdlCodeText, {
48+
wdlCode.value = await highlighter.codeToHtml(wdlCodeText, {
4349
lang: "wdl",
4450
theme: "github-dark",
4551
colorReplacements: {
4652
"#24292e": "none"
4753
}
4854
});
4955
50-
runCode.value = await highlighter.codeToHtml("sprocket run example.wdl", {
56+
runCode.value = await highlighter.codeToHtml("sprocket run example.wdl --entrypoint say_hello greeting=\"Hello\"", {
5157
lang: "bash",
5258
theme: "github-dark",
5359
colorReplacements: {
@@ -66,21 +72,22 @@ task Count {
6672
<!-- Left: Headline and Actions -->
6773
<section class="hero__left-column">
6874
<h1 class="typo-h1 hero__title">
69-
<span class="hero__title-gradient">Sprocket:</span>
70-
The Bioinformatics Workflow Engine
75+
<span class="hero__title-gradient">Sprocket.</span>
76+
The Bioinformatics Workflow Engine.
7177
</h1>
7278
<p class="typo-body1 hero__subtitle">
7379
Sprocket is a high-performance, modern, and open-source workflow
7480
engine for bioinformatics. Create, test, and run your analyses
7581
locally, then seamlessly move to HPC or the cloud to handle
76-
thousands of parallel tasks.
82+
thousands of parallel workflows.
7783
</p>
7884
<div class="hero__actions">
79-
<a href="#" class="typo-btn hero__btn hero__btn--primary">
80-
<span>↗</span> Explore Documentation
85+
<a href="/overview.html" class="typo-btn hero__btn hero__btn--primary">
86+
<span>↗</span> Explore documentation
8187
</a>
82-
<a href="#" class="typo-btn hero__btn hero__btn--slack">
83-
<span class="hero__btn-slack-icon"></span> Join Slack
88+
<a href="https://join.slack.com/t/openwdl/shared_invite/zt-ctmj4mhf-cFBNxIiZYs6SY9HgM9UAVw"
89+
class="typo-btn hero__btn hero__btn--slack">
90+
<span class="hero__btn-slack-icon"></span> Join us on Slack
8491
</a>
8592
</div>
8693
</section>
@@ -138,12 +145,10 @@ task Count {
138145
}
139146
140147
.hero__title-gradient {
141-
background: linear-gradient(
142-
90deg,
143-
var(--theme-gradient-stop-start),
144-
var(--theme-gradient-stop-middle),
145-
var(--theme-gradient-stop-end)
146-
);
148+
background: linear-gradient(90deg,
149+
var(--theme-gradient-stop-start),
150+
var(--theme-gradient-stop-middle),
151+
var(--theme-gradient-stop-end));
147152
-webkit-background-clip: text;
148153
-webkit-text-fill-color: transparent;
149154
background-clip: text;
@@ -230,17 +235,17 @@ task Count {
230235
display: inline-block;
231236
width: 1.2em;
232237
height: 1.2em;
233-
background: url("https://a.slack-edge.com/80588/marketing/img/icons/icon_slack_hash_colored.png")
234-
no-repeat center/contain;
238+
background: url("https://a.slack-edge.com/80588/marketing/img/icons/icon_slack_hash_colored.png") no-repeat center/contain;
235239
}
236240
237241
/* ========================================
238242
Responsive Layout
239243
======================================== */
240-
@media (min-width: 1025px) {
244+
@media (min-width: 1175px) {
241245
.hero__background {
242-
padding: 6.25rem 0 6.25rem 0;
246+
padding: 4.25rem 0 4.25rem 0;
243247
}
248+
244249
.hero__content {
245250
flex-direction: row;
246251
}
@@ -250,7 +255,7 @@ task Count {
250255
}
251256
252257
.hero__right-column {
253-
flex: 0 0 500px;
258+
flex: 0 0 700px;
254259
}
255260
}
256261
</style>

‎.vitepress/theme/components/HomepageContent.vue‎

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,8 @@ onBeforeUnmount(() => {
4343
<span class="homepage__title-highlight">Sprocket Powers</span>
4444
Your Workflows
4545
</h2>
46-
<p class="typo-body1 homepage__subtitle">Sprocket is built for speed and efficiency, orchestrating complex WDL-based workflows with the power of high-performance computing. </p>
46+
<p class="typo-body1 homepage__subtitle">Sprocket is built for speed and efficiency, orchestrating complex
47+
WDL-based workflows with the power of high-performance computing. </p>
4748
<a href="/overview" class="typo-btn homepage__btn">
4849
Explore Documentation
4950
</a>
@@ -64,7 +65,8 @@ onBeforeUnmount(() => {
6465
Join
6566
<span class="homepage__title-highlight">Our Community</span>
6667
</h2>
67-
<p class="typo-body1 homepage__subtitle">Connect with fellow researchers and developers, stay updated on the latest features,and share ideas to push the boundaries of bioinformatics.</p>
68+
<p class="typo-body1 homepage__subtitle">Connect with fellow researchers and developers, stay updated on the
69+
latest features,and share ideas to push the boundaries of bioinformatics.</p>
6870
<a href="/overview" class="typo-btn homepage__btn homepage__btn--slack">
6971
<span class="homepage__btn-slack-icon"></span> Join Slack
7072
</a>
@@ -122,12 +124,10 @@ onBeforeUnmount(() => {
122124
}
123125
124126
.homepage__title-highlight {
125-
background: linear-gradient(
126-
90deg,
127-
var(--theme-gradient-stop-start),
128-
var(--theme-gradient-stop-middle),
129-
var(--theme-gradient-stop-end)
130-
);
127+
background: linear-gradient(90deg,
128+
var(--theme-gradient-stop-start),
129+
var(--theme-gradient-stop-middle),
130+
var(--theme-gradient-stop-end));
131131
-webkit-background-clip: text;
132132
-webkit-text-fill-color: transparent;
133133
background-clip: text;
@@ -173,8 +173,7 @@ onBeforeUnmount(() => {
173173
display: inline-block;
174174
width: 1.2em;
175175
height: 1.2em;
176-
background: url("https://a.slack-edge.com/80588/marketing/img/icons/icon_slack_hash_colored.png")
177-
no-repeat center/contain;
176+
background: url("https://a.slack-edge.com/80588/marketing/img/icons/icon_slack_hash_colored.png") no-repeat center/contain;
178177
}
179178
180179
.homepage__video {
@@ -191,6 +190,10 @@ onBeforeUnmount(() => {
191190
.homepage__background {
192191
padding: 6rem 0;
193192
}
193+
194+
.homepage__video {
195+
width: 75%;
196+
}
194197
}
195198
196199
.homepage__footer {

‎.vitepress/theme/components/Showcase.vue‎

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
Designed to Work with Your Tools,
1212
<span class="showcase__title-highlight">on Your Infrastructure</span>
1313
</h2>
14-
<a href="/overview" class="typo-btn showcase__btn">
14+
<a href="/overview.html" class="typo-btn showcase__btn">
1515
Explore Documentation
1616
</a>
1717
</div>
@@ -22,7 +22,7 @@
2222
<div class="showcase__column">
2323
<h3 class="typo-body2 showcase__column-title">Local Environments</h3>
2424
<h4 class="typo-h2 showcase__column-subtitle">Where Sprocket Runs</h4>
25-
25+
2626
<div class="showcase__items">
2727
<div class="showcase__item">
2828
<div class="showcase__icon-box">
@@ -49,7 +49,7 @@
4949
<div class="showcase__column">
5050
<h3 class="typo-body2 showcase__column-title">Cloud Providers</h3>
5151
<h4 class="typo-h2 showcase__column-subtitle">Where the data lives</h4>
52-
52+
5353
<div class="showcase__items">
5454
<div class="showcase__item">
5555
<div class="showcase__icon-box">
@@ -76,13 +76,14 @@
7676
<div class="showcase__column">
7777
<h3 class="typo-body2 showcase__column-title">Supported Technologies</h3>
7878
<h4 class="typo-h2 showcase__column-subtitle">Where the execution happens</h4>
79-
79+
8080
<div class="showcase__items">
8181
<div class="showcase__item">
8282
<div class="showcase__icon-box">
83-
<img src="/svg/kubernetes.svg" alt="Kubernetes" class="showcase__icon">
83+
<img src="/svg/docker-mark-white.svg" alt="Docker" class="showcase__icon">
8484
</div>
85-
<span class="typo-body2 showcase__label">Kubernetes</span>
85+
<span class="typo-body2 showcase__label showcase__label-tes-mobile">Docker</span>
86+
<span class="typo-body2 showcase__label showcase__label-tes-desktop">Docker</span>
8687
</div>
8788
<div class="showcase__item">
8889
<div class="showcase__icon-box">
@@ -132,12 +133,10 @@
132133
}
133134
134135
.showcase__title-highlight {
135-
background: linear-gradient(
136-
90deg,
137-
var(--theme-gradient-stop-start),
138-
var(--theme-gradient-stop-middle),
139-
var(--theme-gradient-stop-end)
140-
);
136+
background: linear-gradient(90deg,
137+
var(--theme-gradient-stop-start),
138+
var(--theme-gradient-stop-middle),
139+
var(--theme-gradient-stop-end));
141140
-webkit-background-clip: text;
142141
-webkit-text-fill-color: transparent;
143142
background-clip: text;
@@ -241,7 +240,7 @@
241240
.showcase__label-tes-desktop {
242241
display: block;
243242
}
244-
243+
245244
.showcase__label-tes-mobile {
246245
display: none;
247246
}

‎index.md‎

Lines changed: 0 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -15,19 +15,7 @@ cargo install sprocket --locked
1515
</template>
1616

1717
```wdl
18-
version 1.2
1918
20-
workflow count_lines {
21-
input { File input_file }
22-
call Count { input: file = input_file }
23-
output { Int num_lines = Count.num_lines }
24-
}
25-
26-
task Count {
27-
input { File file }
28-
command { wc -l ${file} | awk '{print $1}' }
29-
output { Int num_lines = read_int(stdout()) }
30-
}
3119
```
3220

3321
</Homepage>

‎public/svg/docker-mark-white.svg‎

Lines changed: 12 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)