diff --git a/content-sample/blog.md b/content-sample/blog.md new file mode 100644 index 0000000..9e8f4ea --- /dev/null +++ b/content-sample/blog.md @@ -0,0 +1,7 @@ +--- +Title: Blog Example +Description: Pico is a stupidly simple, blazing fast, flat file CMS. +Template: blog +--- + + diff --git a/content-sample/blog/post1.md b/content-sample/blog/post1.md new file mode 100644 index 0000000..e9e4d3b --- /dev/null +++ b/content-sample/blog/post1.md @@ -0,0 +1,13 @@ +--- +Title: Post with Sidebar +Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies tristique nulla et mattis. Phasellus id massa eget nisl congue blandit sit amet id ligula. Praesent et nulla eu augue tempus sagittis. Mauris faucibus nibh et nibh cursus in vestibulum sapien egestas. Curabitur ut lectus tortor. +Author: PicoCMS +Date: Dec 31 2015 11:59:59 +Template: blog-post +--- + +This is `post1.md` in the `blog` folder. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies tristique nulla et mattis. Phasellus id massa eget nisl congue blandit sit amet id ligula. Praesent et nulla eu augue tempus sagittis. Mauris faucibus nibh et nibh cursus in vestibulum sapien egestas. Curabitur ut lectus tortor. Sed ipsum eros, egestas ut eleifend non, elementum vitae eros. Mauris felis diam, pellentesque vel lacinia ac, dictum a nunc. Mauris mattis nunc sed mi sagittis et facilisis tortor volutpat. Etiam tincidunt urna mattis erat placerat placerat ac eu tellus. Ut nec velit id nisl tincidunt vehicula id a metus. Pellentesque erat neque, faucibus id ultricies vel, mattis in ante. Donec lobortis, mauris id congue scelerisque, diam nisl accumsan orci, condimentum porta est magna vel arcu. Curabitur varius ante dui. Vivamus sit amet ante ac diam ullamcorper sodales sed a odio. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies tristique nulla et mattis. Phasellus id massa eget nisl congue blandit sit amet id ligula. Praesent et nulla eu augue tempus sagittis. Mauris faucibus nibh et nibh cursus in vestibulum sapien egestas. Curabitur ut lectus tortor. Sed ipsum eros, egestas ut eleifend non, elementum vitae eros. Mauris felis diam, pellentesque vel lacinia ac, dictum a nunc. Mauris mattis nunc sed mi sagittis et facilisis tortor volutpat. Etiam tincidunt urna mattis erat placerat placerat ac eu tellus. Ut nec velit id nisl tincidunt vehicula id a metus. Pellentesque erat neque, faucibus id ultricies vel, mattis in ante. Donec lobortis, mauris id congue scelerisque, diam nisl accumsan orci, condimentum porta est magna vel arcu. Curabitur varius ante dui. Vivamus sit amet ante ac diam ullamcorper sodales sed a odio. diff --git a/content-sample/blog/post2.md b/content-sample/blog/post2.md new file mode 100644 index 0000000..2d984b3 --- /dev/null +++ b/content-sample/blog/post2.md @@ -0,0 +1,14 @@ +--- +Title: Post Full-Width +Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies tristique nulla et mattis. Phasellus id massa eget nisl congue blandit sit amet id ligula. Praesent et nulla eu augue tempus sagittis. Mauris faucibus nibh et nibh cursus in vestibulum sapien egestas. Curabitur ut lectus tortor. +Author: PicoCMS +Date: Jan 1 2016 12:00:00 +Image: "http://placehold.it/1200x300&text=Blog+Image" +Template: blog-post-full +--- + +This is `post2.md` in the `blog` folder. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies tristique nulla et mattis. Phasellus id massa eget nisl congue blandit sit amet id ligula. Praesent et nulla eu augue tempus sagittis. Mauris faucibus nibh et nibh cursus in vestibulum sapien egestas. Curabitur ut lectus tortor. Sed ipsum eros, egestas ut eleifend non, elementum vitae eros. Mauris felis diam, pellentesque vel lacinia ac, dictum a nunc. Mauris mattis nunc sed mi sagittis et facilisis tortor volutpat. Etiam tincidunt urna mattis erat placerat placerat ac eu tellus. Ut nec velit id nisl tincidunt vehicula id a metus. Pellentesque erat neque, faucibus id ultricies vel, mattis in ante. Donec lobortis, mauris id congue scelerisque, diam nisl accumsan orci, condimentum porta est magna vel arcu. Curabitur varius ante dui. Vivamus sit amet ante ac diam ullamcorper sodales sed a odio. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies tristique nulla et mattis. Phasellus id massa eget nisl congue blandit sit amet id ligula. Praesent et nulla eu augue tempus sagittis. Mauris faucibus nibh et nibh cursus in vestibulum sapien egestas. Curabitur ut lectus tortor. Sed ipsum eros, egestas ut eleifend non, elementum vitae eros. Mauris felis diam, pellentesque vel lacinia ac, dictum a nunc. Mauris mattis nunc sed mi sagittis et facilisis tortor volutpat. Etiam tincidunt urna mattis erat placerat placerat ac eu tellus. Ut nec velit id nisl tincidunt vehicula id a metus. Pellentesque erat neque, faucibus id ultricies vel, mattis in ante. Donec lobortis, mauris id congue scelerisque, diam nisl accumsan orci, condimentum porta est magna vel arcu. Curabitur varius ante dui. Vivamus sit amet ante ac diam ullamcorper sodales sed a odio. diff --git a/themes/default/blog-post-full.twig b/themes/default/blog-post-full.twig new file mode 100644 index 0000000..7f73cc9 --- /dev/null +++ b/themes/default/blog-post-full.twig @@ -0,0 +1,31 @@ +{% include 'includes/htmlHead.twig' %} +{% include 'includes/head.twig' %} + + {% include 'includes/nav.twig' %} + +
+
+
+ {% include 'includes/breadcrumb.twig' %} +
+
+
+
+
+

