wip: 🔕 temporary commit

tarampampam · Apr 18, 2024 · f1c6516 · f1c6516
1 parent 31a89e2
commit f1c6516
Show file tree

Hide file tree

Showing 11 changed files with 123 additions and 1 deletion.
diff --git a/.github/workflows/site.yml b/.github/workflows/site.yml
@@ -0,0 +1,28 @@
+name: site
+
+on:
+  workflow_dispatch: {}
+  push:
+    branches: [rewrite] #master, main] # TODO: uncomment
+    tags-ignore: ['**']
+    paths: [site/**, .github/workflows/site.yml]
+
+concurrency:
+  group: ${{ github.ref }}-gh
+  cancel-in-progress: true
+
+jobs:
+  publish:
+    name: Publish the site
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: cloudflare/pages-action@1
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_PAGES_DEPLOY_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          projectName: random-user-agent-index
+          directory: ./site
+          branch: master # aka CF "production" environment
+          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
diff --git a/Makefile b/Makefile
@@ -16,6 +16,7 @@ install: ## Install all dependencies
 shell: ## Start shell into a container with node
 	docker run -e "PS1=\[\033[1;34m\]\w\[\033[0;35m\] \[\033[1;36m\]# \[\033[0m\]" -i $(RUN_ARGS) sh
 
+.DEFAULT_GOAL: build
 .PHONY: build
 build: install ## Build the extension and pack it into a zip file
 	docker run $(RUN_ARGS) npm run build

diff --git a/manifest.json b/manifest.json
@@ -6,7 +6,7 @@
   "name": "__MSG_manifest_name__",
   "description": "__MSG_manifest_description__",
   "author": "https://github.com/tarampampam",
-  "homepage_url": "https://github.com/tarampampam/random-user-agent",
+  "homepage_url": "https://random-user-agent.com/",
   "default_locale": "en",
   "icons": {
     "16": "icons/16.png",

diff --git a/site/apple-touch-icon.png b/site/apple-touch-icon.png
diff --git a/site/browserconfig.xml b/site/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/mstile-150x150.png"/>
+      <TileColor>#da532c</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
diff --git a/site/favicon-16x16.png b/site/favicon-16x16.png
diff --git a/site/favicon-32x32.png b/site/favicon-32x32.png
diff --git a/site/favicon.ico b/site/favicon.ico
diff --git a/site/index.html b/site/index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/site.webmanifest">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="theme-color" content="#ffffff">
+  <style>
+    :root {
+      --color-bg-primary: #fff;
+      --color-text-primary: #454545;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --color-bg-primary: #2f2f2f;
+        --color-text-primary: #eaeaea;
+      }
+    }
+
+    html, body {
+      margin: 0;
+      padding: 0;
+      height: 100%;
+      width: 100%;
+      background-color: var(--color-bg-primary);
+      color: var(--color-text-primary);
+    }
+
+    body {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .loader {
+      color: var(--color-text-primary);
+      display: inline-block;
+      position: relative;
+      font-size: 48px;
+      font-family: Arial, Helvetica, sans-serif;
+      box-sizing: border-box;
+    }
+
+    .loader::after {
+      content: '';
+      width: 5px;
+      height: 5px;
+      background: currentColor;
+      position: absolute;
+      bottom: 10px;
+      right: -5px;
+      box-sizing: border-box;
+      animation: animloader 1s linear infinite;
+    }
+
+    @keyframes animloader {
+      0% {
+        box-shadow: 10px 0 rgba(255, 255, 255, 0), 20px 0 rgba(255, 255, 255, 0);
+      }
+      50% {
+        box-shadow: 10px 0 white, 20px 0 rgba(255, 255, 255, 0);
+      }
+      100% {
+        box-shadow: 10px 0 white, 20px 0 white;
+      }
+    }
+  </style>
+  <title>Coming soon</title>
+</head>
+<body>
+<span class="loader">Coming soon</span>
+</body>
+</html>
diff --git a/site/mstile-150x150.png b/site/mstile-150x150.png
diff --git a/site/site.webmanifest b/site/site.webmanifest
@@ -0,0 +1,7 @@
+{
+  "name": "",
+  "short_name": "",
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}