Plide

Plide is composer that uses Laravel Blade, Reveal.js and Tailwind CSS to create beautiful presentations.

Install

Clone the repository and run the following command to install the package.

PHP Dependencies

composer install

Node Dependencies

npm install

Usage

Create

php plide new <presentation-name>

This creates a folder in the presentations directory with the name of the presentation. The folder contain the example, you can run show command and start to edit the presentation adding new slides and content.

Show

php plide show <presentation-name>

This command starts a local server and opens the presentation in the browser.

[!IMPORTANT] Run npm run watch to compile tailwind styles while you are working on the presentation.

Export

php plide export <presentation-name>

This command exports the presentation to a zip archive in the exports directory. this only contains html and compiled asset for presentation, ready to use without need php.

only need open index.html in your browser.

Presentation

When presentation is created, it contains show.blade.php that is the main view for the presentation.

@extends('layouts.reveal')

@section('content')
    <x-slide>
       <h1 class="text-6xl">Plide</h1>
       <p class="text-2xl">
            Beating the hell out of PowerPoint
       </p>
    </x-slide>
@endsection

Plide Components

• <x-slide> is a component that wraps the content of a slide.
• <x-code> is a component that wraps the content of a code block.

Class (Optional)

You can create a class to Manage the presentation, for example Master.php in presentations/master directory.

namespace Presentations\master;

use Plide\Contract\Renderable;
use Illuminate\Contracts\View\View;

class Master implements Renderable
{
   public function render() : View 
   {
     return view('custom_view', [//...]);
   }
}

And attach it to render method in index.php

$plide->render(
    new Presentations\master\Master()
);