├── .gitattributes
├── .gitignore
├── LICENSE
├── README.md
├── docs
    ├── CNAME
    ├── assets
    │   ├── css
    │   │   ├── style.css
    │   │   └── style.min.css
    │   ├── img
    │   │   ├── logo-dark-small.png
    │   │   └── logo-dark.png
    │   ├── js
    │   │   └── script.js
    │   └── sass
    │   │   └── style.sass
    ├── favicon.png
    ├── index.html
    └── releases
    │   ├── bulmawp-v0.1.0.zip
    │   ├── bulmawp-v0.2.0.zip
    │   ├── bulmawp-v0.2.1.zip
    │   ├── bulmawp-v0.2.2.zip
    │   ├── bulmawp-v0.3.0.zip
    │   └── bulmawp-v0.4.0.zip
├── package-lock.json
├── package.json
└── src
    ├── 404.php
    ├── assets
        ├── js
        │   └── script.js
        └── sass
        │   └── style.sass
    ├── comments.php
    ├── content.php
    ├── footer.php
    ├── functions.php
    ├── header.php
    ├── inc
        ├── comment-walker.php
        └── navbar-walker.php
    ├── index.php
    ├── page-fullwidth.php
    ├── page.php
    ├── screenshot.png
    ├── searchform.php
    ├── sidebar.php
    ├── single.php
    └── style.css


