bulmatown 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: fb0ffe4a2acca8312f34dbbf78fa5c591fd4ff6144eac218c489eb1dd9746766
+  data.tar.gz: 7a45a597d789e0b1b38a7b164bc37797cd655a5f4af6923e5cda676cad181412
+SHA512:
+  metadata.gz: 8c76f1c258c15b7a1a1ca6678f07e24cee1a044e5fb83aac0b911f7cf4737efeae31d5a0ce038347391910b98fd7384ff9a0c35651e8bdfc099a1b6f6bb8da3c
+  data.tar.gz: 7e4a40ed0afa14d3337ce409c99eed50e4a49efeb6f2b15507979e97b134da6e18fa6811d172dab61a557a2014560fcc1f42a4852e48107d66d954bcfeb7b20a

data/.gitignore

@@ -0,0 +1,38 @@
+/vendor
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log
+*.gem
+Gemfile.lock
+.bundle
+.ruby-version
+
+# Node
+node_modules
+.npm
+.node_repl_history
+
+# Yarn
+yarn-error.log
+yarn-debug.log*
+.pnp/
+.pnp.js
+
+# Yarn Integrity file
+.yarn-integrity
+
+spec/dest
+.bridgetown-metadata
+.bridgetown-cache
+.bridgetown-webpack

data/.rspec

@@ -0,0 +1,2 @@
+--color
+--format progress

data/.rubocop.yml

@@ -0,0 +1,22 @@
+require: rubocop-bridgetown
+
+inherit_gem:
+  rubocop-bridgetown: .rubocop.yml
+
+AllCops:
+  TargetRubyVersion: 2.5
+  Include:
+    - lib/**/*.rb
+
+  Exclude:
+    - .gitignore
+    - .rspec
+    - .rubocop.yml
+
+    - Gemfile.lock
+    - CHANGELOG.md
+    - LICENSE.txt
+    - README.md
+
+    - script/**/*
+    - vendor/**/*

data/CHANGELOG.md

@@ -0,0 +1,7 @@
+# master
+
+* Use this file to keep track of plugin updates
+
+# 0.1.0 / 2020-05-01
+
+* First version

data/Gemfile

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+gemspec
+
+gem "bridgetown", ENV["BRIDGETOWN_VERSION"] if ENV["BRIDGETOWN_VERSION"]

data/LICENSE.txt

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

data/README.md

