repo sync

content/actions/index.md

@@ -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
@@ -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>
@@ -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">
@@ -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>

layouts/product-landing.html

@@ -12,15 +12,15 @@
         <header class="d-flex gutter mb-6">
           <div class="col-12 col-lg-7">
             <span class="text-mono text-gray">Product</span>
-            <h1 class="mb-3">{{ page.shortTitle }}</h1>
+            <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>

lib/frontmatter.js

@@ -63,6 +63,13 @@ const schema = {
     },
     allowTitleToDifferFromFilename: {
       type: 'boolean'
+    },
+    introLinks: {
+      type: 'object',
+      properties: {
+        quickstart: { type: 'string' },
+        learn: { type: 'string' }
+      }
     }
   }
 }

stylesheets/new-mktg.scss

@@ -54,3 +54,48 @@
 .bg-blue-dark {
   background-color: $blue-800 !important;
 }
+
+// stylelint-disable primer/no-unused-vars
+
+// Typography
+
+$marketing-font-path: "/assets/fonts/alliance/";
+$font-family-mktg: "Alliance No.1", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$font-weight-extrabold: 800 !default;
+
+.font-mktg {
+  font-family: $font-family-mktg;
+}
+
+// Type
+@font-face {
+  font-family: "Alliance No.1";
+  font-style: normal;
+  font-weight: $font-weight-normal;
+  src: local("Alliance No.1 Regular"), local("alliance-no-1-regular"), url("#{$marketing-font-path}alliance-no-1-regular.woff") format("woff");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Alliance No.1";
+  font-style: normal;
+  font-weight: $font-weight-semibold;
+  src: local("Alliance No.1 Medium"), local("alliance-no-1-medium"), url("#{$marketing-font-path}alliance-no-1-medium.woff") format("woff");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Alliance No.1";
+  font-style: normal;
+  font-weight: $font-weight-bold;
+  src: local("Alliance No.1 Bold"), local("alliance-no-1-bold"), url("#{$marketing-font-path}alliance-no-1-bold.woff") format("woff");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Alliance No.1";
+  font-style: normal;
+  font-weight: $font-weight-extrabold;
+  src: local("Alliance No.1 ExtraBold"), local("alliance-no-1-extrabold"), url("#{$marketing-font-path}alliance-no-1-extrabold.woff") format("woff");
+  font-display: swap;
+}