A website that automatically displays interactive maps created by students.
IOP1_maps/
├── maps/ # Student map directories
│ ├── 012345/ # Example: Student ID or project name
│ │ ├── index.html # Main map file
│ │ └── ... # Additional files (CSS, JS, images)
│ └── [student-id]/ # Each student gets their own directory
├── themes/simple-maps/ # Hugo theme
├── content/ # Hugo content
├── static/ # Static files (maps are copied here)
├── .github/workflows/ # GitHub Actions for deployment
└── hugo.toml # Hugo configuration
- Fork this repository to your GitHub account
- Clone your fork locally
- Create your map directory in the
static/maps/folder using your student ID or project name:mkdir maps/your-student-id
- Add your map files:
- Your main map file must be named
index.html - Add any CSS, JavaScript, images, or other assets to your directory
- Test your map by opening
static/maps/your-student-id/index.htmlin a browser
- Your main map file must be named
- Commit and push your changes:
git add maps/your-student-id/ git commit -m "Add map for student [your-id]" git push origin main - Create a Pull Request from your fork to the main repository
- Wait for approval - once merged, your map will automatically appear on the website!