🎨 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
|
||||
@@ -1 +0,0 @@
|
||||
footer
|
||||
@@ -1,44 +0,0 @@
|
||||
html(ng-app="application")
|
||||
head
|
||||
title
|
||||
| Keppler
|
||||
script.
|
||||
var config = {
|
||||
domain : '#{domain}'
|
||||
}
|
||||
script(src="/vendors/underscore/underscore-min.js")
|
||||
script(src="/vendors/underscore/mixins/deep_extend_javascript_objects_underscore_mixin.js")
|
||||
script(src="/vendors/highlight/highlight.pack.js")
|
||||
script(src="/socket.io/socket.io.js")
|
||||
script(src="/vendors/moment.min.js")
|
||||
script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js")
|
||||
script(src="/vendors/angular/angular-highlightjs.min.js")
|
||||
script(src="/vendors/angular/angular-clipboard.js")
|
||||
script(src="/javascript/application/application.js")
|
||||
script(src="/javascript/controllers/project.js")
|
||||
script(src="/javascript/controllers/projects.js")
|
||||
script(src="/javascript/services/project.js")
|
||||
script(src="/javascript/services/projects.js")
|
||||
script(src="/javascript/models/file_tree.js")
|
||||
|
||||
link(rel="apple-touch-icon", sizes="180x180", href="/images/icons/apple-touch-icon.png")
|
||||
link(rel="icon", type="image/png", href="/images/icons/favicon-32x32.png", sizes="32x32")
|
||||
link(rel="icon", type="image/png", href="/images/icons/favicon-16x16.png", sizes="16x16")
|
||||
link(rel="manifest", href="/images/icons/manifest.json")
|
||||
link(rel="mask-icon", href="/images/icons/safari-pinned-tab.svg", color="#5bbad5")
|
||||
meta(name="apple-mobile-web-app-title", content="Keppler")
|
||||
meta(name="application-name", content="Keppler")
|
||||
meta(name="theme-color", content="#ffffff")
|
||||
|
||||
link(rel="stylesheet",href="/stylesheet/style.css")
|
||||
link(rel="stylesheet",href="/vendors/highlight/styles/dracula.css")
|
||||
//- link(rel="stylesheet",href="/vendors/highlight/styles/atom-one-dark.css")
|
||||
//- link(rel="stylesheet",href="/vendors/highlight/styles/gruvbox-dark.css")
|
||||
//- link(rel="stylesheet",href="/vendors/highlight/styles/monokai.css")
|
||||
//- link(rel="stylesheet",href="/vendors/highlight/styles/monokai-sublime.css")
|
||||
//- link(rel="stylesheet",href="/vendors/highlight/styles/obsidian.css")
|
||||
//- link(rel="stylesheet",href="/vendors/highlight/styles/railscasts.css")
|
||||
//- link(rel="stylesheet",href="/vendors/highlight/styles/tomorrow-night.css")
|
||||
|
||||
link(rel="stylesheet",href="/vendors/font-awesome/css/font-awesome.min.css")
|
||||
body(class=page_class)
|
||||
Reference in New Issue
Block a user