Added BS5Plain theme

bludit · Jul 11, 2024 · 534073d · 534073d
1 parent dfd8fc1
commit 534073d
Show file tree

Hide file tree

Showing 34 changed files with 20,003 additions and 0 deletions.
diff --git a/authors/joho.json b/authors/joho.json
@@ -0,0 +1,16 @@
+{
+    "name": "Joaquim Homrighausen",
+    "email": "[email protected]",
+    "website": "https://www.webbplatsen.se",
+    "twitter": "",
+    "facebook": "",
+    "github": "https://github.com/joho1968",
+    "gitlab": "",
+    "youtube": "",
+    "reddit": "",
+    "pinterest": "",
+    "flickr": "",
+    "vk": "",
+    "mastodon": "",
+    "linkedin": ""
+}
diff --git a/items/bs5plain/COPYING b/items/bs5plain/COPYING
@@ -0,0 +1,10 @@
+This program is free software: you can redistribute it and/or modify it under
+the terms of the GNU AFFERO GENERAL PUBLIC LICENSE version 3 as published by
+the Free Software Foundation.
+
+This program is distributed in the hope that it will be useful, but WITHOUT
+ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License along with
+this program. If not, see <https://www.gnu.org/licenses/>.
diff --git a/items/bs5plain/LICENSE b/items/bs5plain/LICENSE
diff --git a/items/bs5plain/README.md b/items/bs5plain/README.md
@@ -0,0 +1,114 @@
+[![Software License](https://img.shields.io/badge/License-AGPLv3-green.svg?style=flat-square)](LICENSE) [![Bludit 3.15.x](https://img.shields.io/badge/Bludit-3.15.x-blue.svg?style=flat-square)](https://bludit.com)
+
+# bs5plain Theme for Bludit
+
+bs5plain, is a Bootstrap 5 theme for Bludit 3.15.x
+
+## Description
+
+This theme is using the Bootstrap 5.3.x framework. It serves Bootstrap locally and does not use Bludit's included Bootstrap.
+
+bs5plain is reasonably responsive and supports most Bludit 3.15.x features that I've been able to find, including:
+
+* automatic detection of light and dark mode, as configured in the browser
+* **sidebar**; sidebar content will be displayed on the off-canvas menu
+* **social media links**; social media links will be displayed on the off-canvas menu
+* **RSS feed**; the RSS link will be displayed on the off-canvas menu
+* **static pages**; these are displayed as buttons at the top of the page
+* **static sub pages**; these are _not_ displayed at the top of the page
+* **sub pages** are not displayed in the "home" context
+* **sub pages** of a page displayed are shown before the page content, below the title
+* the **parent page** of a page displayed is shown before the page content, below the title
+* **page description**; this is only used for the page's META description, and is not displayed
+* **site slogan** and **site description**
+* **footer**, if configured in Bludit, will be displayed in, well, the footer
+* browsing by tag and category
+* **searching for content**; the search box will be displayed on the off-canvas menu if enabled in Bludit
+* Bludit's **date format** setting is honored when displaying dates
+* no icon kit is used, instead the theme uses Emoji where needed
+
+_The theme contains no tracking code of any kind, nor does it load any external resources_
+
+## Demo
+
+You can see this theme in action on [bludit-bs5plain.joho.se](https://bludit-bs5plain.joho.se)
+
+## Requirements
+
+Bludit version 3.15.x
+
+## Installation
+
+1. Download the latest release from the repository
+2. Extract the zip file into a folder, such as `tmp`
+3. Upload the `bs5plain` folder to your web server or hosting and put it in the `bl-themes` folder where Bludit is installed
+4. Go your Bludit admin page
+5. Klick on Themes and activate the `bs5plain` theme
+
+## Changelog
+
+### 1.0.1 (2024-07-11)
+* Static pages without a title are no longer displayed in the upper right-hand corner
+* The title of the page configured as "Page not found" is no longer displayed
+* The page configured as "Page not found" is no longer displayed in the "blog flow" (home)
+
+### 1.0.0 (2024-07-09)
+* Initial release
+
+## Other notes
+
+This theme has only been tested with PHP 8.1.x, but should work with other versions too. If you find an issue with your specific PHP version, please let me know and I will look into it.
+
+## License
+
+Please see [LICENSE](LICENSE) for a full copy of AGPLv3.
+
+Copyright 2024 [Joaquim Homrighausen](https://github.com/joho1968); all rights reserved.
+
+This file is part of bs5plain. bs5plain is free software.
+
+bs5plain is free software: you may redistribute it and/or modify it  under
+the terms of the GNU AFFERO GENERAL PUBLIC LICENSE v3 as published by the
+Free Software Foundation.
+
+bs5plain is distributed in the hope that it will be useful, but WITHOUT
+ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+FITNESS FOR A PARTICULAR PURPOSE. See the GNU AFFERO GENERAL PUBLIC LICENSE
+v3 for more details.
+
+You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE v3
+along with the bs5plain package. If not, write to:
+```
+The Free Software Foundation, Inc.,
+51 Franklin Street, Fifth Floor
+Boston, MA  02110-1301, USA.
+```
+
+## Credits
+
+### Logos and graphics
+
+* RSS icon https://commons.wikimedia.org/wiki/File:Antu_application-atom%2Bxml.svg
+* Mastodon icon https://commons.wikimedia.org/wiki/File:Mastodon_Logotype_(Simple).svg
+* Twitter / X icon https://commons.wikimedia.org/wiki/File:Twitter_new_X_logo.png
+* Facebook icon: https://commons.wikimedia.org/wiki/File:Facebook_Logo_2023.png
+* Instagram icon: https://commons.wikimedia.org/wiki/File:Instagram_logo_2022.svg
+* Xing icon: https://commons.wikimedia.org/wiki/File:Ionicons_logo-xing.svg
+* LinkedIn icon: https://commons.wikimedia.org/wiki/File:LinkedIn_icon.svg
+* VK icon: https://commons.wikimedia.org/wiki/File:B%26W_Vk_icon.png
+* CodePen icon: CodePen
+* GitHub icon: GitHub
+* GitLab icon: GitLab
+
+### Other credits
+
+* Bootstrap for the [Bootstrap 5](https://getboostrap.com) framework
+* Kudos to [Diego Najar](https://github.com/dignajar) for [Bludit](https://bludit.com) :blush:
+
+The bs2plain theme was written by Joaquim Homrighausen while converting :coffee: into code.
+
+The bs5plain theme is sponsored by [WebbPlatsen i Sverige AB](https://webbplatsen.se), Stockholm, :sweden: Commercial support and customizations for this plugin is available from WebbPlatsen i Sverige AB in Stockholm, :sweden:
+
+If you find this plugin useful, the author is happy to receive a donation, good review, or just a kind word.
+
+If there is something you feel to be missing from this plugin, or if you have found a problem with the code or a feature, please do  not hesitate to reach out to [email protected].
diff --git a/items/bs5plain/css/bs5plain.css b/items/bs5plain/css/bs5plain.css
@@ -0,0 +1,166 @@
+/* bs5plain theme for Bludit */
+.bs5plain-logo {
+}
+.bs5plain-logo-img {
+    width: 140px !important;
+    height: 140px !important;
+    min-width: 140px !important;
+    min-height: 140px !important;
+}
+.bs5plain-logo-img-header {
+    width: 2.4rem !important;
+    height: 2.4rem !important;
+    min-width: 2.4rem !important;
+    min-height: 2.4rem !important;
+}
+.bs5plain-cover-img {
+    max-height:600px !important;
+}
+.bs5socialmedia-icon {
+    width: 2rem !important;
+    height: 2rem !important;
+    max-width: 2rem !important;
+    max-height: 2rem !important;
+}
+.bs5offcanvas-section {
+    margin-top: 1.6rem !important;
+}
+.bs5offcanvas-section .h5 {
+  font-size: 1.0rem !important;
+  text-transform: uppercase !important;
+}
+.bs5offcanvas-section .plugin {
+  margin-top: 1.5rem !important;
+}
+.bs5offcanvas-section .plugin-content {
+  margin-left: 1rem !important;
+}
+.bs5offcanvas-section .plugin h2 {
+  font-size: 1.0rem !important;
+  text-transform: uppercase !important;
+}
+.bs5offcanvas-section .plugin .plugin-content {
+  font-size: 0.9rem !important;
+}
+.bs5offcanvas-section .plugin .plugin-content a {
+  text-decoration: none !important;
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
+}
+.bs5offcanvas-section .plugin .plugin-content a:hover {
+  text-decoration: underline !important;
+  text-underline-offset: 0.25em !important;
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb) !important;;
+}
+.bs5offcanvas-section .plugin .plugin-content a:not([href]):not([class]),
+.bs5offcanvas-section .plugin .plugin-content a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+.bs5offcanvas-section .plugin .plugin-content ul {
+  margin-left: 0.25rem !important;
+  padding-left: 0 !important;
+}
+.bs5offcanvas-section .plugin .plugin-content li {
+  list-style: none !important;
+  padding-left: 0 !important;
+  margin-left: 0.25rem !important;
+  margin-bottom: 0.5rem !important;
+}
+.bs5offcanvas-section .plugin-search {
+  margin-bottom: 1.2rem !important;
+}
+.bs5offcanvas-section .plugin-search .plugin-content input {
+  padding: 0.5rem !important;
+}
+.bs5offcanvas-section .plugin-search .plugin-content input[type=text] {
+  font-size: 1.0rem !important;
+  font-family: monospace !important;
+  border:1px solid var(--bs-secondary) !important;
+  border-radius: 3px !important;
+}
+.bs5offcanvas-section .plugin-tags li {
+  display: inline !important;
+  margin-right: 0.4rem !important;
+}
+.bs5offcanvas-section .plugin-tags li:hover {
+  text-transform: uppercase !important;
+  font-weight: bold !important;
+}
+.bs5offcanvas-section .plugin-categories li {
+  display: inline !important;
+  margin-right: 0.4rem !important;
+}
+.bs5offcanvas-section .plugin-categories li:hover {
+  text-transform: uppercase !important;
+  font-weight: bold !important;
+}
+
+.bs5offcanvas-section .plugin .plugin-content .counter {
+  margin-left: 10px !important;
+  margin-bottom: 10px !important;
+  padding: 5px !important;
+  font-variant-numeric: oldstyle-nums slashed-zero !important;
+}
+.bs5offcanvas-section .plugin .plugin-content .counter:hover {
+  font-weight: bold !important;
+}
+
+main > .container {
+    padding-top: 100px !important;
+    padding-bottom: 10px !important;
+}
+
+.footer > .container {
+  padding-right: 5px !important;
+  padding-left: 5px !important;
+}
+
+code {
+    display:inline-block !important;
+    color: var(--bs-light) !important;
+    border: 1px solid var(--bs-dark) !important;
+    border-radius: 5px !important;
+    padding: 1rem 1.5rem !important;
+    background-color: rgba(0,0,0,.8) !important;
+    page-break-inside: avoid !important;
+    box-decoration-break: clone !important;
+    max-width: 100% !important;
+    overflow: auto !important;
+    word-wrap: break-word !important;
+}
+
+/* Disable transitions */
+.bs5plain-notransition {
+    transition-delay: .0ms !important;
+    transition: none !important;
+}
+
+/* Overrides */
+
+a {
+  text-underline-offset: 0.25em !important;
+}
+a:hover {
+  text-underline-offset: 0.25em !important;
+}
+.collapsing {
+    transition-delay: 0ms !important;
+    transition: none !important;
+}
+.offcanvas-backdrop {
+    transition-delay: 0ms !important;
+    transition: none !important;
+}
+blockquote {
+  margin-bottom: 1rem !important;
+  margin-right: 2rem !important;
+  font-size: 1.1rem !important;
+  font-style: italic !important;
+  border-left: 3px solid var(--bs-secondary) !important;
+  padding-left: 1rem !important;
+  margin-left: 1rem !important;
+}
+blockquote > :last-child {
+  margin-bottom: 0;
+}