All Projects → lexoyo → jekyll-slideshow

lexoyo / jekyll-slideshow

Licence: MIT license
Compose your slides on Github, Host it on Github Pages for free.

Programming Languages

HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to jekyll-slideshow

svelte-slidy
📸 Sliding action script
Stars: ✭ 211 (+539.39%)
Mutual labels:  slideshow
git-guia-basico
📜 Algumas dicas básicas para Git
Stars: ✭ 19 (-42.42%)
Mutual labels:  slideshow
godot-ci
Docker image to export Godot Engine games. Templates for Gitlab CI and GitHub Actions to deploy to GitLab Pages/GitHub Pages/Itch.io.
Stars: ✭ 316 (+857.58%)
Mutual labels:  github-page
fedemo.github.io
Fe Blog →
Stars: ✭ 24 (-27.27%)
Mutual labels:  github-page
slipshow
An engine for displaying slips, the next-gen version of slides
Stars: ✭ 17 (-48.48%)
Mutual labels:  slideshow
Password Generator
🔄 Simple password generator class library in C# 6.0, use for generate your own password! 📗
Stars: ✭ 21 (-36.36%)
Mutual labels:  picture
AndroidSliderViewsLibrary
AndroidSliderViewsLibrary is an Android SDK library supports vertical & horizontal carousel and slideshow Views which developers simply integrate on Android project. - by @sung2063
Stars: ✭ 33 (+0%)
Mutual labels:  slideshow
rajaprerak.github.io
Personal Portfolio Website
Stars: ✭ 188 (+469.7%)
Mutual labels:  github-page
LocalVideoImage-selector
A simple-used local video and image selector for Android, also support single-selection and multi-selection.
Stars: ✭ 25 (-24.24%)
Mutual labels:  picture
wbp4j
Simple Java Api for 微博图床,使用简单的api即可完成上传图片
Stars: ✭ 48 (+45.45%)
Mutual labels:  picture
kunnan.github.io
@zhangkn
Stars: ✭ 13 (-60.61%)
Mutual labels:  github-page
ImageOnMap
Repo for ImageOnMap, a bukkit plugin created to display any image using a map
Stars: ✭ 162 (+390.91%)
Mutual labels:  picture
weiboUploader-Watermark
新浪微博图床批量传图工具 上传-缩放-水印-生成链接一键搞定
Stars: ✭ 41 (+24.24%)
Mutual labels:  picture
gruntwork-io.github.io
The gruntwork.io website
Stars: ✭ 38 (+15.15%)
Mutual labels:  github-page
grav-plugin-lightslider
Grav LightSlider Plugin
Stars: ✭ 14 (-57.58%)
Mutual labels:  slideshow
jekyll-cd
GitHub Action to build and deploy a Jekyll site to GitHub Pages 🧪
Stars: ✭ 21 (-36.36%)
Mutual labels:  github-page
testable
Testable - gamified tool to improve unit testing teaching
Stars: ✭ 16 (-51.52%)
Mutual labels:  github-page
js-image-compressor
A simple image compressor of javascript
Stars: ✭ 100 (+203.03%)
Mutual labels:  picture
Apple-App-Icons
This repository is for hosting Apple App Icons Sketch file, .sketch
Stars: ✭ 31 (-6.06%)
Mutual labels:  picture
proyecto26.github.io
The Proyecto26 github homepage.
Stars: ✭ 32 (-3.03%)
Mutual labels:  github-page

this is not maintained

Jekyll Slideshow

Jekyll Slideshow is a Jekyll boilerplate which generates slideshows with your pictures and texts, so that you can embed them in a static websites, i.e. in websites generated with static website generators such as Jekyll and Silex.

You can use Github to edit your slides and upload pictures, Github Pages will automatically generate your slideshows and publish it online for free. It is not a Jekyll plug-in but a set of layouts and collection.

Here is a demo.

At the core of this project there is work from other people:

user guide

  1. Fork this code on github
  2. Edit the file _slides/my-pics1.md on github and save the file, this will make Github pages build your slideshows
  3. Check the changes on http://yourgithubusername.github.io/jekyll-slideshow/

You can make more slideshows by adding .md files in _slides, like this one. The picures can be stored in any folder or sub folder, but do not forget to add it to a slideshow like in the examples.

* ![A nice pic of mine](my-pics1/pic1.jpg)
* ![Another nice pic of mine](my-pics1/pic2.jpg)

In the meta data of a slideshow's .md file, you can use these params, which come from lightSlider's doc

  • item
  • loop
  • mode (slide or fade)
  • speed
  • pause
  • vertical
  • auto
  • pauseOnHover
  • controls
  • pager
  • adaptiveHeight

You can also style and animate the elements on the slides with the "style" property in the front matter data

style:
  body:
    duration: 10000
    init:
      position: absolute
      bottom: 0
      width: 200%
    from:
      left: 0
    to:
      left: -100%
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].