Git Product home page Git Product logo

slides's Introduction

Slide Presentation Framework

I got fed up with using Powerpoint and Keynote to make and give presentations, so I wrote this framework. It uses slides in plain HTML, combined with themes, layouts, and slide transitions in CSS, and a small Javascript MVC framework for showing them.

You can read more about it in this presentation, made with the framework.

How do I use it?

Quick start

  1. Make sure you have node and npm
  2. Download/fork/clone this repo
  3. cd <slides dir>
  4. npm install
  5. npm install bower
  • The example depends on the rest of your dependencies being downloaded by Bower, a package manager for Javascript.
  1. bower install
  2. You may want to open index.html in your browser to read a bit more about the framework.
  3. Put the content for all your slides in slides/slides.html
    • There are example slides there now, so just follow the format.
  4. Open index.html in your browser!

slides's People

Contributors

briancavalier avatar melissavoegeli avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

slides's Issues

Embed Chart

Hi there,

First of all great work on this. I dig the minimalist style you choose.

I'm trying to embed some charts I created. For some reason I get an error and it's that the chart my be getting blocked? Not really sure yet. Would there be anything in your code that would block a referenced URL? I actually get the error code below so I know it's hitting the page, but the chart does not show up.

Example:


Error: Embedded data could not be displayed

Thanks,
Zach

Curl ?

Hello, I was trying to use your framework but it seems to be missing something ? What about curl and the components folder ? (Sorry if I'm asking dumb questions, I'm a beginner in this)

Add optional transitions

First of all, good work. Minimal slide framework that just works.
I only miss the transitions between li elements of ul or ol.

For the other hand, can you put more soft transitions among slides while we press the -> arrow? (alà deck.js)

Thanks in advance,
Xan.

Failed to load resource

I followed the instructions in the Readme to the letter. did a 'git clone' on slides.git. cd slides. npm install. launched index.html in a browser and saw console error of 'Failed to load resource: The requested URL was not found on this server."

The problem seems to be the attempt to load app/run.js with data-curl-run. bower loaded a ton of dependencies, but curl is not included. I have nothing at 'bower_components/curl/src/curl.js.

Thoughts?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.