/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2018 Tom Hartley
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | **Note: This repository is no longer maintaned and is now archived.**
 2 | 
 3 | <a href="https://bulmawp.io"><img src="https://bulmawp.io/assets/img/logo-dark.png" width="421" height="80" alt="BulmaWP Logo"></a>
 4 | 
 5 | A free WordPress starter theme based on the Bulma CSS framework.
 6 | 
 7 | ## Install
 8 | 
 9 | 1. You can download the latest version of BulmaWP by clicking [here](https://github.com/tomhrtly/bulmawp/archive/master.zip) or by visiting the [docs site](https://bulmawp.io).
10 | 2. Go to to Appearance > Themes within your WordPress dashboard.
11 | 3. Click "Add New" at the top of the page.
12 | 4. Click "Upload Theme" at the top of the page.
13 | 5. Choose the .zip file from where you downloaded it onto your computer.
14 | 6. Click "Install Now".
15 | 7. Click "Activate".
16 | 


--------------------------------------------------------------------------------
/docs/CNAME:
--------------------------------------------------------------------------------
1 | bulmawp.io


--------------------------------------------------------------------------------
/docs/assets/css/style.css:
--------------------------------------------------------------------------------
   1 | .button {
   2 |   -webkit-touch-callout: none;
   3 |   -webkit-user-select: none;
   4 |   -moz-user-select: none;
   5 |   -ms-user-select: none;
   6 |   user-select: none;
   7 | }
   8 | 
   9 | .content:not(:last-child), .subtitle:not(:last-child) {
  10 |   margin-bottom: 1.5rem;
  11 | }
  12 | 
  13 | svg {
  14 |   width: 70%;
  15 | }
  16 | 
  17 | section.flexcarousel-section {
  18 |   background-color: #158cd8;
  19 |   font-family: 'Bree Serif', serif;
  20 |   font-size: 1.25rem;
  21 |   padding-bottom: 1.25rem;
  22 |   padding-top: 1.25rem;
  23 |   position: relative;
  24 | }
  25 | 
  26 | section.flexcarousel-section .overlay {
  27 |   background-image: url(https://flexcarousel.com/assets/img/pattern.png);
  28 |   bottom: 0;
  29 |   left: 0;
  30 |   opacity: 0.3;
  31 |   position: absolute;
  32 |   right: 0;
  33 |   top: 0;
  34 | }
  35 | 
  36 | section.flexcarousel-section a {
  37 |   color: #fff;
  38 | }
  39 | 
  40 | section.flexcarousel-section p {
  41 |   transition: all .2s ease-in-out;
  42 | }
  43 | 
  44 | section.flexcarousel-section p:hover {
  45 |   transform: scale(1.1);
  46 | }
  47 | 
  48 | section.github-section {
  49 |   background-color: #242424;
  50 |   padding-bottom: 1rem;
  51 |   padding-top: 1rem;
  52 | }
  53 | 
  54 | section.github-section a {
  55 |   align-items: center;
  56 |   color: white;
  57 |   display: inline-flex;
  58 |   justify-content: center;
  59 | }
  60 | 
  61 | section.github-section .icon {
  62 |   margin-right: 0.5rem;
  63 | }
  64 | 
  65 | .github-buttons {
  66 |   margin-top: 1rem;
  67 | }
  68 | 
  69 | .media-number {
  70 |   align-items: center;
  71 |   background-color: whitesmoke;
  72 |   border-radius: 290486px;
  73 |   display: inline-flex;
  74 |   height: 1rem;
  75 |   justify-content: center;
  76 |   padding: 1rem;
  77 |   width: 1rem;
  78 | }
  79 | 
  80 | .anchor-title {
  81 |   padding-top: 1.5rem;
  82 |   position: relative;
  83 | }
  84 | 
  85 | @media screen and (max-width: 1087px) {
  86 |   .anchor-title {
  87 |     padding-left: 2rem;
  88 |   }
  89 | }
  90 | 
  91 | .anchor-link {
  92 |   position: absolute;
  93 |   right: calc(100% + 1rem);
  94 |   top: 1.5rem;
  95 | }
  96 | 
  97 | @media screen and (max-width: 1087px) {
  98 |   .anchor-link {
  99 |     left: 0;
 100 |     right: auto;
 101 |   }
 102 | }
 103 | 
 104 | .button, .input {
 105 |   -moz-appearance: none;
 106 |   -webkit-appearance: none;
 107 |   align-items: center;
 108 |   border: 1px solid transparent;
 109 |   border-radius: 4px;
 110 |   box-shadow: none;
 111 |   display: inline-flex;
 112 |   font-size: 1rem;
 113 |   height: 2.25em;
 114 |   justify-content: flex-start;
 115 |   line-height: 1.5;
 116 |   padding-bottom: calc(0.375em - 1px);
 117 |   padding-left: calc(0.625em - 1px);
 118 |   padding-right: calc(0.625em - 1px);
 119 |   padding-top: calc(0.375em - 1px);
 120 |   position: relative;
 121 |   vertical-align: top;
 122 | }
 123 | 
 124 | .button:focus, .input:focus, .is-focused.button, .is-focused.input, .button:active, .input:active, .is-active.button, .is-active.input {
 125 |   outline: none;
 126 | }
 127 | 
 128 | .button[disabled], .input[disabled] {
 129 |   cursor: not-allowed;
 130 | }
 131 | 
 132 | /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
 133 | html,
 134 | body,
 135 | p,
 136 | ol,
 137 | ul,
 138 | li,
 139 | dl,
 140 | dt,
 141 | dd,
 142 | blockquote,
 143 | figure,
 144 | fieldset,
 145 | legend,
 146 | textarea,
 147 | pre,
 148 | iframe,
 149 | hr,
 150 | h1,
 151 | h2,
 152 | h3,
 153 | h4,
 154 | h5,
 155 | h6 {
 156 |   margin: 0;
 157 |   padding: 0;
 158 | }
 159 | 
 160 | h1,
 161 | h2,
 162 | h3,
 163 | h4,
 164 | h5,
 165 | h6 {
 166 |   font-size: 100%;
 167 |   font-weight: normal;
 168 | }
 169 | 
 170 | ul {
 171 |   list-style: none;
 172 | }
 173 | 
 174 | button,
 175 | input,
 176 | select,
 177 | textarea {
 178 |   margin: 0;
 179 | }
 180 | 
 181 | html {
 182 |   box-sizing: border-box;
 183 | }
 184 | 
 185 | *, *::before, *::after {
 186 |   box-sizing: inherit;
 187 | }
 188 | 
 189 | img,
 190 | audio,
 191 | video {
 192 |   height: auto;
 193 |   max-width: 100%;
 194 | }
 195 | 
 196 | iframe {
 197 |   border: 0;
 198 | }
 199 | 
 200 | table {
 201 |   border-collapse: collapse;
 202 |   border-spacing: 0;
 203 | }
 204 | 
 205 | td,
 206 | th {
 207 |   padding: 0;
 208 |   text-align: left;
 209 | }
 210 | 
 211 | html {
 212 |   background-color: white;
 213 |   font-size: 16px;
 214 |   -moz-osx-font-smoothing: grayscale;
 215 |   -webkit-font-smoothing: antialiased;
 216 |   min-width: 300px;
 217 |   overflow-x: hidden;
 218 |   overflow-y: scroll;
 219 |   scroll-behavior: smooth;
 220 |   text-rendering: optimizeLegibility;
 221 |   text-size-adjust: 100%;
 222 | }
 223 | 
 224 | article,
 225 | aside,
 226 | figure,
 227 | footer,
 228 | header,
 229 | hgroup,
 230 | section {
 231 |   display: block;
 232 | }
 233 | 
 234 | body,
 235 | button,
 236 | input,
 237 | select,
 238 | textarea {
 239 |   font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 240 | }
 241 | 
 242 | code,
 243 | pre {
 244 |   -moz-osx-font-smoothing: auto;
 245 |   -webkit-font-smoothing: auto;
 246 |   font-family: monospace;
 247 | }
 248 | 
 249 | body {
 250 |   color: #4a4a4a;
 251 |   font-size: 1rem;
 252 |   font-weight: 400;
 253 |   line-height: 1.5;
 254 | }
 255 | 
 256 | a {
 257 |   color: #3273dc;
 258 |   cursor: pointer;
 259 |   text-decoration: none;
 260 | }
 261 | 
 262 | a strong {
 263 |   color: currentColor;
 264 | }
 265 | 
 266 | a:hover {
 267 |   color: #363636;
 268 | }
 269 | 
 270 | code {
 271 |   background-color: whitesmoke;
 272 |   color: #ff3860;
 273 |   font-size: 0.875em;
 274 |   font-weight: normal;
 275 |   padding: 0.25em 0.5em 0.25em;
 276 | }
 277 | 
 278 | hr {
 279 |   background-color: whitesmoke;
 280 |   border: none;
 281 |   display: block;
 282 |   height: 2px;
 283 |   margin: 1.5rem 0;
 284 | }
 285 | 
 286 | img {
 287 |   height: auto;
 288 |   max-width: 100%;
 289 | }
 290 | 
 291 | input[type="checkbox"],
 292 | input[type="radio"] {
 293 |   vertical-align: baseline;
 294 | }
 295 | 
 296 | small {
 297 |   font-size: 0.875em;
 298 | }
 299 | 
 300 | span {
 301 |   font-style: inherit;
 302 |   font-weight: inherit;
 303 | }
 304 | 
 305 | strong {
 306 |   color: #363636;
 307 |   font-weight: 700;
 308 | }
 309 | 
 310 | pre {
 311 |   -webkit-overflow-scrolling: touch;
 312 |   background-color: #282c34;
 313 |   color: #abb2bf;
 314 |   font-size: 0.875em;
 315 |   overflow-x: auto;
 316 |   padding: 1.25rem 1.5rem;
 317 |   white-space: pre;
 318 |   word-wrap: normal;
 319 | }
 320 | 
 321 | pre code {
 322 |   background-color: transparent;
 323 |   color: currentColor;
 324 |   font-size: 1em;
 325 |   padding: 0;
 326 | }
 327 | 
 328 | table td,
 329 | table th {
 330 |   text-align: left;
 331 |   vertical-align: top;
 332 | }
 333 | 
 334 | table th {
 335 |   color: #363636;
 336 | }
 337 | 
 338 | .is-size-1 {
 339 |   font-size: 3rem !important;
 340 | }
 341 | 
 342 | .is-size-2 {
 343 |   font-size: 2.5rem !important;
 344 | }
 345 | 
 346 | .is-size-3 {
 347 |   font-size: 2rem !important;
 348 | }
 349 | 
 350 | .is-size-4 {
 351 |   font-size: 1.5rem !important;
 352 | }
 353 | 
 354 | .is-size-5 {
 355 |   font-size: 1.25rem !important;
 356 | }
 357 | 
 358 | .is-size-6 {
 359 |   font-size: 1rem !important;
 360 | }
 361 | 
 362 | .is-size-7 {
 363 |   font-size: 0.75rem !important;
 364 | }
 365 | 
 366 | .has-text-centered {
 367 |   text-align: center !important;
 368 | }
 369 | 
 370 | .has-text-black-bis {
 371 |   color: #121212 !important;
 372 | }
 373 | 
 374 | .has-text-black-ter {
 375 |   color: #242424 !important;
 376 | }
 377 | 
 378 | .has-text-grey-darker {
 379 |   color: #363636 !important;
 380 | }
 381 | 
 382 | .has-text-grey-dark {
 383 |   color: #4a4a4a !important;
 384 | }
 385 | 
 386 | .has-text-grey {
 387 |   color: #7a7a7a !important;
 388 | }
 389 | 
 390 | .has-text-grey-light {
 391 |   color: #b5b5b5 !important;
 392 | }
 393 | 
 394 | .has-text-grey-lighter {
 395 |   color: #dbdbdb !important;
 396 | }
 397 | 
 398 | .has-text-white-ter {
 399 |   color: whitesmoke !important;
 400 | }
 401 | 
 402 | .has-text-white-bis {
 403 |   color: #fafafa !important;
 404 | }
 405 | 
 406 | .button {
 407 |   background-color: white;
 408 |   border-color: #dbdbdb;
 409 |   border-width: 1px;
 410 |   color: #363636;
 411 |   cursor: pointer;
 412 |   justify-content: center;
 413 |   padding-bottom: calc(0.375em - 1px);
 414 |   padding-left: 0.75em;
 415 |   padding-right: 0.75em;
 416 |   padding-top: calc(0.375em - 1px);
 417 |   text-align: center;
 418 |   white-space: nowrap;
 419 | }
 420 | 
 421 | .button strong {
 422 |   color: inherit;
 423 | }
 424 | 
 425 | .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
 426 |   height: 1.5em;
 427 |   width: 1.5em;
 428 | }
 429 | 
 430 | .button .icon:first-child:not(:last-child) {
 431 |   margin-left: calc(-0.375em - 1px);
 432 |   margin-right: 0.1875em;
 433 | }
 434 | 
 435 | .button .icon:last-child:not(:first-child) {
 436 |   margin-left: 0.1875em;
 437 |   margin-right: calc(-0.375em - 1px);
 438 | }
 439 | 
 440 | .button .icon:first-child:last-child {
 441 |   margin-left: calc(-0.375em - 1px);
 442 |   margin-right: calc(-0.375em - 1px);
 443 | }
 444 | 
 445 | .button:hover, .button.is-hovered {
 446 |   border-color: #b5b5b5;
 447 |   color: #363636;
 448 | }
 449 | 
 450 | .button:focus, .button.is-focused {
 451 |   border-color: #3273dc;
 452 |   color: #363636;
 453 | }
 454 | 
 455 | .button:focus:not(:active), .button.is-focused:not(:active) {
 456 |   box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
 457 | }
 458 | 
 459 | .button:active, .button.is-active {
 460 |   border-color: #4a4a4a;
 461 |   color: #363636;
 462 | }
 463 | 
 464 | .button.is-dark {
 465 |   background-color: #363636;
 466 |   border-color: transparent;
 467 |   color: whitesmoke;
 468 | }
 469 | 
 470 | .button.is-dark:hover, .button.is-dark.is-hovered {
 471 |   background-color: #2f2f2f;
 472 |   border-color: transparent;
 473 |   color: whitesmoke;
 474 | }
 475 | 
 476 | .button.is-dark:focus, .button.is-dark.is-focused {
 477 |   border-color: transparent;
 478 |   color: whitesmoke;
 479 | }
 480 | 
 481 | .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
 482 |   box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
 483 | }
 484 | 
 485 | .button.is-dark:active, .button.is-dark.is-active {
 486 |   background-color: #292929;
 487 |   border-color: transparent;
 488 |   color: whitesmoke;
 489 | }
 490 | 
 491 | .button.is-dark.is-inverted {
 492 |   background-color: whitesmoke;
 493 |   color: #363636;
 494 | }
 495 | 
 496 | .button.is-dark.is-inverted:hover {
 497 |   background-color: #e8e8e8;
 498 | }
 499 | 
 500 | .button.is-dark.is-inverted[disabled] {
 501 |   background-color: whitesmoke;
 502 |   border-color: transparent;
 503 |   box-shadow: none;
 504 |   color: #363636;
 505 | }
 506 | 
 507 | .button.is-dark.is-outlined {
 508 |   background-color: transparent;
 509 |   border-color: #363636;
 510 |   color: #363636;
 511 | }
 512 | 
 513 | .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
 514 |   background-color: #363636;
 515 |   border-color: #363636;
 516 |   color: whitesmoke;
 517 | }
 518 | 
 519 | .button.is-dark.is-outlined.is-loading::after {
 520 |   border-color: transparent transparent #363636 #363636 !important;
 521 | }
 522 | 
 523 | .button.is-dark.is-outlined[disabled] {
 524 |   background-color: transparent;
 525 |   border-color: #363636;
 526 |   box-shadow: none;
 527 |   color: #363636;
 528 | }
 529 | 
 530 | .button.is-dark.is-inverted.is-outlined {
 531 |   background-color: transparent;
 532 |   border-color: whitesmoke;
 533 |   color: whitesmoke;
 534 | }
 535 | 
 536 | .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
 537 |   background-color: whitesmoke;
 538 |   color: #363636;
 539 | }
 540 | 
 541 | .button.is-dark.is-inverted.is-outlined[disabled] {
 542 |   background-color: transparent;
 543 |   border-color: whitesmoke;
 544 |   box-shadow: none;
 545 |   color: whitesmoke;
 546 | }
 547 | 
 548 | .button.is-primary {
 549 |   background-color: #00d1b2;
 550 |   border-color: transparent;
 551 |   color: #fff;
 552 | }
 553 | 
 554 | .button.is-primary:hover, .button.is-primary.is-hovered {
 555 |   background-color: #00c4a7;
 556 |   border-color: transparent;
 557 |   color: #fff;
 558 | }
 559 | 
 560 | .button.is-primary:focus, .button.is-primary.is-focused {
 561 |   border-color: transparent;
 562 |   color: #fff;
 563 | }
 564 | 
 565 | .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
 566 |   box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
 567 | }
 568 | 
 569 | .button.is-primary:active, .button.is-primary.is-active {
 570 |   background-color: #00b89c;
 571 |   border-color: transparent;
 572 |   color: #fff;
 573 | }
 574 | 
 575 | .button.is-primary.is-inverted {
 576 |   background-color: #fff;
 577 |   color: #00d1b2;
 578 | }
 579 | 
 580 | .button.is-primary.is-inverted:hover {
 581 |   background-color: #f2f2f2;
 582 | }
 583 | 
 584 | .button.is-primary.is-inverted[disabled] {
 585 |   background-color: #fff;
 586 |   border-color: transparent;
 587 |   box-shadow: none;
 588 |   color: #00d1b2;
 589 | }
 590 | 
 591 | .button.is-primary.is-outlined {
 592 |   background-color: transparent;
 593 |   border-color: #00d1b2;
 594 |   color: #00d1b2;
 595 | }
 596 | 
 597 | .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
 598 |   background-color: #00d1b2;
 599 |   border-color: #00d1b2;
 600 |   color: #fff;
 601 | }
 602 | 
 603 | .button.is-primary.is-outlined.is-loading::after {
 604 |   border-color: transparent transparent #00d1b2 #00d1b2 !important;
 605 | }
 606 | 
 607 | .button.is-primary.is-outlined[disabled] {
 608 |   background-color: transparent;
 609 |   border-color: #00d1b2;
 610 |   box-shadow: none;
 611 |   color: #00d1b2;
 612 | }
 613 | 
 614 | .button.is-primary.is-inverted.is-outlined {
 615 |   background-color: transparent;
 616 |   border-color: #fff;
 617 |   color: #fff;
 618 | }
 619 | 
 620 | .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
 621 |   background-color: #fff;
 622 |   color: #00d1b2;
 623 | }
 624 | 
 625 | .button.is-primary.is-inverted.is-outlined[disabled] {
 626 |   background-color: transparent;
 627 |   border-color: #fff;
 628 |   box-shadow: none;
 629 |   color: #fff;
 630 | }
 631 | 
 632 | .button.is-twitter {
 633 |   background-color: #1da1f2;
 634 |   border-color: transparent;
 635 |   color: #fff;
 636 | }
 637 | 
 638 | .button.is-twitter:hover, .button.is-twitter.is-hovered {
 639 |   background-color: #119cf1;
 640 |   border-color: transparent;
 641 |   color: #fff;
 642 | }
 643 | 
 644 | .button.is-twitter:focus, .button.is-twitter.is-focused {
 645 |   border-color: transparent;
 646 |   color: #fff;
 647 | }
 648 | 
 649 | .button.is-twitter:focus:not(:active), .button.is-twitter.is-focused:not(:active) {
 650 |   box-shadow: 0 0 0 0.125em rgba(29, 161, 242, 0.25);
 651 | }
 652 | 
 653 | .button.is-twitter:active, .button.is-twitter.is-active {
 654 |   background-color: #0d95e8;
 655 |   border-color: transparent;
 656 |   color: #fff;
 657 | }
 658 | 
 659 | .button.is-twitter.is-inverted {
 660 |   background-color: #fff;
 661 |   color: #1da1f2;
 662 | }
 663 | 
 664 | .button.is-twitter.is-inverted:hover {
 665 |   background-color: #f2f2f2;
 666 | }
 667 | 
 668 | .button.is-twitter.is-inverted[disabled] {
 669 |   background-color: #fff;
 670 |   border-color: transparent;
 671 |   box-shadow: none;
 672 |   color: #1da1f2;
 673 | }
 674 | 
 675 | .button.is-twitter.is-outlined {
 676 |   background-color: transparent;
 677 |   border-color: #1da1f2;
 678 |   color: #1da1f2;
 679 | }
 680 | 
 681 | .button.is-twitter.is-outlined:hover, .button.is-twitter.is-outlined:focus {
 682 |   background-color: #1da1f2;
 683 |   border-color: #1da1f2;
 684 |   color: #fff;
 685 | }
 686 | 
 687 | .button.is-twitter.is-outlined.is-loading::after {
 688 |   border-color: transparent transparent #1da1f2 #1da1f2 !important;
 689 | }
 690 | 
 691 | .button.is-twitter.is-outlined[disabled] {
 692 |   background-color: transparent;
 693 |   border-color: #1da1f2;
 694 |   box-shadow: none;
 695 |   color: #1da1f2;
 696 | }
 697 | 
 698 | .button.is-twitter.is-inverted.is-outlined {
 699 |   background-color: transparent;
 700 |   border-color: #fff;
 701 |   color: #fff;
 702 | }
 703 | 
 704 | .button.is-twitter.is-inverted.is-outlined:hover, .button.is-twitter.is-inverted.is-outlined:focus {
 705 |   background-color: #fff;
 706 |   color: #1da1f2;
 707 | }
 708 | 
 709 | .button.is-twitter.is-inverted.is-outlined[disabled] {
 710 |   background-color: transparent;
 711 |   border-color: #fff;
 712 |   box-shadow: none;
 713 |   color: #fff;
 714 | }
 715 | 
 716 | .button.is-large {
 717 |   font-size: 1.5rem;
 718 | }
 719 | 
 720 | .container {
 721 |   margin: 0 auto;
 722 |   position: relative;
 723 | }
 724 | 
 725 | @media screen and (min-width: 1088px) {
 726 |   .container {
 727 |     max-width: 960px;
 728 |     width: 960px;
 729 |   }
 730 |   .container.is-fluid {
 731 |     margin-left: 64px;
 732 |     margin-right: 64px;
 733 |     max-width: none;
 734 |     width: auto;
 735 |   }
 736 | }
 737 | 
 738 | @media screen and (max-width: 1471px) {
 739 |   .container.is-fullhd {
 740 |     max-width: 1344px;
 741 |     width: auto;
 742 |   }
 743 | }
 744 | 
 745 | @media screen and (min-width: 1472px) {
 746 |   .container {
 747 |     max-width: 1344px;
 748 |     width: 1344px;
 749 |   }
 750 | }
 751 | 
 752 | .content p:not(:last-child),
 753 | .content dl:not(:last-child),
 754 | .content ol:not(:last-child),
 755 | .content ul:not(:last-child),
 756 | .content blockquote:not(:last-child),
 757 | .content pre:not(:last-child),
 758 | .content table:not(:last-child) {
 759 |   margin-bottom: 1em;
 760 | }
 761 | 
 762 | .content h1,
 763 | .content h2,
 764 | .content h3,
 765 | .content h4,
 766 | .content h5,
 767 | .content h6 {
 768 |   color: #363636;
 769 |   font-weight: 600;
 770 |   line-height: 1.125;
 771 | }
 772 | 
 773 | .content h1 {
 774 |   font-size: 2em;
 775 |   margin-bottom: 0.5em;
 776 | }
 777 | 
 778 | .content h1:not(:first-child) {
 779 |   margin-top: 1em;
 780 | }
 781 | 
 782 | .content h2 {
 783 |   font-size: 1.75em;
 784 |   margin-bottom: 0.5714em;
 785 | }
 786 | 
 787 | .content h2:not(:first-child) {
 788 |   margin-top: 1.1428em;
 789 | }
 790 | 
 791 | .content h3 {
 792 |   font-size: 1.5em;
 793 |   margin-bottom: 0.6666em;
 794 | }
 795 | 
 796 | .content h3:not(:first-child) {
 797 |   margin-top: 1.3333em;
 798 | }
 799 | 
 800 | .content h4 {
 801 |   font-size: 1.25em;
 802 |   margin-bottom: 0.8em;
 803 | }
 804 | 
 805 | .content h5 {
 806 |   font-size: 1.125em;
 807 |   margin-bottom: 0.8888em;
 808 | }
 809 | 
 810 | .content h6 {
 811 |   font-size: 1em;
 812 |   margin-bottom: 1em;
 813 | }
 814 | 
 815 | .input {
 816 |   background-color: white;
 817 |   border-color: #dbdbdb;
 818 |   color: #363636;
 819 |   box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
 820 |   max-width: 100%;
 821 |   width: 100%;
 822 | }
 823 | 
 824 | .input::-moz-placeholder {
 825 |   color: rgba(54, 54, 54, 0.3);
 826 | }
 827 | 
 828 | .input::-webkit-input-placeholder {
 829 |   color: rgba(54, 54, 54, 0.3);
 830 | }
 831 | 
 832 | .input:-moz-placeholder {
 833 |   color: rgba(54, 54, 54, 0.3);
 834 | }
 835 | 
 836 | .input:-ms-input-placeholder {
 837 |   color: rgba(54, 54, 54, 0.3);
 838 | }
 839 | 
 840 | .input:hover, .input.is-hovered {
 841 |   border-color: #b5b5b5;
 842 | }
 843 | 
 844 | .input:focus, .input.is-focused, .input:active, .input.is-active {
 845 |   border-color: #3273dc;
 846 |   box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
 847 | }
 848 | 
 849 | .input[disabled] {
 850 |   background-color: whitesmoke;
 851 |   border-color: whitesmoke;
 852 |   box-shadow: none;
 853 |   color: #7a7a7a;
 854 | }
 855 | 
 856 | .input[disabled]::-moz-placeholder {
 857 |   color: rgba(122, 122, 122, 0.3);
 858 | }
 859 | 
 860 | .input[disabled]::-webkit-input-placeholder {
 861 |   color: rgba(122, 122, 122, 0.3);
 862 | }
 863 | 
 864 | .input[disabled]:-moz-placeholder {
 865 |   color: rgba(122, 122, 122, 0.3);
 866 | }
 867 | 
 868 | .input[disabled]:-ms-input-placeholder {
 869 |   color: rgba(122, 122, 122, 0.3);
 870 | }
 871 | 
 872 | .input[readonly] {
 873 |   box-shadow: none;
 874 | }
 875 | 
 876 | .input.is-dark {
 877 |   border-color: #363636;
 878 | }
 879 | 
 880 | .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active {
 881 |   box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
 882 | }
 883 | 
 884 | .input.is-primary {
 885 |   border-color: #00d1b2;
 886 | }
 887 | 
 888 | .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active {
 889 |   box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
 890 | }
 891 | 
 892 | .input.is-twitter {
 893 |   border-color: #1da1f2;
 894 | }
 895 | 
 896 | .input.is-twitter:focus, .input.is-twitter.is-focused, .input.is-twitter:active, .input.is-twitter.is-active {
 897 |   box-shadow: 0 0 0 0.125em rgba(29, 161, 242, 0.25);
 898 | }
 899 | 
 900 | .field:not(:last-child) {
 901 |   margin-bottom: 0.75rem;
 902 | }
 903 | 
 904 | .field.is-grouped {
 905 |   display: flex;
 906 |   justify-content: flex-start;
 907 | }
 908 | 
 909 | .field.is-grouped > .control {
 910 |   flex-shrink: 0;
 911 | }
 912 | 
 913 | .field.is-grouped > .control:not(:last-child) {
 914 |   margin-bottom: 0;
 915 |   margin-right: 0.75rem;
 916 | }
 917 | 
 918 | .field.is-grouped > .control.is-expanded {
 919 |   flex-grow: 1;
 920 |   flex-shrink: 1;
 921 | }
 922 | 
 923 | .field.is-grouped.is-grouped-centered {
 924 |   justify-content: center;
 925 | }
 926 | 
 927 | .field.is-grouped.is-grouped-right {
 928 |   justify-content: flex-end;
 929 | }
 930 | 
 931 | .control {
 932 |   font-size: 1rem;
 933 |   position: relative;
 934 |   text-align: left;
 935 | }
 936 | 
 937 | .icon {
 938 |   align-items: center;
 939 |   display: inline-flex;
 940 |   justify-content: center;
 941 |   height: 1.5rem;
 942 |   width: 1.5rem;
 943 | }
 944 | 
 945 | .icon.is-medium {
 946 |   height: 2rem;
 947 |   width: 2rem;
 948 | }
 949 | 
 950 | .subtitle {
 951 |   word-break: break-word;
 952 | }
 953 | 
 954 | .title {
 955 |   color: #363636;
 956 |   font-size: 2rem;
 957 |   font-weight: 600;
 958 |   line-height: 1.125;
 959 | }
 960 | 
 961 | .title strong {
 962 |   color: inherit;
 963 |   font-weight: inherit;
 964 | }
 965 | 
 966 | .subtitle {
 967 |   color: #4a4a4a;
 968 |   font-size: 1.25rem;
 969 |   font-weight: 400;
 970 |   line-height: 1.25;
 971 | }
 972 | 
 973 | .media {
 974 |   align-items: center;
 975 |   display: flex;
 976 | }
 977 | 
 978 | .media .content:not(:last-child) {
 979 |   margin-bottom: 0.75rem;
 980 | }
 981 | 
 982 | .media .media {
 983 |   border-top: 1px solid rgba(219, 219, 219, 0.5);
 984 |   display: flex;
 985 |   padding-top: 0.75rem;
 986 | }
 987 | 
 988 | .media .media .content:not(:last-child),
 989 | .media .media .control:not(:last-child) {
 990 |   margin-bottom: 0.5rem;
 991 | }
 992 | 
 993 | .media + .media {
 994 |   border-top: 1px solid rgba(219, 219, 219, 0.5);
 995 |   margin-top: 1rem;
 996 |   padding-top: 1rem;
 997 | }
 998 | 
 999 | .media-left,
