insights4you-jekyll-theme 0.2.2 → 0.4.0

data/_includes/layout/navbar-logo.html

@@ -0,0 +1,137 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 740 740" width="48" height="48" fill="currentColor">
+  <g transform="translate(0.000000,740.000000) scale(0.100000,-0.100000)" stroke="none" >
+    <path d="M3427 6574 c-193 -26 -547 -130 -531 -155 3 -5 -3 -6 -12 -2 -12 4
+-15 3 -10 -5 5 -8 2 -10 -8 -6 -29 11 -322 -158 -310 -178 4 -7 3 -8 -5 -4
+-13 9 -96 -49 -96 -67 -1 -7 -7 -11 -14 -9 -18 4 -52 -28 -44 -41 3 -5 1 -7
+-4 -4 -14 9 -65 -32 -57 -45 4 -6 3 -8 -3 -5 -13 8 -126 -107 -116 -118 5 -4
+3 -5 -4 -1 -26 14 -231 -263 -322 -437 -94 -179 -169 -409 -208 -632 -26 -155
+-24 -481 5 -646 27 -152 56 -259 107 -394 48 -129 123 -277 135 -270 5 3 7 0
+5 -8 -10 -24 128 -222 259 -371 81 -92 214 -208 228 -200 6 4 8 3 5 -4 -10
+-14 240 -195 270 -195 7 0 11 -2 8 -5 -2 -3 28 -40 69 -83 83 -88 144 -195
+175 -309 12 -41 21 -79 21 -85 0 -6 -23 -17 -51 -24 -61 -16 -156 -98 -145
+-126 3 -9 2 -14 -3 -11 -15 10 -31 -54 -31 -125 l0 -69 -88 0 c-55 0 -92 -4
+-100 -12 -16 -16 -16 -72 0 -62 7 5 8 3 3 -6 -13 -21 16 -30 103 -30 l82 0 0
+-105 0 -105 -81 0 c-99 0 -119 -9 -119 -55 0 -46 20 -55 118 -55 l79 0 5 -83
+c5 -84 23 -141 41 -130 6 4 7 1 2 -6 -11 -18 42 -70 100 -97 41 -20 66 -24
+142 -24 l91 0 28 -82 c15 -46 35 -102 45 -125 l18 -43 -414 0 c-363 0 -416 -2
+-429 -16 -19 -18 -21 -65 -4 -82 17 -17 2659 -17 2676 0 17 17 15 64 -4 82
+-13 14 -66 16 -429 16 l-414 0 18 43 c10 23 30 79 45 124 l28 83 91 0 c71 0
+102 5 137 21 98 44 141 113 148 236 l5 83 79 0 c95 0 118 10 118 51 0 20 -4
+28 -12 23 -7 -5 -8 -3 -3 6 13 21 -16 30 -102 30 l-83 0 0 105 0 105 83 0 c93
+0 117 13 117 62 0 39 -18 47 -110 50 l-85 3 -6 81 c-6 84 -42 172 -67 167 -7
+-2 -11 2 -9 9 3 16 -61 57 -110 71 -24 6 -43 16 -43 22 0 5 7 39 15 74 23 96
+88 220 160 304 35 41 61 78 57 83 -4 4 -1 4 6 0 8 -5 22 0 35 12 12 10 61 45
+109 77 49 32 85 62 81 68 -3 6 -1 7 6 3 13 -9 103 62 95 75 -3 5 1 6 9 3 36
+-14 417 416 402 454 -3 7 -1 11 4 8 11 -7 87 120 141 237 199 432 242 927 120
+1387 -30 113 -71 221 -81 214 -5 -3 -6 2 -3 11 9 22 -100 239 -183 365 -88
+134 -197 263 -304 364 -101 95 -208 178 -220 170 -5 -3 -8 0 -7 8 2 7 -5 12
+-14 12 -10 -1 -16 3 -15 8 3 14 -174 120 -191 113 -7 -2 -10 0 -7 5 15 24
+-273 138 -465 185 -225 54 -528 70 -753 39z m313 -4 c0 -5 -2 -10 -4 -10 -3 0
+-8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11 -10z m47 4 c-3 -3 -12 -4 -19 -1 -8
+3 -5 6 6 6 11 1 17 -2 13 -5z m-77 -34 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10
+-3 6 -1 10 4 10 6 0 11 -4 11 -10z m-58 -483 l3 -424 28 -36 c39 -51 80 -70
+152 -71 74 0 92 10 180 94 88 84 157 114 255 108 112 -6 205 -64 270 -165 15
+-23 29 -41 31 -39 4 5 6 -15 9 -116 3 -92 -20 -156 -81 -222 -26 -29 -46 -56
+-43 -59 3 -3 -1 -5 -8 -4 -7 1 -35 -10 -63 -23 -40 -19 -67 -24 -130 -24 -93
+-1 -148 19 -212 78 -22 19 -42 33 -45 31 -2 -3 -15 7 -29 23 l-24 27 30 -25
+30 -25 -30 33 c-16 18 -35 30 -43 27 -7 -2 -10 -1 -7 5 9 14 -75 33 -118 26
+-55 -9 -92 -30 -124 -73 l-28 -36 -3 -364 -3 -363 -344 0 c-332 0 -346 1 -365
+20 -19 19 -25 44 -20 80 1 8 17 31 36 51 19 19 31 39 27 43 -5 4 -2 6 6 4 18
+-4 84 81 77 99 -3 8 -2 12 3 9 17 -11 43 80 48 165 5 70 2 100 -15 156 -22 71
+-90 180 -110 176 -7 -2 -11 2 -9 8 3 16 -84 74 -151 100 -75 29 -213 32 -288
+6 -78 -27 -145 -73 -138 -94 5 -15 4 -16 -5 -3 -10 13 -17 9 -47 -25 -133
+-151 -149 -380 -39 -547 16 -24 30 -36 38 -32 7 4 9 4 5 -1 -5 -5 15 -33 43
+-62 46 -48 51 -58 45 -86 -13 -67 -13 -68 -360 -65 l-311 3 -3 75 c-7 175 31
+426 95 625 116 364 370 720 671 944 40 30 69 58 65 64 -3 6 -1 7 5 3 6 -3 35
+9 64 27 218 138 502 243 743 276 119 16 136 18 187 20 l47 1 3 -423z m246 412
+c560 -61 1042 -347 1382 -821 123 -172 240 -430 291 -647 36 -151 49 -254 49
+-408 l0 -153 -313 0 -313 0 -50 -25 c-126 -63 -140 -225 -27 -325 25 -22 50
+-37 56 -33 6 3 7 1 3 -5 -3 -6 7 -32 23 -58 36 -56 56 -141 47 -203 -15 -107
+-89 -211 -184 -258 -50 -24 -69 -28 -147 -28 -78 0 -97 4 -140 27 -62 32 -129
+103 -158 166 -16 36 -22 67 -22 127 0 103 29 167 109 245 65 63 81 88 91 146
+14 85 -32 170 -110 205 -36 17 -72 19 -382 19 l-343 0 0 338 c0 387 -1 382 75
+382 37 0 47 -5 75 -37 47 -55 112 -105 127 -98 8 2 12 1 9 -4 -3 -5 18 -19 47
+-32 44 -20 68 -24 162 -24 106 0 113 1 186 36 258 123 335 436 165 667 -163
+221 -516 230 -691 17 -32 -39 -41 -45 -76 -45 -26 0 -46 7 -59 20 -19 19 -20
+33 -20 420 0 396 0 400 20 400 12 0 64 -5 118 -11z m1207 -449 c12 -19 -12
+-10 -31 11 -19 22 -19 22 3 10 12 -6 25 -16 28 -21z m-2646 -764 c-3 -3 -11 5
+-18 17 -13 21 -12 21 5 5 10 -10 16 -20 13 -22z m299 0 c156 -42 262 -187 250
+-340 -7 -88 -36 -145 -117 -230 -49 -52 -73 -86 -81 -115 -24 -89 18 -188 96
+-227 36 -18 63 -19 386 -19 l347 1 3 -326 c2 -179 -1 -337 -6 -353 -10 -32
+-33 -47 -74 -47 -23 0 -44 15 -96 65 -180 179 -438 187 -624 20 -101 -91 -158
+-258 -133 -393 48 -258 297 -421 546 -356 81 21 137 55 218 132 62 59 70 64
+100 58 63 -13 66 -21 67 -226 1 -102 1 -283 1 -402 l-1 -218 -275 0 c-212 0
+-276 3 -279 13 -2 6 -13 51 -25 99 -52 217 -180 392 -393 534 -371 247 -618
+553 -773 955 -38 97 -89 295 -100 382 l-7 57 298 0 c187 0 314 4 339 11 73 21
+135 106 135 188 0 56 -25 104 -83 160 -33 32 -72 82 -89 116 -27 52 -31 71
+-32 140 0 97 21 151 89 224 51 54 108 87 176 100 64 13 78 12 137 -3z m-411
+-64 c-10 -10 -17 -24 -17 -31 0 -7 -5 -9 -10 -6 -6 4 -2 18 11 36 12 17 24 28
+27 25 3 -3 -2 -14 -11 -24z m11 -22 c-7 -10 -14 -17 -17 -15 -4 4 18 35 25 35
+2 0 -1 -9 -8 -20z m-55 -50 c-5 -19 -23 -39 -23 -25 0 9 20 45 24 45 2 0 2 -9
+-1 -20z m-26 -62 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m3370
+-355 c-3 -10 -5 -4 -5 12 0 17 2 24 5 18 2 -7 2 -21 0 -30z m-3970 -225 c-2
+-13 -4 -3 -4 22 0 25 2 35 4 23 2 -13 2 -33 0 -45z m2743 -70 c0 -6 -6 -5 -15
+2 -8 7 -15 14 -15 16 0 2 7 1 15 -2 8 -4 15 -11 15 -16z m-50 -28 c13 -11 19
+-20 13 -20 -5 0 -18 9 -28 20 -10 11 -16 20 -13 20 3 0 15 -9 28 -20z m-35
+-30 c3 -5 -3 -10 -15 -10 -12 0 -18 5 -15 10 3 6 10 10 15 10 5 0 12 -4 15
+-10z m124 -44 c15 -13 21 -31 21 -58 0 -35 -7 -46 -56 -93 -35 -34 -53 -59
+-48 -66 4 -7 3 -9 -4 -5 -15 9 -56 -65 -77 -138 -13 -44 -16 -83 -13 -146 14
+-237 197 -411 431 -411 41 0 87 3 103 7 55 13 124 46 117 57 -3 6 -1 7 6 3 15
+-10 84 42 75 56 -4 6 -2 8 3 5 14 -9 66 50 93 103 28 54 50 145 50 202 0 124
+-47 231 -146 331 -74 76 -80 102 -35 148 l29 29 303 0 302 0 -7 -60 c-19 -166
+-110 -447 -197 -608 -22 -40 -37 -78 -33 -85 4 -7 4 -9 -1 -5 -8 8 -34 -20
+-35 -37 0 -5 5 -3 11 5 9 13 10 13 6 0 -2 -8 -9 -15 -15 -15 -15 0 -45 -42
+-38 -53 2 -4 0 -14 -6 -22 -8 -12 -9 -12 -4 3 8 26 2 21 -34 -29 -26 -37 -30
+-48 -19 -55 11 -8 9 -9 -6 -7 -12 2 -19 -2 -17 -10 1 -8 -2 -11 -7 -8 -9 6
+-59 -54 -53 -64 1 -3 -2 -5 -7 -5 -14 0 -190 -179 -184 -188 2 -4 0 -6 -5 -5
+-17 6 -181 -123 -175 -138 3 -8 0 -14 -7 -14 -6 0 -8 5 -4 11 4 7 1 10 -7 7
+-8 -3 -13 -11 -11 -17 1 -7 -2 -10 -7 -6 -13 8 -82 -36 -155 -99 -121 -104
+-220 -270 -257 -431 -12 -49 -23 -96 -25 -102 -3 -10 -67 -13 -279 -13 l-275
+0 0 388 c0 213 -5 405 -10 426 -10 45 -42 92 -60 88 -6 -1 -9 2 -5 8 9 14 -72
+50 -115 50 -66 0 -103 -18 -170 -84 -104 -104 -218 -141 -340 -113 -25 6 -31
+5 -20 -2 17 -12 10 -14 -14 -5 -9 3 -13 11 -9 17 4 6 0 8 -11 4 -10 -4 -15 -3
+-11 3 3 5 -7 16 -23 24 -42 22 -101 91 -129 151 -26 59 -33 152 -14 221 25 92
+115 186 210 219 99 34 227 11 309 -54 22 -17 43 -27 47 -23 5 4 5 2 2 -5 -10
+-16 42 -75 60 -69 8 3 11 1 8 -4 -9 -15 40 -30 100 -30 59 0 88 8 79 21 -3 5
+1 6 9 4 18 -8 69 34 63 51 -3 8 0 13 6 11 29 -6 36 78 37 416 l1 338 339 -3
+c317 -3 340 -4 360 -22z m-709 -506 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6
+8 10 11 10 2 0 4 -4 4 -10z m-14 -40 c8 0 14 -7 14 -15 0 -12 -3 -12 -20 2
+-11 10 -20 22 -19 28 0 5 3 4 6 -2 2 -7 11 -13 19 -13z m1711 -164 c-2 -29 -4
+-32 -19 -22 -10 6 -20 17 -23 26 -5 12 -4 13 6 3 19 -19 32 -16 26 7 -3 11 -1
+20 4 20 5 0 8 -15 6 -34z m-1897 -16 c8 -5 11 -10 5 -10 -5 0 -17 5 -25 10 -8
+5 -10 10 -5 10 6 0 17 -5 25 -10z m1783 -85 c-3 -9 -8 -14 -10 -11 -3 3 -2 9
+2 15 9 16 15 13 8 -4z m-53 -89 c0 -3 -4 -8 -10 -11 -5 -3 -10 -1 -10 4 0 6 5
+11 10 11 6 0 10 -2 10 -4z m-2280 -396 c8 -5 12 -11 9 -14 -3 -3 -14 1 -25 9
+-21 16 -8 20 16 5z m-43 -16 c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2
+13 -5z m1733 -119 c-7 -8 -17 -15 -22 -15 -6 0 -5 7 2 15 7 8 17 15 22 15 6 0
+5 -7 -2 -15z m-130 -175 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11 10
+2 0 4 -4 4 -10z m-58 -7 c-7 -3 -19 -18 -28 -35 -8 -16 -18 -27 -21 -25 -8 9
+37 67 50 66 8 0 8 -2 -1 -6z m-382 -433 c-20 -13 -53 -13 -45 0 3 6 18 10 33
+10 21 0 24 -2 12 -10z m-93 -76 c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17
+-2 13 -5z m454 -37 c46 -31 69 -80 69 -149 l0 -58 -850 0 -850 0 0 55 c0 60
+17 112 43 134 9 7 14 18 10 24 -3 6 -1 7 5 3 7 -4 20 -2 29 3 12 7 274 10 764
+11 l746 0 34 -23z m-1656 -237 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10
+4 10 3 0 8 -4 11 -10z m1725 -185 l0 -105 -850 0 -850 0 0 105 0 105 850 0
+850 0 0 -105z m30 63 c0 -9 -4 -20 -10 -23 -6 -4 -10 9 -10 32 0 28 3 34 10
+23 5 -8 10 -23 10 -32z m-1122 -185 c-10 -2 -26 -2 -35 0 -10 3 -2 5 17 5 19
+0 27 -2 18 -5z m966 -3 c-5 -5 -29 -6 -59 -1 l-50 9 60 1 c37 1 56 -2 49 -9z
+m-979 -30 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8 -4 11
+-10z m-75 -29 c0 -9 -24 -21 -43 -21 -6 0 -2 7 9 15 22 17 34 19 34 6z m965
+-11 c4 -6 -10 -10 -37 -9 -40 1 -41 2 -13 9 43 11 43 11 50 0z m213 -90 c-4
+-79 -24 -114 -79 -142 -31 -17 -89 -18 -769 -18 -680 0 -738 1 -769 18 -55 28
+-75 63 -79 142 l-4 70 852 0 852 0 -4 -70z m99 -27 c-2 -16 -4 -3 -4 27 0 30
+2 43 4 28 2 -16 2 -40 0 -55z m-487 -247 c0 -3 -14 -44 -31 -93 -19 -54 -42
+-99 -60 -118 l-29 -30 -340 0 -340 0 -29 30 c-23 24 -91 179 -91 208 0 4 207
+7 460 7 253 0 460 -2 460 -4z m-1405 -266 c-22 -4 -47 -4 -55 1 -10 5 5 8 40
+8 55 -1 55 -1 15 -9z m942 4 c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2
+13 -5z m-37 -45 c0 -6 -4 -7 -10 -4 -5 3 -10 11 -10 16 0 6 5 7 10 4 6 -3 10
+-11 10 -16z" />
+    <path d="M3172 6189 c-45 -13 -61 -49 -37 -85 16 -25 20 -26 79 -19 33 3 69
+14 79 22 20 18 23 63 5 81 -14 14 -79 14 -126 1z" />
+    <path d="M2850 6068 c-137 -83 -285 -202 -273 -220 3 -7 1 -8 -5 -4 -6 4 -33
+-20 -62 -55 -38 -46 -50 -68 -48 -88 2 -14 9 -25 16 -23 6 1 11 -4 10 -10 -3
+-15 41 -22 57 -11 25 19 110 128 107 138 -2 5 -1 7 3 3 4 -4 42 22 85 57 43
+34 108 80 145 100 37 21 71 48 77 61 12 26 4 59 -12 49 -6 -4 -9 -1 -8 7 5 21
+-53 19 -92 -4z" />
+  </g>
+</svg>

