Skip to content

Commit

Permalink
Remove iGenomes reference
Browse files Browse the repository at this point in the history
  • Loading branch information
@ewels
ewels committed Sep 19, 2024
1 parent 431dbd6 commit 989f540
Showing 1 changed file with 162 additions and 162 deletions.
324 changes: 162 additions & 162 deletions sites/main-site/src/pages/index.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,26 +200,25 @@ import AnnouncementBanner from '@components/navbar/AnnouncementBanner.astro';
<h2 id="get-started" class="text-white">Get started in minutes</h2>
<div class="text-white-50">
<p>Nextflow lets you run nf-core pipelines on virtually any computing environment.</p>
<p>
Most nf-core genomics pipelines come with built-in support for
<a href="https://ewels.github.io/AWS-iGenomes/" target="_blank" style="white-space:nowrap;">
AWS-iGenomes</a
>, with genome references for over 30 common species.
</p>
<p>
The nf-core companion tool makes it easy to list all available nf-core pipelines and shows
which are available locally. Local versions are checked against the latest available
release.
</p>
<p>
The nf-core companion tool also provides a range of helper functions to make it easier to
work with nf-core pipelines, such as downloading pipelines for offline use, an interactive
command-line launch wizard and helper functions to generate commented config file templates
for any pipeline.
</p>
</div>
</div>
<div class="col-sm-6">
<div class="card border-secondary rounded-0">
<div class="card-body bg-dark p-0" id="homepage-code-example">
<Code
lang="bash"
theme="github-dark-dimmed"
code={`# Install nextflow
<div class="col-sm-6">
<div class="card border-secondary rounded-0">
<div class="card-body bg-dark p-0" id="homepage-code-example">
<Code
lang="bash"
theme="github-dark-dimmed"
code={`# Install nextflow
curl -s https://get.nextflow.io | bash
mv nextflow ~/bin/
Expand All @@ -235,176 +234,177 @@ pip install nf-core
# List all nf-core pipelines and show available updates
nf-core list`}
/>
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-body-secondary py-5">
<div class="container text-center">
<div class="row">
<div class="col-md-4 px-md-5 mb-5 mb-md-0">
<h3>See what's available</h3>
<p>
Check out the available pipelines to see if we have what you need. Each comes with release
details, keywords and a description.
</p>
<a class="btn btn-lg btn-success arrow-hover" href="/pipelines/"
><span><i class="fas fa-toolbox me-1"></i> Available pipelines</span>
</a>
</div>
<div class="col-md-4 px-md-5 mb-5 mb-md-0">
<h3>Run a pipeline</h3>
<p>
Read the quickstart tutorial to learn how to get set up with the required software and tools,
and how to launch a nf-core pipeline.
</p>
<a class="btn btn-lg btn-success arrow-hover" href="/docs/usage/getting_started/introduction/"
><span><i class="fa-duotone fa-graduation-cap me-1"></i> Quickstart Tutorial</span>
</a>
</div>
<div class="col-md-4 px-md-5 mb-5 mb-md-0">
<h3>Get into the code</h3>
<p>
If you're interested in contributing to nf-core, take a look at the developer documentation to
see what's required.
</p>
<a class="btn btn-lg btn-success arrow-hover" href="/docs/tutorials/adding_a_pipeline/overview"
><span><i class="fa-duotone fa-code me-1"></i> Developer docs</span>
</a>
<div class="bg-body-secondary py-5">
<div class="container text-center">
<div class="row">
<div class="col-md-4 px-md-5 mb-5 mb-md-0">
<h3>See what's available</h3>
<p>
Check out the available pipelines to see if we have what you need. Each comes with release
details, keywords and a description.
</p>
<a class="btn btn-lg btn-success arrow-hover" href="/pipelines/"
><span><i class="fas fa-toolbox me-1"></i> Available pipelines</span>
</a>
</div>
<div class="col-md-4 px-md-5 mb-5 mb-md-0">
<h3>Run a pipeline</h3>
<p>
Read the quickstart tutorial to learn how to get set up with the required software and
tools, and how to launch a nf-core pipeline.
</p>
<a class="btn btn-lg btn-success arrow-hover" href="/docs/usage/getting_started/introduction/"
><span><i class="fa-duotone fa-graduation-cap me-1"></i> Quickstart Tutorial</span>
</a>
</div>
<div class="col-md-4 px-md-5 mb-5 mb-md-0">
<h3>Get into the code</h3>
<p>
If you're interested in contributing to nf-core, take a look at the developer documentation
to see what's required.
</p>
<a class="btn btn-lg btn-success arrow-hover" href="/docs/tutorials/adding_a_pipeline/overview"
><span><i class="fa-duotone fa-code me-1"></i> Developer docs</span>
</a>
</div>
</div>
</div>
</div>
</div>

<ContributorCarousel client:idle />
<ContributorCarousel client:idle />

<style lang="scss">
@import '@styles/_variables.scss';
.homepage-header .homepage-header-contents {
margin: 4rem auto 0;
padding: 0;
text-align: center;
}
.homepage-header-fa-background {
position: absolute;
top: 10px;
left: 30px;
font-size: 16em;
opacity: 0.2;
}
<style lang="scss">
@import '@styles/_variables.scss';
.homepage-header .homepage-header-contents {
margin: 4rem auto 0;
padding: 0;
text-align: center;
}
.homepage-header-fa-background {
position: absolute;
top: 10px;
left: 30px;
font-size: 16em;
opacity: 0.2;
}

/* Fancy call to action button on homepage
/* Fancy call to action button on homepage
Based on https://codepen.io/wintr/pen/beBJBb */
.homepage-cta-flex {
display: flex;
align-items: center;
justify-content: center;
margin-top: 2rem;
}
.homepage-cta {
width: 100px;
height: 100px;
line-height: 20px;
padding: 30px 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
transition: 0.3s all ease;
font-size: 14px;
color: $nf-core-color;
font-weight: bold;
z-index: 0;

&:after {
transition: 0.3s all ease;
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border-radius: 3px;
border: 2px solid $nf-core-color;
.homepage-cta-flex {
display: flex;
align-items: center;
justify-content: center;
margin-top: 2rem;
}
&:before {
content: '';
position: absolute;
border-radius: 3px;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: $gray-500;
opacity: 0.15;
z-index: -1;
.homepage-cta {
width: 100px;
height: 100px;
line-height: 20px;
padding: 30px 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
transition: 0.3s all ease;
}
&:hover,
&:focus {
font-size: 14px;
color: $nf-core-color;
text-decoration: none;
font-weight: bold;
z-index: 0;

&:after {
transition: 0.3s all ease;
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border-radius: 3px;
border: 2px solid $nf-core-color;
}
&:before {
content: '';
position: absolute;
border-radius: 3px;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: $gray-500;
opacity: 0.15;
z-index: -1;
transition: 0.3s all ease;
}
&:hover,
&:focus {
color: $nf-core-color;
text-decoration: none;
}
&:hover:after,
&:focus:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
&:active {
-webkit-transform: scale(1);
transform: scale(1);
color: $body-bg;
}
&:active:before {
background-color: $nf-core-color;
}
&:active:after {
border-color: $nf-core-color;
}
}
&:hover:after,
&:focus:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);

.homepage-intro {
.container .row div {
text-align: center;
}
}
&:active {
-webkit-transform: scale(1);
transform: scale(1);
color: $body-bg;
#homepage-code-example {
& :global(pre) {
padding: 1rem;
margin: 0;
}
}
&:active:before {
background-color: $nf-core-color;
.icon-lg :global(svg) {
height: 60pt;
width: 60pt;
fill: $white;
}
&:active:after {
border-color: $nf-core-color;
.mb-3 :global(svg) {
padding-bottom: 0.35rem;
}
.mb-1 :global(svg) {
padding-bottom: 0.25rem;
}
}

.homepage-intro {
.container .row div {
text-align: center;
svg.text-white {
fill: $white;
:global(.fa-secondary) {
opacity: 0.4;
}
}
}
#homepage-code-example {
& :global(pre) {
padding: 1rem;
margin: 0;
svg[data-icon='users'] {
margin-bottom: 0.25rem;
}
}
.icon-lg :global(svg) {
height: 60pt;
width: 60pt;
fill: $white;
}
.mb-3 :global(svg) {
padding-bottom: 0.35rem;
}
.mb-1 :global(svg) {
padding-bottom: 0.25rem;
}

svg.text-white {
fill: $white;
:global(.fa-secondary) {
opacity: 0.4;
svg[data-icon='industry-alt'] {
margin-bottom: 0.35rem;
}
}
svg[data-icon='users'] {
margin-bottom: 0.25rem;
}
svg[data-icon='industry-alt'] {
margin-bottom: 0.35rem;
}
svg[data-icon='laptop-code'] {
margin-bottom: 0.55rem;
}
</style>
svg[data-icon='laptop-code'] {
margin-bottom: 0.55rem;
}
</style>
</div>
</BaseLayout>

0 comments on commit 989f540

Please sign in to comment.