1000 | .media-right {
1001 |   flex-basis: auto;
1002 |   flex-grow: 0;
1003 |   flex-shrink: 0;
1004 | }
1005 | 
1006 | .media-left {
1007 |   margin-right: 1rem;
1008 | }
1009 | 
1010 | .media-right {
1011 |   margin-left: 1rem;
1012 | }
1013 | 
1014 | .media-content {
1015 |   flex-basis: auto;
1016 |   flex-grow: 1;
1017 |   flex-shrink: 1;
1018 |   text-align: left;
1019 | }
1020 | 
1021 | .navbar {
1022 |   background-color: white;
1023 |   min-height: 3.25rem;
1024 |   position: relative;
1025 |   z-index: 30;
1026 | }
1027 | 
1028 | .navbar > .container {
1029 |   align-items: stretch;
1030 |   display: flex;
1031 |   min-height: 3.25rem;
1032 |   width: 100%;
1033 | }
1034 | 
1035 | .navbar.has-shadow {
1036 |   box-shadow: 0 2px 0 0 whitesmoke;
1037 | }
1038 | 
1039 | .navbar-brand {
1040 |   align-items: stretch;
1041 |   display: flex;
1042 |   flex-shrink: 0;
1043 |   min-height: 3.25rem;
1044 | }
1045 | 
1046 | .navbar-brand a.navbar-item:hover {
1047 |   background-color: transparent;
1048 | }
1049 | 
1050 | .navbar-burger {
1051 |   cursor: pointer;
1052 |   display: block;
1053 |   height: 3.25rem;
1054 |   position: relative;
1055 |   width: 3.25rem;
1056 |   margin-left: auto;
1057 | }
1058 | 
1059 | .navbar-burger span {
1060 |   background-color: currentColor;
1061 |   display: block;
1062 |   height: 1px;
1063 |   left: calc(50% - 8px);
1064 |   position: absolute;
1065 |   transform-origin: center;
1066 |   transition-duration: 86ms;
1067 |   transition-property: background-color, opacity, transform;
1068 |   transition-timing-function: ease-out;
1069 |   width: 16px;
1070 | }
1071 | 
1072 | .navbar-burger span:nth-child(1) {
1073 |   top: calc(50% - 6px);
1074 | }
1075 | 
1076 | .navbar-burger span:nth-child(2) {
1077 |   top: calc(50% - 1px);
1078 | }
1079 | 
1080 | .navbar-burger span:nth-child(3) {
1081 |   top: calc(50% + 4px);
1082 | }
1083 | 
1084 | .navbar-burger:hover {
1085 |   background-color: rgba(0, 0, 0, 0.05);
1086 | }
1087 | 
1088 | .navbar-burger.is-active span:nth-child(1) {
1089 |   transform: translateY(5px) rotate(45deg);
1090 | }
1091 | 
1092 | .navbar-burger.is-active span:nth-child(2) {
1093 |   opacity: 0;
1094 | }
1095 | 
1096 | .navbar-burger.is-active span:nth-child(3) {
1097 |   transform: translateY(-5px) rotate(-45deg);
1098 | }
1099 | 
1100 | .navbar-menu {
1101 |   display: none;
1102 | }
1103 | 
1104 | .navbar-item,
1105 | .navbar-link {
1106 |   color: #4a4a4a;
1107 |   display: block;
1108 |   line-height: 1.5;
1109 |   padding: 0.5rem 0.75rem;
1110 |   position: relative;
1111 | }
1112 | 
1113 | .navbar-item .icon:only-child,
1114 | .navbar-link .icon:only-child {
1115 |   margin-left: -0.25rem;
1116 |   margin-right: -0.25rem;
1117 | }
1118 | 
1119 | a.navbar-item,
1120 | .navbar-link {
1121 |   cursor: pointer;
1122 | }
1123 | 
1124 | a.navbar-item:hover, a.navbar-item.is-active,
1125 | .navbar-link:hover,
1126 | .navbar-link.is-active {
1127 |   background-color: #fafafa;
1128 |   color: #3273dc;
1129 | }
1130 | 
1131 | .navbar-item {
1132 |   display: block;
1133 |   flex-grow: 0;
1134 |   flex-shrink: 0;
1135 | }
1136 | 
1137 | .navbar-item img {
1138 |   max-height: 1.75rem;
1139 | }
1140 | 
1141 | @media screen and (max-width: 1087px) {
1142 |   .navbar > .container {
1143 |     display: block;
1144 |   }
1145 |   .navbar-brand .navbar-item {
1146 |     align-items: center;
1147 |     display: flex;
1148 |   }
1149 |   .navbar-menu {
1150 |     background-color: white;
1151 |     box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
1152 |     padding: 0.5rem 0;
1153 |   }
1154 |   .navbar-menu.is-active {
1155 |     display: block;
1156 |   }
1157 | }
1158 | 
1159 | @media screen and (min-width: 1088px) {
1160 |   .navbar,
1161 |   .navbar-menu,
1162 |   .navbar-start,
1163 |   .navbar-end {
1164 |     align-items: stretch;
1165 |     display: flex;
1166 |   }
1167 |   .navbar {
1168 |     min-height: 3.25rem;
1169 |   }
1170 |   .navbar-burger {
1171 |     display: none;
1172 |   }
1173 |   .navbar-item,
1174 |   .navbar-link {
1175 |     align-items: center;
1176 |     display: flex;
1177 |   }
1178 |   .navbar-item {
1179 |     display: flex;
1180 |   }
1181 |   .navbar-menu {
1182 |     flex-grow: 1;
1183 |     flex-shrink: 0;
1184 |   }
1185 |   .navbar-end {
1186 |     justify-content: flex-end;
1187 |     margin-left: auto;
1188 |   }
1189 |   .navbar > .container .navbar-brand,
1190 |   .container > .navbar .navbar-brand {
1191 |     margin-left: -1rem;
1192 |   }
1193 |   .navbar > .container .navbar-menu,
1194 |   .container > .navbar .navbar-menu {
1195 |     margin-right: -1rem;
1196 |   }
1197 |   a.navbar-item.is-active,
1198 |   .navbar-link.is-active {
1199 |     color: #0a0a0a;
1200 |   }
1201 |   a.navbar-item.is-active:not(:hover),
1202 |   .navbar-link.is-active:not(:hover) {
1203 |     background-color: transparent;
1204 |   }
1205 |   .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
1206 |     background-color: #fafafa;
1207 |   }
1208 | }
1209 | 
1210 | .column {
1211 |   display: block;
1212 |   flex-basis: 0;
1213 |   flex-grow: 1;
1214 |   flex-shrink: 1;
1215 |   padding: 0.75rem;
1216 | }
1217 | 
1218 | @media screen and (min-width: 769px), print {
1219 |   .column.is-1 {
1220 |     flex: none;
1221 |     width: 8.33333%;
1222 |   }
1223 |   .column.is-2 {
1224 |     flex: none;
1225 |     width: 16.66667%;
1226 |   }
1227 |   .column.is-3 {
1228 |     flex: none;
1229 |     width: 25%;
1230 |   }
1231 |   .column.is-4 {
1232 |     flex: none;
1233 |     width: 33.33333%;
1234 |   }
1235 |   .column.is-5 {
1236 |     flex: none;
1237 |     width: 41.66667%;
1238 |   }
1239 |   .column.is-6 {
1240 |     flex: none;
1241 |     width: 50%;
1242 |   }
1243 |   .column.is-7 {
1244 |     flex: none;
1245 |     width: 58.33333%;
1246 |   }
1247 |   .column.is-8 {
1248 |     flex: none;
1249 |     width: 66.66667%;
1250 |   }
1251 |   .column.is-9 {
1252 |     flex: none;
1253 |     width: 75%;
1254 |   }
1255 |   .column.is-10 {
1256 |     flex: none;
1257 |     width: 83.33333%;
1258 |   }
1259 |   .column.is-11 {
1260 |     flex: none;
1261 |     width: 91.66667%;
1262 |   }
1263 |   .column.is-12 {
1264 |     flex: none;
1265 |     width: 100%;
1266 |   }
1267 | }
1268 | 
1269 | .columns {
1270 |   margin-left: -0.75rem;
1271 |   margin-right: -0.75rem;
1272 |   margin-top: -0.75rem;
1273 | }
1274 | 
1275 | .columns:last-child {
1276 |   margin-bottom: -0.75rem;
1277 | }
1278 | 
1279 | .columns:not(:last-child) {
1280 |   margin-bottom: calc(1.5rem - 0.75rem);
1281 | }
1282 | 
1283 | .columns.is-vcentered {
1284 |   align-items: center;
1285 | }
1286 | 
1287 | @media screen and (min-width: 769px), print {
1288 |   .columns:not(.is-desktop) {
1289 |     display: flex;
1290 |   }
1291 | }
1292 | 
1293 | @media screen and (min-width: 1088px) {
1294 |   .columns.is-desktop {
1295 |     display: flex;
1296 |   }
1297 | }
1298 | 
1299 | .hero {
1300 |   align-items: stretch;
1301 |   display: flex;
1302 |   flex-direction: column;
1303 |   justify-content: space-between;
1304 | }
1305 | 
1306 | .hero.is-dark {
1307 |   background-color: #363636;
1308 |   color: whitesmoke;
1309 | }
1310 | 
1311 | .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
1312 | .hero.is-dark strong {
1313 |   color: inherit;
1314 | }
1315 | 
1316 | .hero.is-dark .title {
1317 |   color: whitesmoke;
1318 | }
1319 | 
1320 | .hero.is-dark .subtitle {
1321 |   color: rgba(245, 245, 245, 0.9);
1322 | }
1323 | 
1324 | .hero.is-dark .subtitle a:not(.button),
1325 | .hero.is-dark .subtitle strong {
1326 |   color: whitesmoke;
1327 | }
1328 | 
1329 | .hero.is-primary {
1330 |   background-color: #00d1b2;
1331 |   color: #fff;
1332 | }
1333 | 
1334 | .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
1335 | .hero.is-primary strong {
1336 |   color: inherit;
1337 | }
1338 | 
1339 | .hero.is-primary .title {
1340 |   color: #fff;
1341 | }
1342 | 
1343 | .hero.is-primary .subtitle {
1344 |   color: rgba(255, 255, 255, 0.9);
1345 | }
1346 | 
1347 | .hero.is-primary .subtitle a:not(.button),
1348 | .hero.is-primary .subtitle strong {
1349 |   color: #fff;
1350 | }
1351 | 
1352 | .hero.is-twitter {
1353 |   background-color: #1da1f2;
1354 |   color: #fff;
1355 | }
1356 | 
1357 | .hero.is-twitter a:not(.button):not(.dropdown-item):not(.tag),
1358 | .hero.is-twitter strong {
1359 |   color: inherit;
1360 | }
1361 | 
1362 | .hero.is-twitter .title {
1363 |   color: #fff;
1364 | }
1365 | 
1366 | .hero.is-twitter .subtitle {
1367 |   color: rgba(255, 255, 255, 0.9);
1368 | }
1369 | 
1370 | .hero.is-twitter .subtitle a:not(.button),
1371 | .hero.is-twitter .subtitle strong {
1372 |   color: #fff;
1373 | }
1374 | 
1375 | .hero-body {
1376 |   flex-grow: 1;
1377 |   flex-shrink: 0;
1378 |   padding: 3rem 1.5rem;
1379 | }
1380 | 
1381 | .section {
1382 |   padding: 3rem 1.5rem;
1383 | }
1384 | 
1385 | @media screen and (min-width: 1088px) {
1386 |   .section.is-medium {
1387 |     padding: 9rem 1.5rem;
1388 |   }
1389 | }
1390 | 
1391 | .footer {
1392 |   background-color: #fafafa;
1393 |   padding: 3rem 1.5rem 6rem;
1394 | }
1395 | 


