Add files via upload #5
This file contains 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: astronaut | |
| on: | |
| push: | |
| paths: | |
| - 'majortom/astronaut/pictures/**' | |
| - 'majortom/astronaut.html' | |
| workflow_dispatch: | |
| jobs: | |
| update-gallery: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v2 | |
| - name: Generate astronaut.html | |
| run: | | |
| echo "Generating astronaut.html..." | |
| echo '<!DOCTYPE html><html lang="en">' > majortom/astronaut.html | |
| echo '<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0">' >> majortom/astronaut.html | |
| echo '<title>Intergalactic astronaut</title>' >> majortom/astronaut.html | |
| echo '<link rel="preconnect" href="https://fonts.googleapis.com">' >> majortom/astronaut.html | |
| echo '<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>' >> majortom/astronaut.html | |
| echo '<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">' >> majortom/astronaut.html | |
| echo '<link rel="stylesheet" href="https://unpkg.com/nes.css/css/nes.css" />' >> majortom/astronaut.html | |
| echo '<style>' >> majortom/astronaut.html | |
| echo 'body { background-color: #142936; color: #92cfbf; margin: 0; font-family: "Press Start 2P", cursive; }' >> majortom/astronaut.html | |
| echo '.header { position: fixed; top: 0; left: 0; right: 0; background-color: #224357; padding: 5px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0px 4px 10px rgba(8, 17, 23, 0.9); z-index: 10; }' >> majortom/astronaut.html | |
| echo '.header a { color: #cd3162; text-decoration: none; font-family: "Press Start 2P", cursive; font-size: 1em; }' >> majortom/astronaut.html | |
| echo '.buttons { display: flex; gap: 2px; }' >> majortom/astronaut.html | |
| echo '.nes-btn { margin-right: 2px; }' >> majortom/astronaut.html | |
| echo '.nes-btn:last-child { margin-right: 0; }' >> majortom/astronaut.html | |
| echo '#myMosaic { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; } img { margin: 0; display: block; border: none; max-width: calc(50% - 0px); height: auto; }' >> majortom/astronaut.html | |
| echo 'h1 { text-align: center; color: #dedcff; margin: 80px 0 14px; font-size: 14px; }' >> majortom/astronaut.html | |
| echo 'footer { text-align: left; padding: 10px; font-size: 10px; background-color: #224357; color: #92cfbf; }' >> majortom/astronaut.html | |
| echo 'footer a { color: inherit; text-decoration: none; }' >> majortom/astronaut.html | |
| echo '</style></head><body>' >> majortom/astronaut.html | |
| # Header | |
| echo '<div class="header">' >> majortom/astronaut.html | |
| echo ' <a href="https://brunurb.github.io/"><span class="nes-icon home is-small"></span> brunurb</a>' >> majortom/astronaut.html | |
| echo ' <div class="buttons">' >> majortom/astronaut.html | |
| echo ' <a href="https://brunurb.github.io/astronaut"><button type="button" class="nes-btn is-primary">Astronaut</button></a>' >> majortom/astronaut.html | |
| echo ' <a href="https://brunurb.github.io/spacecraft"><button type="button" class="nes-btn is-success">Spacecraft</button></a>' >> majortom/astronaut.html | |
| echo ' <a href="https://brunurb.github.io/controls"><button type="button" class="nes-btn is-warning">Controls</button></a>' >> majortom/astronaut.html | |
| echo ' <a href="https://brunurb.github.io/planets"><button type="button" class="nes-btn is-error">917</button></a>' >> majortom/astronaut.html | |
| echo ' <a href="https://brunurb.github.io/917"><button type="button" class="nes-btn is-warning">917</button></a>' >> majortom/astronaut.html | |
| echo ' </div>' >> majortom/astronaut.html | |
| echo '</div>' >> majortom/astronaut.html | |
| # Main content with centered text in mosaic div | |
| echo '<main>' >> majortom/astronaut.html | |
| echo '<h1>Intergalactic astronaut</h1>' >> majortom/astronaut.html | |
| echo '<div id="myMosaic">' >> majortom/astronaut.html | |
| # Correctly add the images inside the myMosaic div | |
| for img in $(ls astronaut/pictures | grep -E '\.jpeg$|\.jpg$|\.gif$|\.svg$|\.png$|\.webp$'); do | |
| echo "<img src='pictures/$img' alt='Gallery Image' />" >> majortom/astronaut.html | |
| done | |
| echo '</div>' >> majortom/astronaut.html | |
| echo '</main>' >> majortom/astronaut.html | |
| # Footer with copyright symbol | |
| echo '<footer>© <a href="https://brunurb.github.io/">by brunurb</a></footer>' >> majortom/astronaut.html | |
| echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>' >> majortom/astronaut.html | |
| echo '<script type="text/javascript" src="jquery.mosaic.js"></script>' >> majortom/astronaut.html | |
| echo '<script type="text/javascript" src="scripts.js"></script>' >> majortom/astronaut.html | |
| echo '<script>$(document).ready(function() { $("#myMosaic").Mosaic({ maxRowHeight: 200 }); });</script>' >> majortom/astronaut.html | |
| echo '</body></html>' >> majortom/astronaut.html | |
| - name: Commit changes | |
| run: | | |
| git config --local user.email "github-actions@github.com" | |
| git config --local user.name "GitHub Action" | |
| git add majortom/astronaut.html | |
| git commit -m "Regenerate astronaut.html for mosaic gallery" || echo "No changes to commit" | |
| git push origin master # Make sure this matches your main branch |