Added lost-pixel, added lost-pixel baseline, fixed layout on small sc…

…reens
Schroedinger-Hat · Dec 23, 2024 · e894bd0 · e894bd0
1 parent f7cb513
commit e894bd0
Show file tree

Hide file tree

Showing 144 changed files with 1,353 additions and 128 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -0,0 +1,27 @@
+on: [push]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build ladle
+        run: npm run build
+
+      - name: Serve ladle
+        run: npm run serve &
+
+      - name: Lost Pixel
+        uses: lost-pixel/[email protected]
diff --git a/.github/workflows/update-lost-pixel-baseline.yml b/.github/workflows/update-lost-pixel-baseline.yml
@@ -0,0 +1,39 @@
+on: workflow_dispatch
+
+jobs:
+  lost-pixel-update:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: 18.x
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build ladle
+        run: npm run build
+
+      - name: Serve ladle
+        run: npm run serve &
+
+      - name: Lost Pixel
+        id: lp
+        uses: lost-pixel/[email protected]
+        env:
+          LOST_PIXEL_MODE: update
+      - name: Create Pull Request
+        uses: peter-evans/create-pull-request@v4
+        if: ${{ failure() && steps.lp.conclusion == 'failure' }}
+        with:
+          token: ${{ secrets.GH_TOKEN }}
+          commit-message: update lost-pixel baselines
+          delete-branch: true
+          branch: "lost-pixel-update/${{ github.ref_name }}"
+          title: "Lost Pixel update - ${{ github.ref_name }}"
+          body: Automated baseline update PR created by Lost Pixel
diff --git a/.lostpixel/.gitignore b/.lostpixel/.gitignore
@@ -0,0 +1,2 @@
+current
+difference
diff --git a/.lostpixel/baseline/association--about-us__[w1024px].png b/.lostpixel/baseline/association--about-us__[w1024px].png
diff --git a/.lostpixel/baseline/association--about-us__[w1280px].png b/.lostpixel/baseline/association--about-us__[w1280px].png
diff --git a/.lostpixel/baseline/association--about-us__[w1440px].png b/.lostpixel/baseline/association--about-us__[w1440px].png
diff --git a/.lostpixel/baseline/association--about-us__[w1920px].png b/.lostpixel/baseline/association--about-us__[w1920px].png
diff --git a/.lostpixel/baseline/association--about-us__[w2560px].png b/.lostpixel/baseline/association--about-us__[w2560px].png
diff --git a/.lostpixel/baseline/association--about-us__[w375px].png b/.lostpixel/baseline/association--about-us__[w375px].png
diff --git a/.lostpixel/baseline/association--about-us__[w414px].png b/.lostpixel/baseline/association--about-us__[w414px].png
diff --git a/.lostpixel/baseline/association--about-us__[w768px].png b/.lostpixel/baseline/association--about-us__[w768px].png
diff --git a/.lostpixel/baseline/association--join__[w1024px].png b/.lostpixel/baseline/association--join__[w1024px].png
diff --git a/.lostpixel/baseline/association--join__[w1280px].png b/.lostpixel/baseline/association--join__[w1280px].png
diff --git a/.lostpixel/baseline/association--join__[w1440px].png b/.lostpixel/baseline/association--join__[w1440px].png
diff --git a/.lostpixel/baseline/association--join__[w1920px].png b/.lostpixel/baseline/association--join__[w1920px].png
diff --git a/.lostpixel/baseline/association--join__[w2560px].png b/.lostpixel/baseline/association--join__[w2560px].png
diff --git a/.lostpixel/baseline/association--join__[w375px].png b/.lostpixel/baseline/association--join__[w375px].png
diff --git a/.lostpixel/baseline/association--join__[w414px].png b/.lostpixel/baseline/association--join__[w414px].png
diff --git a/.lostpixel/baseline/association--join__[w768px].png b/.lostpixel/baseline/association--join__[w768px].png
diff --git a/.lostpixel/baseline/association--press-kit__[w1024px].png b/.lostpixel/baseline/association--press-kit__[w1024px].png
diff --git a/.lostpixel/baseline/association--press-kit__[w1280px].png b/.lostpixel/baseline/association--press-kit__[w1280px].png
diff --git a/.lostpixel/baseline/association--press-kit__[w1440px].png b/.lostpixel/baseline/association--press-kit__[w1440px].png
diff --git a/.lostpixel/baseline/association--press-kit__[w1920px].png b/.lostpixel/baseline/association--press-kit__[w1920px].png
diff --git a/.lostpixel/baseline/association--press-kit__[w2560px].png b/.lostpixel/baseline/association--press-kit__[w2560px].png
diff --git a/.lostpixel/baseline/association--press-kit__[w375px].png b/.lostpixel/baseline/association--press-kit__[w375px].png
diff --git a/.lostpixel/baseline/association--press-kit__[w414px].png b/.lostpixel/baseline/association--press-kit__[w414px].png
diff --git a/.lostpixel/baseline/association--press-kit__[w768px].png b/.lostpixel/baseline/association--press-kit__[w768px].png
diff --git a/.lostpixel/baseline/contribute--as-individual__[w1024px].png b/.lostpixel/baseline/contribute--as-individual__[w1024px].png
diff --git a/.lostpixel/baseline/contribute--as-individual__[w1280px].png b/.lostpixel/baseline/contribute--as-individual__[w1280px].png
diff --git a/.lostpixel/baseline/contribute--as-individual__[w1440px].png b/.lostpixel/baseline/contribute--as-individual__[w1440px].png
diff --git a/.lostpixel/baseline/contribute--as-individual__[w1920px].png b/.lostpixel/baseline/contribute--as-individual__[w1920px].png
diff --git a/.lostpixel/baseline/contribute--as-individual__[w2560px].png b/.lostpixel/baseline/contribute--as-individual__[w2560px].png
diff --git a/.lostpixel/baseline/contribute--as-individual__[w375px].png b/.lostpixel/baseline/contribute--as-individual__[w375px].png
diff --git a/.lostpixel/baseline/contribute--as-individual__[w414px].png b/.lostpixel/baseline/contribute--as-individual__[w414px].png
diff --git a/.lostpixel/baseline/contribute--as-individual__[w768px].png b/.lostpixel/baseline/contribute--as-individual__[w768px].png
diff --git a/.lostpixel/baseline/contribute--as-partner__[w1024px].png b/.lostpixel/baseline/contribute--as-partner__[w1024px].png
diff --git a/.lostpixel/baseline/contribute--as-partner__[w1280px].png b/.lostpixel/baseline/contribute--as-partner__[w1280px].png
diff --git a/.lostpixel/baseline/contribute--as-partner__[w1440px].png b/.lostpixel/baseline/contribute--as-partner__[w1440px].png
diff --git a/.lostpixel/baseline/contribute--as-partner__[w1920px].png b/.lostpixel/baseline/contribute--as-partner__[w1920px].png
diff --git a/.lostpixel/baseline/contribute--as-partner__[w2560px].png b/.lostpixel/baseline/contribute--as-partner__[w2560px].png
diff --git a/.lostpixel/baseline/contribute--as-partner__[w375px].png b/.lostpixel/baseline/contribute--as-partner__[w375px].png
diff --git a/.lostpixel/baseline/contribute--as-partner__[w414px].png b/.lostpixel/baseline/contribute--as-partner__[w414px].png
diff --git a/.lostpixel/baseline/contribute--as-partner__[w768px].png b/.lostpixel/baseline/contribute--as-partner__[w768px].png
diff --git a/.lostpixel/baseline/contribute--as-speaker__[w1024px].png b/.lostpixel/baseline/contribute--as-speaker__[w1024px].png
diff --git a/.lostpixel/baseline/contribute--as-speaker__[w1280px].png b/.lostpixel/baseline/contribute--as-speaker__[w1280px].png
diff --git a/.lostpixel/baseline/contribute--as-speaker__[w1440px].png b/.lostpixel/baseline/contribute--as-speaker__[w1440px].png
diff --git a/.lostpixel/baseline/contribute--as-speaker__[w1920px].png b/.lostpixel/baseline/contribute--as-speaker__[w1920px].png
diff --git a/.lostpixel/baseline/contribute--as-speaker__[w2560px].png b/.lostpixel/baseline/contribute--as-speaker__[w2560px].png
diff --git a/.lostpixel/baseline/contribute--as-speaker__[w375px].png b/.lostpixel/baseline/contribute--as-speaker__[w375px].png
diff --git a/.lostpixel/baseline/contribute--as-speaker__[w414px].png b/.lostpixel/baseline/contribute--as-speaker__[w414px].png
diff --git a/.lostpixel/baseline/contribute--as-speaker__[w768px].png b/.lostpixel/baseline/contribute--as-speaker__[w768px].png
diff --git a/.lostpixel/baseline/contribute--as-sponsor__[w1024px].png b/.lostpixel/baseline/contribute--as-sponsor__[w1024px].png
diff --git a/.lostpixel/baseline/contribute--as-sponsor__[w1280px].png b/.lostpixel/baseline/contribute--as-sponsor__[w1280px].png
diff --git a/.lostpixel/baseline/contribute--as-sponsor__[w1440px].png b/.lostpixel/baseline/contribute--as-sponsor__[w1440px].png
diff --git a/.lostpixel/baseline/contribute--as-sponsor__[w1920px].png b/.lostpixel/baseline/contribute--as-sponsor__[w1920px].png
diff --git a/.lostpixel/baseline/contribute--as-sponsor__[w2560px].png b/.lostpixel/baseline/contribute--as-sponsor__[w2560px].png
diff --git a/.lostpixel/baseline/contribute--as-sponsor__[w375px].png b/.lostpixel/baseline/contribute--as-sponsor__[w375px].png
diff --git a/.lostpixel/baseline/contribute--as-sponsor__[w414px].png b/.lostpixel/baseline/contribute--as-sponsor__[w414px].png
diff --git a/.lostpixel/baseline/contribute--as-sponsor__[w768px].png b/.lostpixel/baseline/contribute--as-sponsor__[w768px].png
diff --git a/.lostpixel/baseline/homepage__[w1024px].png b/.lostpixel/baseline/homepage__[w1024px].png
diff --git a/.lostpixel/baseline/homepage__[w1280px].png b/.lostpixel/baseline/homepage__[w1280px].png
diff --git a/.lostpixel/baseline/homepage__[w1440px].png b/.lostpixel/baseline/homepage__[w1440px].png
diff --git a/.lostpixel/baseline/homepage__[w1920px].png b/.lostpixel/baseline/homepage__[w1920px].png
diff --git a/.lostpixel/baseline/homepage__[w2560px].png b/.lostpixel/baseline/homepage__[w2560px].png
diff --git a/.lostpixel/baseline/homepage__[w375px].png b/.lostpixel/baseline/homepage__[w375px].png
diff --git a/.lostpixel/baseline/homepage__[w414px].png b/.lostpixel/baseline/homepage__[w414px].png
diff --git a/.lostpixel/baseline/homepage__[w768px].png b/.lostpixel/baseline/homepage__[w768px].png
diff --git a/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w1024px].png b/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w1024px].png
diff --git a/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w1280px].png b/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w1280px].png
diff --git a/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w1440px].png b/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w1440px].png
diff --git a/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w1920px].png b/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w1920px].png
diff --git a/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w2560px].png b/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w2560px].png
diff --git a/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w375px].png b/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w375px].png
diff --git a/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w414px].png b/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w414px].png
diff --git a/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w768px].png b/.lostpixel/baseline/partecipate--events--open-source-day-2024__[w768px].png
diff --git a/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w1024px].png b/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w1024px].png
diff --git a/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w1280px].png b/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w1280px].png
diff --git a/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w1440px].png b/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w1440px].png
diff --git a/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w1920px].png b/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w1920px].png
diff --git a/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w2560px].png b/...xel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w2560px].png
diff --git a/...ixel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w375px].png b/...ixel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w375px].png
diff --git a/...ixel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w414px].png b/...ixel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w414px].png
diff --git a/...ixel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w768px].png b/...ixel/baseline/partecipate--events--sh-session-dev-devrel-nel-2024__[w768px].png
diff --git a/.lostpixel/baseline/partecipate-events__[w1024px].png b/.lostpixel/baseline/partecipate-events__[w1024px].png
diff --git a/.lostpixel/baseline/partecipate-events__[w1280px].png b/.lostpixel/baseline/partecipate-events__[w1280px].png
diff --git a/.lostpixel/baseline/partecipate-events__[w1440px].png b/.lostpixel/baseline/partecipate-events__[w1440px].png
diff --git a/.lostpixel/baseline/partecipate-events__[w1920px].png b/.lostpixel/baseline/partecipate-events__[w1920px].png
diff --git a/.lostpixel/baseline/partecipate-events__[w2560px].png b/.lostpixel/baseline/partecipate-events__[w2560px].png
diff --git a/.lostpixel/baseline/partecipate-events__[w375px].png b/.lostpixel/baseline/partecipate-events__[w375px].png
diff --git a/.lostpixel/baseline/partecipate-events__[w414px].png b/.lostpixel/baseline/partecipate-events__[w414px].png
diff --git a/.lostpixel/baseline/partecipate-events__[w768px].png b/.lostpixel/baseline/partecipate-events__[w768px].png
diff --git a/.lostpixel/baseline/partecipate-local-communities__[w1024px].png b/.lostpixel/baseline/partecipate-local-communities__[w1024px].png
diff --git a/.lostpixel/baseline/partecipate-local-communities__[w1280px].png b/.lostpixel/baseline/partecipate-local-communities__[w1280px].png
diff --git a/.lostpixel/baseline/partecipate-local-communities__[w1440px].png b/.lostpixel/baseline/partecipate-local-communities__[w1440px].png
diff --git a/.lostpixel/baseline/partecipate-local-communities__[w1920px].png b/.lostpixel/baseline/partecipate-local-communities__[w1920px].png
diff --git a/.lostpixel/baseline/partecipate-local-communities__[w2560px].png b/.lostpixel/baseline/partecipate-local-communities__[w2560px].png
diff --git a/.lostpixel/baseline/partecipate-local-communities__[w375px].png b/.lostpixel/baseline/partecipate-local-communities__[w375px].png
diff --git a/.lostpixel/baseline/partecipate-local-communities__[w414px].png b/.lostpixel/baseline/partecipate-local-communities__[w414px].png
diff --git a/.lostpixel/baseline/partecipate-local-communities__[w768px].png b/.lostpixel/baseline/partecipate-local-communities__[w768px].png
diff --git a/.lostpixel/baseline/partecipate-projects__[w1024px].png b/.lostpixel/baseline/partecipate-projects__[w1024px].png
diff --git a/.lostpixel/baseline/partecipate-projects__[w1280px].png b/.lostpixel/baseline/partecipate-projects__[w1280px].png
diff --git a/.lostpixel/baseline/partecipate-projects__[w1440px].png b/.lostpixel/baseline/partecipate-projects__[w1440px].png
diff --git a/.lostpixel/baseline/partecipate-projects__[w1920px].png b/.lostpixel/baseline/partecipate-projects__[w1920px].png
diff --git a/.lostpixel/baseline/partecipate-projects__[w2560px].png b/.lostpixel/baseline/partecipate-projects__[w2560px].png
diff --git a/.lostpixel/baseline/partecipate-projects__[w375px].png b/.lostpixel/baseline/partecipate-projects__[w375px].png
diff --git a/.lostpixel/baseline/partecipate-projects__[w414px].png b/.lostpixel/baseline/partecipate-projects__[w414px].png
diff --git a/.lostpixel/baseline/partecipate-projects__[w768px].png b/.lostpixel/baseline/partecipate-projects__[w768px].png
diff --git a/.lostpixel/baseline/speaker--costa-tsaousis__[w1024px].png b/.lostpixel/baseline/speaker--costa-tsaousis__[w1024px].png
diff --git a/.lostpixel/baseline/speaker--costa-tsaousis__[w1280px].png b/.lostpixel/baseline/speaker--costa-tsaousis__[w1280px].png
diff --git a/.lostpixel/baseline/speaker--costa-tsaousis__[w1440px].png b/.lostpixel/baseline/speaker--costa-tsaousis__[w1440px].png
diff --git a/.lostpixel/baseline/speaker--costa-tsaousis__[w1920px].png b/.lostpixel/baseline/speaker--costa-tsaousis__[w1920px].png
diff --git a/.lostpixel/baseline/speaker--costa-tsaousis__[w2560px].png b/.lostpixel/baseline/speaker--costa-tsaousis__[w2560px].png
diff --git a/.lostpixel/baseline/speaker--costa-tsaousis__[w375px].png b/.lostpixel/baseline/speaker--costa-tsaousis__[w375px].png
diff --git a/.lostpixel/baseline/speaker--costa-tsaousis__[w414px].png b/.lostpixel/baseline/speaker--costa-tsaousis__[w414px].png
diff --git a/.lostpixel/baseline/speaker--costa-tsaousis__[w768px].png b/.lostpixel/baseline/speaker--costa-tsaousis__[w768px].png
diff --git a/.lostpixel/baseline/watch--netdata-open-source__[w1024px].png b/.lostpixel/baseline/watch--netdata-open-source__[w1024px].png
diff --git a/.lostpixel/baseline/watch--netdata-open-source__[w1280px].png b/.lostpixel/baseline/watch--netdata-open-source__[w1280px].png
diff --git a/.lostpixel/baseline/watch--netdata-open-source__[w1440px].png b/.lostpixel/baseline/watch--netdata-open-source__[w1440px].png
diff --git a/.lostpixel/baseline/watch--netdata-open-source__[w1920px].png b/.lostpixel/baseline/watch--netdata-open-source__[w1920px].png
diff --git a/.lostpixel/baseline/watch--netdata-open-source__[w2560px].png b/.lostpixel/baseline/watch--netdata-open-source__[w2560px].png
diff --git a/.lostpixel/baseline/watch--netdata-open-source__[w375px].png b/.lostpixel/baseline/watch--netdata-open-source__[w375px].png
diff --git a/.lostpixel/baseline/watch--netdata-open-source__[w414px].png b/.lostpixel/baseline/watch--netdata-open-source__[w414px].png
diff --git a/.lostpixel/baseline/watch--netdata-open-source__[w768px].png b/.lostpixel/baseline/watch--netdata-open-source__[w768px].png
diff --git a/.lostpixel/baseline/watch__[w1024px].png b/.lostpixel/baseline/watch__[w1024px].png
diff --git a/.lostpixel/baseline/watch__[w1280px].png b/.lostpixel/baseline/watch__[w1280px].png
diff --git a/.lostpixel/baseline/watch__[w1440px].png b/.lostpixel/baseline/watch__[w1440px].png
diff --git a/.lostpixel/baseline/watch__[w1920px].png b/.lostpixel/baseline/watch__[w1920px].png
diff --git a/.lostpixel/baseline/watch__[w2560px].png b/.lostpixel/baseline/watch__[w2560px].png
diff --git a/.lostpixel/baseline/watch__[w375px].png b/.lostpixel/baseline/watch__[w375px].png
diff --git a/.lostpixel/baseline/watch__[w414px].png b/.lostpixel/baseline/watch__[w414px].png
diff --git a/.lostpixel/baseline/watch__[w768px].png b/.lostpixel/baseline/watch__[w768px].png
diff --git a/lostpixel.config.ts b/lostpixel.config.ts
@@ -0,0 +1,41 @@
+import type { CustomProjectConfig } from "lost-pixel"
+
+export const config: CustomProjectConfig = {
+  pageShots: {
+    pages: [
+      { path: "/", name: "homepage" },
+      { path: "/watch", name: "watch" },
+      { path: "/partecipate/events", name: "partecipate-events" },
+      { path: "/partecipate/projects", name: "partecipate-projects" },
+      { path: "/partecipate/local-communities", name: "partecipate-local-communities" },
+      { path: "/contribute/as-individual", name: "contribute--as-individual" },
+      { path: "/contribute/as-speaker", name: "contribute--as-speaker" },
+      { path: "/contribute/as-partner", name: "contribute--as-partner" },
+      { path: "/contribute/as-sponsor", name: "contribute--as-sponsor" },
+      { path: "/association/about-us", name: "association--about-us" },
+      { path: "/association/join", name: "association--join" },
+      { path: "/association/press-kit", name: "association--press-kit" },
+      {
+        path: "/watch/costa-tsaousis-netdata-open-source-distributed-observability-pipeline-journey-and-challenges",
+        name: "watch--netdata-open-source",
+      },
+      { path: "/speaker/costa-tsaousis", name: "speaker--costa-tsaousis" },
+
+      { path: "/partecipate/events/open-source-day-2024", name: "partecipate--events--open-source-day-2024" },
+      {
+        path: "/partecipate/events/sh-session-dev-devrel-nel-2024",
+        name: "partecipate--events--sh-session-dev-devrel-nel-2024",
+      },
+    ],
+    // IP should be localhost when running locally & 172.17.0.1 when running in GitHub action
+
+    baseUrl: "http://10.45.3.180:3000",
+    breakpoints: [375, 414, 768, 1024, 1280, 1440, 1920, 2560],
+  },
+  // OSS mode
+  generateOnly: false,
+  failOnDifference: true,
+
+  // lostPixelProjectId: "cm4xebtf70p3a49r7n8buzwah",
+  // apiKey: process.env.LOST_PIXEL_API_KEY,
+}