--------------------------------------------------------------------------------
/docs/assets/css/style.min.css:
--------------------------------------------------------------------------------
1 | .button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content:not(:last-child),.subtitle:not(:last-child){margin-bottom:1.5rem}svg{width:70%}section.flexcarousel-section{background-color:#158cd8;font-family:'Bree Serif',serif;font-size:1.25rem;padding-bottom:1.25rem;padding-top:1.25rem;position:relative}section.flexcarousel-section .overlay{background-image:url(https://flexcarousel.com/assets/img/pattern.png);bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}section.flexcarousel-section a{color:#fff}section.flexcarousel-section p{transition:all .2s ease-in-out}section.flexcarousel-section p:hover{transform:scale(1.1)}section.github-section{background-color:#242424;padding-bottom:1rem;padding-top:1rem}section.github-section a{align-items:center;color:#fff;display:inline-flex;justify-content:center}section.github-section .icon{margin-right:.5rem}.github-buttons{margin-top:1rem}.media-number{align-items:center;background-color:#f5f5f5;border-radius:290486px;display:inline-flex;height:1rem;justify-content:center;padding:1rem;width:1rem}.anchor-title{padding-top:1.5rem;position:relative}@media screen and (max-width:1087px){.anchor-title{padding-left:2rem}}.anchor-link{position:absolute;right:calc(100% + 1rem);top:1.5rem}@media screen and (max-width:1087px){.anchor-link{left:0;right:auto}}.button,.input{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.25em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.375em - 1px);padding-left:calc(.625em - 1px);padding-right:calc(.625em - 1px);padding-top:calc(.375em - 1px);position:relative;vertical-align:top}.button:active,.button:focus,.input:active,.input:focus,.is-active.button,.is-active.input,.is-focused.button,.is-focused.input{outline:0}.button[disabled],.input[disabled]{cursor:not-allowed}/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}audio,img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}html{background-color:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;text-rendering:optimizeLegibility;text-size-adjust:100%}article,aside,figure,footer,header,hgroup,section{display:block}body,button,input,select,textarea{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:monospace}body{color:#4a4a4a;font-size:1rem;font-weight:400;line-height:1.5}a{color:#3273dc;cursor:pointer;text-decoration:none}a strong{color:currentColor}a:hover{color:#363636}code{background-color:#f5f5f5;color:#ff3860;font-size:.875em;font-weight:400;padding:.25em .5em .25em}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}input[type=checkbox],input[type=radio]{vertical-align:baseline}small{font-size:.875em}span{font-style:inherit;font-weight:inherit}strong{color:#363636;font-weight:700}pre{-webkit-overflow-scrolling:touch;background-color:#282c34;color:#abb2bf;font-size:.875em;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:transparent;color:currentColor;font-size:1em;padding:0}table td,table th{text-align:left;vertical-align:top}table th{color:#363636}.is-size-1{font-size:3rem!important}.is-size-2{font-size:2.5rem!important}.is-size-3{font-size:2rem!important}.is-size-4{font-size:1.5rem!important}.is-size-5{font-size:1.25rem!important}.is-size-6{font-size:1rem!important}.is-size-7{font-size:.75rem!important}.has-text-centered{text-align:center!important}.has-text-black-bis{color:#121212!important}.has-text-black-ter{color:#242424!important}.has-text-grey-darker{color:#363636!important}.has-text-grey-dark{color:#4a4a4a!important}.has-text-grey{color:#7a7a7a!important}.has-text-grey-light{color:#b5b5b5!important}.has-text-grey-lighter{color:#dbdbdb!important}.has-text-white-ter{color:#f5f5f5!important}.has-text-white-bis{color:#fafafa!important}.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.375em - 1px);padding-left:.75em;padding-right:.75em;padding-top:calc(.375em - 1px);text-align:center;white-space:nowrap}.button strong{color:inherit}.button .icon,.button .icon.is-large,.button .icon.is-medium,.button .icon.is-small{height:1.5em;width:1.5em}.button .icon:first-child:not(:last-child){margin-left:calc(-.375em - 1px);margin-right:.1875em}.button .icon:last-child:not(:first-child){margin-left:.1875em;margin-right:calc(-.375em - 1px)}.button .icon:first-child:last-child{margin-left:calc(-.375em - 1px);margin-right:calc(-.375em - 1px)}.button.is-hovered,.button:hover{border-color:#b5b5b5;color:#363636}.button.is-focused,.button:focus{border-color:#3273dc;color:#363636}.button.is-focused:not(:active),.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.button.is-active,.button:active{border-color:#4a4a4a;color:#363636}.button.is-dark{background-color:#363636;border-color:transparent;color:#f5f5f5}.button.is-dark.is-hovered,.button.is-dark:hover{background-color:#2f2f2f;border-color:transparent;color:#f5f5f5}.button.is-dark.is-focused,.button.is-dark:focus{border-color:transparent;color:#f5f5f5}.button.is-dark.is-focused:not(:active),.button.is-dark:focus:not(:active){box-shadow:0 0 0 .125em rgba(54,54,54,.25)}.button.is-dark.is-active,.button.is-dark:active{background-color:#292929;border-color:transparent;color:#f5f5f5}.button.is-dark.is-inverted{background-color:#f5f5f5;color:#363636}.button.is-dark.is-inverted:hover{background-color:#e8e8e8}.button.is-dark.is-inverted[disabled]{background-color:#f5f5f5;border-color:transparent;box-shadow:none;color:#363636}.button.is-dark.is-outlined{background-color:transparent;border-color:#363636;color:#363636}.button.is-dark.is-outlined:focus,.button.is-dark.is-outlined:hover{background-color:#363636;border-color:#363636;color:#f5f5f5}.button.is-dark.is-outlined.is-loading::after{border-color:transparent transparent #363636 #363636!important}.button.is-dark.is-outlined[disabled]{background-color:transparent;border-color:#363636;box-shadow:none;color:#363636}.button.is-dark.is-inverted.is-outlined{background-color:transparent;border-color:#f5f5f5;color:#f5f5f5}.button.is-dark.is-inverted.is-outlined:focus,.button.is-dark.is-inverted.is-outlined:hover{background-color:#f5f5f5;color:#363636}.button.is-dark.is-inverted.is-outlined[disabled]{background-color:transparent;border-color:#f5f5f5;box-shadow:none;color:#f5f5f5}.button.is-primary{background-color:#00d1b2;border-color:transparent;color:#fff}.button.is-primary.is-hovered,.button.is-primary:hover{background-color:#00c4a7;border-color:transparent;color:#fff}.button.is-primary.is-focused,.button.is-primary:focus{border-color:transparent;color:#fff}.button.is-primary.is-focused:not(:active),.button.is-primary:focus:not(:active){box-shadow:0 0 0 .125em rgba(0,209,178,.25)}.button.is-primary.is-active,.button.is-primary:active{background-color:#00b89c;border-color:transparent;color:#fff}.button.is-primary.is-inverted{background-color:#fff;color:#00d1b2}.button.is-primary.is-inverted:hover{background-color:#f2f2f2}.button.is-primary.is-inverted[disabled]{background-color:#fff;border-color:transparent;box-shadow:none;color:#00d1b2}.button.is-primary.is-outlined{background-color:transparent;border-color:#00d1b2;color:#00d1b2}.button.is-primary.is-outlined:focus,.button.is-primary.is-outlined:hover{background-color:#00d1b2;border-color:#00d1b2;color:#fff}.button.is-primary.is-outlined.is-loading::after{border-color:transparent transparent #00d1b2 #00d1b2!important}.button.is-primary.is-outlined[disabled]{background-color:transparent;border-color:#00d1b2;box-shadow:none;color:#00d1b2}.button.is-primary.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-primary.is-inverted.is-outlined:focus,.button.is-primary.is-inverted.is-outlined:hover{background-color:#fff;color:#00d1b2}.button.is-primary.is-inverted.is-outlined[disabled]{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-twitter{background-color:#1da1f2;border-color:transparent;color:#fff}.button.is-twitter.is-hovered,.button.is-twitter:hover{background-color:#119cf1;border-color:transparent;color:#fff}.button.is-twitter.is-focused,.button.is-twitter:focus{border-color:transparent;color:#fff}.button.is-twitter.is-focused:not(:active),.button.is-twitter:focus:not(:active){box-shadow:0 0 0 .125em rgba(29,161,242,.25)}.button.is-twitter.is-active,.button.is-twitter:active{background-color:#0d95e8;border-color:transparent;color:#fff}.button.is-twitter.is-inverted{background-color:#fff;color:#1da1f2}.button.is-twitter.is-inverted:hover{background-color:#f2f2f2}.button.is-twitter.is-inverted[disabled]{background-color:#fff;border-color:transparent;box-shadow:none;color:#1da1f2}.button.is-twitter.is-outlined{background-color:transparent;border-color:#1da1f2;color:#1da1f2}.button.is-twitter.is-outlined:focus,.button.is-twitter.is-outlined:hover{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.button.is-twitter.is-outlined.is-loading::after{border-color:transparent transparent #1da1f2 #1da1f2!important}.button.is-twitter.is-outlined[disabled]{background-color:transparent;border-color:#1da1f2;box-shadow:none;color:#1da1f2}.button.is-twitter.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-twitter.is-inverted.is-outlined:focus,.button.is-twitter.is-inverted.is-outlined:hover{background-color:#fff;color:#1da1f2}.button.is-twitter.is-inverted.is-outlined[disabled]{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-large{font-size:1.5rem}.container{margin:0 auto;position:relative}@media screen and (min-width:1088px){.container{max-width:960px;width:960px}.container.is-fluid{margin-left:64px;margin-right:64px;max-width:none;width:auto}}@media screen and (max-width:1471px){.container.is-fullhd{max-width:1344px;width:auto}}@media screen and (min-width:1472px){.container{max-width:1344px;width:1344px}}.content blockquote:not(:last-child),.content dl:not(:last-child),.content ol:not(:last-child),.content p:not(:last-child),.content pre:not(:last-child),.content table:not(:last-child),.content ul:not(:last-child){margin-bottom:1em}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#363636;font-weight:600;line-height:1.125}.content h1{font-size:2em;margin-bottom:.5em}.content h1:not(:first-child){margin-top:1em}.content h2{font-size:1.75em;margin-bottom:.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content h3{font-size:1.5em;margin-bottom:.6666em}.content h3:not(:first-child){margin-top:1.3333em}.content h4{font-size:1.25em;margin-bottom:.8em}.content h5{font-size:1.125em;margin-bottom:.8888em}.content h6{font-size:1em;margin-bottom:1em}.input{background-color:#fff;border-color:#dbdbdb;color:#363636;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);max-width:100%;width:100%}.input::-moz-placeholder{color:rgba(54,54,54,.3)}.input::-webkit-input-placeholder{color:rgba(54,54,54,.3)}.input:-moz-placeholder{color:rgba(54,54,54,.3)}.input:-ms-input-placeholder{color:rgba(54,54,54,.3)}.input.is-hovered,.input:hover{border-color:#b5b5b5}.input.is-active,.input.is-focused,.input:active,.input:focus{border-color:#3273dc;box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.input[disabled]{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#7a7a7a}.input[disabled]::-moz-placeholder{color:rgba(122,122,122,.3)}.input[disabled]::-webkit-input-placeholder{color:rgba(122,122,122,.3)}.input[disabled]:-moz-placeholder{color:rgba(122,122,122,.3)}.input[disabled]:-ms-input-placeholder{color:rgba(122,122,122,.3)}.input[readonly]{box-shadow:none}.input.is-dark{border-color:#363636}.input.is-dark.is-active,.input.is-dark.is-focused,.input.is-dark:active,.input.is-dark:focus{box-shadow:0 0 0 .125em rgba(54,54,54,.25)}.input.is-primary{border-color:#00d1b2}.input.is-primary.is-active,.input.is-primary.is-focused,.input.is-primary:active,.input.is-primary:focus{box-shadow:0 0 0 .125em rgba(0,209,178,.25)}.input.is-twitter{border-color:#1da1f2}.input.is-twitter.is-active,.input.is-twitter.is-focused,.input.is-twitter:active,.input.is-twitter:focus{box-shadow:0 0 0 .125em rgba(29,161,242,.25)}.field:not(:last-child){margin-bottom:.75rem}.field.is-grouped{display:flex;justify-content:flex-start}.field.is-grouped>.control{flex-shrink:0}.field.is-grouped>.control:not(:last-child){margin-bottom:0;margin-right:.75rem}.field.is-grouped>.control.is-expanded{flex-grow:1;flex-shrink:1}.field.is-grouped.is-grouped-centered{justify-content:center}.field.is-grouped.is-grouped-right{justify-content:flex-end}.control{font-size:1rem;position:relative;text-align:left}.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem}.icon.is-medium{height:2rem;width:2rem}.subtitle{word-break:break-word}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.title strong{color:inherit;font-weight:inherit}.subtitle{color:#4a4a4a;font-size:1.25rem;font-weight:400;line-height:1.25}.media{align-items:center;display:flex}.media .content:not(:last-child){margin-bottom:.75rem}.media .media{border-top:1px solid rgba(219,219,219,.5);display:flex;padding-top:.75rem}.media .media .content:not(:last-child),.media .media .control:not(:last-child){margin-bottom:.5rem}.media+.media{border-top:1px solid rgba(219,219,219,.5);margin-top:1rem;padding-top:1rem}.media-left,.media-right{flex-basis:auto;flex-grow:0;flex-shrink:0}.media-left{margin-right:1rem}.media-right{margin-left:1rem}.media-content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:left}.navbar{background-color:#fff;min-height:3.25rem;position:relative;z-index:30}.navbar>.container{align-items:stretch;display:flex;min-height:3.25rem;width:100%}.navbar.has-shadow{box-shadow:0 2px 0 0 #f5f5f5}.navbar-brand{align-items:stretch;display:flex;flex-shrink:0;min-height:3.25rem}.navbar-brand a.navbar-item:hover{background-color:transparent}.navbar-burger{cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto}.navbar-burger span{background-color:currentColor;display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.navbar-burger span:nth-child(1){top:calc(50% - 6px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 4px)}.navbar-burger:hover{background-color:rgba(0,0,0,.05)}.navbar-burger.is-active span:nth-child(1){transform:translateY(5px) rotate(45deg)}.navbar-burger.is-active span:nth-child(2){opacity:0}.navbar-burger.is-active span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.navbar-menu{display:none}.navbar-item,.navbar-link{color:#4a4a4a;display:block;line-height:1.5;padding:.5rem .75rem;position:relative}.navbar-item .icon:only-child,.navbar-link .icon:only-child{margin-left:-.25rem;margin-right:-.25rem}.navbar-link,a.navbar-item{cursor:pointer}.navbar-link.is-active,.navbar-link:hover,a.navbar-item.is-active,a.navbar-item:hover{background-color:#fafafa;color:#3273dc}.navbar-item{display:block;flex-grow:0;flex-shrink:0}.navbar-item img{max-height:1.75rem}@media screen and (max-width:1087px){.navbar>.container{display:block}.navbar-brand .navbar-item{align-items:center;display:flex}.navbar-menu{background-color:#fff;box-shadow:0 8px 16px rgba(10,10,10,.1);padding:.5rem 0}.navbar-menu.is-active{display:block}}@media screen and (min-width:1088px){.navbar,.navbar-end,.navbar-menu,.navbar-start{align-items:stretch;display:flex}.navbar{min-height:3.25rem}.navbar-burger{display:none}.navbar-item,.navbar-link{align-items:center;display:flex}.navbar-item{display:flex}.navbar-menu{flex-grow:1;flex-shrink:0}.navbar-end{justify-content:flex-end;margin-left:auto}.container>.navbar .navbar-brand,.navbar>.container .navbar-brand{margin-left:-1rem}.container>.navbar .navbar-menu,.navbar>.container .navbar-menu{margin-right:-1rem}.navbar-link.is-active,a.navbar-item.is-active{color:#0a0a0a}.navbar-link.is-active:not(:hover),a.navbar-item.is-active:not(:hover){background-color:transparent}.navbar-item.has-dropdown.is-active .navbar-link,.navbar-item.has-dropdown:hover .navbar-link{background-color:#fafafa}}.column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}@media screen and (min-width:769px),print{.column.is-1{flex:none;width:8.33333%}.column.is-2{flex:none;width:16.66667%}.column.is-3{flex:none;width:25%}.column.is-4{flex:none;width:33.33333%}.column.is-5{flex:none;width:41.66667%}.column.is-6{flex:none;width:50%}.column.is-7{flex:none;width:58.33333%}.column.is-8{flex:none;width:66.66667%}.column.is-9{flex:none;width:75%}.column.is-10{flex:none;width:83.33333%}.column.is-11{flex:none;width:91.66667%}.column.is-12{flex:none;width:100%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:calc(1.5rem - .75rem)}.columns.is-vcentered{align-items:center}@media screen and (min-width:769px),print{.columns:not(.is-desktop){display:flex}}@media screen and (min-width:1088px){.columns.is-desktop{display:flex}}.hero{align-items:stretch;display:flex;flex-direction:column;justify-content:space-between}.hero.is-dark{background-color:#363636;color:#f5f5f5}.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),.hero.is-dark strong{color:inherit}.hero.is-dark .title{color:#f5f5f5}.hero.is-dark .subtitle{color:rgba(245,245,245,.9)}.hero.is-dark .subtitle a:not(.button),.hero.is-dark .subtitle strong{color:#f5f5f5}.hero.is-primary{background-color:#00d1b2;color:#fff}.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),.hero.is-primary strong{color:inherit}.hero.is-primary .title{color:#fff}.hero.is-primary .subtitle{color:rgba(255,255,255,.9)}.hero.is-primary .subtitle a:not(.button),.hero.is-primary .subtitle strong{color:#fff}.hero.is-twitter{background-color:#1da1f2;color:#fff}.hero.is-twitter a:not(.button):not(.dropdown-item):not(.tag),.hero.is-twitter strong{color:inherit}.hero.is-twitter .title{color:#fff}.hero.is-twitter .subtitle{color:rgba(255,255,255,.9)}.hero.is-twitter .subtitle a:not(.button),.hero.is-twitter .subtitle strong{color:#fff}.hero-body{flex-grow:1;flex-shrink:0;padding:3rem 1.5rem}.section{padding:3rem 1.5rem}@media screen and (min-width:1088px){.section.is-medium{padding:9rem 1.5rem}}.footer{background-color:#fafafa;padding:3rem 1.5rem 6rem}


--------------------------------------------------------------------------------
/docs/assets/img/logo-dark-small.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/docs/assets/img/logo-dark-small.png


--------------------------------------------------------------------------------
/docs/assets/img/logo-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/docs/assets/img/logo-dark.png


--------------------------------------------------------------------------------
/docs/assets/js/script.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener('DOMContentLoaded', function () {
 2 |   var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
 3 |   if ($navbarBurgers.length > 0) {
 4 |     $navbarBurgers.forEach(function ($el) {
 5 |       $el.addEventListener('click', function () {
 6 |         var target = $el.dataset.target;
 7 |         var $target = document.getElementById(target);
 8 |         $el.classList.toggle('is-active');
 9 |         $target.classList.toggle('is-active');
10 |       });
11 |     });
12 |   }
13 | });
14 | 
15 | window.dataLayer = window.dataLayer || [];
16 | function gtag(){dataLayer.push(arguments);}
17 | gtag('js', new Date());
18 | gtag('config', 'UA-70809338-10');
19 | 


--------------------------------------------------------------------------------
/docs/assets/sass/style.sass:
--------------------------------------------------------------------------------
 1 | @import "../../../node_modules/bulma/sass/utilities/initial-variables"
 2 | @import "../../../node_modules/bulma/sass/utilities/mixins"
 3 | 
 4 | $pre-background: #282c34
 5 | $pre: #abb2bf
 6 | 
 7 | $twitter: #1da1f2
 8 | $twitter-invert: findColorInvert($twitter)
 9 | 
10 | $widescreen-enabled: false
11 | $fullscreen-enabled: false
12 | 
13 | svg
14 |   width: 70%
15 | 
16 | section
17 |   &.flexcarousel-section
18 |     background-color: #158cd8
19 |     font-family: 'Bree Serif', serif
20 |     font-size: $size-5
21 |     padding-bottom: 1.25rem
22 |     padding-top: 1.25rem
23 |     position: relative
24 |     .overlay
25 |       background-image: url(https://flexcarousel.com/assets/img/pattern.png)
26 |       bottom: 0
27 |       left: 0
28 |       opacity: 0.3
29 |       position: absolute
30 |       right: 0
31 |       top: 0
32 |     a
33 |       color: #fff
34 |     p
35 |       transition: all .2s ease-in-out
36 |       &:hover
37 |         transform: scale(1.10)
38 |   &.github-section
39 |     background-color: $black-ter
40 |     padding-bottom: 1rem
41 |     padding-top: 1rem
42 |     a
43 |       align-items: center
44 |       color: $white
45 |       display: inline-flex
46 |       justify-content: center
47 |     .icon
48 |       margin-right: 0.5rem
49 | 
50 | .github-buttons
51 |   margin-top: 1rem
52 | 
53 | .media-number
54 |   align-items: center
55 |   background-color: $white-ter
56 |   border-radius: $radius-rounded
57 |   display: inline-flex
58 |   height: 1rem
59 |   justify-content: center
60 |   padding: 1rem
61 |   width: 1rem
62 | 
63 | .anchor-title
64 |   padding-top: 1.5rem
65 |   position: relative
66 |   +touch
67 |     padding-left: 2rem
68 | 
69 | .anchor-link
70 |   position: absolute
71 |   right: calc(100% + 1rem)
72 |   top: 1.5rem
73 |   +touch
74 |     left: 0
75 |     right: auto
76 | 
77 | $custom-colors: ("twitter": ($twitter, $twitter-invert))
78 | 
79 | @import "../../../node_modules/bulma/sass/utilities/functions"
80 | @import "../../../node_modules/bulma/sass/utilities/derived-variables"
81 | @import "../../../node_modules/bulma/sass/utilities/controls"
82 | @import "../../../node_modules/bulma/sass/base/minireset"
83 | @import "../../../node_modules/bulma/sass/base/generic"
84 | @import "../../../node_modules/bulma/sass/base/helpers"
85 | @import "../../../node_modules/bulma/sass/elements/button"
86 | @import "../../../node_modules/bulma/sass/elements/container"
87 | @import "../../../node_modules/bulma/sass/elements/content"
88 | @import "../../../node_modules/bulma/sass/elements/form"
89 | @import "../../../node_modules/bulma/sass/elements/icon"
90 | @import "../../../node_modules/bulma/sass/elements/title"
91 | @import "../../../node_modules/bulma/sass/components/media"
92 | @import "../../../node_modules/bulma/sass/components/navbar"
93 | @import "../../../node_modules/bulma/sass/grid/columns"
94 | @import "../../../node_modules/bulma/sass/layout/hero"
95 | @import "../../../node_modules/bulma/sass/layout/section"
96 | @import "../../../node_modules/bulma/sass/layout/footer"


--------------------------------------------------------------------------------
/docs/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/docs/favicon.png


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  6 |     <meta name="description" content="BulmaWP is a free and open source WordPress starter theme made with the popular Bulma framework.">
  7 |     <title>BulmaWP - A free WordPress starter theme based on the Bulma CSS framework.</title>
  8 |     <link rel="stylesheet" href="assets/css/style.css">
  9 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bree+Serif">
 10 |     <link rel="canonical" href="https://bulmawp.io">
 11 |     <link rel="shortcut icon" href="favicon.png">
 12 |   </head>
 13 |   <body>
 14 |     <section class="section flexcarousel-section">
 15 |       <div class="overlay"></div>
 16 |       <div class="container">
 17 |         <div class="columns">
 18 |           <div class="column">
 19 |             <p class="has-text-centered"><a href="https://flexcarousel.com">Check out my new and customisable carousel jQuery plugin based on Flexbox! 😃</a></p>
 20 |           </div>
 21 |         </div>
 22 |       </div>
 23 |     </section>
 24 |     <nav class="navbar has-shadow">
 25 |       <div class="container">
 26 |         <div class="navbar-brand">
 27 |           <a class="navbar-item" href="">
 28 |             <img src="assets/img/logo-dark.png" alt="BulmaWP Logo" width="148" height="28">
 29 |           </a>
 30 |           <div class="navbar-burger burger" data-target="navbar">
 31 |             <span></span>
 32 |             <span></span>
 33 |             <span></span>
 34 |           </div>
 35 |         </div>
 36 |         <div id="navbar" class="navbar-menu">
 37 |           <div class="navbar-end">
 38 |             <div class="navbar-item">
 39 |               <div class="field is-grouped">
 40 |                 <p class="control">
 41 |                   <a class="button is-dark" href="https://github.com/tomhrtly/bulmawp">
 42 |                     <span class="icon">
 43 |                       <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="github-alt" class="svg-inline--fa fa-github-alt fa-w-15" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 512"><path fill="currentColor" d="M186.1 328.7c0 20.9-10.9 55.1-36.7 55.1s-36.7-34.2-36.7-55.1 10.9-55.1 36.7-55.1 36.7 34.2 36.7 55.1zM480 278.2c0 31.9-3.2 65.7-17.5 95-37.9 76.6-142.1 74.8-216.7 74.8-75.8 0-186.2 2.7-225.6-74.8-14.6-29-20.2-63.1-20.2-95 0-41.9 13.9-81.5 41.5-113.6-5.2-15.8-7.7-32.4-7.7-48.8 0-21.5 4.9-32.3 14.6-51.8 45.3 0 74.3 9 108.8 36 29-6.9 58.8-10 88.7-10 27 0 54.2 2.9 80.4 9.2 34-26.7 63-35.2 107.8-35.2 9.8 19.5 14.6 30.3 14.6 51.8 0 16.4-2.6 32.7-7.7 48.2 27.5 32.4 39 72.3 39 114.2zm-64.3 50.5c0-43.9-26.7-82.6-73.5-82.6-18.9 0-37 3.4-56 6-14.9 2.3-29.8 3.2-45.1 3.2-15.2 0-30.1-.9-45.1-3.2-18.7-2.6-37-6-56-6-46.8 0-73.5 38.7-73.5 82.6 0 87.8 80.4 101.3 150.4 101.3h48.2c70.3 0 150.6-13.4 150.6-101.3zm-82.6-55.1c-25.8 0-36.7 34.2-36.7 55.1s10.9 55.1 36.7 55.1 36.7-34.2 36.7-55.1-10.9-55.1-36.7-55.1z"></path></svg>
 44 |                     </span>
 45 |                     <span>Contribute</span>
 46 |                   </a>
 47 |                 </p>
 48 |                 <p class="control">
 49 |                   <a class="button is-twitter" href="https://twitter.com/intent/tweet?text=Have%20you%20seen%20this%20awesome%20WordPress%20starter%20theme%20for%20developers%20using%20Bulma?%20https://bulmawp.io&via=tomhrtly">
 50 |                     <span class="icon">
 51 |                       <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>
 52 |                     </span>
 53 |                     <span>Share</span>
 54 |                   </a>
 55 |                 </p>
 56 |               </div>
 57 |             </div>
 58 |           </div>
 59 |         </div>
 60 |       </div>
 61 |     </nav>
 62 |     <section class="section intro-section is-medium">
 63 |       <div class="container has-text-centered">
 64 |         <img src="assets/img/logo-dark.png" width="421" height="80" alt="BulmaWP Logo">
 65 |         <h1 class="subtitle">A free WordPress starter theme based on the Bulma CSS framework.</h1>
 66 |         <div class="field is-grouped is-grouped-centered">
 67 |           <p class="control">
 68 |             <a href="releases/bulmawp-v0.4.0.zip" class="button is-large is-primary">
 69 |               <span class="icon">
 70 |                 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="download" class="svg-inline--fa fa-download fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
 71 |               </span>
 72 |               <span>Download</span>
 73 |             </a>
 74 |             <a href="#gettingstarted" class="button is-large is-outlined is-primary">
 75 |               <span class="icon">
 76 |                 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book" class="svg-inline--fa fa-book fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"></path></svg>
 77 |               </span>
 78 |               <span>View docs</span>
 79 |             </a>
 80 |           </p>
 81 |         </div>
 82 |         <span class="is-size-7"><a href="https://github.com/tomhrtly/bulmawp/releases">v0.4.0</a></span>
 83 |         <div class="github-buttons">
 84 |           <a class="github-button" href="https://github.com/tomhrtly/bulmawp" data-size="large" aria-label="Star tomhrtly/bulmawp on GitHub">Star</a>
 85 |           <a class="github-button" href="https://github.com/tomhrtly/bulmawp/fork" data-size="large" aria-label="Fork tomhrtly/bulmawp on GitHub">Fork</a>
 86 |         </div>
 87 |       </div>
 88 |     </section>
 89 |     <section>
 90 |       <div class="container">
 91 |         <hr>
 92 |       </div>
 93 |     </section>
 94 |     <section class="section">
 95 |       <div class="container">
 96 |         <div class="content">
 97 |           <h2 id="gettingstarted" class="anchor-title">
 98 |             <span>Getting Started</span>
 99 |             <a class="anchor-link" href="#gettingstarted">#</a>
100 |           </h2>
101 |           <h3>Installation</h3>
102 |           <p>Installing BulmaWP onto your WordPress website is super easy and fast. Just follow the instructions below to get started.</p>
103 |         </div>
104 |         <hr>
105 |         <article class="media">
106 |           <figure class="media-left">
107 |             <div class="media-number">1</div>
108 |           </figure>
109 |           <div class="media-content">
110 |             <div class="content">
111 |               <p>Download the latest version of BulmaWP by clicking <a href="releases/bulmawp-v0.4.0.zip">here</a>.</p>
112 |             </div>
113 |           </div>
114 |         </article>
115 |         <article class="media">
116 |           <figure class="media-left">
117 |             <div class="media-number">2</div>
118 |           </figure>
119 |           <div class="media-content">
120 |             <div class="content">
121 |               <p>Go to to Appearance > Themes within your WordPress dashboard.</p>
122 |             </div>
123 |           </div>
124 |         </article>
125 |         <article class="media">
126 |           <figure class="media-left">
127 |             <div class="media-number">3</div>
128 |           </figure>
129 |           <div class="media-content">
130 |             <div class="content">
131 |               <p>Click "Add New" at the top of the page.</p>
132 |             </div>
133 |           </div>
134 |         </article>
135 |         <article class="media">
136 |           <figure class="media-left">
137 |             <div class="media-number">4</div>
138 |           </figure>
139 |           <div class="media-content">
140 |             <div class="content">
141 |               <p>Click "Upload Theme" at the top of the page.</p>
142 |             </div>
143 |           </div>
144 |         </article>
145 |         <article class="media">
146 |           <figure class="media-left">
147 |             <div class="media-number">5</div>
148 |           </figure>
149 |           <div class="media-content">
150 |             <div class="content">
151 |               <p>Choose the .zip file from where you downloaded it onto your computer.</p>
152 |             </div>
153 |           </div>
154 |         </article>
155 |         <article class="media">
156 |           <figure class="media-left">
157 |             <div class="media-number">6</div>
158 |           </figure>
159 |           <div class="media-content">
160 |             <div class="content">
161 |               <p>Click "Install Now".</p>
162 |             </div>
163 |           </div>
164 |         </article>
165 |         <article class="media">
166 |           <figure class="media-left">
167 |             <div class="media-number">7</div>
168 |           </figure>
169 |           <div class="media-content">
170 |             <div class="content">
171 |               <p>Click "Activate".</p>
172 |             </div>
173 |           </div>
174 |         </article>
175 |       </div>
176 |     </section>
177 |     <section class="section">
178 |       <div class="container">
179 |         <div class="content">
180 |           <h2 id="customisation" class="anchor-title">
181 |             <span>About</span>
182 |             <a class="anchor-link" href="#customisation">#</a>
183 |           </h2>
184 |           <p>As a development foundation, BulmaWP comes with only a few features built into the core theme.</p>
185 |           <p>First off, you can use npm to manage the Sass file for Bulma. You just need to correctly point to those files depending on your project setup. For those wanting to use Bulma out of the box, feel free to enqueue the latest Bulma version from <a href="https://cdnjs.com/libraries/bulma">cdnjs</a>. The latest version of Font Awesome has also been added to BulmaWP for your convience, but feel free to replace this with any icon set.</p>
186 |           <p>Since WordPress already loads a local hosted and outdated version of jQuery onto a fresh WordPress install, we have replaced this with the latest jQuery version provided by <a href="https://developers.google.com/speed/libraries/">Google</a>. The only JavaScript that is included with BulmaWP is a simple jQuery script to toggle the <code>is-active</code> class on both the <code>navbar-burger</code> and <code>navbar-menu</code> class.</p>
187 |           <p>Two custom walkers have been created for BulmaWP, one for the navbar markup and the other to utilise the <a href="https://bulma.io/documentation/layout/media-object/">media object component</a> for the comments. Feel free to edit these walkers to add additional functionality if needed for your project.</p>
188 |           <p>Lastly, the Bulma components that require functionality such as the <a href="https://bulma.io/documentation/components/breadcrumb">breadcrumbs</a> and <a href="https://bulma.io/documentation/components/pagination">pagination</a> are found within BulmaWP, you can simply add the modifiers you need such as <code>is-small</code> by editing the <code>functions.php</code> file.</p>
189 |         </div>
190 |       </div>
191 |     </section>
192 |     <section class="section github-section">
193 |       <div class="container has-text-centered">
194 |         <div class="columns">
195 |           <div class="column">
196 |             <a href="https://github.com/tomhrtly/bulmawp">
197 |               <span class="icon is-medium">
198 |                 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="github-alt" class="svg-inline--fa fa-github-alt fa-w-15" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 512"><path fill="currentColor" d="M186.1 328.7c0 20.9-10.9 55.1-36.7 55.1s-36.7-34.2-36.7-55.1 10.9-55.1 36.7-55.1 36.7 34.2 36.7 55.1zM480 278.2c0 31.9-3.2 65.7-17.5 95-37.9 76.6-142.1 74.8-216.7 74.8-75.8 0-186.2 2.7-225.6-74.8-14.6-29-20.2-63.1-20.2-95 0-41.9 13.9-81.5 41.5-113.6-5.2-15.8-7.7-32.4-7.7-48.8 0-21.5 4.9-32.3 14.6-51.8 45.3 0 74.3 9 108.8 36 29-6.9 58.8-10 88.7-10 27 0 54.2 2.9 80.4 9.2 34-26.7 63-35.2 107.8-35.2 9.8 19.5 14.6 30.3 14.6 51.8 0 16.4-2.6 32.7-7.7 48.2 27.5 32.4 39 72.3 39 114.2zm-64.3 50.5c0-43.9-26.7-82.6-73.5-82.6-18.9 0-37 3.4-56 6-14.9 2.3-29.8 3.2-45.1 3.2-15.2 0-30.1-.9-45.1-3.2-18.7-2.6-37-6-56-6-46.8 0-73.5 38.7-73.5 82.6 0 87.8 80.4 101.3 150.4 101.3h48.2c70.3 0 150.6-13.4 150.6-101.3zm-82.6-55.1c-25.8 0-36.7 34.2-36.7 55.1s10.9 55.1 36.7 55.1 36.7-34.2 36.7-55.1-10.9-55.1-36.7-55.1z"></path></svg>
199 |               </span>
200 |               <span>Contribute by submitting a pull request on GitHub!</span>
201 |             </a>
202 |           </div>
203 |         </div>
204 |       </div>
205 |     </section>
206 |     <footer class="footer">
207 |       <div class="container">
208 |         <div class="columns">
209 |           <div class="column">
210 |             <div class="content">
211 |               <p class="has-text-grey">
212 |                 Source code licensed <a href="https://opensource.org/licenses/mit-license.php" class="has-text-grey-dark">MIT</a>. Website content licensed <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" class="has-text-grey-dark">CC BY-NC-SA 4.0</a>.
213 |               </p>
214 |               <p class="has-text-grey">
215 |                 A project by @<a href="https://twitter.com/tomhrtly/" class="has-text-grey-dark">tomhrtly</a>. Hosted on <a href="https://github.com/" class="has-text-grey-dark">GitHub</a>.
216 |               </p>
217 |             </div>
218 |           </div>
219 |         </div>
220 |       </div>
221 |     </footer>
222 |     <script src="assets/js/script.js"></script>
223 |     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-70809338-10"></script>
224 |     <script async defer src="https://buttons.github.io/buttons.js"></script>
225 |   </body>
226 | </html>
227 | 


--------------------------------------------------------------------------------
/docs/releases/bulmawp-v0.1.0.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/docs/releases/bulmawp-v0.1.0.zip


--------------------------------------------------------------------------------
/docs/releases/bulmawp-v0.2.0.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/docs/releases/bulmawp-v0.2.0.zip


--------------------------------------------------------------------------------
/docs/releases/bulmawp-v0.2.1.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/docs/releases/bulmawp-v0.2.1.zip


--------------------------------------------------------------------------------
/docs/releases/bulmawp-v0.2.2.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/docs/releases/bulmawp-v0.2.2.zip


--------------------------------------------------------------------------------
/docs/releases/bulmawp-v0.3.0.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/docs/releases/bulmawp-v0.3.0.zip


--------------------------------------------------------------------------------
/docs/releases/bulmawp-v0.4.0.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/docs/releases/bulmawp-v0.4.0.zip


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "bulmawp",
 3 |   "version": "0.4.0",
 4 |   "description": "A free WordPress starter theme based on the Bulma CSS framework.",
 5 |   "main": "index.js",
 6 |   "directories": {
 7 |     "doc": "docs"
 8 |   },
 9 |   "scripts": {
10 |     "docs-build": "npm run docs-build-clean && npm run docs-build-sass && npm run docs-build-cleancss",
11 |     "docs-build-cleancss": "cleancss -o docs/assets/css/style.min.css docs/assets/css/style.css",
12 |     "docs-build-clean": "rimraf css",
13 |     "docs-build-sass": "node-sass --output-style expanded docs/assets/sass/style.sass docs/assets/css/style.css",
14 |     "docs-build-sass-watch": "npm run docs-build-sass -- --watch"
15 |   },
16 |   "repository": {
17 |     "type": "git",
18 |     "url": "git+https://github.com/tomhrtly/BulmaWP.git"
19 |   },
20 |   "author": "Tom Hartley",
21 |   "license": "MIT",
22 |   "bugs": {
23 |     "url": "https://github.com/tomhrtly/BulmaWP/issues"
24 |   },
25 |   "homepage": "https://github.com/tomhrtly/BulmaWP#readme",
26 |   "dependencies": {
27 |     "bulma": "^0.7.4",
28 |     "clean-css-cli": "^4.2.1",
29 |     "eslint": "^5.13.0",
30 |     "node-sass": "^4.11.0",
31 |     "postcss-cli": "^6.1.1",
32 |     "rimraf": "^2.6.3"
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/src/404.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | 
 8 | get_header();
 9 | ?>
10 | <div class="column">
11 |   <div class="content">
12 |     <h1><?php echo __( '404 - Page Not Found' ); ?></h1>
13 |     <p><?php echo __( 'Looks like this page was either deleted, moved or never existed.' ); ?></p>
14 |     <p><?php echo __( 'Head back to the <a href="' . site_url() . '">homepage</a> or use the search bar below to find what you\'re looking for.' ); ?></p>
15 |     <div class="columns">
16 |       <div class="column is-6">
17 |         <?php get_template_part( 'searchform' ); ?>
18 |       </div>
19 |     </div>
20 |   </div>
21 | </div>
22 | <?php get_footer(); ?>
23 | 


--------------------------------------------------------------------------------
/src/assets/js/script.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function() {
2 |   $('.navbar-burger').click(function() {
3 |     $('.navbar-burger').toggleClass('is-active');
4 |     $('.navbar-menu').toggleClass('is-active');
5 |   });
6 | });
7 | 


--------------------------------------------------------------------------------
/src/assets/sass/style.sass:
--------------------------------------------------------------------------------
 1 | @import "../../node_modules/bulma/sass/utilities/initial-variables"
 2 | @import "../../node_modules/bulma/sass/utilities/mixins"
 3 | 
 4 | // Change the derived variables and add your own custom styles here
 5 | 
 6 | @import "../../node_modules/bulma/sass/utilities/functions"
 7 | @import "../../node_modules/bulma/sass/utilities/derived-variables"
 8 | @import "../../node_modules/bulma/sass/utilities/controls"
 9 | 
10 | // Import the components/elements you need here.


--------------------------------------------------------------------------------
/src/comments.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | 
 8 | if ( comments_open() ) :
 9 | ?>
10 |   <h3 id="comments" class="subtitle"><?php echo __( 'Comments' ); ?></h3>
11 |   <?php
12 |   if ( have_comments() ) :
13 |     wp_list_comments( array(
14 |       'max_depth'     => '3',
15 |       'avatar_size'   => '128',
16 |       'walker'        => new BulmaWP_Comment_Walker(),
17 |     ) );
18 |   endif;
19 | 
20 |   comment_form( array(
21 |     'label_submit'            => __( 'Post comment' ),
22 |     'class_submit'            => 'button',
23 |     'comment_notes_before'    => '',
24 |     'title_reply'             => '',
25 |     'title_reply_to'          => '',
26 |     'title_reply_before'      => '',
27 |     'title_reply_after'       => '',
28 |     'submit_field'            => '<div class="field"><p class="control">%1$s%2$s</p></div>',
29 |     'cancel_reply_link'       => '<div class="delete"></div>',
30 |     'fields'                  => array(
31 |       'author'    => '<div class="field"><p class="control has-icons-left"><input name="author" class="input" type="text" placeholder="Name" required><span class="icon is-small is-left"><i class="fa fa-user"></i></span></p></div>',
32 |       'email'     => '<div class="field"><p class="control has-icons-left"><input name="email" class="input" type="email" placeholder="Email address" required><span class="icon is-small is-left"><i class="fa fa-envelope"></i></span></p></div>',
33 |       'url'       => '<div class="field"><p class="control has-icons-left"><input name="url" class="input" type="url" placeholder="Website address"><span class="icon is-small is-left"><i class="fa fa-globe"></i></span></p></div>',
34 |     ),
35 |     'comment_field'           => '<article class="media field"><div class="media-content"><div class="field"><p class="control"><textarea class="textarea" name="comment" placeholder="Add a comment..." required></textarea></p></div></div></article>'
36 |   ) );
37 | endif;
38 | 


--------------------------------------------------------------------------------
/src/content.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | ?>
 8 | <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 9 |   <h2 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
10 |   <div class="content">
11 |     <p class="is-size-7 <?php if( has_tag() ) : echo 'is-marginless'; endif; ?>">
12 |       <?php
13 |       echo __( 'In ' );
14 |       the_category( ', ' );
15 |       echo __( ' by ' );
16 |       the_author();
17 |       echo ' / ';
18 |       echo apply_filters( 'the_date', get_the_date(), get_option( 'date_format' ), '', '' );
19 |       ?> / <a href="<?php the_permalink(); ?>#comments"><?php comments_number( '0 comments', '1 comment', '% comments' ); ?></a>
20 |     </p>
21 |     <?php the_excerpt(); ?>
22 |   </div>
23 | </div>
24 | 


--------------------------------------------------------------------------------
/src/footer.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | ?>
 8 |         </div>
 9 |       </div>
10 |     </section>
11 |     <footer class="footer">
12 |       <div class="container">
13 |         <div class="content has-text-centered">
14 |           <p>&copy; <?php echo get_bloginfo( 'name' ); ?> <?php echo date( 'Y' ); ?><?php echo __( '. All rights reserved.' ); ?></p>
15 |           <a href="https://bulma.io">
16 |             <img src="https://bulma.io/images/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
17 |           </a>
18 |         </div>
19 |       </div>
20 |     </footer>
21 |     <?php wp_footer(); ?>
22 |   </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/src/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * @package bulmawp
  4 |  * @since 0.1.0
  5 |  * @version 0.4.0
  6 |  */
  7 | 
  8 | /**
  9 |  * Displays the breadcrumbs on all pages except the homepage.
 10 |  *
 11 |  * @since 0.1.0
 12 |  *
 13 |  * @global $post, $wp_query
 14 |  */
 15 | 
 16 | function bulmawp_breadcrumbs() {
 17 | 	$custom_taxonomy = '';
 18 | 	global $post, $wp_query;
 19 | 	if( !is_front_page() ) {
 20 | 		echo '<nav class="breadcrumb" aria-label="breadcrumbs">';
 21 | 		echo '<ul>';
 22 | 		echo '<li><a href="', get_home_url(), '">';
 23 | 		echo '<span class="icon"><i class="fas fa-home"></i></span>';
 24 | 		echo '<span>', __( 'Home' ), '</span></a></li>';
 25 | 		if( is_archive() && !is_tax() && !is_category() && !is_tag() ) {
 26 | 			echo '<li class="is-active"><a href="#" aria-current="page">';
 27 | 			echo '<span class="icon"><i class="fas fa-calendar"></i></span>';
 28 | 			echo '<span>', get_the_archive_title(), '</span></a></li>';
 29 | 		}
 30 | 		else if( is_archive() && is_tax() && !is_category() && !is_tag() ) {
 31 | 			$post_type = get_post_type();
 32 | 			if( $post_type != 'post' ) {
 33 | 				$post_type_object = get_post_type_object( $post_type );
 34 | 				$post_type_archive = get_post_type_archive_link( $post_type );
 35 | 				echo '<li><a href="', $post_type_archive, '">', $post_type_object->labels->name, '</a></li>';
 36 | 			}
 37 | 			$custom_tax_name = get_queried_object()->name;
 38 | 			echo '<li class="is-active"><a href="#" aria-current="page">';
 39 | 			echo '<span class="icon"><i class="fas fa-home"></i></span>';
 40 | 			echo '<span>', $custom_tax_name, '</span></a></li>';
 41 | 		}
 42 | 		else if( is_single() ) {
 43 | 			$taxonomy_exists = taxonomy_exists( $custom_taxonomy );
 44 | 			if( empty( $last_category ) && !empty( $custom_taxonomy ) && $taxonomy_exists) {
 45 | 				$taxonomy_terms = get_the_terms( $post->ID, $custom_taxonomy );
 46 | 				$cat_id = $taxonomy_terms[0]->term_id;
 47 | 				$cat_nicename = $taxonomy_terms[0]->slug;
 48 | 				$cat_link = get_term_link( $taxonomy_terms[0]->term_id, $custom_taxonomy );
 49 | 				$cat_name = $taxonomy_terms[0]->name;
 50 | 			}
 51 | 			if( !empty( $last_category ) ) {
 52 | 				echo $cat_display;
 53 | 				echo '<li class="is-active"><a href="#" aria-current="page">';
 54 | 				echo '<span class="icon"><i class="fas fa-home"></i></span>';
 55 | 				echo '<span>', get_the_title(), '</span></a></li>';
 56 | 			}
 57 | 			else if( !empty( $cat_id ) ) {
 58 | 				echo '<li><a href="', $cat_link, '">', $cat_name, '</a></li>';
 59 | 				echo '<li class="is-active"><a href="#" aria-current="page">', get_the_title(), '</a></li>';
 60 | 			}
 61 | 			else {
 62 | 				echo '<li class="is-active"><a href="#" aria-current="page">', get_the_title(), '</a></li>';
 63 | 			}
 64 | 		}
 65 | 		else if( is_category() ) {
 66 | 			echo '<li class="is-active"><a href="#" aria-current="page">';
 67 | 			echo '<span class="icon"><i class="fas fa-file"></i></span>';
 68 | 			echo '<span>', single_cat_title( '', false), '</span></a></li>';
 69 | 		}
 70 | 		else if( is_page() ) {
 71 | 			if( $post->post_parent ) {
 72 | 				$ancestors = get_post_ancestors( $post->ID );
 73 | 				$ancestors = array_reverse( $ancestors );
 74 | 				if( !isset($parents) ) $parents = null;
 75 | 				foreach( $ancestors as $ancestor ) {
 76 | 					$parents.= '<li><a href="' . get_permalink( $ancestor ) . '">' . get_the_title( $ancestor ) . '</a></li>';
 77 | 				}
 78 | 				echo $parents;
 79 | 				echo '<li class="is-active"><a href="#" aria-current="page">', get_the_title(), '</a></li>';
 80 | 			}
 81 | 			else {
 82 | 				echo '<li class="is-active"><a href="#" aria-current="page">', get_the_title(), '</a></li>';
 83 | 			}
 84 | 		}
 85 | 		else if( is_tag() ) {
 86 | 			$term_id = get_query_var( 'tag_id' );
 87 | 			$taxonomy = 'post_tag';
 88 | 			$args = 'include=' . $term_id;
 89 | 			$terms = get_terms( $taxonomy, $args );
 90 | 			$get_term_id = $terms[0]->term_id;
 91 | 			$get_term_slug = $terms[0]->slug;
 92 | 			$get_term_name = $terms[0]->name;
 93 | 			echo '<li class="is-active"><a href="#" aria-current="page">';
 94 | 			echo '<span class="icon"><i class="fas fa-tag"></i></span>';
 95 | 			echo '<span>', $get_term_name, '</span></a></li>';
 96 | 		}
 97 | 		else if( is_day() ) {
 98 | 			echo '<li><a href="', get_year_link( get_the_time( 'Y' ) ), '">', get_the_time( 'Y' ), __( ' Archives' ), '</a></li>';
 99 | 			echo '<li><a href="', get_month_link( get_the_time( 'Y' ) , get_the_time( 'm' ) ), '">', get_the_time( 'M' ), __( ' Archives' ), '</a></li>';
100 | 			echo '<li class="is-active"><a href="#" aria-current="page">', get_the_time( 'jS' ), '', get_the_time( 'M' ), __( ' Archives' ), '</a></li>';
101 | 		}
102 | 		else if( is_month() ) {
103 | 			echo '<li><a href="', get_year_link( get_the_time( 'Y' ) ), '">', get_the_time( 'Y' ), __( ' Archives' ), '</a></li>';
104 | 			echo '<li>', get_the_time( 'M' ), __( ' Archives' ), '</li>';
105 | 		}
106 | 		else if( is_year() ) {
107 | 			echo '<li class="is-active"><a href="#" aria-current="page">', get_the_time( 'Y' ), __( ' Archives' ), '</a></li>';
108 | 		}
109 | 		else if( is_author() ) {
110 | 			global $author;
111 | 			$userdata = get_userdata( $author );
112 | 			echo '<li class="is-active"><a href="#" aria-current="page">', __( 'Author:' ), $userdata->display_name, '</a></li>';
113 | 		}
114 | 		else if( get_query_var( 'paged' ) ) {
115 | 			echo '<li class="is-active"><a href="#" aria-current="page">', __( 'Page ' ), '', get_query_var( 'paged' ), '</a></li>';
116 | 		}
117 | 		else if( is_search() ) {
118 | 			echo '<li class="is-active"><a href="#" aria-current="page">';
119 | 			echo '<span class="icon"><i class="fas fa-search"></i></span>';
120 | 			echo '<span>', __( 'Search results for: ' ), get_search_query(), '</span></a></li>';
121 | 		}
122 |     echo '</ul>';
123 |     echo '</nav>';
124 | 	}
125 | }
126 | 
127 | 
128 | /**
129 |  * Enqueues the CSS and JS for the front-end and back-end.
130 |  *
131 |  * @since 0.1.0
132 |  * @since 0.2.2 Added enqueue "comment-reply"
133 |  */
134 | 
135 | function bulmawp_enqueue() {
136 | 	wp_deregister_style( 'wp-block-library' );
137 | 
138 | 	wp_enqueue_style( 'bulmawp-style', get_template_directory_uri() . '/assets/css/style.css', '', '0.4.0' );
139 | 
140 | 	wp_deregister_script( 'jquery' );
141 | 
142 | 	wp_enqueue_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js', '', '3.3.1', true );
143 | 	wp_enqueue_script( 'bulmawp-script', get_template_directory_uri() . '/assets/js/script.js', array( 'jquery' ), '0.4.0', true );
144 |   wp_enqueue_script( 'font-awesome', 'https://use.fontawesome.com/releases/v5.7.2/js/all.js', '', '5.7.2', true );
145 | 
146 | 	if( is_single() && comments_open() ) {
147 | 		wp_enqueue_script( 'comment-reply' );
148 | 	}
149 | }
150 | 
151 | add_action( 'wp_enqueue_scripts', 'bulmawp_enqueue' );
152 | 
153 | 
154 | /**
155 |  * Requires theme files needed for front-end and back-end.
156 |  *
157 |  * @since 0.1.0
158 |  */
159 | 
160 | require get_template_directory() . '/inc/navbar-walker.php';
161 | require get_template_directory() . '/inc/comment-walker.php';
162 | 
163 | 
164 | /**
165 |  * Registers the menus and limits the menu depth to just one child.
166 |  *
167 |  * @since 0.1.0
168 |  * @since 0.2.0 Seperate menus for "navbar-start" and "navbar-end"
169 |  */
170 | 
171 | function bulmawp_register_menus() {
172 | 	register_nav_menu( 'navbar_start', 'Navbar Start Menu' );
173 | 	register_nav_menu( 'navbar_end', 'Navbar End Menu' );
174 | }
175 | 
176 | add_action( 'after_setup_theme', 'bulmawp_register_menus' );
177 | 
178 | 
179 | /**
180 |  * Limits the menu depth to 1 child as multi-level structures are not supported with Bulma out of the box.
181 |  *
182 |  * @since 0.1.0
183 |  *
184 |  * @param string $hook
185 |  *
186 |  * @return void
187 |  */
188 | 
189 | function bulmawp_limit_depth( $hook ) {
190 | 	if( $hook != 'nav-menus.php' ) {
191 | 		return;
192 | 	}
193 | 
194 | 	wp_add_inline_script( 'nav-menu', 'wpNavMenu.options.globalMaxDepth = 1;', 'after' );
195 | }
196 | 
197 | add_action( 'admin_enqueue_scripts', 'bulmawp_limit_depth' );
198 | 
199 | 
200 | /**
201 |  * Displays the pagination on the homepage.
202 |  *
203 |  * @since 0.1.0
204 |  *
205 |  * @global $wp_query
206 |  */
207 | 
208 | function bulmawp_pagination() {
209 | 	if( is_singular() ) {
210 |  		return;
211 |  	}
212 |  	global $wp_query;
213 |  	if( $wp_query->max_num_pages <= 1 ) {
214 |  		return;
215 |  	}
216 |  	$paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
217 |  	$max = intval( $wp_query->max_num_pages );
218 |  	if( $paged >= 1 ) {
219 |  		$links[] = $paged;
220 |  	}
221 |  	if( $paged >= 3 ) {
222 |  		$links[] = $paged - 1;
223 |  	}
224 |  	if( ( $paged + 2 ) <= $max ) {
225 |  		$links[] = $paged + 1;
226 |  	}
227 |  	echo '<nav class="pagination" role="navigation" aria-label="pagination">';
228 | 	if( get_previous_posts_link() ) {
229 |  		printf( '%s', get_previous_posts_link( 'Previous' ) );
230 |  	}
231 |  	if( get_next_posts_link() ) {
232 |  		printf( '%s', get_next_posts_link( 'Next' ) );
233 |  	}
234 |  	echo '<ul class="pagination-list">';
235 |  	if( ! in_array( 1, $links ) ) {
236 |  		$class = 1 == $paged ? ' is-current' : '';
237 |  		$aria_current = 1 == $paged ? ' aria-current="page"' : '';
238 |  		printf( '<li><a href="%s" class="pagination-link%s" aria-label="Go to page 1"%s>%s</a></li>', esc_url( get_pagenum_link( 1 ) ), $class, $aria_current, '1' );
239 |  		if( ! in_array( 2, $links ) ) {
240 |  			echo '<li><span class="pagination-ellipsis">&hellip;</span></li>' . "\n";
241 |  		}
242 |  	}
243 |  	sort( $links );
244 |  	foreach( ( array ) $links as $link ) {
245 |  		$class = $paged == $link ? ' is-current' : '';
246 |  		$aria_current = $paged == $link ? ' aria-current="page"' : '';
247 |  		printf( '<li><a href="%s" class="pagination-link%s" aria-label="Go to page %s"%s>%s</a></li>', esc_url( get_pagenum_link( $link ) ), $class, $link, $aria_current, $link );
248 |  	}
249 |  	if( ! in_array( $max, $links ) ) {
250 |  		if( ! in_array( $max - 1, $links ) ) {
251 |  			echo '<li><span class="pagination-ellipsis">&hellip;</span></li>' . "\n";
252 |  		}
253 |  		$class = $paged == $max ? ' is-current' : '';
254 |  		$aria_current = $paged == $max ? ' aria-current="page"' : '';
255 |  		printf( '<li><a href="%s" class="pagination-link%s" aria-label="Goto page %s"%s>%s</a></li>', esc_url( get_pagenum_link( $max ) ), $class, $max, $aria_current, $max );
256 |  	}
257 |  	echo '</ul></nav>';
258 |  }
259 | 
260 |  add_filter( 'next_posts_link_attributes', 'bulmawp_next_posts_link_class' );
261 |  add_filter( 'previous_posts_link_attributes', 'bulmawp_previous_posts_link_class' );
262 | 
263 |  function bulmawp_next_posts_link_class() {
264 |  	return 'class="pagination-next"';
265 |  }
266 | 
267 |  function bulmawp_previous_posts_link_class() {
268 |  	return 'class="pagination-previous"';
269 |  }
270 | 
271 | 
272 | /**
273 |  * Registers the sidebar.
274 |  *
275 |  * @since 0.1.0
276 |  */
277 | 
278 | function bulmawp_sidebar() {
279 | 	register_sidebar( array(
280 | 		'name' 						=> 'Sidebar',
281 | 		'id' 							=> 'sidebar',
282 | 	  'before_widget' 	=> '<div class="widget">',
283 | 	  'after_widget' 		=> '</div>',
284 | 		'before_title' 		=> '<h2 class="menu-label">',
285 | 		'after_title' 		=> '</h2>',
286 | 	) );
287 | }
288 | 
289 | add_action( 'widgets_init', 'bulmawp_sidebar' );
290 | 
291 | 
292 | /**
293 |  * Adds theme support.
294 |  *
295 |  * @since 0.1.0
296 |  */
297 | 
298 | add_theme_support( 'automatic-feed-links' );
299 | add_theme_support( 'custom-background' );
300 | add_theme_support( 'custom-logo', array(
301 | 	'flex-height' => true,
302 | 	'flex-width'  => true,
303 | 	'header-text' => array( 'site-title', 'site-description' ),
304 | ));
305 | add_theme_support( 'post-thumbnails' );
306 | add_theme_support( 'html5', array( 'search-form' ) );
307 | add_theme_support( 'title-tag' );
308 | 


--------------------------------------------------------------------------------
/src/header.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * @package bulmawp
  4 |  * @since 0.1.0
  5 |  * @version 0.4.0
  6 |  */
  7 | ?>
  8 | <!DOCTYPE html>
  9 | <html <?php language_attributes(); ?>>
 10 |   <head>
 11 |     <meta charset="<?php bloginfo( 'charset' ); ?>">
 12 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 13 |     <?php wp_head(); ?>
 14 |   </head>
 15 |   <body <?php body_class(); ?>>
 16 |     <nav class="navbar">
 17 |       <div class="container">
 18 |         <div class="navbar-brand">
 19 |           <a class="navbar-item" href="<?php echo site_url(); ?>">
 20 |             <?php
 21 |             $logo = wp_get_attachment_image_src( get_theme_mod( 'custom_logo' ), 'full' );
 22 |             if( has_custom_logo() ) : echo '<img src="' . esc_url( $logo[0] ) . '" alt="' . get_bloginfo( 'name' ) . '">';
 23 |             else : echo '<h1 class="subtitle">' . get_bloginfo( 'name' ) . '</h1>';
 24 |             endif;
 25 |             ?>
 26 |           </a>
 27 |           <div class="navbar-burger burger">
 28 |             <span></span>
 29 |             <span></span>
 30 |             <span></span>
 31 |           </div>
 32 |         </div>
 33 |         <div class="navbar-menu">
 34 |           <div class="navbar-start">
 35 |             <?php
 36 |             wp_nav_menu( array(
 37 |               'theme_location'  => 'navbar_start',
 38 |               'menu'            => '',
 39 |           		'container'       => '',
 40 |           		'container_class' => '',
 41 |           		'container_id'    => '',
 42 |           		'menu_class'      => '',
 43 |           		'menu_id'         => '',
 44 |           		'echo'            => true,
 45 |           		'fallback_cb'     => 'BulmaWP_Navbar_Walker::fallback',
 46 |           		'before'          => '',
 47 |           		'after'           => '',
 48 |           		'link_before'     => '',
 49 |           		'link_after'      => '',
 50 |               'items_wrap'      => '%3$s',
 51 |               'depth'           => 0,
 52 |               'walker'          => new BulmaWP_Navbar_Walker
 53 |             ));
 54 |             ?>
 55 |           </div>
 56 |           <div class="navbar-end">
 57 |             <?php
 58 |             wp_nav_menu( array(
 59 |               'theme_location'  => 'navbar_end',
 60 |               'menu'            => '',
 61 |           		'container'       => '',
 62 |           		'container_class' => '',
 63 |           		'container_id'    => '',
 64 |           		'menu_class'      => '',
 65 |           		'menu_id'         => '',
 66 |           		'echo'            => true,
 67 |           		'fallback_cb'     => 'BulmaWP_Navbar_Walker::fallback',
 68 |           		'before'          => '',
 69 |           		'after'           => '',
 70 |           		'link_before'     => '',
 71 |           		'link_after'      => '',
 72 |               'items_wrap'      => '%3$s',
 73 |               'depth'           => 0,
 74 |               'walker'          => new BulmaWP_Navbar_Walker
 75 |             ));
 76 |             ?>
 77 |             <div class="field is-grouped">
 78 |               <a class="navbar-item">
 79 |                 <span class="icon">
 80 |                   <i class="fab fa-facebook fa-lg"></i>
 81 |                 </span>
 82 |               </a>
 83 |               <a class="navbar-item">
 84 |                 <span class="icon">
 85 |                   <i class="fab fa-twitter fa-lg"></i>
 86 |                 </span>
 87 |               </a>
 88 |               <a class="navbar-item">
 89 |                 <span class="icon">
 90 |                   <i class="fab fa-instagram fa-lg"></i>
 91 |                 </span>
 92 |               </a>
 93 |               <a class="navbar-item">
 94 |                 <span class="icon">
 95 |                   <i class="fab fa-pinterest fa-lg"></i>
 96 |                 </span>
 97 |               </a>
 98 |               <a class="navbar-item">
 99 |                 <span class="icon">
100 |                   <i class="fas fa-rss fa-lg"></i>
101 |                 </span>
102 |               </a>
103 |             </div>
104 |           </div>
105 |         </div>
106 |       </div>
107 |     </nav>
108 |     <section class="section">
109 |       <div class="container">
110 |         <div class="columns">
111 | 


--------------------------------------------------------------------------------
/src/inc/comment-walker.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * @package bulmawp
  4 |  * @since 0.2.2
  5 |  * @version 0.4.0
  6 |  */
  7 | 
  8 | if ( ! class_exists( 'BulmaWP_Comment_Walker' ) ) {
  9 |  	/**
 10 |  	 * BulmaWP_Comment_Walker class.
 11 |  	 *
 12 |  	 * @extends Walker_Comment
 13 |  	 */
 14 | 	class BulmaWP_Comment_Walker extends Walker_Comment {
 15 | 		/**
 16 | 		 * Start Level.
 17 | 		 *
 18 | 		 * @see    Walker::start_lvl()
 19 | 		 * @since  0.2.2
 20 | 		 *
 21 | 		 * @access public
 22 | 		 *
 23 | 		 * @param mixed $output 	Passed by reference. Used to append additional content.
 24 | 		 * @param int   $depth  	(default: 0) Depth of comment item.
 25 | 		 * @param array $args   	(default: array()) Arguments.
 26 | 		 *
 27 | 		 * @return void
 28 | 		 */
 29 | 		function start_lvl( &$output, $depth = 0, $args = array() ) {
 30 | 		  return;
 31 | 		}
 32 | 		/**
 33 | 		 * End Level.
 34 | 		 *
 35 | 		 * @see    Walker::end_lvl()
 36 | 		 * @since  0.2.2
 37 | 		 *
 38 | 		 * @access public
 39 | 		 *
 40 | 		 * @param mixed $output 	Passed by reference. Used to append additional content.
 41 | 		 * @param int   $depth  	(default: 0) Depth of comment item.
 42 | 		 * @param array $args   	(default: array()) Arguments.
 43 | 		 *
 44 | 		 * @return void
 45 | 		 */
 46 | 		function end_lvl( &$output, $depth = 0, $args = array() ) {
 47 | 		  return;
 48 | 		}
 49 | 		/**
 50 | 		 * Start El.
 51 | 		 *
 52 | 		 * @see    Walker::start_el()
 53 | 		 * @since  0.2.2
 54 | 		 *
 55 | 		 * @access public
 56 | 		 *
 57 | 		 * @param mixed $output 	Passed by reference. Used to append additional content.
 58 | 		 * @param mixed $comment  Comment item data object.
 59 | 		 * @param int   $depth  	(default: 0) Depth of comment item.
 60 | 		 * @param array $args   	(default: array()) Arguments.
 61 | 		 * @param int   $id     	(default: 0) Comment item ID.
 62 | 		 *
 63 | 		 * @return void
 64 | 		 */
 65 | 		function start_el( &$output, $comment, $depth = 0, $args = array(), $id = 0 ) {
 66 | 			$depth++;
 67 | 			$GLOBALS['comment_depth'] = $depth;
 68 | 			$GLOBALS['comment'] = $comment;
 69 | 			$parent_class = ( empty( $args['has_children'] ) ? '' : 'parent' );
 70 | 			if ( 'article' == $args['style'] ) {
 71 | 				$tag = 'article';
 72 | 				$add_below = 'comment';
 73 | 			} else {
 74 | 				$tag = 'article';
 75 | 				$add_below = 'comment';
 76 | 			}
 77 | 			?>
 78 | 			<article class="media" id="comment-<?php comment_ID() ?>">
 79 | 				<figure class="media-left">
 80 | 			    <p class="image is-64x64">
 81 | 			      <?php echo get_avatar( $comment, 128 ); ?>
 82 | 			    </p>
 83 | 			  </figure>
 84 | 				<div class="media-content">
 85 | 			    <div class="content">
 86 | 						<p>
 87 | 	            <?php
 88 | 	            if( get_comment_author_url() ) {
 89 | 	              echo '<a href="', get_comment_author_url(), '" rel="nofollow"><strong>', comment_author(), '</strong></a>';
 90 | 	            } else {
 91 | 	              echo '<strong>', comment_author(), '</strong>';
 92 | 	            } ?>
 93 | 							<br>
 94 | 			      	<?php echo get_comment_text(); ?>
 95 | 							<br>
 96 | 			        <small><?php comment_reply_link(array_merge( $args, array( 'add_below' => $add_below, 'depth' => $depth, 'max_depth' => $args['max_depth']))) ?> · <?php printf( _x( '%s ago', '%s = human-readable time difference' ), human_time_diff( get_comment_time( 'U' ), current_time( 'timestamp' ) ) ); ?></small>
 97 | 			      </p>
 98 | 					</div>
 99 | 		<?php
100 | 		}
101 | 		/**
102 | 		 * End El.
103 | 		 *
104 | 		 * @see    Walker::end_el()
105 | 		 * @since  0.2.2
106 | 		 *
107 | 		 * @access public
108 | 		 *
109 | 		 * @param mixed $output 	Passed by reference. Used to append additional content.
110 | 		 * @param mixed $comment  Comment item data object.
111 | 		 * @param int   $depth  	(default: 0) Depth of comment item.
112 | 		 * @param array $args   	(default: array()) Arguments.
113 | 		 *
114 | 		 * @return void
115 | 		 */
116 | 		function end_el( &$output, $comment, $depth = 0, $args = array() ) {
117 | 			echo '</div></article>';
118 | 		}
119 | 	}
120 | }
121 | 


--------------------------------------------------------------------------------
/src/inc/navbar-walker.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * @package bulmawp
  4 |  * @since 0.1.0
  5 |  * @version 0.4.0
  6 |  */
  7 | 
  8 | if ( ! class_exists( 'BulmaWP_Navbar_Walker' ) ) {
  9 | 	/**
 10 | 	 * BulmaWP_Navbar_Walker class.
 11 | 	 *
 12 | 	 * @extends Walker_Nav_Menu
 13 | 	 */
 14 | 	class BulmaWP_Navbar_Walker extends Walker_Nav_Menu {
 15 | 		/**
 16 | 		 * Start Level.
 17 | 		 *
 18 | 		 * @see    Walker::start_lvl()
 19 | 		 * @since  0.1.0
 20 | 		 *
 21 | 		 * @access public
 22 | 		 *
 23 | 		 * @param mixed $output 	Passed by reference. Used to append additional content.
 24 | 		 * @param int   $depth  	(default: 0) Depth of page. Used for padding.
 25 | 		 * @param array $args   	(default: array()) Arguments.
 26 | 		 *
 27 | 		 * @return void
 28 | 		 */
 29 | 		public function start_lvl( &$output, $depth = 0, $args = array() ) {
 30 | 			$indent = str_repeat( "\t", $depth );
 31 | 			$output .= "\n$indent<div class=\"navbar-dropdown is-boxed\">\n";
 32 | 		}
 33 | 		/**
 34 | 		 * End Level.
 35 | 		 *
 36 | 		 * @see    Walker::end_lvl()
 37 | 		 * @since  0.1.0
 38 | 		 *
 39 | 		 * @access public
 40 | 		 *
 41 | 		 * @param mixed $output 	Passed by reference. Used to append additional content.
 42 | 		 * @param int   $depth  	(default: 0) Depth of menu item. Used for padding.
 43 | 		 * @param array $args   	(default: array()) Arguments.
 44 | 		 *
 45 | 		 * @return void
 46 | 		 */
 47 | 		public function end_lvl( &$output, $depth = 0, $args = array() ) {
 48 | 			$indent = str_repeat( "\t", $depth );
 49 | 			$output .= "$indent</div>\n";
 50 | 		}
 51 | 		/**
 52 | 		 * Start El.
 53 | 		 *
 54 | 		 * @see    Walker::start_el()
 55 | 		 * @since  0.1.0
 56 | 		 *
 57 | 		 * @access public
 58 | 		 *
 59 | 		 * @param mixed $output 	Passed by reference. Used to append additional content.
 60 | 		 * @param mixed $item   	Menu item data object.
 61 | 		 * @param int   $depth  	(default: 0) Depth of menu item. Used for padding.
 62 | 		 * @param array $args   	(default: array()) Arguments.
 63 | 		 * @param int   $id     	(default: 0) Menu item ID.
 64 | 		 *
 65 | 		 * @return void
 66 | 		 */
 67 | 		public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
 68 | 			$defaults = array(
 69 | 				'menu'            => '',
 70 | 				'container'       => 'div',
 71 | 				'container_class' => '',
 72 | 				'container_id'    => '',
 73 | 				'menu_class'      => 'menu',
 74 | 				'menu_id'         => '',
 75 | 				'echo'            => true,
 76 | 				'fallback_cb'     => 'wp_page_menu',
 77 | 				'before'          => '',
 78 | 				'after'           => '',
 79 | 				'link_before'     => '',
 80 | 				'link_after'      => '',
 81 | 				'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
 82 | 				'item_spacing'    => 'preserve',
 83 | 				'depth'           => 0,
 84 | 				'walker'          => '',
 85 | 				'theme_location'  => '',
 86 | 			);
 87 | 			$args     = wp_parse_args( $args, $defaults );
 88 | 
 89 | 			$indent      = ( $depth ) ? str_repeat( "\t", $depth ) : '';
 90 | 			$class_names = $this->get_item_classes( $item, $args );
 91 | 			$id          = apply_filters( 'nav_menu_item_id', '', $item, $args );
 92 | 			$id          = $id ? ' id="' . esc_attr( $id ) . '"' : '';
 93 | 			$attributes  = $this->get_item_attributes( $item, $args );
 94 | 			if ( ! $args['has_children'] ) {
 95 | 				$classes = empty( $item->classes ) ? array() : (array) $item->classes;
 96 | 				if ( ! in_array( 'navbar-divider', $classes ) ) {
 97 | 					$item_output = $args['before'];
 98 | 					$item_output .= '<a' . $class_names . $attributes . '>';
 99 | 					$item_output .= $args['link_before'] . apply_filters( 'the_title', $item->title, $item->ID ) . $args['link_after'];
100 | 					$item_output .= $args['after'];
101 | 				} else {
102 | 					$item_output = '<hr class="navbar-divider">';
103 | 				}
104 | 
105 | 				$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
106 | 			} else {
107 | 				$item_output = $args['before'];
108 | 				$item_output .= $indent . '<div class="navbar-item has-dropdown is-hoverable">' . "\n";
109 | 				$item_output .= '<a' . $class_names . $attributes . $id . '>';
110 | 				$item_output .= $args['link_before'] . apply_filters( 'the_title', $item->title, $item->ID ) . $args['link_after'];
111 | 				$item_output .= $args['after'];
112 | 				$item_output .= '</a>';
113 | 				$output      .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
114 | 			}
115 | 
116 | 		}
117 | 		/**
118 | 		 * End El.
119 | 		 *
120 | 		 * @see    Walker::end_el()
121 | 		 * @since  0.1.0
122 | 		 *
123 | 		 * @access public
124 | 		 *
125 | 		 * @param mixed $output 	Passed by reference. Used to append additional content.
126 | 		 * @param mixed $item   	Menu item data object.
127 | 		 * @param int   $depth  	(default: 0) Depth of menu item. Used for padding.
128 | 		 * @param array $args   	(default: array()) Arguments.
129 | 		 *
130 | 		 * @return void
131 | 		 */
132 | 		public function end_el( &$output, $item, $depth = 0, $args = array() ) {
133 | 			if ( ! in_array( 'menu-item-has-children', $item->classes ) ) {
134 | 				$output .= "</a>\n";
135 | 			} else {
136 | 				$output .= "</div>\n";
137 | 			}
138 | 		}
139 | 		/**
140 | 		 * Traverse elements to create list from elements.
141 | 		 *
142 | 		 * Display one element if the element doesn't have any children otherwise,
143 | 		 * display the element and its children. Will only traverse up to the max
144 | 		 * depth and no ignore elements under that depth.
145 | 		 *
146 | 		 * This method shouldn't be called directly, use the walk() method instead.
147 | 		 *
148 | 		 * @see    Walker::start_el()
149 | 		 * @since  0.1.0
150 | 		 *
151 | 		 * @access public
152 | 		 *
153 | 		 * @param mixed $element           	Data object.
154 | 		 * @param mixed $children_elements 	List of elements to continue traversing.
155 | 		 * @param mixed $max_depth         	Max depth to traverse.
156 | 		 * @param mixed $depth             	Depth of current element.
157 | 		 * @param mixed $args              	Arguments.
158 | 		 * @param mixed $output            	Passed by reference. Used to append additional content.
159 | 		 *
160 | 		 * @return null Null on failure with no changes to parameters.
161 | 		 */
162 | 		public function display_element( $element, &$children_elements, $max_depth, $depth, $args, &$output ) {
163 | 			if ( ! $element ) {
164 | 				return;
165 | 			}
166 | 			$id_field = $this->db_fields['id'];
167 | 			// Display this element.
168 | 			if ( is_object( $args[0] ) ) {
169 | 				$args[0]->has_children = ! empty( $children_elements[ $element->$id_field ] );
170 | 			}
171 | 			parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
172 | 		}
173 | 		private function get_item_classes( $item, $args ) {
174 | 			$defaults = array(
175 | 				'menu'            => '',
176 | 				'container'       => 'div',
177 | 				'container_class' => '',
178 | 				'container_id'    => '',
179 | 				'menu_class'      => 'menu',
180 | 				'menu_id'         => '',
181 | 				'echo'            => true,
182 | 				'fallback_cb'     => 'wp_page_menu',
183 | 				'before'          => '',
184 | 				'after'           => '',
185 | 				'link_before'     => '',
186 | 				'link_after'      => '',
187 | 				'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
188 | 				'item_spacing'    => 'preserve',
189 | 				'depth'           => 0,
190 | 				'walker'          => '',
191 | 				'theme_location'  => '',
192 | 			);
193 | 
194 | 			$args = wp_parse_args( $args, $defaults );
195 | 
196 | 			$classes[]   = 'navbar-item';
197 | 			$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
198 | 			if ( $args['has_children'] ) {
199 | 				$class_names .= ' dropdown navbar-link';
200 | 			}
201 | 			if ( in_array( 'current-menu-item', $classes, true ) ) {
202 | 				$class_names .= ' is-active';
203 | 			}
204 | 
205 | 			return $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
206 | 		}
207 | 
208 | 		private function get_item_attributes( $item, $args ) {
209 | 			$atts = array();
210 | 			$atts['target'] = ! empty( $item->target ) ? $item->target : '';
211 | 			$atts['rel']    = ! empty( $item->xfn ) ? $item->xfn : '';
212 | 			$atts['href']   = ! empty( $item->url ) ? $item->url : '';
213 | 			$atts           = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args );
214 | 			$attributes     = '';
215 | 			foreach ( $atts as $attr => $value ) {
216 | 				if ( ! empty( $value ) ) {
217 | 					$value      = ( 'href' === $attr ) ? esc_url( $value ) : esc_attr( $value );
218 | 					$attributes .= ' ' . $attr . '="' . $value . '"';
219 | 				}
220 | 			}
221 | 
222 | 			return $attributes;
223 | 		}
224 | 
225 | 		/**
226 | 		 * Menu Fallback
227 | 		 * =============
228 | 		 * If this function is assigned to the wp_nav_menu's fallback_cb variable
229 | 		 * and a menu has not been assigned to the theme location in the WordPress
230 | 		 * menu manager the function with display nothing to a non-logged in user,
231 | 		 * and will add a link to the WordPress menu manager if logged in as an admin.
232 | 		 *
233 | 		 * @param array $args passed from the wp_nav_menu function.
234 | 		 */
235 | 		public static function fallback( $args ) {
236 | 			if ( current_user_can( 'edit_theme_options' ) ) {
237 | 				/* Get Arguments. */
238 | 				$container       = $args['container'];
239 | 				$container_id    = $args['container_id'];
240 | 				$container_class = $args['container_class'];
241 | 				$menu_class      = $args['menu_class'];
242 | 				$menu_id         = $args['menu_id'];
243 | 				if ( $container ) {
244 | 					echo '<' . esc_attr( $container );
245 | 					if ( $container_id ) {
246 | 						echo ' id="' . esc_attr( $container_id ) . '"';
247 | 					}
248 | 					if ( $container_class ) {
249 | 						echo ' class="' . sanitize_html_class( $container_class ) . '"';
250 | 					}
251 | 					echo '>';
252 | 				}
253 | 				echo '<a class="navbar-item" href="' . esc_url( admin_url( 'nav-menus.php' ) ) . '" title="">' . esc_attr( 'Add a menu', 'bulmawp' ) . '</a>';
254 | 				if ( $container ) {
255 | 					echo '</' . esc_attr( $container ) . '>';
256 | 				}
257 | 			}
258 | 		}
259 | 	}
260 | }
261 | 


