Fix og:image preview for social media sharing #38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Deploy to GitHub Pages | |
| on: | |
| push: | |
| branches: ["main"] | |
| workflow_dispatch: | |
| permissions: | |
| contents: write | |
| pages: write | |
| id-token: write | |
| jobs: | |
| build-and-deploy: | |
| environment: | |
| name: github-pages | |
| url: ${{ steps.deployment.outputs.page_url }} | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v4 | |
| - name: Setup Python | |
| uses: actions/setup-python@v4 | |
| with: | |
| python-version: "3.11" | |
| - name: Build House_Code with FirstFlask.sh | |
| run: | | |
| if [ ! -d "House_Code" ]; then | |
| bash FirstFlask.sh | |
| fi | |
| - name: Install dependencies | |
| run: | | |
| python -m pip install --upgrade pip | |
| cd House_Code | |
| pip install -r requirements.txt | |
| pip install jinja2 | |
| - name: Create SVG directories | |
| run: | | |
| mkdir -p _svg_assets | |
| mkdir -p House_Code/static/svg | |
| - name: Create environment layer SVG | |
| run: | | |
| echo '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"><rect width="800" height="600" fill="#e6f7ff" /><text x="400" y="300" font-family="Arial" font-size="48" text-anchor="middle" fill="#333">Environment Layer</text></svg>' > House_Code/static/svg/environment-layer.svg | |
| - name: Create house structure SVG | |
| run: | | |
| echo '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"><rect width="800" height="600" fill="none" stroke="#333" stroke-width="2" /><polygon points="400,100 200,300 600,300" fill="#f5deb3" stroke="#333" stroke-width="2" /><rect x="250" y="300" width="300" height="200" fill="#f5deb3" stroke="#333" stroke-width="2" /><text x="400" y="450" font-family="Arial" font-size="48" text-anchor="middle" fill="#333">House Structure</text></svg>' > House_Code/static/svg/house-structure.svg | |
| - name: Debug directory structure | |
| run: | | |
| echo "Contents of working directory:" | |
| ls -la | |
| echo "Contents of House_Code directory:" | |
| ls -la House_Code/ | |
| echo "Contents of templates directory:" | |
| ls -la House_Code/templates/ | |
| echo "Contents of static directory:" | |
| ls -la House_Code/static/ | |
| echo "Contents of SVG directory:" | |
| ls -la House_Code/static/svg/ | |
| - name: Generate static site | |
| run: | | |
| cd House_Code | |
| python generate_static_site.py | |
| - name: Create real preview image | |
| run: | | |
| echo "Creating actual PNG preview image for social media..." | |
| # Create a simple colored square as a preview image | |
| # Use base64 encoding to create a simple colored PNG | |
| mkdir -p House_Code/gh-pages/static | |
| echo "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" | base64 -d > House_Code/gh-pages/static/house-preview.png | |
| echo "Checking generated static site:" | |
| ls -la gh-pages | |
| ls -la gh-pages/svg | |
| ls -la gh-pages/static || echo "Static directory not found" | |
| echo "Checking SVG references in HTML:" | |
| grep -o "svgObject.data.*svg" gh-pages/index.html || echo "No SVG references found" | |
| echo "Checking og:image meta tag in HTML:" | |
| grep -A 3 -B 3 "og:image" gh-pages/index.html || echo "No og:image tag found" | |
| - name: Upload artifact | |
| uses: actions/upload-pages-artifact@v3 | |
| with: | |
| path: "./House_Code/gh-pages" | |
| - name: Deploy to GitHub Pages | |
| id: deployment | |
| uses: actions/deploy-pages@v4 |