{{ meta.title }}

+

+ {{ meta.date }} + by {{ meta.author }} +

+
+ {% if meta.image %} + {{ meta.image }}
+ {% endif %} + {{content}} +
+
+
+
+ {% include 'includes/foot.twig' %} + +{% include 'includes/htmlFoot.twig' %} diff --git a/themes/default/blog-post.twig b/themes/default/blog-post.twig new file mode 100644 index 0000000..21092cf --- /dev/null +++ b/themes/default/blog-post.twig @@ -0,0 +1,34 @@ +{% include 'includes/htmlHead.twig' %} +{% include 'includes/head.twig' %} + + {% include 'includes/nav.twig' %} + +
+
+
+ {% include 'includes/breadcrumb.twig' %} +
+
+
+
+
+

{{ meta.title }}

+

+ {{ meta.date }} + by {{ meta.author }} +

+
+ {% if meta.image %} + {{ meta.image }}
+ {% endif %} + {{content}} +
+
+
+ {% include 'includes/sidebar.twig' %} +
+
+
+ {% include 'includes/foot.twig' %} + +{% include 'includes/htmlFoot.twig' %} diff --git a/themes/default/blog.twig b/themes/default/blog.twig new file mode 100644 index 0000000..e95319a --- /dev/null +++ b/themes/default/blog.twig @@ -0,0 +1,30 @@ +{% include 'includes/htmlHead.twig' %} +{% include 'includes/head.twig' %} + + {% include 'includes/nav.twig' %} + +
+
+
+ {% for page in pages %} + {% if page.id starts with "blog/" %} +
+

{{ page.title }}

+

+ {{ page.date }} + by {{ page.author }} +

+ {{ page.description|slice(0, 500) }} +
+
+ {% endif %} + {% endfor %} +
+
+ {% include 'includes/sidebar.twig' %} +
+
+
+ {% include 'includes/foot.twig' %} + +{% include 'includes/htmlFoot.twig' %} diff --git a/themes/default/includes/breadcrumb.twig b/themes/default/includes/breadcrumb.twig new file mode 100644 index 0000000..bd25ac1 --- /dev/null +++ b/themes/default/includes/breadcrumb.twig @@ -0,0 +1,5 @@ + +
    +
  1. Blog
    2. +
  2. {{ meta.title }}
    3. +
diff --git a/themes/default/includes/sidebar.twig b/themes/default/includes/sidebar.twig new file mode 100644 index 0000000..ae5d9ce --- /dev/null +++ b/themes/default/includes/sidebar.twig @@ -0,0 +1,45 @@ + +
+

Connect with {{ site_title }}

+
    + {% if config.theme_config.social_media.github %} +
  1. + + GitHub + +
    2. + {% else %} +
  2. + + GitHub + +
    3. + {% endif %} + {% if config.theme_config.social_media.facebook %} +
  3. + + Facebook + +
    4. + {% endif %} + {% if config.theme_config.social_media.twitter %} +
  4. + + Twitter + +
    5. + {% endif %} +
+
+ +
+

About {{ site_title }}

+ {% if config.theme_config.about_us %} +

{{ config.theme_config.about_us }}

+ {% else %} +

Pico is a stupidly simple, blazing fast, flat file CMS, + this means there is no administration backend or database + to deal with. You simply create `.md` files in the `content-sample` + folder and that becomes a page.

+ {% endif %} +