ci: Create Website Build Workflow

khaled-0 · Dec 23, 2024 · e858678 · e858678
1 parent 535a662
commit e858678
Show file tree

Hide file tree

Showing 3 changed files with 80 additions and 32 deletions.
diff --git a/.github/workflows/website.yml b/.github/workflows/website.yml
@@ -0,0 +1,49 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy Website
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+    paths:
+      - docs/**
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: "./docs/"
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+        with:
+          path: "./docs/"
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/docs/CNAME b/docs/CNAME
diff --git a/docs/index.html b/docs/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>MyuSync - Sync YouTube Playlists Offline</title>
+    <title>Syncara - Sync YouTube Playlists Offline</title>
     <link rel="stylesheet" href="styles.css" />
     <meta
       name="google-site-verification"
@@ -13,14 +13,14 @@
   <body>
     <header>
       <img
-        src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/banner.png"
+        src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/banner.png"
         alt="Banner"
         class="banner"
       />
     </header>
     <main>
       <section class="intro">
-        <h1>MyuSync</h1>
+        <h1>Syncara</h1>
         <p>
           Sync YouTube playlists offline. Because YT Music
           <span class="highlight">&lt;insert reason here&gt;</span>.
@@ -53,39 +53,39 @@ <h2>Screenshots</h2>
         <h3>Mobile</h3>
         <div class="gallery">
           <img
-            src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/screenshots/android_1.png"
+            src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/screenshots/android_1.png"
             alt="Mobile 1"
           />
           <img
-            src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/screenshots/android_2.png"
+            src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/screenshots/android_2.png"
             alt="Mobile 2"
           />
           <img
-            src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/screenshots/android_3.png"
+            src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/screenshots/android_3.png"
             alt="Mobile 3"
           />
           <img
-            src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/screenshots/android_4.png"
+            src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/screenshots/android_4.png"
             alt="Mobile 4"
           />
         </div>
 
         <h3>Desktop</h3>
         <div class="gallery">
           <img
-            src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/screenshots/linux_1.png"
+            src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/screenshots/linux_1.png"
             alt="Desktop 1"
           />
           <img
-            src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/screenshots/linux_2.png"
+            src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/screenshots/linux_2.png"
             alt="Desktop 2"
           />
           <img
-            src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/screenshots/linux_3.png"
+            src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/screenshots/linux_3.png"
             alt="Desktop 3"
           />
           <img
-            src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/screenshots/macos_1.png"
+            src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/screenshots/macos_1.png"
             alt="Desktop 4"
           />
         </div>
@@ -94,45 +94,45 @@ <h3>Desktop</h3>
       <section class="download">
         <h2>Download</h2>
         <p>
-          MyuSync for all platforms are primarily released on GitHub. Tap on
+          Syncara for all platforms are primarily released on GitHub. Tap on
           your device icon to directly download.
         </p>
         <div class="download-links">
-          <a href="https://github.com/khaled-0/MyuSync/releases/latest">
+          <a href="https://github.com/khaled-0/Syncara/releases/latest">
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/get-it-on-github.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/get-it-on-github.png"
               alt="Get it on GitHub"
             />
           </a>
           <a
-            href="https://github.com/khaled-0/MyuSync/releases/latest/download/app-release.apk"
+            href="https://github.com/khaled-0/Syncara/releases/latest/download/app-release.apk"
           >
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/apk-square.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/apk-square.png"
               alt="Android"
             />
           </a>
           <a
-            href="https://github.com/khaled-0/MyuSync/releases/latest/download/tubesync_ios_unsigned.ipa"
+            href="https://github.com/khaled-0/Syncara/releases/latest/download/tubesync_ios_unsigned.ipa"
           >
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/ios-square.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/ios-square.png"
               alt="IOS"
             />
           </a>
           <a
-            href="https://github.com/khaled-0/MyuSync/releases/latest/download/tubesync_linux.zip"
+            href="https://github.com/khaled-0/Syncara/releases/latest/download/tubesync_linux.zip"
           >
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/linux-square.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/linux-square.png"
               alt="Linux"
             />
           </a>
           <a
-            href="https://github.com/khaled-0/MyuSync/releases/latest/download/tubesync_macos.zip"
+            href="https://github.com/khaled-0/Syncara/releases/latest/download/tubesync_macos.zip"
           >
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/mac-square.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/mac-square.png"
               alt="MacOS"
             />
           </a>
@@ -146,27 +146,27 @@ <h3>Android</h3>
         <div class="store-links">
           <a href="https://apt.izzysoft.de/fdroid/index/apk/tubesync.app">
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/get-it-on-izzy.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/get-it-on-izzy.png"
               alt="IzzyOnDroid"
             />
           </a>
           <a
             href="http://apps.obtainium.imranr.dev/redirect.html?r=obtainium://app/%7B%22id%22%3A%22tubesync.app%22%2C%22url%22%3A%22https%3A%2F%2Fgithub.com%2Fkhaled-0%2FTubeSync%22%2C%22author%22%3A%22Khaled%22%2C%22name%22%3A%22TubeSync%22%2C%22additionalSettings%22%3A%22%7B%5C%22includePrereleases%5C%22%3Afalse%7D%22%7D"
           >
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/badge_obtainium.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/badge_obtainium.png"
               alt="Obtainium"
             />
           </a>
           <a href="https://www.openapk.net/tubesync/tubesync.app/">
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/openapk-badge.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/openapk-badge.png"
               alt="OpenAPK"
             />
           </a>
           <a href="https://www.androidfreeware.net/download-tubesync-apk.html">
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/android-freeware.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/android-freeware.png"
               alt="AndroidFreeWare"
             />
           </a>
@@ -176,7 +176,7 @@ <h3>Linux</h3>
         <div class="centered-link">
           <a href="https://flathub.org/apps/io.github.khaled_0.TubeSync">
             <img
-              src="https://raw.githubusercontent.com/khaled-0/MyuSync/main/docs/badges/flathub.png"
+              src="https://raw.githubusercontent.com/khaled-0/Syncara/main/docs/badges/flathub.png"
               alt="Flathub"
             />
           </a>
@@ -186,7 +186,7 @@ <h3>iOS and MacOS</h3>
         <p>
           <strong>IOS:</strong> Unsigned (.ipa) builds are available.
           <a
-            href="https://github.com/khaled-0/MyuSync/releases/latest/download/tubesync_unsigned.ipa"
+            href="https://github.com/khaled-0/Syncara/releases/latest/download/tubesync_unsigned.ipa"
             >Download (IOS) from here</a
           >.
         </p>
@@ -201,7 +201,7 @@ <h3>iOS and MacOS</h3>
         <p>
           <strong>MacOS:</strong> Available directly as app (.app)
           <a
-            href="https://github.com/khaled-0/MyuSync/releases/latest/download/tubesync_macos.zip"
+            href="https://github.com/khaled-0/Syncara/releases/latest/download/tubesync_macos.zip"
             >Download (MacOS) from here</a
           >
         </p>
@@ -210,12 +210,12 @@ <h3>iOS and MacOS</h3>
         <ul>
           <li>
             <a
-              href="https://nightly.link/khaled-0/MyuSync/workflows/nightly/main"
+              href="https://nightly.link/khaled-0/Syncara/workflows/nightly/main"
               >Latest nightly build link</a
             >
           </li>
           <li>
-            <a href="https://github.com/khaled-0/MyuSync/actions"
+            <a href="https://github.com/khaled-0/Syncara/actions"
               >Actions page for nightly builds</a
             >
           </li>