Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rohitghatol/kinoscribe
Web Components for Prezi Like Presentations
https://github.com/rohitghatol/kinoscribe
Last synced: 2 months ago
JSON representation
Web Components for Prezi Like Presentations
- Host: GitHub
- URL: https://github.com/rohitghatol/kinoscribe
- Owner: rohitghatol
- Created: 2014-07-10T00:43:55.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2014-10-16T01:46:05.000Z (about 10 years ago)
- Last Synced: 2024-10-02T07:01:16.742Z (3 months ago)
- Language: JavaScript
- Size: 1.01 MB
- Stars: 6
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
KinoScribe - 3D Presentations
==========
Introduction
============
KinoScribe is a 3D Presentation framework built using Polymer.js (Google's Web Component's Library). Using KinoScribe you can create 3D Presentations in which you can layout your side in 3D using
* Custom Layout - You define all 3D Coordinates, Rotations etc
* Preset Layouts - Where you use one of the Preset Layouts like "Left to Right", "Top to Bottom", "Box", "Spiral", "Album"
Video Demo
======
Home Page
=========
Visit - http://www.kinoscribe.com for live demo
Code Examples
=============
Visit - http://www.kinoscribe.com for live demo
Browser Compatibility
=========
* Chrome
* Firefox
Yet to be tested on Safari and IE 10+
Usage
======
```
kino-slides Demo
kino-slide .slide{
display: block;
width: 800px;
height: 600px;
padding: 40px 60px;
background-color: white;
border: 1px solid rgba(0, 0, 0, .3);
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
color: rgb(102, 102, 102);
text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
font-family: 'Open Sans', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
letter-spacing: -1px;
}
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
```
Authors
=========
* Rohit Ghatol - @rohitghatol
* Nikhil Walvekar - @walvekarnikhil
Project Setup
==============
If you are a Developer and want to play with the code. Here is how you setup this Project.
* Checkout polymer-projects project - $>git clone https://github.com/rohitghatol/polymer-projects
* On Windows - Run the command cmd>checkout-components.cmd
* On Linux/Mac - Run the command cmd>checkout-components.sh
Running the Demo
-----------------
In my case I use WebStorm, I right click on kinoscribe/demo.html and click on "Open in Brower"
I see the following url opens up in chrome
* http://localhost:63342/polymer-projects/kinoscribe/demo.html
References
===========
This Project is inspired from [Impress.js](https://github.com/bartaz/impress.js/) created by [Bartek Szopka](https://github.com/bartaz)