A simple website that displays gym workout routines using markdown files for content.
- Clean, responsive design
- Markdown content rendering with marked.js
- Easy navigation between different workout routines
- Mobile-friendly layout
- Standalone markdown pages with automatic conversion to HTML
index.html- Main HTML structurestyle.css- Styling for the websitescript.js- JavaScript for loading and rendering markdown content/markdowns/- Directory containing markdown files for workout routines/pages/- Directory containing HTML files for standalone pages/pages_markdown/- Directory containing markdown files for standalone pagescreate-page.js- Script to generate HTML pages from markdown files
- Add your workout routines as markdown files in the
/markdowns/directory - Update the
workoutFilesarray inscript.jsto include your new markdown files
- Add your markdown content to the
/pages_markdown/directory - Use the
create-page.jsscript to generate the corresponding HTML file:
# Using Node.js
node create-page.js your-file-name- Add links to your new page in the navigation and sidebar sections of
index.html
You can run this site locally using any simple web server. For example:
# Using Python 3
python3 -m http.server
# Using Node.js with http-server
npx http-serverThen open your browser to http://localhost:8000 (or the port specified by your server).
- HTML5, CSS3, JavaScript
- marked.js - Markdown parser and compiler
- highlight.js - Syntax highlighting for code blocks (optional)