- var page_class = 'projects'
include ../../partials/header.pug

.gradient-backgroud
section.landing
    .logo
        .disks
            .disk.index-0
            .disk.index-1
            .disk.index-2
            .disk.index-3
            .disk.index-4
        .title
            span.letter.index-0= 'K'
            span.letter.index-1= 'E'
            span.letter.index-2= 'P'
            span.letter.index-3= 'P'
            span.letter.index-4= 'L'
            span.letter.index-5= 'E'
            span.letter.index-6= 'R'
    .punch-line
        .text
            | An efficient way to share your code while presenting
        .links
            a.link(href="http://github.com/brunosimon/keppler",target="_blank")
                | github
            a.link(href="http://bruno-simon.com",target="_blank")
                | bruno simon
section.projects(ng-controller="ProjectsController as controller")
    .container
        .head
            | Projects
        .content
            span.no-project(ng-hide="projects")
                .title
                    | No project
            a.project(href="/project/{{project.slug}}",ng-repeat="project in projects")
                .title
                    | {{project.name}}
                .details
                    .detail
                        .label
                            | created at
                        .value
                            | {{project.date_formated}}
                    .detail
                        .label
                            | last update
                        .value
                            | {{project.last_update_date_formated}}
                    .detail
                        .label
                            | files
                        .value
                            | {{project.files_count}}

section.text
    .title
        | What is keppler
    .description
        p
            | Keppler lets you share your code during a presentation.
            br
            | Start keppler inside your project folder, share the URL with the viewers and start coding. When you save or change any files, viewers receive them, can browse through the files tree and discover changes you've made.
        p
            | Keppler is easy to install and works with NodeJS.

section.text
    .title
        | Instructions
    .description
        p
            | Requirements:
        ul
            li
                | - 
                a(href='https://nodejs.org/en/',target="_blank")="NodeJS"
                |  installed
            li
                | - Keppler installed globally
            li
                | - Viewer connected to the same wifi
        p
            | Install Keppler globally:
        pre
            code
                span.line.opacity-20
                | npm install -g keppler
        p
            | Start Keppler inside the project folder:
        pre
            code
                span.line.opacity-20
                | cd ./my-awesome-project
                br
                span.line.opacity-20
                | keppler "My project"

include ../../partials/footer.pug