data/_includes/layout/navbar.html

@@ -0,0 +1,82 @@
+<header class="navbar navbar-expand-lg navbar-transparent">
+  <div class="container container-2x1">
+    <!-- BEGIN NAVBAR TOGGLER -->
+    <button
+      class="navbar-toggler"
+      type="button"
+      data-bs-toggle="collapse"
+      data-bs-target="#navbar-menu"
+      aria-controls="navbar-menu"
+      aria-expanded="false"
+      aria-label="Toggle navigation"
+      title="Toggle Menu"
+    >
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <!-- END NAVBAR TOGGLER -->
+
+    <!-- BEGIN NAVBAR LOGO (SVG fallback) -->
+    <div class="navbar-nav flex-row{% if include.class %} {{ include.class }}{% endif %}">
+      <a href="{{ '/' | relative_url }}">
+        {% include layout/navbar-logo.html %}
+      </a>
+      <div class="card-header">
+        <h1 class="m-2 text-primary">{{ site.title }}</h1>
+      </div>   
+    </div>
+    <!-- END NAVBAR LOGO -->
+
+    <!-- BEGIN NAVBAR MENU -->
+    <div class="container-xl">
+      <div class="row flex-fill">
+        <div class="collapse navbar-collapse">
+          
+          <ul class="navbar-nav ms-auto">
+          {%- assign html_pages = site.html_pages | sort: 'weight' -%}
+          {%- assign filtered_pages = "" | split: "" -%}
+          {%- for html_page in html_pages -%} 
+            {%- assign exclude = false -%}
+            {%- for exclude_path in site.nav_exclude -%}
+              {%- if exclude_path == html_page.path -%}
+                {%- assign exclude = true -%}
+                {%- break -%}
+              {%- elsif exclude_path contains '**' -%}
+                {%- assign match = exclude_path | remove: '**' -%}
+                {%- if html_page.path contains match -%}
+                  {%- assign exclude = true -%}
+                  {%- break -%}
+                {%- endif -%}
+              {%- endif -%}
+            {%- endfor -%}
+            {%- unless exclude -%}
+              {%- assign filtered_pages = filtered_pages | push: html_page -%}
+            {%- endunless -%}
+          {%- endfor -%}        
+
+          {% for html_page in filtered_pages %}
+            {%- if page.url == html_page.url -%}
+              {%- assign active_status = "active" -%}
+            {%- else -%}
+              {%- assign active_status = "" -%}
+            {%- endif -%}
+            {%- if html_page.external_url -%}
+              {%- assign url = html_page.external_url -%}
+            {%- else -%}
+              {%- assign url = html_page.url | relative_url -%}
+            {%- endif -%}              
+            <li class="nav-item d-none-navbar-vertical {{ active_status }}">
+              <a href="{{ url }}" class="nav-link" {%- if html_page.external_url and site.open_new_tab -%} target="_blank" {%- endif -%}>
+                <span class="nav-link-icon">{% include ui/icon.html icon=html_page.icon %}</span>
+                <span class="nav-link-title"> {{ html_page.title }} </span>
+              </a>
+            </li>
+          {% endfor %}
+          </ul>
+          
+        </div>
+      </div>
+    </div>
+    <!-- END NAVBAR MENU -->
+
+  </div>
+</header>

