-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
203 additions
and
0 deletions.
There are no files selected for viewing
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,203 @@ | ||
| name: misc | ||
|
|
||
| on: | ||
| push: | ||
| paths: | ||
| - 'majortom/misc/pictures/**' | ||
| - 'majortom/misc.html' | ||
| workflow_dispatch: | ||
|
|
||
| jobs: | ||
| update-misc-html: | ||
| runs-on: ubuntu-latest | ||
|
|
||
| steps: | ||
| - name: Checkout repository | ||
| uses: actions/checkout@v2 | ||
|
|
||
| - name: Set up Python | ||
| uses: actions/setup-python@v2 | ||
| with: | ||
| python-version: '3.x' | ||
|
|
||
| - name: Install dependencies | ||
| run: | | ||
| python -m pip install --upgrade pip | ||
| pip install beautifulsoup4 requests | ||
| - name: Fetch image URLs from Google Photos album | ||
| id: fetch_images | ||
| run: | | ||
| import requests | ||
| from bs4 import BeautifulSoup | ||
| # Public Google Photos album link | ||
| album_url = "https://photos.app.goo.gl/5j5NeDQBiUmcyjhq6" | ||
| response = requests.get(album_url) | ||
| # Verify that the request was successful | ||
| if response.status_code != 200: | ||
| raise Exception(f"Failed to fetch album: {response.status_code}") | ||
| # Parse the HTML content of the album page | ||
| soup = BeautifulSoup(response.text, 'html.parser') | ||
| # Retrieve all image tags | ||
| image_tags = soup.find_all('img') | ||
| # Extract URLs from image tags | ||
| image_urls = [] | ||
| for img in image_tags: | ||
| img_url = img.get('src') | ||
| if img_url and img_url.startswith('http'): | ||
| image_urls.append(img_url) | ||
| # Create a text file with the image URLs | ||
| output = '\n'.join(image_urls) | ||
| with open('image_urls.txt', 'w') as file: | ||
| file.write(output) | ||
| - name: Generate misc.html | ||
| run: | | ||
| echo "Generating misc.html..." | ||
| echo '<!DOCTYPE html><html lang="en">' > majortom/misc.html | ||
| echo '<head>' >> majortom/misc.html | ||
| echo ' <meta charset="UTF-8">' >> majortom/misc.html | ||
| echo ' <meta name="viewport" content="width=device-width, initial-scale=1.0">' >> majortom/misc.html | ||
| echo ' <title>Miscellaneous Images</title>' >> majortom/misc.html | ||
| echo ' <link rel="stylesheet" href="https://brunurb.github.io/majortom/main.css">' >> majortom/misc.html | ||
| echo ' <link rel="stylesheet" href="https://brunurb.github.io/majortom/misc/jquery.mosaic.css">' >> majortom/misc.html | ||
| echo ' <link rel="icon" href="https://brunurb.github.io/mooo/assets/img/favicon.ico">' >> majortom/misc.html | ||
| echo ' <style>' >> majortom/misc.html | ||
| echo ' body { background-color: #142936; color: #92cfbf; margin: 0; font-family: Arial, Helvetica, sans-serif; }' >> majortom/misc.html | ||
| echo ' #myMosaic { margin: 20px 0 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }' >> majortom/misc.html | ||
| echo ' #myMosaic img { border: none; max-width: calc(100% / 8); height: auto; cursor: pointer; }' >> majortom/misc.html | ||
| echo ' h1 { text-align: center; color: #e8e6eb; margin: 40px 0 -10px; font-size: 18px; font-family: "Arial", sans-serif; text-transform: uppercase; }' >> majortom/misc.html | ||
| echo ' #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none; z-index: 1000; justify-content: center; align-items: center; }' >> majortom/misc.html | ||
| echo ' #overlay.show { display: flex; }' >> majortom/misc.html | ||
| echo ' .overlay-content { display: flex; justify-content: center; align-items: center; max-width: 90%; max-height: 90%; position: relative; }' >> majortom/misc.html | ||
| echo ' #overlay img { max-width: 100%; max-height: 100%; display: block; }' >> majortom/misc.html | ||
| echo ' #close { position: absolute; top: 20px; right: 30px; font-size: 40px; color: white; cursor: pointer; }' >> majortom/misc.html | ||
| echo ' button { position: fixed; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; font-size: 30px; cursor: pointer; z-index: 1001; }' >> majortom/misc.html | ||
| echo ' #prevBtn { left: 20px; }' >> majortom/misc.html | ||
| echo ' #nextBtn { right: 20px; }' >> majortom/misc.html | ||
| echo ' </style>' >> majortom/misc.html | ||
| echo '</head>' >> majortom/misc.html | ||
| # Adding the header | ||
| echo '<body>' >> majortom/misc.html | ||
| echo ' <header>' >> majortom/misc.html | ||
| echo ' <ul class="navbar-top">' >> majortom/misc.html | ||
| echo ' <li id="nav-company"><a href="https://brunurb.github.io">brunurb</a></li>' >> majortom/misc.html | ||
| echo ' <li><a href="https://brunurb.github.io/">Home</a></li>' >> majortom/misc.html | ||
| echo ' <li class="dropdown"><a href="#">About ▼</a>' >> majortom/misc.html | ||
| echo ' <ul class="dropdown-menu">' >> majortom/misc.html | ||
| echo ' <li><a href="https://brunurb.github.io/mooo/index.html">About</a></li>' >> majortom/misc.html | ||
| echo ' <li><a href="https://brunurb.github.io/web">links</a></li>' >> majortom/misc.html | ||
| echo ' <li><a href="mailto:eargdu3d5@mozmail.com">Contact</a></li>' >> majortom/misc.html | ||
| echo ' </ul>' >> majortom/misc.html | ||
| echo ' </li>' >> majortom/misc.html | ||
| echo ' <li><a href="https://brunurb.github.io/majortom/">Portfolio</a></li>' >> majortom/misc.html | ||
| echo ' <li><a href="https://old.reddit.com/r/brunurb/" target="_blank">Blog</a></li>' >> majortom/misc.html | ||
| echo ' <li class="dropdown"><a href="#">Works ▼</a>' >> majortom/misc.html | ||
| echo ' <ul class="dropdown-menu">' >> majortom/misc.html | ||
| echo ' <li><a href="https://brunurb.github.io/mooo">Presentations</a></li>' >> majortom/misc.html | ||
| echo ' <li><a href="https://brunurb.github.io/web">Website 2</a></li>' >> majortom/misc.html | ||
| echo ' <li><a href="https://brunurb.github.io/majortom">8bit</a></li>' >> majortom/misc.html | ||
| echo ' <li><a href="https://brunurb.github.io/shortcuts">Shortcuts</a></li>' >> majortom/misc.html | ||
| echo ' <li><a href="https://brunurb.github.io/startpage">Startpage</a></li>' >> majortom/misc.html | ||
| echo ' </ul>' >> majortom/misc.html | ||
| echo ' </li>' >> majortom/misc.html | ||
| echo ' </ul>' >> majortom/misc.html | ||
| echo ' </header>' >> majortom/misc.html | ||
| # Add the title | ||
| echo '<h1>Miscellaneous Images</h1>' >> majortom/misc.html | ||
| # Mosaic images generation | ||
| echo ' <main>' >> majortom/misc.html | ||
| echo ' <div id="myMosaic">' >> majortom/misc.html | ||
| # Read image URLs from the generated file | ||
| with open('image_urls.txt', 'r') as file: | ||
| urls = file.readlines() | ||
| for url in urls: | ||
| echo "<img src='${url.strip()}' alt='Gallery Image' class='thumbnail' onclick='showImage(this.src)' />" >> majortom/misc.html | ||
| echo ' </div>' >> majortom/misc.html | ||
| # Overlay section with navigation arrows | ||
| echo ' <div id="overlay" onclick="closeOverlay(event)">' >> majortom/misc.html | ||
| echo ' <div class="overlay-content">' >> majortom/misc.html | ||
| echo ' <span id="close">×</span>' >> majortom/misc.html | ||
| echo ' <img id="overlay-image" src="" alt="Full Size Image" />' >> majortom/misc.html | ||
| echo ' <button id="prevBtn" onclick="showPrevious(event)">❮</button>' >> majortom/misc.html | ||
| echo ' <button id="nextBtn" onclick="showNext(event)">❯</button>' >> majortom/misc.html | ||
| echo ' </div>' >> majortom/misc.html | ||
| echo ' </div>' >> majortom/misc.html | ||
| echo ' </main>' >> majortom/misc.html | ||
| # Footer | ||
| echo ' <footer>' >> majortom/misc.html | ||
| echo ' <p>© 2024 brunurb</p>' >> majortom/misc.html | ||
| echo ' </footer>' >> majortom/misc.html | ||
| # Include jQuery and custom scripts | ||
| echo ' <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>' >> majortom/misc.html | ||
| echo ' <script type="text/javascript">' >> majortom/misc.html | ||
| echo ' document.addEventListener("DOMContentLoaded", function() {' >> majortom/misc.html | ||
| echo ' let currentIndex = 0;' >> majortom/misc.html | ||
| echo ' const imagesArray = [...document.querySelectorAll("#myMosaic img")];' >> majortom/misc.html | ||
| echo ' function showImage(src) {' >> majortom/misc.html | ||
| echo ' const overlay = document.getElementById("overlay");' >> majortom/misc.html | ||
| echo ' const overlayImage = document.getElementById("overlay-image");' >> majortom/misc.html | ||
| echo ' overlayImage.src = src;' >> majortom/misc.html | ||
| echo ' currentIndex = imagesArray.findIndex(img => img.src === src);' >> majortom/misc.html | ||
| echo ' overlay.classList.add("show");' >> majortom/misc.html | ||
| echo ' }' >> majortom/misc.html | ||
| echo ' function showPrevious(event) {' >> majortom/misc.html | ||
| echo ' event.stopPropagation();' >> majortom/misc.html | ||
| echo ' currentIndex = (currentIndex - 1 + imagesArray.length) % imagesArray.length;' >> majortom/misc.html | ||
| echo ' showImage(imagesArray[currentIndex].src);' >> majortom/misc.html | ||
| echo ' }' >> majortom/misc.html | ||
| echo ' function showNext(event) {' >> majortom/misc.html | ||
| echo ' event.stopPropagation();' >> majortom/misc.html | ||
| echo ' currentIndex = (currentIndex + 1) % imagesArray.length;' >> majortom/misc.html | ||
| echo ' showImage(imagesArray[currentIndex].src);' >> majortom/misc.html | ||
| echo ' }' >> majortom/misc.html | ||
| echo ' function closeOverlay(event) {' >> majortom/misc.html | ||
| echo ' if (event.target.id === "overlay" || event.target.id === "close") {' >> majortom/misc.html | ||
| echo ' const overlay = document.getElementById("overlay");' >> majortom/misc.html | ||
| echo ' overlay.classList.remove("show");' >> majortom/misc.html | ||
| echo ' }' >> majortom/misc.html | ||
| echo ' }' >> majortom/misc.html | ||
| echo ' const images = document.querySelectorAll("#myMosaic img");' >> majortom/misc.html | ||
| echo ' images.forEach(image => {' >> majortom/misc.html | ||
| echo ' image.addEventListener("click", function() {' >> majortom/misc.html | ||
| echo ' showImage(this.src);' >> majortom/misc.html | ||
| echo ' });' >> majortom/misc.html | ||
| echo ' });' >> majortom/misc.html | ||
| echo ' const overlay = document.getElementById("overlay");' >> majortom/misc.html | ||
| echo ' overlay.addEventListener("click", closeOverlay);' >> majortom/misc.html | ||
| echo ' const closeButton = document.getElementById("close");' >> majortom/misc.html | ||
| echo ' closeButton.addEventListener("click", closeOverlay);' >> majortom/misc.html | ||
| echo ' document.getElementById("prevBtn").addEventListener("click", showPrevious);' >> majortom/misc.html | ||
| echo ' document.getElementById("nextBtn").addEventListener("click", showNext);' >> majortom/misc.html | ||
| echo ' window.addEventListener("keydown", function(event) {' >> majortom/misc.html | ||
| echo ' if (event.key === "ArrowLeft") {' >> majortom/misc.html | ||
| echo ' showPrevious(event);' >> majortom/misc.html | ||
| echo ' } else if (event.key === "ArrowRight") {' >> majortom/misc.html | ||
| echo ' showNext(event);' >> majortom/misc.html | ||
| echo ' }' >> majortom/misc.html | ||
| echo ' });' >> majortom/misc.html | ||
| echo ' });' >> majortom/misc.html | ||
| echo ' </script>' >> majortom/misc.html | ||
| echo '</body></html>' >> majortom/misc.html | ||
| - name: Commit changes | ||
| run: | | ||
| git config --local user.email "github-actions@github.com" | ||
| git config --local user.name "GitHub Action" | ||
| git add majortom/misc.html image_urls.txt | ||
| git commit -m "Fetch images from Google Photos album and regenerate misc.html" || echo "No changes to commit" | ||
| git push origin master # Make sure this matches your main branch |