@@ -0,0 +1,53 @@
+# Sample plugin for Bridgetown
+
+_NOTE: This isn't a real plugin! Copy this sample code and use it to create your own Ruby gem! [Help guide here…](https://www.bridgetownrb.com/docs/plugins)_ 😃
+
+A Bridgetown plugin to [fill in the blank]…
+
+## Installation
+
+Run this command to add this plugin to your site's Gemfile:
+
+```shell
+$ bundle add my-awesome-plugin -g bridgetown_plugins
+```
+
+## Usage
+
+The plugin will…
+
+### Optional configuration options
+
+The plugin will automatically use any of the following metadata variables if they are present in your site's `_data/site_metadata.yml` file.
+
+…
+
+## Testing
+
+* Run `bundle exec rspec` to run the test suite
+* Or run `script/cibuild` to validate with Rubocop and test with rspec together.
+
+## Contributing
+
+1. Fork it (https://github.com/username/my-awesome-plugin/fork)
+2. Clone the fork using `git clone` to your local development machine.
+3. Create your feature branch (`git checkout -b my-new-feature`)
+4. Commit your changes (`git commit -am 'Add some feature'`)
+5. Push to the branch (`git push origin my-new-feature`)
+6. Create a new Pull Request
+
+----
+
+## Releasing (you can delete this section in your own plugin repo)
+
+To release a new version of the plugin, simply bump up the version number in both `version.rb` and
+`package.json`, and then run `script/release`. This will require you to have a registered account
+with both the [RubyGems.org](https://rubygems.org) and [NPM](https://www.npmjs.com) registries.
+You can optionally remove the `package.json` and `frontend` folder if you don't need to package frontend
+assets for Webpack.
+
+If you run into any problems or need further guidance, please check out our [Bridgetown community resources](https://www.bridgetownrb.com/docs/community)
+where friendly folks are standing by to help you build and release your plugin or theme.
+
+**NOTE:** make sure you add the `bridgetown-plugin` [topic](https://github.com/topics/bridgetown-plugin) to your
+plugin's GitHub repo so the plugin or theme will show up on [Bridgetown's official Plugin Directory](https://www.bridgetownrb.com/plugins)! (There may be a day or so delay before you see it appear.)

data/Rakefile

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/bridgetown.automation.rb

@@ -0,0 +1,11 @@
+add_bridgetown_plugin "bulmatown"
+add_bridgetown_plugin "bridgetown-quick-search"
+add_yarn_for_gem "bulmatown"
+
+require 'fileutils'
+
+unless Dir.exist? "frontend/fonts"
+  FileUtils.mkdir_p "frontend/fonts"
+end
+
+run "cp node_modules/fork-awesome/fonts/* frontend/fonts"

data/bulmatown.gemspec

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+require_relative "lib/bulmatown/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "bulmatown"
+  spec.version       = Bulmatown::VERSION
+  spec.author        = "Jared White"
+  spec.email         = "jared@whitefusion.io"
+  spec.summary       = "A Bumlma CSS starter theme for Bridgetown"
+  spec.homepage      = "https://github.com/whitefusionhq/bulmatown"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r!^(test|script|spec|features|frontend)/!) }
+  spec.test_files    = spec.files.grep(%r!^spec/!)
+  spec.require_paths = ["lib"]
+  spec.metadata      = { "yarn-add" => "bulmatown@#{Bulmatown::VERSION}" }
+
+  spec.required_ruby_version = ">= 2.5.0"
+
+  spec.add_dependency "bridgetown", ">= 0.15", "< 2.0"
+  spec.add_dependency "bridgetown-quick-search", "~> 1.0"
+
+  spec.add_development_dependency "bundler"
+  spec.add_development_dependency "nokogiri", "~> 1.6"
+  spec.add_development_dependency "rake", "~> 12.0"
+  spec.add_development_dependency "rspec", "~> 3.0"
+  spec.add_development_dependency "rubocop-bridgetown", "~> 0.2"
+end

data/components/bulmatown/button.liquid

@@ -0,0 +1,16 @@
+{%- assign classes = "button" | split: " " %}
+{%- if type %}
+{%- assign type_class = type | prepend: "is-" %}
+{%- assign classes = classes | push: type_class %}
+{%- endif %}
+{%- capture button_inner %}
+{%- if icon %}
+<span class="icon"><i class="fa fa-{{ icon }}"></i></span>
+{%- endif %}
+<span>{{ label }}</span>
+{%- endcapture %}
+{%- if link %}
+<a href="{{ link }}" class="{{classes | join: " "}}">{{ button_inner }}</a>
+{%- else %}
+<button class="{{classes | join: " "}}">{{ button_inner }}</button>
+{%- endif %}

data/components/bulmatown/collection.liquid

@@ -0,0 +1,37 @@
+<div class="columns is-multiline">
+  {% for document in collection %}
+    {%- assign imagesource = metadata.bulmatown_theme.image_sizes.embed | default: "image" %}
+    <div class="column is-full-mobile is-full-tablet is-half-desktop">
+      <div class="box document-entry">
+        {% if document.image %}
+          <figure class="image is-5by3">
+            <a href="{{ document.url }}">
+              <img src="{{ document[imagesource] }}" />
+            </a>
+          </figure>
+        {% endif %}
+    
+        <div class="content">
+          <h3>
+            <a class="is-decorationless" href="{{ document.url }}">
+              {{ document.title | smartify }}
+            </a>
+          </h3>
+    
+          {% if document.subtitle and document.subtitle != "" %}
+            {% assign excerpt = document.subtitle | smartify | prepend: "<p>" | append: "</p>" %}
+          {% elsif document.description and document.description != "" %}
+            {% assign excerpt = document.description | smartify | prepend: "<p>" | append: "</p>" %}
+          {% else %}
+            {% assign excerpt = document.excerpt %}
+          {% endif %}
+          {{ excerpt }}
+          
+          <p class="mt-5">
+            {% render "bulmatown/button", type: "primary", label: "Continue Reading", link: document.url, icon: "file-text" %}
+          </p>
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+</div>

data/components/bulmatown/collection.scss

@@ -0,0 +1,12 @@
+.document-entry {
+  figure {
+    margin-left: -$box-padding;
+    margin-right: -$box-padding;
+    &:not(:last-child) {
+      margin-bottom: $box-padding;
+    }
+    img {
+      object-fit: cover;
+    }
+  }
+}

data/components/bulmatown/hero.liquid

@@ -0,0 +1,16 @@
+<header class="hero {{ class }}"{% if cover %} style="background-image: url({{ cover }})"{% endif %}>
+  <div{% if cover %} class="cover-overlay"{% endif %}>
+    <div class="hero-body">
+      <div class="container is-fluid">
+        <h1 class="p-name title is-2 is-spaced {{ title_class }}">
+          {{ title | smartify }}
+        </h1>
+        {% if subtitle and subtitle != "" %}
+          <h2 class="p-summary subtitle {{ subtitle_class }}">
+            {{ subtitle | smartify }}
+          </h2>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</header>

data/components/bulmatown/hero.scss

@@ -0,0 +1,31 @@
+$center: transparentize($dark, 0.3);
+//$edges: transparentize(darken($dark, 15%), 0.15);
+$gradient-top-left: transparentize(darken(saturate(adjust-hue($dark, -10deg), 10%), 10%), 0.3);
+$gradient-bottom-right: transparentize(lighten(saturate(adjust-hue($dark, 10deg), 5%), 5%), 0.15);
+
+.hero {
+  background-size: cover;
+  background-position: center center;
+  --overlay-center: #{$center};
+  --overlay-top-left: #{$gradient-top-left};
+  --overlay-bottom-right: #{$gradient-bottom-right};
+
+  &.rainbow {
+    --overlay-center: rgba(212, 133, 165, 0.7);
+    --overlay-top-left: rgba(6, 52, 29, 0.6);
+    --overlay-bottom-right: rgba(18, 36, 117, 0.85);
+  }
+
+  .cover-overlay {
+    margin: -1px;
+    background-image: linear-gradient(141deg, var(--overlay-top-left) 0%, var(--overlay-center) 65%, var(--overlay-bottom-right) 100%);
+  }
+
+  .title {
+    text-shadow: 0px 2px 3px transparentize($black, 0.5);
+  }
+
+  .subtitle {
+    text-shadow: 0px 1px 2px transparentize($black, 0.8);
+  }
+}

data/components/bulmatown/hero_wrapper.liquid

@@ -0,0 +1,12 @@
+{%- assign heroclass = "is-dark is-medium is-bold has-text-centered" | split:" " %}
+{%- if page.rainbow_hero %}{% assign heroclass = heroclass | push: "rainbow" %}{% endif %}
+{%- assign heroclass = heroclass | join: " " %}
+{%- assign imagesource = metadata.bulmatown_theme.image_sizes.hero | default: "image" %}
+{%- render "bulmatown/hero",
+    class: heroclass,
+    cover: page[imagesource],
+    title: title,
+    title_class: "has-text-light",
+    subtitle: subtitle,
+    subtitle_class: "has-text-light"
+%}

data/components/bulmatown/navbar.liquid

@@ -0,0 +1,20 @@
+<nav class="navbar {{ class }}">
+  <div class="navbar-brand">
+    {{ logo }}
+    <div class="navbar-burger burger" data-target="top-navbar" onclick="this.classList.toggle('is-active');document.querySelector('#top-navbar').classList.toggle('is-active')">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+
+  <div id="top-navbar" class="navbar-menu">
+    <div class="navbar-start">
+      {{ items_start }}
+    </div>
+
+    <div class="navbar-end">
+      {{ items_end }}      
+    </div>
+  </div>
+</nav>

data/components/bulmatown/navbar.scss

@@ -0,0 +1,54 @@
+.navbar {
+  @include touch {
+    .navbar-menu {
+      background-color: inherit;
+      .navbar-item, .navbar-link {
+        color: $white;
+      }
+      a.navbar-item:focus,
+      a.navbar-item:focus-within,
+      a.navbar-item:hover,
+      a.navbar-item.is-active,
+      .navbar-link:focus,
+      .navbar-link:focus-within,
+      .navbar-link:hover,
+      .navbar-link.is-active {
+        background-color: darken($dark, 5%);
+      }
+    }
+  }
+
+  .search-item input {
+    font-size: 1em;
+    height: 1.5em;
+    padding: 0.2em 0.6em;
+    background: white;
+    opacity: 0.8;
+    width: 95%;
+    max-width: 400px;
+    transition: opacity 0.3s;
+
+    &::-webkit-search-decoration {
+      -webkit-appearance: none;
+    }
+    &::placeholder {
+      color: #888;
+      opacity: 1;
+    }
+  
+    border: none;
+    &:focus {
+      opacity: 1;
+    }
+  
+    @include desktop {
+      width: calc(9vw * 2);
+    }
+  }
+}
+
+bridgetown-search-results {
+  --link-color: #{$link};
+  --divider-color: #eee;
+  --text-color: #{$text};
+}

data/components/bulmatown/pagination.liquid

@@ -0,0 +1,31 @@
+---
+name: Pagination
+description: Display previous page and/or next page buttons to navigate through paginated pages.
+variables:
+  paginator:
+    - object
+    - The Bridgetown Paginator object ([see documentation here](https://www.bridgetownrb.com/docs/content/pagination/))
+mocks:
+  paginator:
+    total_pages: 3
+    previous_page: true
+    previous_page_path: "#previous"
+    next_page: true
+    next_page_path: "#next"
+---
+{% if paginator.total_pages > 1 %}
+  <ul class="pagination mt-6">
+    {% if paginator.previous_page %}
+      <li>
+        <a href="{{ paginator.previous_page_path }}" class="button is-primary is-outlined is-small"><span class="icon"><i class="fa fa-arrow-left"></i></span> <span>Previous Page</span></a>
+      </li>
+    {% else %}
+      <li></li>
+    {% endif %}
+    {% if paginator.next_page %}
+      <li>
+        <a href="{{ paginator.next_page_path }}" class="button is-primary is-outlined is-small"><span>Next Page</span> <span class="icon"><i class="fa fa-arrow-right"></i></span></a>
+      </li>
+    {% endif %}
+  </ul>
+{% endif %}