data/_includes/ui/button.html

@@ -2,7 +2,7 @@
 
 {% assign color = include.color %}
 {% if include.color == false %}
-    {% assign color = null %}
+{% assign color = null %}
 {% endif %}
 
 {% assign provider = include.provider | default: 'fe' %}
@@ -10,21 +10,20 @@
 
 {% assign href = '#' %}
 {% if include.href %}
-    {% if include.external %}
-        {% assign href = include.href %}
-    {% else %}
-        {% assign href = site.base | append: '/' | append: include.href %}
-    {% endif %}
+	{% if include.external %}
+		{% assign href = include.href %}
+	{% else %}
+		{% assign href = site.base | append: '/' | append: include.href %}
+	{% endif %}
 {% endif %}
 
 {% assign e = include.element | default: 'a' %}
 <{{ e }}{% if e == 'a' %} href="{{ href }}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if color %} btn-{% if include.outline %}outline-{% elsif include.ghost %}ghost-{% endif %}{{ color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.loading %} btn-loading{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} w-100{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}"{% if include.external %} target="_blank" rel="noreferrer"{% endif %}{% if include.modal-id %} data-bs-toggle="modal" data-bs-target="#modal-{{ include.modal-id }}"{% endif %}{% if include.toast-id %} data-bs-toggle="toast" data-bs-target="#toast-{{ include.toast-id }}"{% endif %}{% if include.icon-only %} aria-label="{{ include.text | default: "Button" }}"{% endif %}{% if include.dismiss %} data-bs-dismiss="modal"{% endif %}>
