refactor: monorepified && npm workspaces

sites/ant.k8s.vxm.cz/.prettierignore

@@ -1,3 +0,0 @@
-node_modules
-.next
-out

sites/ant.k8s.vxm.cz/.prettierrc

@@ -1,6 +0,0 @@
-{
-  "semi": true,
-  "trailingComma": "all",
-  "singleQuote": true,
-  "printWidth": 70
-}

sites/ant.k8s.vxm.cz/ci/gitlab-commit.py

@@ -8,6 +8,8 @@ pushToken = os.getenv("CI_PUSH_TOKEN")
 image = os.getenv("IMAGE")
 imageTag = os.getenv("IMAGE_TAG")
 
+print(f"image: {image}:{imageTag}")
+
 r = requests.put(
     "https://gitlab.mareshq.com/api/v4/projects/60/repository/files/signpost%2Fvalues%2Eyaml",
     data={

sites/ant.k8s.vxm.cz/next.config.js

@@ -2,3 +2,9 @@
 module.exports = {
   reactStrictMode: true,
 };
+
+const withTM = require('next-transpile-modules')([
+  '@themes/signpost',
+]);
+
+module.exports = withTM(module.exports);

sites/ant.k8s.vxm.cz/package.json

@@ -1,6 +1,7 @@
 {
-  "name": "ant.k8s.vxm.cz",
+  "name": "@sites/ant.k8s.vxm.cz",
   "private": true,
+  "version": "0.0.0",
   "scripts": {
     "dev": "next dev",
     "build": "next build && next export",
@@ -10,7 +11,7 @@
     "fmt-check": "prettier --check ."
   },
   "dependencies": {
-    "next": "12.0.3",
+    "next": "12.0.7",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },
@@ -20,10 +21,9 @@
     "autoprefixer": "^10.4.0",
     "eslint": "7",
     "eslint-config-next": "12.0.3",
+    "next-transpile-modules": "^9.0.0",
     "postcss": "^8.3.11",
-    "prettier": "^2.4.1",
     "tailwindcss": "^3.0.8",
     "typescript": "4.4.4"
-  },
-  "packageManager": "yarn@3.1.1"
+  }
 }

sites/ant.k8s.vxm.cz/pages/index.tsx

@@ -1,5 +1,7 @@
 import type { NextPage } from 'next';
 import Head from 'next/head';
+import Layout from '@themes/signpost/components/Layout';
+import Grid from '@themes/signpost/components/Grid';
 import sections from '../content/sections.json';
 
 const Home: NextPage = () => {
@@ -9,56 +11,22 @@ const Home: NextPage = () => {
         <title>ant.k8s.vxm.cz</title>
         <meta
           name="description"
-          content="Signpost for Octopus Kubernetes Cluster (ant.k8s.vxm.cz)"
+          content="Signpost for Ant Kubernetes Cluster (ant.k8s.vxm.cz)"
         />
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
-      <h3 className="md:px-16 px-4 py-4 text-gray-600">
-        ant.k8s.vxm.cz
-      </h3>
-      <main className="md:px-16 px-4">
-        <h1 className="font-sans font-bold text-4xl">
-          Ant Kubernetes Cluster Signpost
-        </h1>
-        <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-4">
-          {sections.map((section) => (
-            <section key={section.name} className="mt-2">
-              <h2 className="font-sans font-semibold text-2xl mb-4">
-                {section.name}
-              </h2>
-              <ul>
-                {section.items.map((item) => (
-                  <li key={item.name} className="my-2">
-                    <a
-                      href={item.url}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="
-                      block
-                      w-full
-                      text-center
-                      py-2
-                      border-2
-                      border-gray-400
-                      rounded
-                      hover:bg-gray-900
-                      hover:border-gray-900
-                      hover:text-white
-                      transition
-                      focus:ring-2
-                      focus:ring-gray-600 text-gray-800
-                    "
-                    >
-                      {item.name}
-                    </a>
-                  </li>
-                ))}
-              </ul>
-            </section>
-          ))}
-        </div>
-      </main>
+      <Layout>
+        <h3 className="text-gray-600">ant.k8s.vxm.cz</h3>
+
+        <main>
+          <h1 className="font-sans font-bold text-4xl">
+            Ant Kubernetes Cluster Signpost
+          </h1>
+
+          <Grid sections={sections} />
+        </main>
+      </Layout>
     </>
   );
 };

sites/ant.k8s.vxm.cz/tailwind.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  content: ['./**/*.tsx'],
+  content: ['./**/*.tsx', './../../themes/signpost/**/*.tsx'],
   theme: {
     extend: {},
   },