Git Product home page Git Product logo

18f.slides's Introduction

18F/slides

   #    #####               #                                      
  ##   #     # ######      #   ####  #      # #####  ######  ####  
 # #   #     # #          #   #      #      # #    # #      #      
   #    #####  #####     #     ####  #      # #    # #####   ####  
   #   #     # #        #          # #      # #    # #           # 
   #   #     # #       #      #    # #      # #    # #      #    # 
 #####  #####  #      #        ####  ###### # #####  ######  ####  
                                                                   

Why 18F/slides

You should use 18F/slides if you:

  1. Can do Markdown,
  2. Want a stupidly simple way to hack up a presentation,
  3. Want a URL for your slide deck, and
  4. Want git.

How to Use 18F/slides

To use 18F/slides:

  1. Create a new .html file in the _slides directory.

  2. Add yaml frontmatter to the file with the following:

    ---
    layout: default
    path: path-to-url
    title: Title for 18F/slides
    ---
    
  3. Create slides, using markdown syntax (technically, it's redcarpet, go nuts).

  4. Separate slides using --- for horizontal pagination between slides and -- for vertical pagination.

  5. Commit the file to the 18f-pages branch of the 18F/slides repo.

  6. Profit. See the sample slides to get a feel for how the navigation works.

How does it work?

18F/slides leverages the amazing open-source reveal.js library and jekyll and is hosted on 18F pages.

How can I use this for my own slides?

If you'd like to use Slides for your own organization, here are some tips on how to fork it and get your own version:

  1. Fork! (of course)
  2. Edit _config.yml. Modify title/email and - critically - the "url" field to reflect your GitHub repository, e.g. https://github.com/18F/slides/ becomes https://pages.18f.gov/slides/. Make sure you commit to the 18f-pages branch so 18F Pages picks it up.
  3. Wait for a little while - 18F Pages is working behind the scenes for your initial setup, and if you try to actually view your slides right away, you'll probably get a 404. It sometimes takes 5-10 minutes; once it's set up initially, changes take effect pretty quickly.
  4. You'll presumably want to define your own theme, or pick one of the existing ones (take a look in ../assets/css/theme), and edit _layouts/default.html to reflect it. Look for the link with id="theme" in it.
  5. That's it! Enjoy your slides.

How can I make it better?

See CONTRIBUTING.md.

18f.slides's People

Contributors

jackiekazil avatar noahkunin avatar titlecharacter avatar vdavez avatar wslack 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.