Typo fixes and small improvements

Typo fixes and small quality of life improvements:

- Typo in heading sentence in triggers getting started
- Update links in landing page
- Add scrolling and margin to version selector.
- Typo in community page, misson instead of mission
- Add vertical scrolling to extra-long code samples.
- RSS button styles to match other buttons styles.

assets/scss/_styles_project.scss

@@ -13,6 +13,14 @@
     z-index: 1;
 }
 
+/* Styling for version-switcher dropdown */
+
+.dropdown-menu {
+   border: 2px solid $primary;
+   max-height: 50vh;
+   overflow-y: auto;
+}
+
 /* 
     Styling for mobile:
 */
@@ -45,17 +53,19 @@
 
 /* Styles for RSS link */
 .td-rss-button {
-   font-size: 0;
-   background-color: $primary;
+   background-color: $primary !important;
 
    &:hover { 
-      color: #fff;
-      background-color: darken($primary, 10%);
+      color: #fff !important;
+      background-color: darken($primary, 10%) !important;
    }
+}
 
-   i { font-size: 20px; }
-
+/* Vertical scrolling for large code samples */
 
+pre {
+   max-height: 25em;
+   overflow-y: auto;
 }
 
 /* Click-to-copy button styles */
@@ -79,7 +89,7 @@
            border-width: 0;
            background-color: inherit;
            box-shadow: 1px 1px $light;
-           right: 8px;
+           right: 18px !important;
            top: 6px;
        }
 

content/en/_index.html

-+++
-title = "Tekton"
-linkTitle = "Tekton.dev Homepage"
+---
+title: "Tekton"
+linkTitle: "Tekton.dev Homepage"
 
-+++
+---
 
 {{< blocks/cover title="Cloud Native CI/CD" subtitle="" image_anchor="smart" color="orange" height="med">}}
 <div class="mx-auto">
@@ -47,17 +47,17 @@ test, and deploy workflow based on your team's requirements.
 
 {{< blocks/section color="white" >}}
 {{% blocks/feature icon="fas fa-code" title="Install Tekton" %}}
-<a href="/docs/getting-started/">Get Tekton here</a>.
+[Get Tekton here](/docs/installation/)
 {{% /blocks/feature %}}
 
 
-{{% blocks/feature icon="fab fa-github" title="Contributions welcome" url="https://github.com/tektoncd/" %}}
-Contribute to Tekton on GitHub.
+{{% blocks/feature icon="fab fa-github" title="Contributions welcome" %}}
+[Join the Tekton Community](/community/)
 {{% /blocks/feature %}}
 
 
 {{% blocks/feature icon="fas fa-chalkboard" title="Try Tekton" %}}
-Learn, explore, and experiment with Tekton by following the [tutorial](https://tekton.dev/docs/getting-started/).
+[Get started with Tekton](/docs/getting-started/)
 {{% /blocks/feature %}}
 
 

content/en/docs/Getting Started/_index.md

@@ -17,16 +17,15 @@ Tekton](/docs/getting-started/tasks/). If you prefer, watch the following
 videos to learn the basics of how Tekton works before your first hands-on
 experience:
 
-### Tekton for Kubernetes Cloud-Native CI/CD explained.
-
+{{< card footer="Tekton for Kubernetes explained">}}
   {{< youtube "6oE7jgRuF2o"  >}}
+{{< /card >}}
 
-### Tekton CI/CD pipelines and tasks overview.
-
+{{< card footer="Tekton CI/CD Pipelines overview">}}
   {{< youtube "pW606eBa7og" >}}
+{{< /card >}}
 
-### Tekton Chains: Extensibility, automation, and security.
-
+{{< card footer="Tekton Chains: extensibility, automation, and security">}}
   {{< youtube "p9K3_xtozzA" >}}
-
+{{< /card >}}
 

content/en/docs/Getting Started/triggers.md

@@ -121,8 +121,8 @@ A TriggerTemplate defines what happens when an event is detected.
 
 ## Create a TriggerBinding
 
-A TriggerBinding that executes the TriggerTemplate, the same way you had to
-create a PipelineRun to execute the Pipeline.
+A TriggerBinding executes the TriggerTemplate, the same way you had to create a
+PipelineRun to execute the Pipeline.
 
 1.  Create a file named `trigger-binding.yaml` with the following content:
 

layouts/community/list.html

@@ -5,7 +5,7 @@
     <div class="container text-center td-arrow-down">
         <span class="h4 mb-0">
             <h1>Welcome to the Tekton Community!</h1>
-            <p>Our misson is to be the industry-standard, cloud-native CI/CD
+            <p>Our mission is to be the industry-standard, cloud-native CI/CD
             platform components and ecosystem.</p>
         </span>
     </div>

layouts/shortcodes/blocks/manifesto.html

@@ -14,7 +14,10 @@
 	<div class="container" style="max-width: 100vw;">
 		<div class="row">
 			<div class="col mb-5 text-center">
-				<h3>Tekton is a <a href="https://cd.foundation/">Continuous Delivery Foundation</a> project.</h3>
+				<h3>Tekton is a <a href="https://cd.foundation/">Continuous Delivery
+            Foundation</a> project and follows <a
+            href="https://github.com/cdfoundation/toc/blob/main/proposals/tekton/graduation.md">
+            the OpenSSF best practices</a>.</h3>
 			</div>
 		</div>
   	</div>