Add grid-side theme

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" . }}
+