chore: Add rootly alert action to the page (#36)

* chore: Add rootly alert action to the page

Signed-off-by: Roger Barker <[email protected]>

* chore: Use <code> tag

Signed-off-by: Roger Barker <[email protected]>

* chore: fix title for alert action

Signed-off-by: Roger Barker <[email protected]>

* chore: add links to rootly

Signed-off-by: Roger Barker <[email protected]>

* chore: Add info to step summary

Signed-off-by: Roger Barker <[email protected]>

* chore: update markdown in step summary

Signed-off-by: Roger Barker <[email protected]>

* chore: remove underline from link

Signed-off-by: Roger Barker <[email protected]>

* chore: update step summary

Signed-off-by: Roger Barker <[email protected]>

* chore: Update css

Signed-off-by: Roger Barker <[email protected]>

---------

Signed-off-by: Roger Barker <[email protected]>

Author: rbarker-dev

.github/workflows/firebase-hosting-pull-request.yml

@@ -24,8 +24,18 @@ jobs:
         uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8 # v5.0.0
 
       - name: Deploy to Firebase Hosting on PR
+        id: deploy-preview
         uses: FirebaseExtended/action-hosting-deploy@0cbcac4740c2bfb00d632f0b863b57713124eb5a # v0.9.0
         with:
           repoToken: ${{ secrets.GITHUB_TOKEN }}
           firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_PANDAS_WHO_CODE }}
           projectId: pandas-who-code
+          expires: '7d'
+
+      - name: Display Preview URL
+        run: | 
+          echo "## Preview URL" | tee -a "${GITHUB_STEP_SUMMARY}"
+          echo "" | tee -a "${GITHUB_STEP_SUMMARY}"
+          echo "Preview URL: ${{ steps.deploy-preview.outputs.details_url }}" | tee -a "${GITHUB_STEP_SUMMARY}"
+          echo "Expires At: ${{ steps.deploy-preview.outputs.expire_time }}" | tee -a "${GITHUB_STEP_SUMMARY}"
+          echo "---" | tee -a "${GITHUB_STEP_SUMMARY}"

public/images/rootly-alert-action.png

@@ -32,6 +32,7 @@
                         <a href="#version2" class="dropdown-item">version2</a>
                         <a href="#prmirror" class="dropdown-item">PR Mirror</a>
                         <a href="#rootly-incident-action" class="dropdown-item">Rootly Incident Action</a>
+                        <a href="#rootly-alert-action" class="dropdown-item">Rootly Alert Action</a>
                     </div>
                 </div>
                 <a href="#support" class="nav-item">Support the Devs</a>
@@ -352,8 +353,31 @@ <h3>
                     </a>
                 </em></p>
                 <p>
-                    A GitHub Action for creating incidents and alerts in Rootly, a platform for incident management and response.
+                    A GitHub Action for creating incidents using Rootly, a platform for incident management and response.
                     This action integrates seamlessly with your CI/CD workflows to automatically create incidents when issues are detected.
+                    This action fully implements the <a href="https://docs.rootly.com/api-reference/incidents/creates-an-incident" class="rootly-link" target="_blank" rel="noopener noreferrer"><code>creates-an-incident</code></a> api.
+                </p>
+            </div>
+            <div id="rootly-alert-action" class="project-item">
+                <a href="https://github.com/PandasWhoCode/rootly-alert-action" class="project-logo-link" target="_blank" rel="noopener noreferrer">
+                    <img src="images/rootly-alert-action.png" alt="Rootly Alert Action Logo" class="project-logo">
+                </a>
+                <h3>
+                    Rootly Alert Action
+                    <a href="https://github.com/PandasWhoCode/rootly-alert-action" class="project-link" target="_blank" rel="noopener noreferrer">
+                        <i class="fab fa-github"></i>
+                    </a>
+                </h3>
+                <p><em>
+                    Github Marketplace
+                    <a href="https://github.com/marketplace/actions/rootly-alert-action" class="project-link" target="_blank" rel="noopener noreferrer">
+                        <i class="fab fa-github"></i>
+                    </a>
+                </em></p>
+                <p>
+                    A GitHub Action for creating alerts using Rootly, a platform for incident management and response.
+                    This action integrates seamlessly with your CI/CD workflows to automatically create alerts when issues are detected.
+                    This action fully implements the <a href="https://docs.rootly.com/api-reference/alerts/creates-an-alert" class="rootly-link" target="_blank" rel="noopener noreferrer"><code>creates-an-alert</code></a> api.
                 </p>
             </div>
         </div>

public/index.html

@@ -98,12 +98,27 @@ h3 {
     font-size: 1.2rem;
 }
 
-.project-link:hover {
+.project-link:hover{
     opacity: 1;
     color: #00ffff; /* Matching PandasWhoCode cyan color */
     transform: translateY(-2px);
 }
 
+.rootly-link {
+    color: #ffffff;
+    opacity: 0.7;
+    transition: all 0.3s ease;
+    font-size: 1.2rem;
+    text-decoration: none;
+}
+
+.rootly-link:hover {
+    opacity: 1;
+    color: #00ffff; /* Matching PandasWhoCode cyan color */
+    transform: translateY(-2px);
+    text-decoration: none;
+}
+
 p {
     font-size: 1.1rem;
     line-height: 1.6;