-    {% if include.spinner %}
-        {% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}
-    {% endif %}
-    {% if include.icon %}{% include ui/icon.html icon=include.icon color=include.icon-color %}{% endif %}
-    {% unless include.icon-only %}
-        {{ include.text | default: "Button" }}{% if include.dots %}<span class="animated-dots"></span>{% endif %}
-        {% if include.icon-right %}{% include ui/icon.html icon=include.icon-right class="icon-right" %}{% endif %}
-    {% endunless %}
+{% if include.spinner %}
+{% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}
+{% if include.icon %}{% include ui/icon.html icon=include.icon color=include.icon-color %}{% endif %}
+{% unless include.icon-only %}
+{{ include.text | default: "Button" }}{% if include.dots %}<span class="animated-dots"></span>{% endif %}
+{% if include.icon-right %}{% include ui/icon.html icon=include.icon-right class="icon-right" %}{% endif %}
+{% endunless %}
 </{{ e }}>

data/_includes/ui/icon.html

@@ -1,33 +1,31 @@
-{% assign icon-name = include.icon | default: "question-mark" %}
-{% assign icon-type = include.type | default: "outline" %}
+{%- assign icon-name = include.icon -%}
+{%- assign icon-type = include.type | default: "outline" -%}
 
-{% assign replace-to = "icon" %}
+{%- assign replace-to = "icon" -%}
 
