0.3.0

CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.3.0
+## 10/20/2017
+
+1. [](#new)
+    * Replace Bootstrap with Bulma
+    * Replace `scss` syntax with `sass`
+2. [](#improved)
+    * Add responsive navbar toggle using Vue
+    * Repo improvements, add issue template
+    * Remove jquery
+    * Add additional templates
+
 # v0.2.7
 ## 09/23/2017
 

README.md

@@ -1,8 +1,8 @@
 [![GitHub release](https://img.shields.io/github/release/robbinfellow/haywire-grav.svg?style=flat-square)](https://github.com/robbinfellow/haywire-grav/releases) [![](https://img.shields.io/github/issues-raw/robbinfellow/haywire-grav.svg?style=flat-square)](https://github.com/robbinfellow/haywire-grav/issues) [![license](https://img.shields.io/github/license/robbinfellow/haywire-grav.svg?style=flat-square)](https://github.com/robbinfellow/haywire-grav/blob/master/LICENSE)
 
-# Boilerplate/theme for getgrav CMS
+# Boilerplate/theme for Grav CMS
 
-Haywire is a modern starter theme for [Grav](https://getgrav.org/). The idea behind the theme is to help developers get started quickly on their new grav projects using modern frameworks and tools such as [Laravel Mix](https://github.com/JeffreyWay/laravel-mix#readme), [Vuejs](http://vuejs.org/), [Bootstrap-sass](https://github.com/twbs/bootstrap-sass).
+Haywire is a modern starter theme for [Grav](https://getgrav.org/). The idea behind the theme is to help developers get started quickly on their new grav projects using modern frameworks and tools such as [Laravel Mix](https://github.com/JeffreyWay/laravel-mix#readme), [Vuejs](http://vuejs.org/), [Bulma](https://github.com/jgthms/bulma).
 
 **_It is recommended that you install the [admin-plugin package](https://github.com/getgrav/grav-plugin-admin) when using this theme._**
 
@@ -11,7 +11,7 @@ Haywire is a modern starter theme for [Grav](https://getgrav.org/). The idea beh
 ## Features
 
 * Laravel Mix
-* Bootstrap-sass
+* Bulma
 * Vuejs
 
 ## Installation / Usage

_demo/pages/01.home/01.some-page/index.md

@@ -0,0 +1,10 @@
+---
+title: Some page
+visible: true
+template: default
+---
+
+# Some Page
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis consectetur laudantium alias autem obcaecati est, dolores nesciunt, vitae sed, distinctio numquam ad beatae impedit atque, nostrum? Earum, minus iusto non!
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum porro reprehenderit, aut nobis temporibus veritatis rem eos maiores tempore alias harum atque perspiciatis aspernatur esse consequuntur, velit officiis veniam praesentium!

_demo/pages/01.home/default.md → _demo/pages/01.home/index.md

@@ -1,7 +1,8 @@
 ---
 title: Home
 visible: true
+template: home
 ---
 
 # Hello, world!
-Haywire is a modern starter theme for [Grav](https://github.com/getgrav/grav). The idea behind the theme is to help developers get started quickly on their new grav projects using modern frameworks and tools such as [yarn](https://github.com/yarnpkg/yarn/), [laravel-mix](https://github.com/JeffreyWay/laravel-mix), [vuejs](https://github.com/vuejs/vue), and [bootstrap](https://github.com/twbs/bootstrap-sass).
+Haywire is a modern starter theme for [Grav](https://github.com/getgrav/grav). The idea behind the theme is to help developers get started quickly on their new grav projects using modern frameworks and tools such as [laravel-mix](https://github.com/JeffreyWay/laravel-mix), [vuejs](https://github.com/vuejs/vue), and [bulma](https://github.com/jgthms/bulma).

_demo/pages/blog/getgrav-is-pretty-cool/item.md → _demo/pages/blog/getgrav-is-pretty-cool/index.md

@@ -1,6 +1,9 @@
 ---
-featured_image: sample_01.jpg
 title: 'Getgrav is pretty cool'
+featured_image: sample_01.jpg
+published: true
+publish_date: '05-03-2017 21:31'
+template: item
 ---
 
-Candy canes dragée jujubes muffin icing. Chocolate cake dessert macaroon dessert sesame snaps tart danish croissant. Sweet jelly pastry chocolate cake gummi bears marzipan gingerbread jelly. Sweet chupa chups gingerbread bonbon. Jelly-o cake cupcake cake bear claw caramels cupcake danish liquorice. Danish caramels gummi bears danish dessert brownie chupa chups tiramisu. Cotton candy pastry cupcake sweet roll halvah gingerbread jelly-o ice cream biscuit.
+Candy canes dragée jujubes muffin icing. Chocolate cake dessert macaroon dessert sesame snaps tart danish croissant. Sweet jelly pastry chocolate cake gummi bears marzipan gingerbread jelly. Sweet chupa chups gingerbread bonbon. Jelly-o cake cupcake cake bear claw caramels cupcake danish liquorice. Danish caramels gummi bears danish dessert brownie chupa chups tiramisu. Cotton candy pastry cupcake sweet roll halvah gingerbread jelly-o ice cream biscuit.

_demo/pages/blog/index.md

@@ -0,0 +1,7 @@
+---
+title: Blog
+template: blog
+---
+
+# This is my blog
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error dolorem cumque, debitis, vel quaerat ab totam dolorum velit neque sed laborum, sequi, mollitia eius corporis nihil id optio consectetur ex.

_demo/pages/blog/sun-is-shining/item.md → _demo/pages/blog/sun-is-shining/index.md

@@ -1,6 +1,9 @@
 ---
-featured_image: sample_02.jpg
 title: 'Sun is shining'
+featured_image: sample_02.jpg
+published: true
+publish_date: '05-03-2017 21:28'
+template: item
 ---
 
-Candy canes jelly-o brownie dessert sugar plum toffee candy canes marzipan. Bear claw lemon drops jujubes lemon drops cookie cheesecake gummies. Jujubes jelly ice cream halvah muffin chocolate cake cookie danish. Donut sugar plum donut ice cream pie croissant sweet roll lemon drops tiramisu. Jujubes soufflé cake cake sweet roll gummi bears dessert powder gummi bears. Jelly beans toffee tiramisu muffin chocolate cake pudding tiramisu danish pastry. Apple pie marzipan apple pie bonbon icing cookie.
+Candy canes jelly-o brownie dessert sugar plum toffee candy canes marzipan. Bear claw lemon drops jujubes lemon drops cookie cheesecake gummies. Jujubes jelly ice cream halvah muffin chocolate cake cookie danish. Donut sugar plum donut ice cream pie croissant sweet roll lemon drops tiramisu. Jujubes soufflé cake cake sweet roll gummi bears dessert powder gummi bears. Jelly beans toffee tiramisu muffin chocolate cake pudding tiramisu danish pastry. Apple pie marzipan apple pie bonbon icing cookie.

_demo/pages/blog/today-is-a-good-day/item.md → _demo/pages/blog/today-is-a-good-day/index.md

@@ -1,6 +1,9 @@
 ---
-featured_image: sample_03.jpg
 title: 'Today is a good day'
+featured_image: sample_03.jpg
+published: true
+publish_date: '05-03-2017 21:38'
+template: item
 ---
 
-I love fruitcake chocolate cake donut halvah apple pie chocolate cake. Dessert cotton candy gummies candy carrot cake liquorice macaroon. Jelly dessert apple pie cotton candy brownie carrot cake. I love cotton candy tootsie roll croissant cake topping pastry. Jelly beans bear claw cake chocolate marshmallow macaroon. Apple pie sweet tart bonbon sweet cotton candy croissant. Pastry donut sugar plum jelly-o brownie sesame snaps sweet lollipop. I love tart oat cake I love. Cotton candy tiramisu croissant wafer cupcake brownie apple pie.
+I love fruitcake chocolate cake donut halvah apple pie chocolate cake. Dessert cotton candy gummies candy carrot cake liquorice macaroon. Jelly dessert apple pie cotton candy brownie carrot cake. I love cotton candy tootsie roll croissant cake topping pastry. Jelly beans bear claw cake chocolate marshmallow macaroon. Apple pie sweet tart bonbon sweet cotton candy croissant. Pastry donut sugar plum jelly-o brownie sesame snaps sweet lollipop. I love tart oat cake I love. Cotton candy tiramisu croissant wafer cupcake brownie apple pie.

blueprints.yaml

@@ -1,13 +1,13 @@
 name: Haywire
-version: 0.2.7
-description: Starter theme/boilerplate for developers to get up and running quickly on new Grav projects using modern frameworks and tools such as laravel-mix, vuejs & bootstrap-sass.
+version: 0.3.0
+description: Starter theme/boilerplate for developers to get up and running quickly on new Grav projects using modern frameworks and tools such as laravel-mix, vuejs, and bulma.
 icon: empire
 author:
   name: Robbin Johansson
   email: robbinfellow@gmail.com
   url: https://github.com/robbinfellow/
 homepage: https://github.com/robbinfellow/haywire-grav#readme
-keywords: haywire, boilerplate, starter-theme, vuejs, laravel-mix, bootstrap-sass
+keywords: haywire, boilerplate, starter-theme, vuejs, laravel-mix, bulma
 bugs: https://github.com/robbinfellow/haywire-grav/issues
 docs: https://github.com/robbinfellow/haywire-grav/blob/master/README.md
 license: MIT

js/app.js

@@ -18,7 +18,7 @@ window.Vue = require('vue');
  * or customize the JavaScript scaffolding to fit your unique needs.
  */
 
-Vue.component('example', require('./components/Example.vue'));
+Vue.component('navbar', require('./components/Navbar.vue'));
 
 const app = new Vue({
     el: '#app'

js/bootstrap.js

@@ -1,11 +1,4 @@
 /**
- * We'll load jQuery and the Bootstrap jQuery plugin which provides support
- * for JavaScript based Bootstrap features such as modals and tabs. This
- * code may be modified to fit the specific needs of your application.
+ * Load additional javascript using this file
+ * e.g require('jquery')
  */
-
-try {
-    window.$ = window.jQuery = require('jquery');
-
-    require('bootstrap-sass');
-} catch (e) {}

js/components/Navbar.vue

@@ -0,0 +1,19 @@
+<script>
+    export default {
+        mounted() {
+            // 
+        },
+
+        data() {
+            return {
+                navIsActive: false
+            }
+        },
+
+        methods: {
+            toggleNav(){
+               !this.navIsActive ? this.navIsActive = true : this.navIsActive = false;
+            }
+        }
+    }
+</script>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "haywire-grav",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "homepage": "https://github.com/robbinfellow/haywire-grav#readme",
   "author": "Robbin Johansson <robbinfellow@gmail.com>",
   "repository": {
@@ -21,9 +21,8 @@
   },
   "devDependencies": {
     "babel-polyfill": "^6.26.0",
-    "bootstrap-sass": "^3.3.7",
+    "bulma": "^0.6.0",
     "cross-env": "^5.0.1",
-    "jquery": "^3.1.1",
     "laravel-mix": "^1.5.0",
     "vue": "^2.5.0"
   }

sass/_variables.sass

@@ -0,0 +1,2 @@
+
+// Use this file to override default bulma variables

sass/app.sass

@@ -0,0 +1,13 @@
+
+// Custom variables
+@import "variables"
+
+// Import Bulma
+@import "~bulma"
+
+// Common
+@import "common/general"
+
+// Partials
+@import "partials/navbar"
+@import "partials/footer"

sass/common/_general.sass

@@ -0,0 +1,2 @@
+.is-rounded 
+    border-radius: 50%

sass/partials/_footer.sass

@@ -0,0 +1,3 @@
+.footer
+    margin-top: 2rem
+    box-shadow: 0 1000px 0 1000px $footer-background-color

sass/partials/_navbar.sass

@@ -0,0 +1,5 @@
+.navbar
+    border-bottom: solid 1px $grey-lighter
+
+    .navbar-burger
+        border: 0

templates/blog.html.twig

@@ -0,0 +1,38 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+    <div class="container">
+        <div class="columns">
+            <div class="column is-8 is-offset-2">
+
+                <div class="columns">
+                    <div class="column content">
+                        {{ page.content }}
+                    </div>
+                </div>
+
+                <hr>
+
+                <div class="columns is-multiline">
+                    {% for post in page.find('/blog').children.order('date', 'desc').slice(0, 3) %}
+                    <div class="column is-12">
+                        <strong class="title is-5">
+                            <a href="{{ base_url }}{{ post.route }}">
+                                {{ post.title }}
+                            </a>
+                        </strong>
+                        <div class="summary">
+                            {% if post.summary %}
+                                {{ post.summary(320) }}
+                            {% else %}
+                                <em>This post has no summary!</em>
+                            {% endif %}
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+
+            </div>
+        </div>
+    </div>
+{% endblock %}

templates/default.html.twig

@@ -1,45 +1,19 @@
 {% extends 'partials/base.html.twig' %}
 
 {% block content %}
-    <div class="row">
-        <div class="col-xs-12">
-            {{ page.content }}
 
-            <hr>
-
-        </div>
-    </div>
-
-    {# Display example vue-component #}
-    <example></example>
-
-    <div class="row">
-
-        {% for post in page.find('/blog').children.order('date', 'desc').slice(0, 3) %}
-
-            <div class="col-sm-12">
-
-                <div class="row">
-                    <div class="col-sm-12">
-                        <h3>
-                            <a href="{{ base_url }}{{ post.route }}">
-                                {{ post.title }}
-                            </a>
-                        </h3>
-                        <div class="summary">
-                            {% if post.summary %}
-                                {{ post.summary(320) }}
-                            {% else %}
-                                <em>This post has no summary!</em>
-                            {% endif %}
-                        </div>
-                    </div>
+<div class="container">
+    <div class="columns">
+        <div class="column is-8 is-offset-2">
+
+            <div class="columns">
+                <div class="column content">
+                    {{ page.content }}
                 </div>
-
             </div>
 
-        {% endfor %}
-
+        </div>
     </div>
+</div>
 
 {% endblock %}