--------------------------------------------------------------------------------
/src/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | 
 8 | get_header();
 9 | ?>
10 |   <div class="column">
11 |     <?php bulmawp_breadcrumbs(); ?>
12 |     <div class="content">
13 |       <?php
14 |       if( have_posts() ) : while( have_posts() ) : the_post();
15 |         get_template_part( 'content' );
16 |       endwhile; endif;
17 |       ?>
18 |     </div>
19 |     <?php bulmawp_pagination(); ?>
20 |   </div>
21 |   <?php get_sidebar(); ?>
22 | <?php get_footer(); ?>
23 | 


--------------------------------------------------------------------------------
/src/page-fullwidth.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | 
 8 | get_header();
 9 | ?>
10 |   <div class="column">
11 |     <?php
12 |     bulmawp_breadcrumbs();
13 |     if( have_posts() ) : while( have_posts() ) : the_post();
14 |     ?>
15 |       <h2 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
16 |       <div class="content">
17 |         <?php the_content(); ?>
18 |       </div>
19 |       <?php
20 |       comments_template();
21 |     endwhile; endif;
22 |     ?>
23 |   </div>
24 | <?php get_footer(); ?>
25 | 


--------------------------------------------------------------------------------
/src/page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | 
 8 | get_header();
 9 | ?>
