Create a Status page

US-GHG-Center · Nov 3, 2023 · fc643b6 · fc643b6
1 parent 486bb77
commit fc643b6
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 237 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.github/workflows/health-check.yml b/.github/workflows/health-check.yml
@@ -3,7 +3,7 @@ name: Scheduled Health Check
 # Controls when the action will run.
 on:
   schedule:
-    - cron: "30 * * * *"
+    - cron: "60 * * * *"
 
 jobs:
   health_check_job:
@@ -13,4 +13,25 @@ jobs:
       - uses: actions/checkout@v2
       - name: Run Shell Script
         id: shell_script_run
-        run: bash ./health-check.sh
+        run: |
+          bash ./health-check.sh
+          mkdir dist
+          cp -r . dist
+          ls -al dist
+
+  deploy:
+    needs: health_check_job
+
+    permissions:
+      pages: write
+      id-token: write
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages 🚀
+        id: deployment
+        uses: actions/deploy-pages@v1
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/index.css b/index.css
@@ -121,6 +121,10 @@ footer a {
   justify-content: center;
 }
 
+.logo {
+  display: flex;
+  align-items: left;
+}
 .headline span {
   background-color: #f5f6f8;
   border-radius: 5px;

diff --git a/index.html b/index.html
@@ -7,8 +7,9 @@
   </head>
   <body>
     <div class="pageContainer">
+      <img class="logo" src="logo.svg" alt="Logo" width="200px" />
       <div class="headline">
-        <img src="logo.svg" alt="Logo" width="200px" />
+
         <span> System Status </span>
       </div>
       <div id="reports" class="reportContainer"></div>
@@ -36,18 +37,13 @@ <h6 class="statusTitle">$title&nbsp;</h6>
             <div class="$color statusHeadline">$status</div>
           </div>
           <div class="statusSubtitle">
-            <div class="sectionUrl"><a href="$url">$url</a></div>
+            <div class="sectionUrl">URL: <a href="$url">$title</a></div>
             <div class="statusUptime">$upTime in the last 30 days</div>
           </div>
         </div>
       </div>
     </div>
-    <footer>
-      Forked from
-      <a href="https://github.com/statsig-io/statuspage/"
-        >Statsig's Open-Source Status Page</a
-      >.
-    </footer>
+
   </body>
   <script>
     genAllReports();

diff --git a/logo.svg b/logo.svg