add bootstrap5 (#164)

* add bootstrap5

Project.toml

@@ -1,7 +1,7 @@
 name = "FranklinTemplates"
 uuid = "3a985190-f512-4703-8d38-2a7944ed5916"
 authors = ["Thibaut Lienart <tlienart@me.com>"]
-version = "0.9.2"
+version = "0.10.0"
 
 [deps]
 LiveServer = "16fef848-5104-11e9-1b77-fb7a48bbb589"

README.md

@@ -28,6 +28,7 @@ The grid below keeps track of their name, license, the kind of navbar they have
 | `"just-the-docs"` | [Just the docs](https://github.com/pmarsceill/just-the-docs) | [MIT](https://github.com/pmarsceill/just-the-docs/blob/master/LICENSE.txt) | Side/Top | No |
 | `"minimal-mistakes"` | [Minimal mistakes](https://github.com/mmistakes/minimal-mistakes) | [MIT](https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE) | Side/Top | No |
 | `"celeste"` | [Celeste](https://github.com/nicoelayda/celeste) | [MIT](https://github.com/nicoelayda/celeste/blob/master/LICENSE) | Top | No |
+| `"bootstrap5"` | [Bootstrap5](https://getbootstrap.com/docs/5.3/getting-started/introduction/) | [MIT](https://github.com/twbs/bootstrap/blob/main/LICENSE) | Top | No |
 
 ## Modifying or adding a template
 

docs/index_head.html

@@ -138,6 +138,10 @@
     background: url("thumb/celeste.png");
     background-size: contain;
   }
+  #bootstrap5 {
+    background: url("thumb/bootstrap5.png");
+    background-size: contain;
+  }
   @media (min-width: 1032px) {
     body {
       width: 1033px;

docs/make.jl

@@ -53,6 +53,10 @@ descr = Dict{String,String}(
                    <span class="th-name">celeste</span>
                    <p>A lightweight theme that features a minimalist, content-first design. (Adapted from the Jekyll theme.)</p>
                    """,
+    "bootstrap5"=> """
+                    <span class="th-name">bootstrap5</span>
+                    <p>A bootstrap theme that uses Bootstrap 5, Bootstrap Icon 1.10, FontAwesome 6. (CDN base)</p>
+                """,
     )
 
 

src/FranklinTemplates.jl

@@ -17,7 +17,8 @@ const LIST_OF_TEMPLATES = (
     "pure-sm",
     "tufte",
     "vela",
-    "celeste")
+    "celeste",
+    "bootstrap5")
 
 include("utils.jl")
 

src/templates/bootstrap5/_assets/icon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

src/templates/bootstrap5/_assets/icon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}