Fix images and data loading on home page

Author: gabek

.github/workflows/main.yml

@@ -19,17 +19,20 @@ jobs:
       - name: Install jq
         uses: r26d/jq-action@master
 
+      - name: Create static/data directory
+        run: mkdir -p static/data
+
       - name: Fetch Contributors
-        run: "curl https://api.github.com/repos/owncast/owncast/contributors?per_page=100 | jq 'map(.) | .[] | {login: .login, avatar_url: .avatar_url, html_url: .html_url}' | jq --slurp '.' > data/contributors-core.json"
+        run: "curl https://api.github.com/repos/owncast/owncast/contributors?per_page=100 | jq 'map(.) | .[] | {login: .login, avatar_url: .avatar_url, html_url: .html_url}' | jq --slurp '.' > static/data/contributors-core.json"
 
       - name: Fetch Home Page Contributors
-        run: "curl https://api.github.com/repos/owncast/owncast.github.io/contributors?per_page=100 | jq 'map(.) | .[] | {login: .login, avatar_url: .avatar_url, html_url: .html_url}' | jq --slurp '.' > data/contributors-homepage.json"
+        run: "curl https://api.github.com/repos/owncast/owncast.github.io/contributors?per_page=100 | jq 'map(.) | .[] | {login: .login, avatar_url: .avatar_url, html_url: .html_url}' | jq --slurp '.' > static/data/contributors-homepage.json"
 
       - name: Combine Contributors
-        run: "jq -n 'input | . as $core | (input | . as $homepage | $core + $homepage) | unique_by(.login)' data/contributors-core.json data/contributors-homepage.json > data/contributors.json"
+        run: "jq -n 'input | . as $core | (input | . as $homepage | $core + $homepage) | unique_by(.login)' static/data/contributors-core.json static/data/contributors-homepage.json > static/data/contributors.json"
 
       - name: Fetch donors
-        run: 'curl https://opencollective.com/owncast/members/all.json | jq ''map(.) | .[] | select(.role=="BACKER") | {login: .name, avatar_url: .image, html_url: .profile}'' | jq --slurp ''.'' > data/donors.json'
+        run: 'curl https://opencollective.com/owncast/members/all.json | jq ''map(.) | .[] | select(.role=="BACKER") | {login: .name, avatar_url: .image, html_url: .profile}'' | jq --slurp ''.'' > static/data/donors.json'
 
       # - name: Add current development documentation
       #   run: mkdir -p static/api/development && curl https://raw.githubusercontent.com/owncast/owncast/refs/heads/develop/docs/api/index.html > static/api/development/index.html
@@ -39,7 +42,7 @@ jobs:
           author_name: Owncast
           author_email: [email protected]
           message: "Update dynamic content"
-          add: "data/contributors.json static/roadmap/index.html"
+          add: "static/data/contributors.json static/data/donors.json static/roadmap/index.html"
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

src/pages/index.tsx

@@ -81,22 +81,22 @@ function KeyPoints() {
   const keyPoints = [
     {
       title: 'Self hosted and Independent',
-      icon: '/img/key-selfhosted.svg',
+      icon: '/images/key-selfhosted.svg',
       description: 'Have complete control and ownership over your stream, allowing you to create the content and community you want.',
     },
     {
       title: 'Chat',
-      icon: '/img/key-chat.svg',
+      icon: '/images/key-chat.svg',
       description: 'The frictionless built-in chat allows your viewers to be a part of the action. Include custom emotes and build chat bots to encourage engagement from your viewers.',
     },
     {
       title: 'Works with your software',
-      icon: '/img/key-videosoftware.svg',
+      icon: '/images/key-videosoftware.svg',
       description: 'Point your existing broadcasting software at your Owncast server and begin streaming on your own server in minutes.',
     },
     {
       title: 'The Fediverse',
-      icon: '/img/key-fediverse.svg',
+      icon: '/images/key-fediverse.svg',
       description: 'Your live stream can reach a wider audience on The Fediverse, allowing people to follow and share your stream on Mastodon and other Fediverse services.',
     },
   ];
@@ -128,12 +128,12 @@ function KeyPoints() {
 
 function Sponsors() {
   const sponsors = [
-    { name: 'cypress', src: '/img/sponsors/cypress.png', url: 'https://cloud.cypress.io/projects/wwi3xe' },
-    { name: 'fastly', src: '/img/sponsors/fastly.png', url: 'https://www.fastly.com/fast-forward' },
-    { name: 'chromatic', src: '/img/sponsors/chromatic.png', url: 'https://www.chromatic.com/builds?appId=629132c6e23893003a9e89c5' },
-    { name: 'docker', src: '/img/sponsors/docker.png', url: 'https://hub.docker.com/u/owncast' },
-    { name: 'rocket chat', src: '/img/sponsors/rocketchat.png', url: 'https://rocket.chat' },
-    { name: 'digital ocean', src: '/img/sponsors/digitalocean.svg', url: 'https://digitalocean.com?utm_medium=opensource&utm_source=owncast' },
+    { name: 'cypress', src: '/images/sponsors/cypress.png', url: 'https://cloud.cypress.io/projects/wwi3xe' },
+    { name: 'fastly', src: '/images/sponsors/fastly.png', url: 'https://www.fastly.com/fast-forward' },
+    { name: 'chromatic', src: '/images/sponsors/chromatic.png', url: 'https://www.chromatic.com/builds?appId=629132c6e23893003a9e89c5' },
+    { name: 'docker', src: '/images/sponsors/docker.png', url: 'https://hub.docker.com/u/owncast' },
+    { name: 'rocket chat', src: '/images/sponsors/rocketchat.png', url: 'https://rocket.chat' },
+    { name: 'digital ocean', src: '/images/sponsors/digitalocean.svg', url: 'https://digitalocean.com?utm_medium=opensource&utm_source=owncast' },
   ];
 
   return (