Giter Site home page Giter Site logo

slides's Introduction

Slides

MIT licensed

This repo is a reworked version of Sandstorm Hacker Slides which features easy set up run outside of Sandstorm and without vagrant-spk. Likewise you can publish and edit your previous markdown slides which is not supported in the original version.

Video Demo

Features:

  • Reach ui editor
  • Markdown markup
  • Live reload
  • Color schemes
  • Pdf print
  • Live version

Getting Started

Install from releases: releases coming soon : brew, apt, and friends

Install from Source:

go get github.com/bketelsen/slides

Initialize a New Slide Repository

slides init [reponame]

slides init mytalks
cd mytalks
git init
git add --all

Then edit anything you want to change in publish.tmpl for individual slides and root.tmpl for the talk listing page.

slides init places the contents of the slides-template directory into the mytalks directory as a base for your decks. The web assets in this directory are used to build the HTML files for your slides.

Directory Structure Of a Slide Repository

If you ran slides init mytalks your directory structure should look like this:

/mytalks --> repo root
    /public --> output files from `slides build`, published HTML
    /slides --> your slide decks, in Markdown format
    /static --> files used for `slides dev` local server
    /templates --> Go template files for `/public` and `/static`
    /initial-slides.md --> the template file used for `slides new {name}`

Create New Slide Deck

slides new mydeckname

Run Development Server (With Live Editing!)

slides dev

Visit localhost to see your slides and make live edits.

Prepare for HTML Publishing

slides build

For maximum awesome, run slides build and setup Netlify or another static host to publish your /public directory.

Serve The Published Directory Locally

slides serve

Visit your site at http://127.0.0.1:8080

Use local images

Store pictures you want to use in the images subfolder, slides/images/ and reference them in the editor as Markdown:

![demoPicture](/images/demo.png)

or as HTML:

<img src="/images/demo.png">

Screenshots

Edit mode Published
1st 1st
2nd 2nd

Built on Open Source

This project is a heavily modified fork of hacker-slides and is built on the Shoulders of Giants

Getting Help

For feature requests and bug reports submit an issue to the GitHub issue tracker

slides's People

Contributors

arschles avatar bketelsen 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

Watchers

 avatar  avatar  avatar  avatar

slides's Issues

add 'slides version' command

The version information is already at the top of slides --help, so this would be a convenience to just print that out. For example:

arschles ~/gocode/src/github.com/bketelsen/slides $ slides version
0.0.2, commit d0f1b81, built at 2018-08-12T16:36:44Z

talk metadata

add a yaml/json/something file for each deck with metadata like:

  • event name
  • event date
  • event url

bio/images

add a bio + images endpoint for conferences to pull images and speaker bio

cute footer

Add a cute "Generated by github.com/bketelsen/slides" footer in the templates

PDF support

add pdf support to the build command
link it in the root.tmpl as a little blue tag in the top?

add a "slides preview"

make it the same thing as slides dev except you can't edit inline. this would be useful to see how the slides look exactly before you do a final slides build

macros

Build in some macros to replace the awful regex for FontAwesome

[Feature Request] - Multiple speaker notes (slides) per single audience slide

Hi there,

To avoid losing your train of thought, finding your place (in speaker note bullet points), and having tiny text (in speaker notes), it would be amazing to be able to do the following:

  • create a slide
  • have multiple bullet points associated with that slide
  • when you advance using the keyboard, display each bullet point individually in the speaker notes.
  • once you have cycled through each point, advance the public slide, and the speaker note to the first point (of that next slide)

Please let me know if you need more detail.

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.