Welcome to the Slider Theme for picoCMS

This is the index.md of the slider theme. The content and one image below.

---
style: slide
title: Welcome to the Slider Theme for picoCMS
image: img.jpg
---

Other pages

The other pages are divided in 3 vertical zones. You can put your content in one of the 3 zone using the content_vposition in the yaml metadata :

  • 1 is for above -- content is center
  • 2 is for the middle
  • 3 is for below -- content is center

You can add images to your slides using yaml metada :

image: 
 - img4.jpg
 - img5.jpg

They will appear in the middle zone. If the content is also in the middle zone (content_vposition:2), you can choose the position of the content in relation to the images with the content_hposition.

Content above

The content is above and centered. Image(s) is in the middle zone.

---
style: slide
title: Content above
content_vposition: 1
image: 
 - img2.jpg
---

Content in the middle - 1 image

The content is in the middle zone, with one image, and it is after the image because of the content_hposition:2. To put the content before the image, content_hposition should be content_hposition:1.

---
style: slide
title: Content in the middle - 1 image
content_vposition: 2
content_hposition: 2
image: 
 - img3.jpg
---

Content in the middle - 2 images

The content is in the middle zone, with two images, and it is before the first image because of the content_hposition:1.

  • content_hposition:1:before images
  • content_hposition:2:between first and second image
  • content_hposition:3:after the second image
---
style: slide
title: Content in the middle - 2 images
content_vposition: 2
content_hposition: 1
image: 
 - img4.jpg
 - img5.jpg
---

Content in the middle - 3 images

The content is in the middle zone, with three images, and it is before the last image because of the content_hposition:3.

  • content_hposition:1:before images
  • content_hposition:2:between first and second image
  • content_hposition:3:between the second and the third image
  • content_hposition:4:after the third image
---
style: slide
title: Content in the middle - 3 images
content_vposition: 2
content_hposition: 3
image: 
 - img6.jpg
 - img7.jpg
 - img2.jpg
---

Content below

The content is below and centered. Images are in the middle zone.

---
style: slide
title: Content below
content_vposition: 3
image: 
 - img.jpg
 - img5.jpg
---

Additional Settings

More settings are available using the _meta.md file in your content folder.

---
Logo: http://slider.web-en-royans.fr/themes/slider/img/pico-white.svg
Tagline: Making the web easy.
Social:
    - title: Visit us on GitHub
      url: https://github.com/psic/PicoCMS-slider-theme
      icon: octocat
TOC: 1
---
  • Logo: setting a logo at the bottom of the page,
  • Tagline: setting a tagline below the site title,
  • Social: List of social links (title, url and icon (using fontello.css)) on the footer of each page,
  • TOC: Set it to 1, if you want a table of content.

Credits

Images are from https://www.pexels.com/fr-fr/collections/abstract-art-backgrounds-lfivyk9/