-{% if include.class %}
-    {% assign replace-to = replace-to | append: ' ' | append: include.class %}
-{% endif %}
+{%- if include.class -%}
+{%- assign replace-to = replace-to | append: ' ' | append: include.class -%}
+{%- endif -%}
 
-{% if include.color %}
-    {% assign replace-to = replace-to | append: ' text-' | append: include.color %}
-{% endif %}
+{%- if include.color -%}
+{%- assign replace-to = replace-to | append: ' text-' | append: include.color -%}
+{%- endif %}
 
-{% if include.inline %}
-    {% assign replace-to = replace-to | append: ' icon-inline' %}
-{% endif %}
+{%- if include.inline -%}
+{%- assign replace-to = replace-to | append: ' icon-inline' -%}
+{%- endif -%}
 
-{% if include['size'] %}
-    {% assign replace-to = replace-to | append: ' icon-' | append: include['size'] %}
-{% endif %}
+{%- if include['size'] -%}
+{%- assign replace-to = replace-to | append: ' icon-' | append: include['size'] -%}
+{%- endif -%}
 
-{% assign replace-to = 'class="' | append: replace-to | append: '"' %}
+{%- assign replace-to = 'class="' | append: replace-to | append: '"' -%}
 
-{% if site.useIconfont %}
-    <i class="icon ti ti-{{ icon-name }}{% if include.color %} {{ include.color }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}"></i>
-{% elsif site.data.i4y-icons[icon-name] %}
-    {% assign svg-icon = site.data.i4y-icons[icon-name].svg[icon-type] | default: '' %}
-    {% assign svg-icon = svg-icon | replace: '<path stroke="none" d="M0 0h24v24H0z" fill="none"/>', '' %}
-    {{ svg-icon | replace: 'class="icon"', replace-to }}
-{% else %}
-    {% assign error_message = "Error: Icon '" | append: icon-name | append: "' not found or useIconfont is disabled." %}
-    <div class="error">{{ error_message }}</div>
-{% endif %}
+{%- if site.useIconfont -%}
+	<i class="icon ti ti-{{ icon-name }}{% if include.color %} {{ include.color }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}"></i>
+{%- elsif site.data.i4y-icons[icon-name] -%}
+	<!-- Download SVG icon from http://tabler.io/icons/icon/{{ icon-name }} -->
+	{% assign svg-icon = site.data.i4y-icons[icon-name].svg[icon-type] | default: '' %}
+	{% assign svg-icon = svg-icon | replace: '<path stroke="none" d="M0 0h24v24H0z" fill="none"/>', '' %}
+	{{ svg-icon | replace_regex: 'class=\"[^"]+\"', replace-to }}
+{%- endif -%}