10 |   <div class="column">
11 |     <?php
12 |     bulmawp_breadcrumbs();
13 |     if( have_posts() ) : while( have_posts() ) : the_post();
14 |     ?>
15 |       <h2 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
16 |       <div class="content">
17 |         <?php the_content(); ?>
18 |       </div>
19 |       <?php
20 |       comments_template();
21 |     endwhile; endif;
22 |     ?>
23 |   </div>
24 |   <?php get_sidebar(); ?>
25 | <?php get_footer(); ?>
26 | 


--------------------------------------------------------------------------------
/src/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tomhrtly/bulmawp/b0d3d0df05aeb07655b77c3a22213df0188a2416/src/screenshot.png


--------------------------------------------------------------------------------
/src/searchform.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | ?>
 8 | <form role="search" method="get" id="searchform" class="searchform" action="<?php echo site_url(); ?>">
 9 |   <div class="field has-addons">
10 |     <div class="control is-expanded">
11 |       <input type="text" name="s" id="s" class="input" placeholder="Search" required>
12 |     </div>
13 |     <div class="control">
14 |       <button type="submit" id="searchsubmit" class="button is-primary">
15 |         <span class="icon">
16 |           <i class="fas fa-search"></i>
17 |         </span>
18 |       </button>
19 |     </div>
20 |   </div>
21 | </form>
22 | 


