diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index 06ce4dc..c6244f2 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -3,65 +3,13 @@ name: Deploy to GitHub Pages on: push: branches: ["main"] - pull_request: + pull_request: branches: ["main"] - - # Allows you to run this workflow manually from the Actions tab workflow_dispatch: -permissions: - contents: read - pages: write - id-token: write - -concurrency: - group: "pages" - cancel-in-progress: false - jobs: - build-and-test: - runs-on: ubuntu-latest - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Setup Ruby - uses: ruby/setup-ruby@v1 - with: - ruby-version: '3.2' - bundler-cache: true - - - name: Build with Jekyll - run: bundle exec jekyll build - - - name: Setup Node - uses: actions/setup-node@v4 - with: - node-version: 20 - cache: 'npm' - - - name: Install dependencies - run: npm ci - - - name: Install Playwright Browsers - run: npx playwright install chromium --with-deps - - - name: Run Playwright tests - run: npx playwright test - - - name: Upload artifact - uses: actions/upload-pages-artifact@v3 - with: - path: _site - - deploy: - if: github.ref == 'refs/heads/main' - environment: - name: github-pages - url: ${{ steps.deployment.outputs.page_url }} - runs-on: ubuntu-latest - needs: build-and-test - steps: - - name: Deploy to GitHub Pages - id: deployment - uses: actions/deploy-pages@v4 + call-jekyll-deployment: + uses: digitaledsafety/workflows/.github/workflows/reusable-jekyll-playwright-deploy.yml@main + with: + ruby-version: '3.2' + node-version: '20' diff --git a/_layouts/default.html b/_layouts/default.html index cd6f428..ab43478 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -444,6 +444,41 @@ pointer-events: none; text-transform: uppercase; } + + /* Full Screen Flyout Styles */ + .blocklyFlyout { + z-index: 3000 !important; + } + + #flyout-close-button { + position: fixed; + top: 20px; + right: 20px; + z-index: 5000; + background: #ff4d4d; + color: white; + border: none; + border-radius: 50%; + width: 50px; + height: 50px; + font-size: 32px; + cursor: pointer; + display: none; + justify-content: center; + align-items: center; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); + } + + .flyout-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + z-index: 2500; + display: none; + } -
Your journey into interactive 3D development starts here. Click the button below to begin.
- +