data/_includes/ui/spinner.html

@@ -0,0 +1,2 @@
+{% assign elem = include.element | default: 'div' %}
+<{{ elem }} class="spinner-{{ include.type | default: 'border' }}{% if include.color %} text-{{ include.color }}{% endif %}{% if include['size'] %} spinner-{{ include.type | default: 'border' }}-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}" role="status"></{{ elem }}>

data/_includes/utils/banner.html

@@ -0,0 +1,7 @@
+<!--
+* Insights4YOU - {{ site.description }}
+* @version {{ package.version }}
+* @link {{ site.homepage }}
+* Copyright 2025-{{ 'now' | date: "%Y" }} Marcio Paiva Barbosa
+* Licensed under MIT
+-->

data/_includes/utils/settings.html

@@ -0,0 +1,144 @@
+<div class="settings">
+    <!-- Settings Toggle Button -->
+    <a href="#" class="btn btn-floating btn-icon btn-primary" data-bs-toggle="offcanvas" data-bs-target="#offcanvasSettings" aria-controls="offcanvasSettings" aria-expanded="false">
+        {% include ui/icon.html icon="brush" %}
+    </a>
+
+    <!-- Settings Panel -->
+    <form class="offcanvas offcanvas-start offcanvas-narrow" tabindex="-1" id="offcanvasSettings" aria-labelledby="offcanvasSettingsLabel">
+        <!-- Header -->
+        <div class="offcanvas-header">
+            <h2 class="offcanvas-title" id="offcanvasSettingsLabel">Theme Builder</h2>
+            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+        </div>
+
+        <!-- Body -->
+        <div class="offcanvas-body d-flex flex-column">
+            <div>
+                <!-- Color Mode -->
+                <div class="mb-4">
+                    <label class="form-label" for="colorMode">Color mode</label>
+                    <p class="form-hint" id="colorModeHint">Choose the color mode for your app.</p>
+                    {% assign modes = 'light,dark' | split: ',' %}
+                    {% for mode in modes %}
+                    <label class="form-check">
+                        <div class="form-selectgroup-item">
+                            <input type="radio" 
+                                   name="theme" 
+                                   value="{{ mode }}" 
+                                   class="form-check-input"
+                                   id="theme-{{ mode }}"
+                                   aria-describedby="colorModeHint"
+                                   {% if mode == 'light' %}checked{% endif %}>
+                            <div class="form-check-label">{{ mode | capitalize }}</div>
+                        </div>
+                    </label>
+                    {% endfor %}
+                </div>
+
+                <!-- Color Scheme -->
+                <div class="mb-4">
+                    <label class="form-label" for="colorScheme">Color scheme</label>
+                    <p class="form-hint" id="colorSchemeHint">The perfect color mode for your app.</p>
+                    <div class="row g-2">
+                        {% for color in site.data.i4y-colors.base %}
+                        <div class="col-auto">
+                            <label class="form-colorinput">
+                                <input name="theme-primary" 
+                                       type="radio" 
+                                       value="{{ color.name }}" 
+                                       class="form-colorinput-input"
+                                       id="theme-primary-{{ color.name }}"
+                                       aria-describedby="colorSchemeHint"
+                                       {% if color.name == 'blue' %}checked{% endif %}>
+                                <span class="form-colorinput-color" style="background-color: {{ color.value }}"></span>
+                            </label>
+                        </div>
+                        {% endfor %}
+                    </div>
+                </div>
+
+                <!-- Font Family -->
+                <div class="mb-4">
+                    <label class="form-label" for="fontFamily">Font family</label>
+                    <p class="form-hint" id="fontFamilyHint">Choose the font family that fits your app.</p>
+                    <div>
+                        {% assign fonts = 'sans-serif,serif,monospace,comic' | split: ',' %}
+                        {% for font in fonts %}
+                        <label class="form-check">
+                            <div class="form-selectgroup-item">
+                                <input type="radio" 
+                                       name="theme-font" 
+                                       value="{{ font }}" 
+                                       class="form-check-input"
+                                       id="theme-font-{{ font }}"
+                                       aria-describedby="fontFamilyHint"
+                                       {% if font == 'sans-serif' %}checked{% endif %}>
+                                <div class="form-check-label">{{ font | capitalize }}</div>
+                            </div>
+                        </label>
+                        {% endfor %}
+                    </div>
+                </div>
+
+                <!-- Theme Base -->
+                <div class="mb-4">
+                    <label class="form-label" for="themeBase">Theme base</label>
+                    <p class="form-hint" id="themeBaseHint">Choose the gray shade for your app.</p>
+                    <div>
+                        {% assign bases = 'slate,gray,zinc,neutral,stone' | split: ',' %}
+                        {% for base in bases %}
+                        <label class="form-check">
+                            <div class="form-selectgroup-item">
+                                <input type="radio" 
+                                       name="theme-base" 
+                                       value="{{ base }}" 
+                                       class="form-check-input"
+                                       id="theme-base-{{ base }}"
+                                       aria-describedby="themeBaseHint"
+                                       {% if base == 'gray' %}checked{% endif %}>
+                                <div class="form-check-label">{{ base | capitalize }}</div>
+                            </div>
+                        </label>
+                        {% endfor %}
+                    </div>
+                </div>
+
+                <!-- Corner Radius -->
+                <div class="mb-4">
+                    <label class="form-label" for="cornerRadius">Corner Radius</label>
+                    <p class="form-hint" id="cornerRadiusHint">Choose the border radius factor for your app.</p>
+                    <div>
+                        {% assign radiuses = '0,0.5,1,1.5,2' | split: ',' %}
+                        {% for radius in radiuses %}
+                        <label class="form-check">
+                            <div class="form-selectgroup-item">
+                                <input type="radio" 
+                                       name="theme-radius" 
+                                       value="{{ radius }}" 
+                                       class="form-check-input"
+                                       id="theme-radius-{{ radius }}"
+                                       aria-describedby="cornerRadiusHint"
+                                       {% if radius == "1" %}checked{% endif %}>
+                                <div class="form-check-label">{{ radius }}</div>
+                            </div>
+                        </label>
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
+
+            <!-- Action Buttons -->
+            <div class="mt-auto space-y">
+                <button type="button" class="btn w-100" id="reset-changes">
+                    {% include ui/icon.html icon="rotate" %}
+                    Reset changes
+                </button>
+                <a href="#" class="btn btn-primary w-100" data-bs-dismiss="offcanvas">
+                    {% include ui/icon.html icon="settings" %}
+                    Save settings
+                </a>
+            </div>
+        </div>
+    </form>
+</div>

