@@ -15,51 +15,27 @@ jobs:
1515 - name : Checkout
1616 uses : actions/checkout@v4
1717
18- - name : Create basic site
19- run : |
20- mkdir -p _site
21- cp -r _svg_assets _site/svg
22-
23- # Create index.html with inline HTML
24- echo '<!DOCTYPE html>
25- <html lang="en">
26- <head>
27- <meta charset="UTF-8">
28- <meta name="viewport" content="width=device-width, initial-scale=1.0">
29- <title>The House that Code Built</title>
30- <style>
31- body {margin:0; padding:0; font-family:Arial, sans-serif;}
32- .container {display:flex; width:100%;}
33- .left-column {width:25%; flex:0 0 25%; background:#f0f0f0; padding:15px; box-sizing:border-box;}
34- .center-column {width:55%; flex:0 0 55%; padding:15px; box-sizing:border-box;}
35- .right-column {width:20%; flex:0 0 20%; background:#f0f0f0; padding:15px; box-sizing:border-box;}
36- </style>
37- </head>
38- <body>
39- <div class="container">
40- <div class="left-column">
41- <h2>Presets</h2>
42- <p>Left column (25%)</p>
43- </div>
44- <div class="center-column">
45- <h2>Visualization</h2>
46- <img src="svg/house-structure.svg" alt="House Structure" width="100%">
47- <img src="svg/environment-layer.svg" alt="Environment Layer" width="100%">
48- </div>
49- <div class="right-column">
50- <h2>Layer Controls</h2>
51- <p>Right column (20%)</p>
52- </div>
53- </div>
54- </body>
55- </html>' > _site/index.html
56-
57- # Debug output
58- find _site -type f | sort
18+ - name : Setup Node.js
19+ uses : actions/setup-node@v4
20+ with :
21+ node-version : ' 20'
5922
23+ - name : Create site directory
24+ run : mkdir -p _site
25+
26+ - name : Copy SVG assets
27+ run : cp -r _svg_assets _site/svg
28+
29+ - name : Create HTML files
30+ run : |
31+ # Create index.html with proper metadata
32+ echo '<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="The House that Code Built - Interactive Learning Tool"><meta name="author" content="TortoiseWolfe"><title>The House that Code Built</title><style>body{margin:0;padding:0;font-family:Arial,sans-serif}.container{display:flex;width:100%}.left-column{width:25%;flex:0 0 25%;background:#f0f0f0;padding:15px;box-sizing:border-box}.center-column{width:55%;flex:0 0 55%;padding:15px;box-sizing:border-box}.right-column{width:20%;flex:0 0 20%;background:#f0f0f0;padding:15px;box-sizing:border-box}</style></head><body><div class="container"><div class="left-column"><h2>Presets</h2><p>Left column (25%)</p></div><div class="center-column"><h2>Visualization</h2><img src="svg/house-structure.svg" alt="House Structure" width="100%"><img src="svg/environment-layer.svg" alt="Environment Layer" width="100%"></div><div class="right-column"><h2>Layer Controls</h2><p>Right column (20%)</p></div></div></body></html>' > _site/index.html
33+
34+ name : Install gh-pages
35+ run :
npm install -g [email protected] 36+
6037 - name : Deploy to GitHub Pages
61- uses : JamesIves/github-pages-deploy-action@v4
62- with :
63- folder : _site
64- branch : gh-pages
65- clean : true
38+ run : |
39+ git config user.name "GitHub Actions"
40+ git config user.email "[email protected] " 41+ npx gh-pages -d _site -t true
0 commit comments