--------------------------------------------------------------------------------
/src/sidebar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | ?>
 8 | <div class="column is-3">
 9 | 	<aside class="menu">
10 | 		<?php if( !function_exists( 'dynamic_sidebar' ) || !dynamic_sidebar( 'sidebar' ) ) : endif; ?>
11 | 	</aside>
12 | </div>
13 | 


--------------------------------------------------------------------------------
/src/single.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package bulmawp
 4 |  * @since 0.1.0
 5 |  * @version 0.4.0
 6 |  */
 7 | 
 8 | get_header();
 9 | ?>
10 |   <div class="column is-9">
11 |     <?php
12 |     bulmawp_breadcrumbs();
13 |     if( have_posts() ) : while( have_posts() ) : the_post();
14 |     ?>
15 |       <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
16 |         <h2 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
17 |         <div class="content">
18 |           <p class="is-size-7">
19 |             <?php
20 |             echo __( 'In ' );
21 |             the_category( ', ' );
22 |             echo __( ' by ' );
23 |             the_author();
24 |             echo ' ';
25 |             the_date( '', '/ ' );
26 |             ?> / <a href="<?php the_permalink(); ?>#comments"><?php comments_number( '0 comments', '1 comment', '% comments' ); ?></a>
27 |           </p>
28 | 					<?php the_excerpt(); ?>
29 |         </div>
30 | 	      <?php
31 | 	      $tags = get_tags();
32 | 	      if( has_tag() ) :
33 | 				?>
34 | 					<div class="level is-mobile">
35 | 						<div class="level-left">
36 | 							<div class="level-item">
37 | 								<p class="is-size-7"><?php echo __( 'Tags:' ); ?></p>
38 | 							</div>
39 | 							<div class="level-item">
40 | 								<div class="tags">
41 | 									<?php
42 | 									foreach( $tags as $tag ) {
43 | 										echo '<a href="' . get_tag_link( $tag->term_id ) . '" class="tag">' . $tag->name . '</a>';
44 | 									}
45 | 									?>
46 | 								</div>
47 | 							</div>
48 | 						</div>
49 | 					</div>
50 | 				<?php	endif; ?>
51 |         <?php comments_template(); ?>
52 |       </div>
53 |     <?php endwhile; endif; ?>
54 |   </div>
55 |   <?php get_sidebar(); ?>
56 | <?php get_footer(); ?>
57 | 


--------------------------------------------------------------------------------
/src/style.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Theme Name: BulmaWP
 3 | Theme URI: https://bulmawp.io/
 4 | Author: Tom Hartley
 5 | Author URI: https://tomhrtly.com/
 6 | Description: A free WordPress starter theme based on the Bulma CSS framework.
 7 | Version: 0.4.0
 8 | License: GNU General Public License v3.0
 9 | License URI: http://www.gnu.org/
10 | Text Domain: bulmawp
11 | */
12 | 


--------------------------------------------------------------------------------