https://github.com/2sic/dnn-theme-2shine-bs5
2shine Bootstrap 5 Theme/Skin for DNN
https://github.com/2sic/dnn-theme-2shine-bs5
Last synced: 3 months ago
JSON representation
2shine Bootstrap 5 Theme/Skin for DNN
- Host: GitHub
- URL: https://github.com/2sic/dnn-theme-2shine-bs5
- Owner: 2sic
- License: mit
- Created: 2021-11-24T11:07:05.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-09-19T06:16:06.000Z (8 months ago)
- Last Synced: 2025-09-19T08:29:13.744Z (8 months ago)
- Language: ASP.NET
- Size: 6.22 MB
- Stars: 4
- Watchers: 6
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# DNN Skin/Theme Bootstrap5 Instant! for DNN 7, 8, 9 (works best with 9.6+)
_Note: two links in the footer go to pages in dnn 9.6, which uses a 9.6 api. if you remove them, it also works in v7/8_
A clean, prepared bootstrap5 skin for DNN (DotNetNuke), ready to make awesomeness - ideally combined with bootstrap content-templates.
1. This theme needs the [2Shine BS5 Container](https://github.com/2sic/dnn-container-2shine-bs5) to work, but this gets installed automatically for you when you install the theme with the installer.
1. Check out other DNN Bootstrap Skins like:
1. [DNN Bootstrap3 Single Pager](https://github.com/2sic/dnn-theme-bootstrap3-single-pager)
1. [DNN Bootstrap4 Instant](https://github.com/2sic/dnn-theme-bootstrap4-instant)
1. [DNN Bootster Bootstrap 4](http://www.dnnbootster.com/)
1. [nvQuickTheme Bootstrap 4](http://www.nvquicktheme.com/)
1. And it's awesome together with professional content-templates like
1. [Standard Content Blocks/Templates](https://github.com/2sic/2sxc-content-app)
# The Bootstrap5 Instant Theme for DNN
This theme is a layout/skin for the CMS [DNN](https://github.com/dnnsoftware/Dnn.Platform) based on [Bootstrap5](http://getbootstrap.com/) and [SASS](http://sass-lang.com/). It allows you to create simple custom designs within minutes and complex designs within a few hours. This is why it's called *instant*.
## What's in the Package
1. A clean, best-practices, responsive Bootstrap 5 Skin / Theme
1. ...based on SASS, with a set of variables-files to customize layouts in minutes
1. An e-mail encryptor to encrypt mail addresses in the layout
1. A SEO-title optimizer
2. An automatic svg integration for responsive logos
3. Layout footer implementing SEO microformats
4. NPM for all dependencies
5. Webpack to process the sass/typescript into the resulting CSS/Javascript
## Layouts
1. Default - Floating content on background, full-width sticky-header
2. Fullscreen - Modules can use the full width to set backgrounds
3. Centered - Content and Menu are max-width, background to right and left
4. Centered-Submenu - Paged/floating content with submenu to the left
5. Float-WideHeader - Paged/floating content with wide header
## Dokumentation
For a detailed documentation go [here](https://www.2shine.org/)
## Creating Awesome Designed Content (move to docs)
You now have created the layout within minutes or hours, but you're still missing the perfectly designed inner pieces, like tile-lists, content-accordeons, galleries, sliders, blogs and more. Fortunately these are both super-easy to add and use the same mechanisms for design. They can even re-use the variables of your skin, to automatically match look and feel :)
To get the awesome designed content, install [2sxc](https://github.com/2sic/2sxc/releases) and the default Bootstrap 5 content-templates.
## History
### v05.04.00
1. Switched from webpack to rollup
1. Updated for DNN 10 compatibility
1. Updated NPM packages
1. added BS accordion to styles
1. fixed breadcrumb multilanguage issue
### v05.03.06
1. Rebranded 2Shine with new colors and logo
1. Introduced a new comment convention for better accessibility
1. Made minor changes to the overall code structure
1. Refactored the Components folder and moved files to the new Utils folder
### v05.03.05
1. improved CSS Variables
1. bugfixes
1. added bootstrap components
1. clean up
### v05.03.04
1. Improvement of CSS variables
1. Refactoring
### v05.03.03
1. Uses CSS Variables to customize your style
1. Updated NPM Packages
### v05.00.05
1. Bootstrap made a big update with many bug fixes and many new features
### v05.00.04
1. Added NPM Script to copy node_modules bootstrap and update bootstrap files in lib folder
1. Refactoring
1. w3c
1. folder renaming
1. bugfixes
### v05.00.03
1. Cleaned up resource files as they were all the same
1. Enhanced lookup of file name to not repeat unnecessarily
1. Slimmed down resx files to the necessary minimum
1. Added boolean to determin if Breadcrumbs should be displayed
1. Added boolean to determin how many nodes should be selected for the desktop navigation (disables Dropdown if "*,0,0" is set)
### v5.00.02
1. removed node-sass, added sass
2. removed unnecessary packages
3. fixed :visited link style in navigation
4. Renamed body classes
1. tab -> page
2. portal -> site
3. tab-level -> nav-level
## Love from Switzerland
Daniel & Tom