Repository navigation
Blog site Bootstrap5 templates
Pre-release
Pre-release
Motivation
The original templates bundle requires additional explanations on its DOM structure.
The developer's bundle provides semantic markup easy to understand.
The bundle contains stand-alone templates for individual sections, which makes it easy to (re-)use.
Changes
- Set up builds for production and distribution environments
- Set up CI
- Dedicated workflow check the ability to build distributions
- Jest runs tests on custom JavaScript
- pytest runs Selenium tests
- Set up CD
- On push to the master branch the production dist will be uploaded to GitHub pages
- On release creation the development dist will be attached as asset
Production distribution
The production dist structure is suitable for GitHub pages:
dist
├── css
│ └── main.min.css
├── img
│ ├── anonymous.svg
│ ├── favicon.png
│ ├── favicon.svg
│ └── logo.svg
├── js
│ ├── main.bundle.js
│ └── main.bundle.js.LICENSE.txt
├── detail.html
├── form.html
├── index.html
├── profile.html
├── sign-in.html
└── sign-up.html
Development distribution
The development distribution package is easy-to-implement for template processor (Django, Jinja2 etc.):
dist
├── _sidebars
│ ├── anonymous.html
│ ├── authenticated.html
│ ├── can_comment.html
│ ├── can_edit.html
│ └── create_view.html
├── articles
│ ├── article_detail.html
│ ├── article_form.html
│ └── article_list.html
├── auth
│ ├── signin_form.html
│ └── signup_form.html
├── static
│ ├── css
│ │ └── main.css
│ ├── img
│ │ ├── anonymous.svg
│ │ ├── favicon.png
│ │ ├── favicon.svg
│ │ └── logo.svg
│ └── js
│ └── main.bundle.js
├── users
│ └── profile.html
└── base.html
Output bundle
Screenshots
