Giter Site home page Giter Site logo

forkkit / slides Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bketelsen/slides

0.0 2.0 0.0 5.06 MB

create, live-preview, edit, and publish reveal.js slide decks

License: Other

Dockerfile 0.01% Makefile 0.12% Go 2.19% JavaScript 53.27% CSS 32.94% HTML 11.48%

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

Watchers

 avatar  avatar

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.