Giter Club home page Giter Club logo

slide-html's Introduction

Slide

The most simple plain text presentation maker.

This version is a standalone HTML page of 4K in size that you can edit in place and get a working presentation. No other tools needed except for a text editor. No programming knowledge is required, too.

Android implementation can be found here.

Tutorial

  1. Download slide.html. Open this link and press Ctrl+S.
  2. Open the downloaded slide.html with a text editor.
  3. Find the line <pre id="slide"> (should be somewhere around line 36).
  4. Edit the text. This is the contents of your presentation.
  5. After you save the file - open it in your browser and see the results. You can edit, save and refresh the browser to see how your presentation looks like.

Demo

Either open slide.html in your browser or view it online.

Syntax

Slides are separated with a blank line.

The font size of each slide is scaled automatically to fit the screen. This is suitable for Takahashi method.

Headlines use a larger font size and start with # sign.

Emphasized text is written as bold and must be surrounded with asterisks, *like this*.

To print an actual asterist just write it twice, ** like this.

Code blocks are written with monospace font and must start with at least two spaces.

To disable the special meaning of newlines, spaces or # put a dot at the beginning of the line.

Styling

Above the slide contents there is a small style block. You can specify the default font, foreground and background colors for your slides. You can also customize header, monospace and emphasized font styles.

Printing

You can print your presentation, in this case the slides will be printed as small thumbnails so that you could make notes on paper or use it as a story plan for your speech.

Development

We really want to keep it minimal, but if you want to customize it or offer a pull request you can edit files inside the src folder. Then you may open src/slide.html to view your changes, or run npm run build to generate the standalone slide.html version.

License

Code is distributed under MIT license, feel free to use it.

Made by Trikita - feel free to checkout our other works!

slide-html's People

Contributors

zserge avatar krugloid avatar

Stargazers

Tom Bush avatar  avatar Motyar avatar  avatar Max Bernstein avatar Roberto Ranon avatar tsr avatar Silas Vedder avatar Emil W. avatar  avatar Saulius Krasuckas avatar  avatar  avatar Vladimir avatar Anthony Kava avatar Sam Foreman avatar Shan Desai avatar cblte avatar Trippnology avatar  avatar Dan Konshin avatar  avatar Nina avatar Denis avatar Dmitry Logvinenko avatar  avatar  avatar Patrick Tanguay avatar Federico Scodelaro avatar  avatar Marcos Sader avatar Nicolas Deutschmann avatar Milas Baumgarten avatar Paul Hammond avatar 龙崎流也 avatar Sean Dellis avatar Dave Teske avatar Nick Dimmock avatar G. Berthiaume avatar  avatar Dmitrii Zakharov avatar Maxim avatar Olcay Karaduman avatar Arun Kumar  avatar Prithviraj 'Pete' Jadhav avatar Dann Luciano avatar Roberto Tonino avatar Bartosz Cytrowski avatar Lavi avatar  avatar  avatar Andrej avatar Vladimir Hodus avatar Roman avatar  avatar  avatar Thomas Kjær avatar  avatar Juan Latorre avatar Rodrigo Franco avatar BadCat Design avatar Sergey Bronnikov avatar  avatar Igor Burago avatar Philipp Muens avatar  avatar Brendan Zabarauskas avatar Valentin Laurent avatar Tomás Pollak avatar  avatar Luís Rodrigues avatar  avatar Asif avatar John Mitchell avatar Laszlo Gombos avatar  avatar V Sri avatar Tom avatar Felix avatar Logyi, hajnalvédő avatar Jones Dias avatar Mauricio Uribe avatar  avatar Sheldon Rupp avatar Anthony Hobbs avatar Grégory Faruch avatar Matt C avatar  avatar  avatar Atanas Minev avatar Martin Kirchgessner avatar Yousef Amar avatar Diego Martinelli avatar mightypanders avatar  avatar Yari D'Onofrio avatar Gabriel Alejandro López López avatar João Sales avatar Michael DiStefano avatar Yoel Torres avatar

Watchers

BadCat Design avatar cblte avatar James Cloos avatar  avatar Andrej avatar  avatar Meredith Hoo avatar Tibor Repček avatar Gabriel Alejandro López López avatar Denis avatar Matthew Hollick avatar  avatar Milas Baumgarten 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.