Skip to content

Commit

Permalink
Actions landing page tweaks (github#15927)
Browse files Browse the repository at this point in the history
* Learn `more => GitHub Actions`

* Getting started => Guides

* Remove features row

* Guides => Code examples

* Shouldn't remove gettingStartedLinks

* Add introLinks frontmatter

* Fix wrong articles in "Manage workflows"

* Change more guides wording
  • Loading branch information
JasonEtco authored Oct 15, 2020
1 parent 305ea20 commit 2076953
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 35 deletions.
43 changes: 11 additions & 32 deletions content/actions/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,15 @@
title: GitHub Actions Documentation
shortTitle: GitHub Actions
intro: 'Automate, customize, and execute your software development workflows right in your repository with {% data variables.product.prodname_actions %}. You can discover, create, and share actions to perform any job you''d like, including CI/CD, and combine actions in a completely customized workflow.'
introLinks:
quickstart: /actions/quickstart
learn: /actions/learn-github-actions
gettingStartedLinks:
- /actions/quickstart
- /actions/learn-github-actions
guideLinks:
- /actions/managing-workflow-runs
- /actions/hosting-your-own-runners
guideLinks:
- /actions/guides/setting-up-continuous-integration-using-workflow-templates
- /actions/guides/about-packaging-with-github-actions
popularLinks:
- /actions/reference/workflow-syntax-for-github-actions
- /actions/reference/events-that-trigger-workflows
Expand Down Expand Up @@ -36,10 +39,10 @@ versions:
<div class="d-lg-flex gutter my-6 py-6">
<div class="col-12 col-lg-4 mb-4 mb-lg-0">
<div class="featured-links-heading pb-4">
<h3 class="f5 text-normal text-mono underline-dashed color-gray-5">{% data ui.toc.getting_started %}</h3>
<h3 class="f5 text-normal text-mono underline-dashed color-gray-5">{% data ui.toc.guides %}</h3>
</div>
<ul class="list-style-none">
{% for link in gettingStartedLinks %}
{% for link in guideLinks %}
<li>{% include featured-link %}</li>
{% endfor %}
</ul>
Expand All @@ -61,40 +64,16 @@ versions:
<h3 class="f5 text-normal text-mono underline-dashed color-gray-5">Manage workflows</h3>
</div>
<ul class="list-style-none">
{% for link in guideLinks %}
{% for link in gettingStartedLinks %}
<li>{% include featured-link %}</li>
{% endfor %}
</ul>
</div>
</div>
<!-- Featured resources -->
<div class="d-lg-flex gutter-lg my-6 py-6 text-center flex-items-stretch">
<div class="col-12 col-lg-4 mb-2 mb-lg-0">
<a href="/actions/creating-actions" class="d-block text-gray-dark no-underline hover-grow Box p-5 bg-gray-light">
<div class="mb-4 d-flex flex-justify-center"><div class="circle p-3 bg-blue text-white">{% octicon "bookmark" width="24" %}</div></div>
<h4>Create actions</h4>
<p class="mb-0">A complete guide to creating and sharing actions with the community.</p>
</a>
</div>
<div class="col-12 col-lg-4 mb-2 mb-lg-0">
<a href="https://github.com/actions/starter-workflows" class="d-block text-gray-dark no-underline hover-grow Box p-5 bg-gray-light">
<div class="mb-4 d-flex flex-justify-center"><div class="circle p-3 bg-purple text-white">{% octicon "rocket" width="24" %}</div></div>
<h4>Starter workflows</h4>
<p class="mb-0">A collection of workflow files to help you get started with GitHub Actions.</p>
</a>
</div>
<div class="col-12 col-lg-4 mb-2 mb-lg-0">
<a href="https://github.com/marketplace?type=actions" class="d-block text-gray-dark no-underline hover-grow Box p-5 bg-gray-light">
<div class="mb-4 d-flex flex-justify-center"><div class="circle p-3 bg-orange text-white">{% octicon "light-bulb" width="24" %}</div></div>
<h4>GitHub Actions Marketplace</h4>
<p class="mb-0">Explore community actions and supercharge your workflow.</p>
</a>
</div>
</div>

<!-- Code examples -->
<div class="mt-6 pt-6">
<h2 class="mb-2">Guides</h2>
<h2 class="mb-2">More guides</h2>

<div class="d-flex flex-wrap gutter">
<div class="col-12 col-lg-4 mb-4">
Expand Down Expand Up @@ -195,5 +174,5 @@ versions:
</div>
</div>

<a href="/actions/guides" class="btn btn-outline mt-4">More guides {% octicon "arrow-right" %}</a>
<a href="/actions/guides" class="btn btn-outline mt-4">Show all guides {% octicon "arrow-right" %}</a>
</div>
6 changes: 3 additions & 3 deletions layouts/product-landing.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,12 +15,12 @@
<h1 class="mb-3 font-mktg">{{ page.shortTitle }}</h1>
<div class="lead-mktg text-gray">{{ page.intro }}</div>

<a href="{{ gettingStartedLinks[0].href }}" class="btn btn-large f4 btn-blue mt-3">
<a href="{{ page.introLinks.quickstart }}" class="btn btn-large f4 btn-blue mt-3">
Quickstart
</a>

<a href="{{ gettingStartedLinks[1].href }}" class="ml-3 btn btn-large f4 btn-outline mt-3">
Learn more
<a href="{{ page.introLinks.learn }}" class="ml-3 btn btn-large f4 btn-outline mt-3">
Learn {% data variables.product.prodname_actions %}
</a>
</div>
</header>
Expand Down
7 changes: 7 additions & 0 deletions lib/frontmatter.js
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,13 @@ const schema = {
},
allowTitleToDifferFromFilename: {
type: 'boolean'
},
introLinks: {
type: 'object',
properties: {
quickstart: { type: 'string' },
learn: { type: 'string' }
}
}
}
}
Expand Down

0 comments on commit 2076953

Please sign in to comment.