1. Install Gridsome CLI tool if you don't have it: npm install --global @gridsome/cli
2. Clone the repo: [email protected]:hack-along/gridsome-boilerplate.git
3. gridsome-boilerplate
4. npm install
5. gridsome develop to start a local dev server at http://localhost:8080
6. Happy coding 🎉🙌

Events

There are two ways you can change or add events to the Unconference repo. First one is by adding makdown (.md) files to Content / Events directory or by goint to Netlify CMS admin pannel.

Adding Events via Github

To add an event create a .md file in the content/events directory.

Use this front matter syntax to add any aditonal info before your main content. All of this is optional, but title is strongly recomended. NOTE: this is the human friendly syntax, files generated by NetlifyCMS can be different. If you would like to upload an image, please put it in the uploads/events directory.

---
title: Opening Equinox UnConference
excerpt: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus quasi natus itaque qui odit. Et, dolorem tempore labore ex expedita laboriosam, ipsam repellat ad quas natus minus sunt magni obcaecati.
date: 2020-09-22 #year-month-day
start_time: 1500 #please don't use semicolon in the time format
end_time: 1530
thumbnail: /uploads/events/moon.png
tags: ["community", "self-organization"]
---

Adding Events via NetlifyCMS

Just go to Netlify CMS admin pannel and authorize the github/netlify connection. From there on you can access the CMS and add or edit your own events. The markdown generated will look slightly different.

---
title: Example Events
excerpt: Donec eu magna bibendum, placerat nibh vel, facilisis eros. Nullam
suscipit finibus placerat. Nunc pellentesque augue eu dolor aliquet iaculis.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos. In mi nisi, laoreet in nisi at, facilisis sodales ante.
date: 2020-09-22T00:00:00.000Z
start_time: 1900
end_time: 2000
thumbnail: /uploads/events/moon.png
tags:
    - patterns
    - community
    - new economy
---

Adding Vue components to markdown content

Events (content/events/event.md) & Pages (content/pages/page.md) are set-up using Vue-Remakr plug-in.

This plug-in not only translates markdown into html, it also allows you to use Vue components directly in the markdown file.