Add grid-side theme

themes/grid-side/.editorconfig

@@ -0,0 +1,15 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_size = 4
+indent_style = space
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+

themes/grid-side/.gitignore

@@ -0,0 +1,3 @@
+**.swp
+.DS_Store
+

themes/grid-side/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Chip Senkbeil
+
+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.

themes/grid-side/README.md

@@ -0,0 +1,291 @@
+GridSide Theme
+==============
+
+The GridSide theme is a multi-page portfolio and blog utilizing the
+[Materialize][materialize] frontend framework. Comments can be added using
+Disqus. 
+
+The theme contains a main page with a single grid of images representing
+different sections of the website. Sections can be _post_, _gallery_, or
+_project_ for various rendering.
+
+- Current Materialize version is `0.97.0`.
+- Current Font Awesome version is `4.4.0`.
+- Current SideComments.js version is `0.0.3`.
+- Current Masonry.js version is `3.3.1`.
+- Current imagesLoaded.js version is `3.1.8`.
+- Current Modernizr.js version is `2.8.3`.
+- Current Highlight.js version is `8.7` and contains all 130 languages.
+- Current lazysizes.js version is `1.2.0`.
+- Current ls.noscript.js version is `1.2.0`.
+- Current lightbox.js version is `2.8.1`.
+- Current infinitescroll.js version is `2.1.0`.
+
+![GridSide Theme Screenshot](https://raw.githubusercontent.com/chipsenkbeil/grid-side/master/images/screenshot.png)
+
+Contents
+--------
+
+- [Installation](#installation)
+- [Getting Started](#getting-started)
+    - [The Config File](#the-config-file) 
+    - [Setting the homepage header](#setting-the-homepage-header)
+    - [Setting the homepage footer](#setting-the-homepage-footer)
+    - [Adding homepage cells](#adding-homepage-cells)
+    - [Specifying the main menu](#specifying-the-main-menu)
+    - [Creating a post](#creating-a-post)
+    - [Creating a project page](#creating-a-project-page)
+    - [Creating a gallery image](#creating-a-gallery-image)
+    - [Adding a custom post section](#adding-a-custom-post-section)
+    - [Adding a custom project section](#adding-a-custom-project-section)
+    - [Adding a custom gallery section](#adding-a-custom-gallery-section)
+    - [Nearly Finished](#nearly-finished)
+- [Contributing](#contributing)
+- [License](#license)
+
+Installation
+------------
+
+Inside the folder of your Hugo site run:
+
+    $ mkdir themes
+    $ cd themes
+    $ git clone https://github.com/chipsenkbeil/grid-side
+
+For more information read the official [setup guide][setup_guide] of Hugo.
+
+Getting Started
+---------------
+
+### The Config File ###
+
+Take a look inside the [`exampleSite`][exampleSite] folder of this theme.
+You'll find a file called [`config.toml`][config.toml]. To use it, copy the
+[`config.toml`][config.toml] in the root folder of your Hugo site. The config
+file contains detailed explanation of each available property. Feel free
+to customize this theme as you like.
+
+### Setting the header ###
+
+The header of the homepage serves as the main attraction for visitors. You
+can provide your name, a description, and your email address on top of an
+image.
+
+```toml
+[Params.Header]
+
+    name = "Your name"
+    description = "Your description"
+    email = "your@email.com"
+    image = "path/to/your/header/image"
+```
+
+Each field in the header is optional, meaning that you can choose to not
+provide a name, description, or email. There are additional options you can use
+in the header section as well! For more information, check out the
+example [`config.toml`][config.toml].
+
+### Setting the homepage footer ###
+
+The footer of the homepage serves to provide contact links and other
+miscellaneous connections from your main website. Each entry is composed of a
+font awesome icon and a url. The icon is specified via `icon_class` and
+represents the specific font awesome icon. E.g. `twitter` becomes
+`fa fa-twitter`. The url is specified via `icon_link`.
+
+```toml
+[Params.Footer]
+
+    [[Params.Footer.List]]
+
+        icon_class = "twitter"
+        icon_link = "https://www.twitter.com/..."
+
+    [[Params.Footer.List]]
+
+        icon_class = "github"
+        icon_link = "https://www.github.com/..."
+```
+
+Each field in the header is optional, meaning that you can choose to not
+provide a name, description, or email. There are additional options you can use
+in the header section as well! For more information, check out the
+example [`config.toml`][config.toml].
+
+### Adding homepage cells ###
+
+The other main aspect of the homepage is the homepage cells, or the grid of
+images below your header. Each cell contains an image depicting its content
+along with a title that is visible upon hovering over it. Each cell acts as a
+hyperlink to other content on your site.
+
+```toml
+[Params.Cells]
+
+    [[Params.Cells.List]]
+
+        name = "Section name"
+        link = "/some/path/on/your/site"
+        image = "/some/image/file"
+```
+
+There are additional options you can use for each cell as well! For more
+information, check out the example [`config.toml`][config.toml].
+
+### Specifying the main menu ###
+
+The main menu used on all list templates is specified via the menu name,
+"Main". The fastest way to set your menu is to specify the `SectionPagesMenu`
+option at the root of your config.
+
+```toml
+SectionPagesMenu = "Main"
+```
+
+### Creating a post ###
+
+Each post in a post section should have the following front matter:
+
+```toml
++++
+title = "Post title"
+date = "YYYY-MM-DD"
+tags = [ "tag1", "tag2", ... ]
+categories = [ "category1", ... ]
++++
+```
+
+Additionally, you can specify an image via the front matter `image = "url"`.
+
+### Creating a project page ###
+
+Each project in a project section should have the following front matter:
+
+```toml
++++
+title = "Project title"
+tags = [ "tag1", "tag2", ... ]
+categories = [ "category1", ... ]
++++
+```
+
+Furthermore, an image should be provided via `image = "url"` for more visual
+effect. If one is not provided, a placeholder will be used.
+
+Additionally, you can provide videos as an alternative to an image, which will
+be displayed using the HTML5 video tag. Each of the following is optional:
+
+```toml
++++
+video_mp4 = "/path/to/mp4"
+video_webm = "/path/to/webm"
+video_ogv = "/path/to/ogv"
+video_3gp = "/path/to/3gp"
+video_fallback = "/path/to/image"
++++
+```
+
+The video fallback option is used both as the poster of the loading HTML5 video
+and as the filler image if HTML5 video is not supported by the browser.
+
+### Creating a gallery image ###
+
+Each gallery image needs to be specified through the front matter of an
+individual content item.
+
+```toml
++++
+title = "Image title used in lightbox"
+date = "YYYY-MM-DD"
+image = "/path/to/image"
++++
+```
+
+### Adding a custom post section ###
+
+By default, the theme provides a custom view of `post/`. If you would like
+to have a different section name than post, you can specify the section by
+creating the following:
+
+```
+For layouts/custom_post_section/single.html:
+
+{{ partial "post/single.html" . }}
+
+```
+
+```
+For layouts/section/custom_post_section.html:
+
+{{ partial "post/list.html" . }}
+
+```
+
+### Adding a custom project section ###
+
+By default, the theme provides a custom view of `project/`. If you would like
+to have a different section name than project, you can specify the section by
+creating the following:
+
+```
+For layouts/custom_project_section/single.html:
+
+{{ partial "project/single.html" . }}
+
+```
+
+```
+For layouts/section/custom_project_section.html:
+
+{{ partial "project/list.html" . }}
+
+```
+
+### Adding a custom gallery section ###
+
+By default, the theme provides a custom view of `gallery/`. If you would like
+to have a different section name than gallery, you can specify the section by
+creating the following:
+
+```
+For layouts/custom_gallery_section/single.html:
+
+{{ partial "gallery/single.html" . }}
+
+```
+
+```
+For layouts/section/custom_gallery_section.html:
+
+{{ partial "gallery/list.html" . }}
+
+```
+
+### Nearly Finished ###
+
+In order to see your site in action, run Hugo's built-in local server. 
+
+    $ hugo server -w
+
+Now enter `localhost:1313` in the address bar of your browser.
+
+Contributing
+------------
+
+Report any bugs using the [issue tracker][issue_tracker]. Submit your own bug
+fixes or feature additions via a [pull request][pull_request].
+
+License
+-------
+
+This theme is released under the MIT License. For more information read the
+[license][license].
+
+[materialize]: http://www.materializecss.com/
+[setup_guide]: http://gohugo.io/overview/installing/
+[exampleSite]: https://github.com/chipsenkbeil/grid-side/tree/master/exampleSite
+[config.toml]: https://github.com/chipsenkbeil/grid-side/blob/master/exampleSite/config.toml
+[issue_tracker]: https://github.com/chipsenkbeil/grid-side/issues
+[pull_request]: https://github.com/chipsenkbeil/grid-side/pulls
+[license]: https://github.com/chipsenkbeil/grid-side/blob/master/LICENSE
+

themes/grid-side/archetypes/default.md

@@ -0,0 +1,5 @@
++++
+tags = []
+categories = []
++++
+

themes/grid-side/exampleSite/.gitignore

@@ -0,0 +1,3 @@
+public/
+themes/
+

themes/grid-side/exampleSite/config.toml

@@ -0,0 +1,197 @@
+# Site settings (baseurl must end with a trailing slash!)
+baseurl = "http://replace-this-with-your-hugo-site.com/"
+languageCode = "en-us"
+title = "Grid Side"
+theme = "grid-side"
+copyright = "Copyright © by Your Name"
+
+# The theme uses pagination for post, gallery, and project listings.
+#paginate = 12
+
+# The theme supports disqus, which will appear only on deployed sites,
+# not locally when run with `hugo server`; as with standard Hugo disqus,
+# you can specify disqus_identifier, disqus_title, and disqus_url in the
+# front matter of specific content.
+#disqusShortname = "yourDisqusShortname"
+
+# The theme supports menus with up to one submenu per menu item
+# The menu name must be "Main"
+SectionPagesMenu = "Main"
+
+[Params]
+    # When set to true, will use infinite scrolling to load paginated content
+    # for posts, galleries, and projects
+    infinite_scroll = true
+
+    # 
+    # The post, project, and gallery sections can have infinite scroll turned
+    # on/off individually. These values override the infinte_scroll option
+    # above.
+    #
+    #[Params.Post]
+    #
+    #   infinite_scroll = false
+    #
+    #[Params.Project]
+    #
+    #   infinite_scroll = false
+    #
+    #[Params.Gallery]
+    #
+    #   infinite_scroll = false
+
+    #
+    # Optionally specify the style for highlight.js to enable it, otherwise
+    # you can use Pygments on the server side.
+    #
+    [Params.Highlight]
+
+        style = "railscasts"
+
+    #
+    # Contains the main grid cell of your site (such as a picture of yourself)
+    # along with your name, description, and email. Any empty field will
+    # not be included. Not providing an image will use a color. Not specifying
+    # the Header results in this cell not appearing in the site.
+    #
+    [Params.Header]
+
+        # This is optional
+        name = "Your Name"
+
+        # This is optional
+        description = "Your Description"
+
+        # This is optional
+        email = "your@email.com"
+
+        # Not providing this results in a color being used
+        image = "/img/banner.jpg"
+
+        # This uses the CSS background-position, given the image above is set,
+        # useful when you want to adjust where the background-image lands
+        #image_position = "top"
+
+        # This must be provided if the image above is not
+        #color = "#FFF"
+
+    #
+    # Contains the footer of your main page and will also append items to
+    # the end of your sidebar in non-homepage pages.
+    #
+    [Params.Footer]
+
+        #
+        # Represents the list of icons and associated links to use in your
+        # footer and sidebar. Your copyright information will always be
+        # shown in the footer.
+        #
+        # The icon class is a font awesome classname.
+        #
+        #   e.g. twitter == "fa fa-twitter"
+        #
+        [[Params.Footer.List]]
+
+            icon_class = "twitter"
+            icon_link = "#!"
+
+        [[Params.Footer.List]]
+
+            icon_class = "linkedin"
+            icon_link = "#!"
+
+        [[Params.Footer.List]]
+
+            icon_class = "google-plus"
+            icon_link = "#!"
+
+        [[Params.Footer.List]]
+
+            icon_class = "github"
+            icon_link = "#!"
+
+    #
+    # Contains the Cells representing the sections of your website. Each cell
+    # contains the name of the cell, an image depicting what the content
+    # represents, and a link to use when the cell is clicked. 
+    #
+    # Not providing an image will use the color specified by 'color' as the
+    # background color (default to #FFF).
+    #
+    # You can embed an icon using 'icon' to specify the classes to use
+    # for the icon (such as 'fa fa-flag' when using font awesome).
+    #
+    # By default, each cell has a grid size of 1/3 (4 out of 12) for large
+    # screens, 1/2 (6 out of 12) for medium screens, and 1 (12 out of 12) for
+    # small screens. To change the cell's size per screen, use the properties
+    # 'cell_large', 'cell_medium', and 'cell_small' respectively with a number
+    # ranging from 1 to 12. Make sure that Cells have nubmers equalling 12
+    # per row.
+    #
+    [Params.Cells]
+
+        [[Params.Cells.List]]
+
+            # The name to use with the cell, shows up on hover
+            name = "Posts"
+
+            # The link to associate with the cell, used when clicked
+            link = "/post/"
+
+            # The image to use as a background-image for the cell
+            image = "/img/car.jpg"
+
+            # This uses the CSS background-position, given the image above is
+            # set, useful when you want to adjust where the background-image
+            # lands
+            #image_position = "top"
+
+            # The color to use as a fallback if an image is not provided
+            #color = "blue"
+
+            # Grays out the image (if provided), the image will be restored
+            # to normal color on hover
+            #grayscale = true
+
+            # Disables the normal cell highlight on hover
+            #no_highlight = true
+            
+            # Normally, a cell only shows text (its name) on hover, setting
+            # this to true results in the cell always showing its text
+            # and also using a dark overlay to make the white text be more
+            # visible
+            #always_show_text = true
+
+            # Grays out the cell and disables click functionality on it
+            #disable = true
+
+        [[Params.Cells.List]]
+
+            name = "Gallery"
+            link = "/gallery/"
+            image = "/img/cup.jpg"
+
+        [[Params.Cells.List]]
+
+            name = "Projects"
+            link = "/project/"
+            image = "/img/drone.jpg"
+
+        [[Params.Cells.List]]
+
+            name = "Custom Post Section Name"
+            link = "/custompost/"
+            image = "/img/food.jpg"
+
+        [[Params.Cells.List]]
+
+            name = "Custom Gallery Section Name"
+            link = "/customgallery/"
+            image = "/img/jars.jpg"
+
+        [[Params.Cells.List]]
+
+            name = "Custom Project Section Name"
+            link = "/customproject/"
+            image = "/img/phone.jpg"
+

themes/grid-side/exampleSite/content/customgallery/anothercar.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/car.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/anothercup.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/cup.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/anotherdrone.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/drone.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/anotherfood.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/food.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/anotherjars.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/jars.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/anotherphone.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/phone.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/car.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/car.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/cup.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/cup.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/drone.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/drone.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/food.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/food.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/jars.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/jars.jpg"
++++
+

themes/grid-side/exampleSite/content/customgallery/phone.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/phone.jpg"
++++
+

themes/grid-side/exampleSite/content/custompost/eight.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/eleven.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag5" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/five.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/four.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag3" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/info.md

@@ -0,0 +1,11 @@
++++
+title = "Info"
+date = "2015-07-29"
+image = "/img/car.jpg"
+tags = [ "tag1", "tag2" ]
+categories = [ "category1" ]
++++
+
+You can optionally set an image in the front matter of a post using
+`image = "..."`.
+

themes/grid-side/exampleSite/content/custompost/nine.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag5" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/one.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/redirect.md

@@ -0,0 +1,11 @@
++++
+title = "Redirect"
+date = "2015-07-29"
+redirect = "/"
+tags = [ "tag1", "tag2" ]
+categories = [ "category1" ]
++++
+
+You can optionally set the front matter `redirect = "url"` to automatically
+redirect the content to another page.
+

themes/grid-side/exampleSite/content/custompost/seven.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag3" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/six.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag3" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/ten.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/three.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/twelve.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/custompost/two.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag3" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/customproject/anothercar.md

@@ -0,0 +1,10 @@
++++
+title = "Another Car"
+categories = [ "car" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/car.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/anothercup.md

@@ -0,0 +1,10 @@
++++
+title = "Another Cup"
+categories = [ "cup" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/cup.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/anotherdrone.md

@@ -0,0 +1,10 @@
++++
+title = "Drone"
+categories = [ "drone" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/drone.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/anotherfood.md

@@ -0,0 +1,10 @@
++++
+title = "Food"
+categories = [ "food" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/food.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/anotherjars.md

@@ -0,0 +1,10 @@
++++
+title = "Jars"
+categories = [ "jars" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/jars.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/anotherphone.md

@@ -0,0 +1,10 @@
++++
+title = "Phone"
+categories = [ "phone" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/phone.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/car.md

@@ -0,0 +1,10 @@
++++
+title = "Car"
+categories = [ "car" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/car.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/cup.md

@@ -0,0 +1,10 @@
++++
+title = "Cup"
+categories = [ "cup" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/cup.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/drone.md

@@ -0,0 +1,10 @@
++++
+title = "Drone"
+categories = [ "drone" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/drone.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/food.md

@@ -0,0 +1,10 @@
++++
+title = "Food"
+categories = [ "food" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/food.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/jars.md

@@ -0,0 +1,10 @@
++++
+title = "Jars"
+categories = [ "jars" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/jars.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/phone.md

@@ -0,0 +1,10 @@
++++
+title = "Phone"
+categories = [ "phone" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/phone.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/customproject/video.md

@@ -0,0 +1,33 @@
++++
+title = "Video"
+weight = -1
+categories = [ "video" ]
+tags = [ "such move", "very html5", "much animation", "wow" ]
+video_mp4 = "/vid/vid_480x320.mp4"
+video_webm = "/vid/vid_480x320.webm"
+video_ogv = "/vid/vid_480x320.ogv"
+video_3gp = "/vid/vid_352x288.3gp"
+video_fallback = "/img/car.jpg"
++++
+
+Videos can be provided via:
+
+```
+video_mp4 = "/vid/vid_480x320.mp4"
+video_webm = "/vid/vid_480x320.webm"
+video_ogv = "/vid/vid_480x320.ogv"
+video_3gp = "/vid/vid_352x288.3gp"
+video_fallback = "/img/car.jpg"
+```
+
+Each value is optional. If the fallback image is provided, it will be used
+as both the poster of the video and the fallback if the browser does not
+support HTML5 video.
+
+You can use the partial for a video via:
+
+```
+.Scratch.Set "class" "some extra CSS classes on video tag"
+{{ partial "extra/video.html" . }}
+```
+

themes/grid-side/exampleSite/content/gallery/anothercar.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/car.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/anothercup.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/cup.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/anotherdrone.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/drone.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/anotherfood.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/food.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/anotherjars.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/jars.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/anotherphone.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/phone.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/car.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/car.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/cup.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/cup.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/drone.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/drone.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/food.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/food.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/jars.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/jars.jpg"
++++
+

themes/grid-side/exampleSite/content/gallery/phone.md

@@ -0,0 +1,6 @@
++++
+title = "This is the title"
+date = "2015-07-29"
+image = "/img/phone.jpg"
++++
+

themes/grid-side/exampleSite/content/post/eight.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/eleven.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag5" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/five.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/four.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag3" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/info.md

@@ -0,0 +1,11 @@
++++
+title = "Info"
+date = "2015-07-29"
+image = "/img/car.jpg"
+tags = [ "tag1", "tag2" ]
+categories = [ "category1" ]
++++
+
+You can optionally set an image in the front matter of a post using
+`image = "..."`.
+

themes/grid-side/exampleSite/content/post/nine.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag5" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/one.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/redirect.md

@@ -0,0 +1,11 @@
++++
+title = "Redirect"
+date = "2015-07-29"
+redirect = "/"
+tags = [ "tag1", "tag2" ]
+categories = [ "category1" ]
++++
+
+You can optionally set the front matter `redirect = "url"` to automatically
+redirect the content to another page.
+

themes/grid-side/exampleSite/content/post/seven.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag3" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/six.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag3" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/ten.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/three.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/twelve.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag2", "tag3" ]
+categories = [ "category2" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/post/two.md

@@ -0,0 +1,15 @@
++++
+title = "One"
+date = "2015-07-25"
+tags = [ "tag4", "tag3" ]
+categories = [ "category3" ]
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate
+vehicula mi id fringilla. Interdum et malesuada fames ac ante ipsum primis in
+faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+posuere cubilia Curae; Proin rutrum vestibulum quam vitae ultrices. Suspendisse
+dui tortor, suscipit id augue et, placerat placerat ipsum. Nam vulputate ex
+eget varius convallis. Nullam mollis egestas ex eget faucibus. Maecenas ut est
+a diam ullamcorper aliquet at vel ante. Fusce ac lacinia tortor.
+

themes/grid-side/exampleSite/content/project/anothercar.md

@@ -0,0 +1,10 @@
++++
+title = "Another Car"
+categories = [ "car" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/car.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/anothercup.md

@@ -0,0 +1,10 @@
++++
+title = "Another Cup"
+categories = [ "cup" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/cup.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/anotherdrone.md

@@ -0,0 +1,10 @@
++++
+title = "Drone"
+categories = [ "drone" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/drone.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/anotherfood.md

@@ -0,0 +1,10 @@
++++
+title = "Food"
+categories = [ "food" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/food.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/anotherjars.md

@@ -0,0 +1,10 @@
++++
+title = "Jars"
+categories = [ "jars" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/jars.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/anotherphone.md

@@ -0,0 +1,10 @@
++++
+title = "Phone"
+categories = [ "phone" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/phone.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/car.md

@@ -0,0 +1,10 @@
++++
+title = "Car"
+categories = [ "car" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/car.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/cup.md

@@ -0,0 +1,10 @@
++++
+title = "Cup"
+categories = [ "cup" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/cup.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/drone.md

@@ -0,0 +1,10 @@
++++
+title = "Drone"
+categories = [ "drone" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/drone.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/food.md

@@ -0,0 +1,10 @@
++++
+title = "Food"
+categories = [ "food" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/food.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/jars.md

@@ -0,0 +1,10 @@
++++
+title = "Jars"
+categories = [ "jars" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/jars.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/phone.md

@@ -0,0 +1,10 @@
++++
+title = "Phone"
+categories = [ "phone" ]
+tags = [ "a tag with spaces", "another tag" ]
+image = "/img/phone.jpg"
++++
+
+Project content would go here. You can also redirect using the front matter
+`redirect = "url"`.
+

themes/grid-side/exampleSite/content/project/video.md

@@ -0,0 +1,33 @@
++++
+title = "Video"
+weight = -1
+categories = [ "video" ]
+tags = [ "such move", "very html5", "much animation", "wow" ]
+video_mp4 = "/vid/vid_480x320.mp4"
+video_webm = "/vid/vid_480x320.webm"
+video_ogv = "/vid/vid_480x320.ogv"
+video_3gp = "/vid/vid_352x288.3gp"
+video_fallback = "/img/car.jpg"
++++
+
+Videos can be provided via:
+
+```
+video_mp4 = "/vid/vid_480x320.mp4"
+video_webm = "/vid/vid_480x320.webm"
+video_ogv = "/vid/vid_480x320.ogv"
+video_3gp = "/vid/vid_352x288.3gp"
+video_fallback = "/img/car.jpg"
+```
+
+Each value is optional. If the fallback image is provided, it will be used
+as both the poster of the video and the fallback if the browser does not
+support HTML5 video.
+
+You can use the partial for a video via:
+
+```
+.Scratch.Set "class" "some extra CSS classes on video tag"
+{{ partial "extra/video.html" . }}
+```
+

themes/grid-side/exampleSite/layouts/customgallery/single.html

@@ -0,0 +1,2 @@
+{{ partial "gallery/single.html" . }}
+

themes/grid-side/exampleSite/layouts/custompost/single.html

@@ -0,0 +1,2 @@
+{{ partial "post/single.html" . }}
+

themes/grid-side/exampleSite/layouts/customproject/single.html

@@ -0,0 +1,2 @@
+{{ partial "project/single.html" . }}
+

themes/grid-side/exampleSite/layouts/section/customgallery.html

@@ -0,0 +1,2 @@
+{{ partial "gallery/list.html" . }}
+

themes/grid-side/exampleSite/layouts/section/custompost.html

@@ -0,0 +1,2 @@
+{{ partial "post/list.html" . }}
+

themes/grid-side/exampleSite/layouts/section/customproject.html

@@ -0,0 +1,2 @@
+{{ partial "project/list.html" . }}
+