k

holtzy · Aug 9, 2024 · ca554bd · ca554bd
1 parent 5174840
commit ca554bd
Show file tree

Hide file tree

Showing 3 changed files with 113 additions and 95 deletions.
diff --git a/next.config.js b/next.config.js
@@ -1,6 +1,20 @@
+const isGithubActions = process.env.GITHUB_ACTIONS || false;
+
+let assetPrefix = '';
+let basePath = '';
+
+if (isGithubActions) {
+  const repo = process.env.GITHUB_REPOSITORY.replace(/.*?\//, '');
+  assetPrefix = `/${repo}/`;
+  basePath = `/${repo}`;
+}
+
 /** @type {import('next').NextConfig} */
 module.exports = {
   reactStrictMode: true,
+  output: 'export',
+  assetPrefix: assetPrefix,
+  basePath: basePath,
   typescript: {
     // !! WARN !!
     // Dangerously allow production builds to successfully complete even if

diff --git a/pages/what-is-a-color.tsx b/pages/what-is-a-color.tsx
@@ -60,7 +60,11 @@ export default function Post() {
       <p>That's the famous color wheel you see in every color picker!</p>
       <br />
       <div className="flex flex-col items-center">
-        <img src="/img/color-picked-me.png" style={{ maxWidth: 400 }} />
+        <img
+          src="/img/color-picked-me.png"
+          alt="overview of color picker.me"
+          style={{ maxWidth: 400 }}
+        />
         <Caption>
           On <a href="https://colorpicker.me">colorpicker.me</a> you can define
           a color using its hue (vertical bar), its saturation (x axis of the