data/_layouts/base.html

@@ -0,0 +1,63 @@
+{% include utils/banner.html %}
+{% assign env = jekyll.environment | default: "development" %}
+{% assign layout-dark = page.layout-dark | default: site.layout-dark %}
+{% if site.github.build_revision %}
+  {% assign cache_bust = site.github.build_revision %}
+{% else %}
+  {% assign cache_bust = site.time | date: '%Y%m%d%H%M%S' %}
+{% endif %}
+
+{% assign title = page.title | default: site.title | escape %}
+{% assign description = page.description | default: site.description | strip_html | strip_newlines | truncate: 160 %}
+{% assign image = page.image | default: site.author.image | default: "/assets/images/default-image.jpg" %}
+
+{% if page.name and page.collection == 'projects' %}
+  {% assign title = page.name | escape %}
+{% endif %}
+
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}"
+      {% if layout-rtl %}dir="rtl"{% endif %}
+      {% if layout.html-class or page.html-class %}class="{{ page.html-class | default: layout.html-class }}"{% endif %}>
+
+      {% include layout/head.html %}
+
+    <body class="{% if layout-dark %}theme-dark{% endif %} 
+                {% if layout.body-class %}{{ layout.body-class }}{% endif %} 
+                {% if body-class %}{{ body-class }}{% endif %}">
+    
+        <!-- Main Content -->
+        {{ content }}
+
+
+    <!-- Footer -->
+
+
+    <!-- Settings -->
+    {% include utils/settings.html %}
+
+    <!-- Theme Script -->
+    {% if env == "development" %}
+        <script src="{{ '/assets/js/theme.js' | relative_url }}?v={{ cache_bust }}"></script>
+        <script src="{{ '/assets/js/custom.js' | relative_url }}?v={{ cache_bust }}"></script>
+    {% else %}
+        <script src="{{ '/assets/js/theme.min.js' | relative_url }}?v={{ cache_bust }}"></script>
+        <script src="{{ '/assets/js/custom.min.js' | relative_url }}?v={{ cache_bust }}"></script>
+    {% endif %}    
+
+    <!-- Page-specific Scripts -->
+    {% if page.custom_js %}
+        {% for js_file in page.custom_js %}
+            <script src="{{ '/assets/js/' | append: js_file | append: '.js' | relative_url }}?v={{ cache_bust }}"></script>
+        {% endfor %}
+    {% endif %}
+
+    <!-- Noscript Fallback -->
+    <noscript>
+        <div class="alert alert-warning" role="alert">
+            This website works best with JavaScript enabled.
+        </div>
+    </noscript>
+
+</body>
+</html>

