This directory contains the GitHub Pages website for PaleoPal.
- Go to your repository settings on GitHub
- Navigate to "Pages" in the left sidebar
- Under "Source", select:
- Source:
Deploy from a branch - Branch:
main(or your default branch) - Folder:
/docs
- Source:
- Click "Save"
The website will automatically deploy when you push changes to files in the docs/ directory, thanks to the GitHub Actions workflow (.github/workflows/pages.yml).
If you need to manually trigger a deployment:
- Go to the "Actions" tab in your repository
- Select "Deploy GitHub Pages" workflow
- Click "Run workflow"
After deployment, your site will be available at:
https://yourusername.github.io/paleopal/
To add demo videos, edit index.html and replace the video placeholders in the Demos section with embedded video iframes:
<div class="demo-item">
<h3>Your Demo Title</h3>
<div class="video-container">
<iframe
src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
</div>- Philosophy: Edit the
#philosophysection inindex.html - Installation: Update the
#installationsection with latest instructions - FAQs: Add or modify FAQ items in the
#faqssection - Styling: Modify
styles.cssto change colors, fonts, or layout
Place images in the docs/ directory and reference them in HTML:
<img src="your-image.png" alt="Description">docs/
├── index.html # Main website page
├── styles.css # Stylesheet
└── README.md # This file
- The website uses a clean, academic design inspired by research documentation sites
- All links in the footer should be updated with your actual GitHub repository URL
- The site is fully responsive and works on mobile devices