sStory

Pure Javascript Story web application

DEMO

Installation

npm:

npm i sstory

script:

import sStory from 'sstory';

style:

@import '~sstory/src/sass/sstory.scss';
or
@import '~sstory/dist/sStory.min.css';

Example of HTML

<div class="story-area">
    <div class="sStory-thumb-wrapper"></div> //default
    <div class="sStory-media-wrapper"></div> //default
</div>

Example of CODE

var story = new sStory({
    thumbWrapperClass: '.sStory-thumb-wrapper', //default
    thumbItemClass: 'item', //default
    mediaWrapperClass: '.sStory-media-wrapper', //default
    mediaItemClass: 'media', //default
    language: { 
        button: "Detaylı Bilgi", //default
        sendLabel: "Paylaş", //default
        sendButton: "Gönder" //default
        date: {
            second: "saniye önce",
            minute: "dakika önce",
            hour: "saat önce",
            day: "gün önce",
            mounth: "ay önce",
            year: "yıl önce"
        }
    }, 
    data: storiesData //stories-data.js JSON List
});