2014-10-06 08:42:31 +02:00
< head >
< title > MarkCloud< / title >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< / head >
2014-10-09 16:05:26 +02:00
< template name = "ribbon" >
< div class = "github-fork-ribbon-wrapper right" >
< div class = "github-fork-ribbon" >
< a href = "http://github.com/fazo96/markcloud" > Fork me on GitHub< / a >
< / div >
< / div >
< / template >
2014-10-09 16:14:20 +02:00
< template name = "magicIcon" >
{{#if currentUser}}
{{#if amIValid}}
< a id = "icon" class = "pull-right" href = "{{pathFor 'profile' user=currentUser.username}}" >
< small > < i class = "fa fa-chevron-right" > < / i > < / small >
< / a >
{{else}}
< a class = "pull-right" id = "icon" href = "{{pathFor 'profile' user=currentUser.username}}" data-toggle = "tooltip" data-placement = "left" title = "Need email verification" >
< small > < i class = "fa fa-envelope" > < / i > < / small >
< / a >
{{/if}}
{{else}}
{{#if loggingIn}}
< a class = "pull-right" href = "/" >
< small > < i class = "fa fa-cog fa-spin" > < / i > < / small > < / a >
{{else}}
{{#if notHome}}
< a class = "pull-right" href = "/" >
< small > < i class = "fa fa-home" > < / i > < / small >
< / a >
{{else}}
< a class = "pull-right" href = "{{pathFor 'signup'}}" >
< small > < i class = "fa fa-user" > < / i > < / small >
< / a >
{{/if}}
{{/if}}
{{/if}}
< / template >
< template name = "title" >
< h1 > < a id = "big-title" href = "/" > MarkCloud< / a > {{> magicIcon}}< / h1 >
< / template >
2014-10-09 16:05:26 +02:00
2014-10-04 08:48:44 +02:00
< template name = "layout" >
2014-10-09 16:05:26 +02:00
{{>ribbon}}
2014-10-04 10:34:13 +02:00
{{> yield region="outside"}}
2014-10-04 08:48:44 +02:00
< div class = "container" >
2014-10-09 16:14:20 +02:00
{{> title}} < hr > {{> yield}}
2014-10-04 08:48:44 +02:00
< / div >
< / template >
2014-10-07 10:21:07 +02:00
< template name = "docLayout" >
2014-10-09 16:05:26 +02:00
{{>ribbon}}
2014-10-07 10:21:07 +02:00
{{> yield region="outside"}}
2014-10-09 16:14:20 +02:00
< div class = "container" > {{> yield}} < / div >
2014-10-07 10:21:07 +02:00
< / template >
2014-10-04 08:48:44 +02:00
< template name = "home" >
2014-10-06 17:14:26 +02:00
{{#markdown}}
### Share your markdown easily
2014-10-08 21:38:32 +02:00
Markcloud is a simple application that lets you share your markdown documents to the world. Just paste your markdown and get a _permanent link_ that lets you and everyone else view the result in a **modern responsive web page**.
2014-10-06 17:14:26 +02:00
### Free as in Free Software
No ads. [Open Source](http://github.com/fazo96/markcloud).
Made by [some guy in the internet](http://github.com/fazo96) that you probably should not trust, but hey:
### No Account needed
You can create a document _right now_. It will expire in 7 days.
This home page is written in markdown too!
{{/markdown}}
2014-10-08 22:11:31 +02:00
< div class = "text-center" > < a class = "btn btn-success" id = "new" href = "{{pathFor 'new'}}" >
2014-10-06 17:14:26 +02:00
< i class = "fa fa-file-text" > < / i > New Document< / a > < / div >
{{#markdown}}
### But with an account...
- Your documents **never expire!**
- You can **edit** and **delete** your documents
- You can **view** and **share** a list of all your documents
You will be able to delete your account and all your data whenever you want.
{{/markdown}}
< div class = "text-center" id = "btns" >
2014-10-08 21:38:32 +02:00
< a class = "btn btn-primary" id = "twitter-login" >
< i class = "fa fa-twitter" > < / i > Log In With Twitter< / a >
< br > or< br >
2014-10-08 22:11:31 +02:00
< a class = "btn btn-primary" href = "{{pathFor 'signup'}}" >
2014-10-06 17:14:26 +02:00
< i class = "fa fa-user" > < / i > Sign Up< / a >
2014-10-08 22:11:31 +02:00
< a class = "btn btn-success" href = "{{pathFor 'signin'}}" >
2014-10-06 17:14:26 +02:00
< i class = "fa fa-sign-in" > < / i > Log In< / a >
2014-10-08 21:38:32 +02:00
2014-10-06 17:14:26 +02:00
< / div >
2014-10-04 08:48:44 +02:00
< / template >
2014-10-07 10:21:07 +02:00
< template name = "editor" >
2014-10-04 08:56:18 +02:00
< p > Write your document in < a href = "https://help.github.com/articles/github-flavored-markdown/" > GitHub Flavored Markdown< / a > then submit it with the button. You will be redirected to its permanent link< / p >
2014-10-06 12:50:24 +02:00
< input type = "text" id = "title" class = "form-control" placeholder = "Title" value = "{{title}}" >
2014-10-06 15:42:11 +02:00
< input type = "checkbox" id = "show-title" { { showTitleChecked } } >
Show title in document
2014-10-07 12:59:22 +02:00
< input type = "checkbox" id = "make-public" { { isPublic } } >
2014-10-07 10:21:07 +02:00
Make document visible on your profile
2014-10-09 18:18:13 +02:00
<!-- <textarea id="editor" class="form - control" rows="10" placeholder="Write your markdown :)" autofocus>{{text}}</textarea> -->
{{> mandrill_ace}}
2014-10-08 21:21:12 +02:00
< p > Remember that this app is still in development so you should keep a backup
of your text somewhere else in case something goes wrong!< / p >
2014-10-06 12:50:24 +02:00
< button id = "upload" class = "btn btn-primary" >
2014-10-06 15:42:11 +02:00
< i class = "fa fa-upload" > < / i > {{#if _id}}Update{{else}}Create{{/if}}< / button >
2014-10-04 08:48:44 +02:00
< / template >
< template name = "doc" >
2014-10-08 15:44:24 +02:00
{{#if showTitle}}< h1 > {{title}}< / h1 > < hr > {{/if}}
{{#if source}}
< textarea id = "src" class = "form-control" rows = "{{rows}}" readonly > {{text}}< / textarea >
{{else}}
< div id = "doc" > {{#markdown}}{{text}}{{/markdown}}< / div >
{{/if}}
2014-10-04 08:56:18 +02:00
< hr >
2014-10-06 08:42:31 +02:00
< div class = "text-center" >
2014-10-09 16:14:20 +02:00
<!-- {{> title}} <hr> -->
2014-10-06 08:42:31 +02:00
{{#unless currentUser}}
2014-10-08 22:11:31 +02:00
< p > < a href = "{{pathFor 'signin'}}" > Log in< / a > to edit and delete your documents< br > < / p >
2014-10-06 08:42:31 +02:00
{{/unless}}
2014-10-06 12:50:24 +02:00
{{#if valid}}
2014-10-06 17:14:26 +02:00
{{#if owned}}
2014-10-09 15:07:00 +02:00
< p > This document is < a id = "owner-link" href = "{{pathFor 'profile' user=currentUser.username}}" > yours< / a > .< / p >
2014-10-09 16:14:20 +02:00
< p > You can link this document using a < a href = "{{pathFor 'userDoc' user=currentUser.username _id=this._id}}" > public< / a > or < a href = "{{pathFor 'doc'}}" > anonymous< / a > link.< / p >
2014-10-09 15:07:00 +02:00
< p > Anonymous links don't reveal your profile.< / p >
2014-10-06 10:28:05 +02:00
{{else}}
2014-10-09 15:07:00 +02:00
{{#if ownerName}}
< p > Document owned by < a href = "{{pathFor 'profile' user=currentUser.username}}" > {{ownerName}}< / a > < / p >
{{else}}
{{#unless owner}}
< p > This anonymous document will < b > expire {{expirationDays}}< / b > < / p >
{{/unless}}
{{/if}}
2014-10-06 08:42:31 +02:00
{{/if}}
2014-10-06 17:14:26 +02:00
< div class = "btn-group" id = "tools" >
{{#if currentUser}}{{#if owned}}
< button id = "edit-doc" class = "btn btn-primary" >
< i class = "fa fa-edit" > < / i > Edit< / button >
{{/if}}{{/if}}
{{#if source}}
< button id = "src-doc" class = "btn btn-success" >
< i class = "fa fa-book" > < / i > View Document< / button >
{{else}}
< button id = "src-doc" class = "btn btn-success" >
< i class = "fa fa-code" > < / i > View Source< / button >
{{/if}}
{{#if currentUser}}{{#if owned}}
< button id = "del-doc" class = "btn btn-danger" >
< i class = "fa fa-trash" > < / i > Delete< / button >
{{/if}}{{/if}}
< / div >
< br >
2014-10-09 16:14:20 +02:00
{{/if}}
Powered by < a href = "/" > MarkCloud< / a >
2014-10-06 08:42:31 +02:00
< / div >
2014-10-04 10:11:08 +02:00
< / template >
< template name = "loading" >
2014-10-04 10:40:16 +02:00
< div id = "loading" class = "text-center" >
2014-10-04 10:34:13 +02:00
< i class = "fa fa-cog fa-spin fa-3x" > < / i >
< / div >
< / template >
< template name = "spinner" >
2014-10-07 12:43:05 +02:00
<!-- <div id="spinner">
2014-10-04 10:34:13 +02:00
< i class = "fa fa-2x fa-cog fa-spin" > < / i >
2014-10-07 12:43:05 +02:00
< / div > -->
2014-10-04 08:48:44 +02:00
< / template >
2014-10-04 17:16:27 +02:00
< template name = "404" >
< div class = "text-center" >
< h1 > 404< / h1 >
< p > This page does not exist.< / p >
< / div >
< / template >
< template name = "signup" >
< div id = "signup-container" >
2014-10-06 17:14:26 +02:00
< h2 > Sign Up< / h2 >
2014-10-06 15:42:11 +02:00
< p > You will be able to log in using your email or your username.< / p >
2014-10-04 17:16:27 +02:00
< input type = "text" class = "form-control" id = "mail" placeholder = "E-Mail Address" >
2014-10-06 15:42:11 +02:00
< input type = "text" class = "form-control" id = "name" placeholder = "Username" >
2014-10-04 17:16:27 +02:00
< input type = "password" class = "form-control" placeholder = "Password" id = "pw" >
< input type = "password" class = "form-control" placeholder = "Repeat Password" id = "rpw" >
2014-10-07 12:36:39 +02:00
< button class = "btn btn-primary" id = "signup" >
< i class = "fa fa-user" > < / i > Sign Up< / button >
2014-10-06 08:42:31 +02:00
< hr >
2014-10-08 22:11:31 +02:00
< div class = "text-center" > Already have an account? < a href = "{{pathFor 'signin'}}" > Sign in!< / a > < / div >
2014-10-04 17:16:27 +02:00
< / div >
< / template >
< template name = "signin" >
< div id = "signin-container" >
2014-10-06 17:14:26 +02:00
< h2 > Sign In< / h2 >
2014-10-06 15:42:11 +02:00
< input type = "text" class = "form-control" id = "mail" placeholder = "E-Mail Address or Username" >
2014-10-04 17:16:27 +02:00
< input type = "password" class = "form-control" placeholder = "Password" id = "pw" >
2014-10-07 12:36:39 +02:00
< button class = "btn btn-primary" id = "signin" >
< i class = "fa fa-sign-in" > < / i > Sign In< / button >
2014-10-06 08:42:31 +02:00
< hr >
2014-10-08 22:11:31 +02:00
< div class = "text-center" > Need an account? < a href = "{{pathFor 'signup'}}" > Sign Up!< / a > < / div >
2014-10-04 17:16:27 +02:00
< / div >
< / template >
2014-10-06 12:50:24 +02:00
2014-10-06 17:14:26 +02:00
< template name = "profile" >
{{#if isMe}}
< div class = "text-center" >
2014-10-08 21:38:32 +02:00
{{#if mail}}
< p > Hello < b > {{username}}< / b > ({{mail}}). This is your profile.< / p >
{{else}}
< p > Hello < b > {{profile.name}}< / b > (@{{username}}). This is your profile.< / p >
{{/if}}
2014-10-07 10:21:07 +02:00
{{#if noDocs}}
< p > You don't have any documents yet.< / p >
{{/if}}
2014-10-07 12:36:39 +02:00
{{#unless amIValid}}
< p class = "lead" > You need to verify your email address. Click the link in the email you received.< / p >
< button class = "btn btn-primary" id = "resend" >
< i class = "fa fa-envelope" > < / i > Resend< / button >
{{/unless}}
2014-10-06 17:14:26 +02:00
< / div >
< div class = "text-center" id = "profile-tools" >
< a class = "btn btn-primary" id = "logout" >
< i class = "fa fa-sign-out" > < / i > Logout< / a >
2014-10-07 12:36:39 +02:00
{{#if amIValid}}
2014-10-08 22:11:31 +02:00
< a class = "btn btn-success" href = "{{pathFor 'new'}}" >
2014-10-06 17:14:26 +02:00
< i class = "fa fa-file-text" > < / i > New Document< / a >
2014-10-07 12:36:39 +02:00
{{/if}}
2014-10-08 15:44:24 +02:00
< a class = "btn btn-danger" id = "deleteme" >
2014-10-06 17:14:26 +02:00
< i class = "fa fa-exclamation-circle" > < / i > Delete Account< / a >
< / div >
2014-10-07 10:21:07 +02:00
{{else}}
< div class = "text-center" >
{{#if noDocs}}
2014-10-08 21:38:32 +02:00
< p > @{{username}} doesn't have any public documents.< / p >
2014-10-07 10:21:07 +02:00
{{else}}
2014-10-08 21:38:32 +02:00
< p > These are @{{username}}'s public documents.< / p >
2014-10-07 10:21:07 +02:00
{{/if}}
< / div >
2014-10-06 17:14:26 +02:00
{{/if}}
{{#unless noDocs}}
< ul class = "list-group" >
{{#each documents}}
2014-10-07 10:21:07 +02:00
< a class = "list-group-item" href = "/d/{{_id}}" >
{{title}}
{{#if public}}
< span class = "label label-primary pull-right" > Public< / span >
{{/if}}
< / a >
2014-10-06 17:14:26 +02:00
{{/each}}
< / ul >
{{/unless}}
< / template >
< template name = "delete" >
< p > If you want to delete your account enter your User Id ({{currentUser._id}})< / p >
< input type = "text" class = "form-control" id = "name" placeholder = "enter your User Id." >
< button class = "btn btn-danger" id = "del-account" >
< i class = "fa fa-exclamation-circle" > < / i > Confirm< / button >
< / template >