1515 - name : Checkout
1616 uses : actions/checkout@v4
1717
18+ - name : Setup Node.js
19+ uses : actions/setup-node@v4
20+ with :
21+ node-version : ' 20'
22+
23+ - name : Create basic site with meta tags
24+ run : |
25+ mkdir -p _site/svg
26+ cp -r _svg_assets/* _site/svg/ || true
27+
28+ # Create index.html using echo with meta tags
29+ echo '<!DOCTYPE html>' > _site/index.html
30+ echo '<html lang="en">' >> _site/index.html
31+ echo '<head>' >> _site/index.html
32+ echo ' <meta charset="UTF-8">' >> _site/index.html
33+ echo ' <meta name="viewport" content="width=device-width, initial-scale=1.0">' >> _site/index.html
34+ echo ' <meta name="description" content="The House that Code Built - Interactive Learning Tool">' >> _site/index.html
35+ echo ' <meta name="author" content="TortoiseWolfe">' >> _site/index.html
36+ echo ' <meta name="keywords" content="web development, HTML, CSS, JavaScript, visualization">' >> _site/index.html
37+ echo ' <title>The House that Code Built</title>' >> _site/index.html
38+ echo ' <style>' >> _site/index.html
39+ echo ' body{margin:0;padding:0;font-family:Arial,sans-serif}' >> _site/index.html
40+ echo ' .container{display:flex;width:100%}' >> _site/index.html
41+ echo ' .left-column{width:25%;flex:0 0 25%;background:#f0f0f0;padding:15px;box-sizing:border-box}' >> _site/index.html
42+ echo ' .center-column{width:55%;flex:0 0 55%;padding:15px;box-sizing:border-box}' >> _site/index.html
43+ echo ' .right-column{width:20%;flex:0 0 20%;background:#f0f0f0;padding:15px;box-sizing:border-box}' >> _site/index.html
44+ echo ' </style>' >> _site/index.html
45+ echo '</head>' >> _site/index.html
46+ echo '<body>' >> _site/index.html
47+ echo ' <div class="container">' >> _site/index.html
48+ echo ' <div class="left-column">' >> _site/index.html
49+ echo ' <h2>Presets</h2>' >> _site/index.html
50+ echo ' <p>Left column (25%)</p>' >> _site/index.html
51+ echo ' </div>' >> _site/index.html
52+ echo ' <div class="center-column">' >> _site/index.html
53+ echo ' <h2>Visualization</h2>' >> _site/index.html
54+ echo ' <img src="svg/house-structure.svg" alt="House Structure" width="100%">' >> _site/index.html
55+ echo ' <img src="svg/environment-layer.svg" alt="Environment Layer" width="100%">' >> _site/index.html
56+ echo ' </div>' >> _site/index.html
57+ echo ' <div class="right-column">' >> _site/index.html
58+ echo ' <h2>Layer Controls</h2>' >> _site/index.html
59+ echo ' <p>Right column (20%)</p>' >> _site/index.html
60+ echo ' </div>' >> _site/index.html
61+ echo ' </div>' >> _site/index.html
62+ echo '</body>' >> _site/index.html
63+ echo '</html>' >> _site/index.html
64+
1865 - name : Deploy
1966 uses : peaceiris/actions-gh-pages@v3
2067 with :
2168 github_token : ${{ github.token }}
22- publish_dir : ./_svg_assets
69+ publish_dir : ./_site
2370 enable_jekyll : false
0 commit comments