Added GitHub to home page.

website/src/css/custom.css

@@ -134,6 +134,11 @@ img.rounded-corners {
   }
 }
 
+.RightText {
+  padding-left: 40px;
+}
+
+
 @media only screen and (max-width: 960px) {
   .CrossPlatform .TwoColumns {
     grid-gap: 2rem;
@@ -151,6 +156,7 @@ img.rounded-corners {
     margin: 0 auto;
     text-align: center;
   }
+
 }
 
 /* Section */

website/src/pages/index.js

@@ -20,7 +20,14 @@ Maester can be integrated with Azure DevOps Pipelines and scheduled to be run da
 and when changes are introduced in your Microsoft 365 tenant.
 <br/><br/>
 <strong>Follow the step-by-step guide</strong> in the Maester docs to set up
-an automation account with Workload Identify Federation (no more secrets or credential rotation!).`,
+an automation account with Workload Identify Federation.`,
+  gitHub: `
+Integrate Maester with GitHub Actions to continously monitor your tenant configuration.
+<br/><br/>
+<strong>Build an archive history</strong> of Maester test runs against your tenant with the native
+workflow integration in Maester.
+<br/><br/>
+<strong>Use Workload Identify Federation</strong> for your automation account to connect to Microsoft Graph (no more secrets or credential rotation!).`,
   codeExample: `
 import React from 'react';
 import {Text, View} from 'react-native';
@@ -134,7 +141,7 @@ export function Section({
 
 function TextColumn({ title, text, moreContent }) {
   return (
-    <div className="align-middle">
+    <div className="RightText">
       <Heading2 text={title} />
       <div dangerouslySetInnerHTML={{ __html: text }} />
       {moreContent}
@@ -155,6 +162,22 @@ function TwoColumns({ columnOne, columnTwo, reverse }) {
   );
 }
 
+function GitHub() {
+  return (
+    <Section className="CrossPlatform LeftImage">
+      <TwoColumns
+        reverse
+        columnOne={
+          <TextColumn title="Integrate with GitHub" text={textContent.gitHub} />
+        }
+        columnTwo={
+          <img alt="GitHub reports" src="img/home/github-maester-report.png" />
+        }
+      />
+    </Section>
+  );
+}
+
 function AzureDevOps() {
   return (
     <Section className="CrossPlatform" background="tint">
@@ -206,6 +229,7 @@ export default function Home() {
       <main>
         <HomepageFeatures />
       </main>
+      <GitHub />
       <AzureDevOps />
       <EmailAlert />
     </Layout>