🎨 Improve syntax and remove current site structure
This commit is contained in:
brunosimon
@@ -1,127 +1 @@
|
||||
- var page_class = 'project'
|
||||
include ../../partials/header.pug
|
||||
|
||||
script(type="text/ng-template",id="folder_template.html")
|
||||
span(ng-click="folder_click(_folder)")
|
||||
span.name
|
||||
i.folder
|
||||
| {{_folder.name}}
|
||||
ul
|
||||
li.folder(ng-repeat="_folder in _folder.folders",ng-include="'folder_template.html'",ng-class="_folder.active ? 'active' : 'inactive'")
|
||||
li.file(ng-repeat="(_key,_file) in _folder.files",ng-class="_file.data.active ? 'active' : 'inactive'",ng-click="file_click(_file)")
|
||||
span
|
||||
span.name
|
||||
i(ng-class="_file.data.icon")
|
||||
| {{_file.name}}
|
||||
span.notif.new-file(ng-if="_file.data.new")
|
||||
| new
|
||||
span.notif.new-version(ng-if="_file.data.notif")
|
||||
| {{_file.data.notif}}
|
||||
|
||||
div(ng-controller="ProjectController as controller",ng-init="init('" + project_slug + "')",ng-class="show_differences ? 'state-show-differences' : ''")
|
||||
|
||||
aside.aside
|
||||
header.aside-header
|
||||
.name
|
||||
| {{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}}
|
||||
|
||||
.aside-tree
|
||||
nav.files-tree-nav
|
||||
ul
|
||||
li.folder(ng-repeat="_folder in project.tree.folders",ng-include="'folder_template.html'",ng-class="_folder.active ? 'active' : 'inactive'")
|
||||
|
||||
footer.aside-footer
|
||||
.button-container
|
||||
a.button.switch.always-last-version-toggle(ng-click="always_last_version_toggle_click()",ng-class="always_last_version ? 'active' : 'inactive'",href="#")
|
||||
.switch-icon
|
||||
.bar
|
||||
.disk
|
||||
| Always last version
|
||||
.button-container
|
||||
a.button.switch.show-differences-toggle(ng-click="show_differences_toggle_click()",ng-class="show_differences ? 'active' : 'inactive'",href="#")
|
||||
.switch-icon
|
||||
.bar
|
||||
.disk
|
||||
| Show differences
|
||||
.button-container
|
||||
a.button.default.mark-all-as-read(ng-click="mark_all_as_read_click()",href="#")
|
||||
| Mark all as read
|
||||
|
||||
header
|
||||
.logo
|
||||
.disks
|
||||
.disk.index-4
|
||||
.disk.index-3
|
||||
.disk.index-2
|
||||
.disk.index-1
|
||||
.disk.index-0
|
||||
a.title(href="/")
|
||||
| Keppler
|
||||
span.version
|
||||
| #{keppler_version}
|
||||
|
||||
section.main
|
||||
section.no-file.big-centered-text(ng-if="!file")
|
||||
.text
|
||||
| Choose a file
|
||||
section.no-content.big-centered-text(ng-if="file && (!file.versions || file.versions.length === 0)")
|
||||
.text
|
||||
| Content not available
|
||||
section.file(ng-if="file && file.versions && file.versions.length > 0",ng-class="!file.versions || file.versions.length === 0 ? 'no-content' : ''")
|
||||
header.file-header
|
||||
.content
|
||||
span.path
|
||||
| {{file.path.directory}}/
|
||||
span.name
|
||||
| {{file.name}}
|
||||
.right-buttons
|
||||
a.button.default.copy-to-clipboard(href="#",ng-show="copy.supported",ng-click="copy_to_clipboard_click()",ng-mouseleave="copy_to_clipboard_mouseleave()")
|
||||
| {{copy.text}}
|
||||
//- a.button.default.download(href="#",ng-click="download_click()")
|
||||
//- | download
|
||||
nav.versions-nav
|
||||
a.version(href="#",ng-repeat="_version in file.versions",ng-click="version_click(_version)",ng-class="_version.active ? 'active' : 'inactive'")
|
||||
.background
|
||||
.content
|
||||
.label
|
||||
| created at
|
||||
.date
|
||||
| {{_version.date_formated}}
|
||||
.time-from-now
|
||||
| {{_version.time_from_now}}
|
||||
.differences
|
||||
.label
|
||||
| changes
|
||||
.bar
|
||||
.fill(style="width:{{_version.diff_percent}};")
|
||||
.percent(style="width:{{_version.diff_percent}};")
|
||||
| {{_version.diff_percent}}
|
||||
section.code
|
||||
.lines
|
||||
pre
|
||||
code
|
||||
.line(ng-repeat="_line in version.lines",ng-class="_line.added ? 'added' : ''")
|
||||
.added-icon
|
||||
.bar.bar-1
|
||||
.bar.bar-2
|
||||
.index
|
||||
| {{ _line.index }}
|
||||
.current(hljs,hljs-source="version.content")
|
||||
|
||||
include ../../partials/footer.pug
|
||||
| Project
|
||||
@@ -1,101 +1 @@
|
||||
- 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'
|
||||
span.version
|
||||
| #{keppler_version}
|
||||
.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 network
|
||||
p
|
||||
| Install Keppler globally:
|
||||
pre
|
||||
code(contenteditable="true")
|
||||
span.line.opacity-20
|
||||
| npm install -g keppler
|
||||
p
|
||||
| Start Keppler inside the project folder:
|
||||
pre
|
||||
code(contenteditable="true")
|
||||
span.line.opacity-20
|
||||
| cd ./my-awesome-project
|
||||
br
|
||||
span.line.opacity-20
|
||||
| keppler "My project"
|
||||
|
||||
include ../../partials/footer.pug
|
||||
| Projects
|
||||
Reference in New Issue
Block a user