data/_layouts/default.html

@@ -1,19 +1,42 @@
-<!DOCTYPE html>
-<html lang="en">
+---
+layout: base
+body-class: border-top-wide border-primary
+---
 
-{% include head.html %}
+{% assign no-container = page.no-container | default: layout.no-container %}
+{% assign layout-wrapper-full = page.layout-wrapper-full | default: layout.layout-wrapper-full %}
 
-<body
-  data-bs-theme="{{ site.defaultTheme | default: 'dark' }}"
-  {% if layout.body-class or body-class %}class="{% if layout.body-class %}{{ layout.body-class }}{% endif %}{% if body-class %} {{ body-class }}{% endif %}"{% endif %}
->
-  {{ content }}
+<div class="page">
 
-  <!-- Tabler JS -->
-  <script src="https://cdn.jsdelivr.net/npm/@tabler/core@1.1.1/dist/js/tabler.min.js" defer></script>
-  <script src="https://cdn.jsdelivr.net/npm/js-yaml@4.1/dist/js-yaml.min.js"></script>
-  
-  <!-- Custom Theme JS -->
-  <script src="{{ '/assets/js/theme.js' | relative_url }}" defer></script>
-</body>
-</html>
+	<div class="page-wrapper{% if layout-wrapper-full %} page-wrapper-full{% endif %}">
+
+		{% include layout/navbar.html %}
+
+		<!-- BEGIN PAGE BODY -->
+		<div class="page-body">
+			{% if layout-wrapper-full %}
+			<div class="row justify-content-center">
+				<div class="col-lg-11 col-xl-10">
+					<div class="card card-lg">
+						<div class="card-body markdown">
+							{{ content }}
+						</div>
+					</div>
+				</div>
+			</div>
+			{% else %}
+			{% unless no-container %}
+			<div class="container-xl{% if page-container-centered %} my-auto{% endif %}{% if page-container-class %} {{ page-container-class }}{% endif %}">
+			{% endunless %}
+				{{ content }}
+			{% unless no-container %}
+			</div>
+			{% endunless %}
+
+			{% endif %}
+		</div>
+		<!-- END PAGE BODY -->
+
+		{% include layout/footer.html %}
+	</div>
+</div>

data/_sass/_bootstrap-components.scss

@@ -0,0 +1,31 @@
+// Layout & components
+@import "bootstrap/scss/root";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/type";
+@import "bootstrap/scss/images";
+@import "bootstrap/scss/containers";
+@import "bootstrap/scss/grid";
+@import "bootstrap/scss/tables";
+@import "bootstrap/scss/forms";
+@import "bootstrap/scss/buttons";
+@import "bootstrap/scss/transitions";
+@import "bootstrap/scss/dropdown";
+@import "bootstrap/scss/button-group";
+@import "bootstrap/scss/nav";
+@import "bootstrap/scss/navbar";
+@import "bootstrap/scss/card";
+@import "bootstrap/scss/breadcrumb";
+@import "bootstrap/scss/pagination";
+@import "bootstrap/scss/progress";
+@import "bootstrap/scss/list-group";
+@import "bootstrap/scss/toasts";
+@import "bootstrap/scss/modal";
+@import "bootstrap/scss/tooltip";
+@import "bootstrap/scss/popover";
+@import "bootstrap/scss/carousel";
+@import "bootstrap/scss/spinners";
+@import "bootstrap/scss/offcanvas";
+@import "bootstrap/scss/placeholders";
+
+// Utilities
+@import "bootstrap/scss/utilities/api";

data/_sass/_bootstrap-config.scss

@@ -0,0 +1,7 @@
+// Config
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/variables-dark";
+@import "bootstrap/scss/maps";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/utilities";