summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorhorus_arch2015-05-08 01:46:18 +0200
committerhorus_arch2015-05-08 01:46:18 +0200
commitfb7050acf2545c9d222d2c014460e4fcad5cc462 (patch)
tree942e1afa24dca916d8c003fb0a763424a93a2110 /templates
downloadscribbled-fb7050acf2545c9d222d2c014460e4fcad5cc462.tar.gz
Initial commit.
Diffstat (limited to 'templates')
-rw-r--r--templates/footer.html15
-rw-r--r--templates/header.html17
-rw-r--r--templates/help.md20
-rw-r--r--templates/index.html62
-rw-r--r--templates/navbar.html30
-rw-r--r--templates/view.html21
6 files changed, 165 insertions, 0 deletions
diff --git a/templates/footer.html b/templates/footer.html
new file mode 100644
index 0000000..1c994c4
--- /dev/null
+++ b/templates/footer.html
@@ -0,0 +1,15 @@
+<!--footer class="footer">
+ <div class="container">
+ <div class="col-md-12">
+ <p class="sticky-footer">
+ <span class="fa fa-copyright"></span> <a class='footer-a' href='//www.iamfabulous.de' title='Maximilian Möhring'>Maximilian M&ouml;hring <span class="fa fa-external-link"></span></a>
+ </p>
+ </div>
+ </div>
+ </footer-->
+<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
+<script src="/static/js/app.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/js/sweet-alert.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
+ </body>
+</html>
diff --git a/templates/header.html b/templates/header.html
new file mode 100644
index 0000000..432b263
--- /dev/null
+++ b/templates/header.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ {{if .Title}}
+ <title>{{.Title}} | Scribble</title>
+ {{else}}
+ <title>Welcome | Scribble</title>
+ {{end}}
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
+ <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
+ <link rel="shortcut icon" type="image/png" href="/static/img/favicon.ico">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="{{.VirtualRoot}}/static/css/sweet-alert.css">
+ <link rel="stylesheet" type="text/css" href="{{.VirtualRoot}}/static/css/style.css">
+ </head>
diff --git a/templates/help.md b/templates/help.md
new file mode 100644
index 0000000..482ec43
--- /dev/null
+++ b/templates/help.md
@@ -0,0 +1,20 @@
+### Type your note
+
+Write your scribble, fill out a title and save. That's all.
+
+The title works as keyphrase later, so you can acces it later.
+
+### Access from everywhere
+
+You identify all notes by their title. Every note is public.
+But because everything is public, no registration is required. Just save your note and send your compagnion the link per email.
+
+### Everything is MarkDown
+
+MarkDown is a popular and simple Markup Language to create content in the web.
+[Learn here more about Markdown](https://daringfireball.net/projects/markdown/)
+
+### Attention!
+
+Everything posted here is in theory public. Don't put passwords or other stuff there.
+Also, searching is case-sensitive.
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..ee462e5
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,62 @@
+{{template "header.html" .}}
+<body>
+{{template "navbar.html" .}}
+
+<div class="container-fluid">
+ <div class="row">
+ <div class="col-sm-3 col-md-2 sidebar">
+ <ul class="nav nav-sidebar">
+ <li class="grey-shadow"><a href="{{.VirtualRoot}}/"> <span class="number">N</span>Create a new scribble</a></li>
+ </ul>
+ <ul class="nav nav-sidebar" id="history">
+ {{if .Title}}
+ <li class="active"><a href="{{.VirtualRoot}}/{{.Title}}" data-url="{{.VirtualRoot}}/{{.Title}}" data-title="{{.Title}}" id="root-anchor"> <span class="number">!</span>{{.Title}}</a></li>
+ {{end}}
+ </ul>
+ </div>
+ <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
+ <h1 class="page-header"><span class="fa fa-pencil"></span> {{if .NotFound}}Not Found - Create it{{else}}Share your Notes online!{{end}}</h1>
+
+ <div class="row">
+ <form action="/api/new" id="memo" method="POST">
+ <div class="col-md-10">
+ <div class="form-group">
+ <input id="Title" name="Title" placeholder="Enter a title for your new notice. Later you will use the title as keyphrase to reference and search." class="form-control input-md" required="" type="text" value="{{.Title}}">
+ </div>
+ <!--Last updated on: <span id="time">{{.}}</span>-->
+ <div class="form-group">
+ <textarea name="Post" id="post" class="form-control" rows="8" placeholder="Type anything in here. If you visit later, it will be still here.">{{.Post}}</textarea>
+ </div>
+ <div class="form-group">
+ <button id="save" name="save" class="btn btn-primary btn-disabled"><span class="glyphicon glyphicon-floppy-disk"></span> Manually Save</button>
+ <button id="autosave" class="btn btn-success btn-disabled" data-toggle="collapse" data-target="#collapsible"><span class="glyphicon glyphicon-floppy-open"></span> Enable Autosave</button>
+ <span class="pull-right">
+ <button id="view" name="view" class="text-right btn btn-primary btn-disabled"><span class="fa fa-eye fa-lg"></span> View</button>
+ </span>
+ </div>
+ </div>
+ <!--div class="col-md-2">
+ <div class="form-group">
+ <h4>Options:</h4>
+ <div class="checkbox">
+ <label for="options-0">
+ <input name="options" id="options-0" value="1" type="checkbox">
+ Render as Markdown
+ </label>
+ </div>
+ </div>
+ </div-->
+ </form>
+ </div>
+ <div class="row">
+ <div class="col-md-8">
+ <p>To access the same scribble later just search for the title. <strong>Markdown supported!</strong>
+ <!--strong>It's important that you don't forget it.</strong-->
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+{{template "footer.html" .}}
diff --git a/templates/navbar.html b/templates/navbar.html
new file mode 100644
index 0000000..ed97f7c
--- /dev/null
+++ b/templates/navbar.html
@@ -0,0 +1,30 @@
+<nav class="navbar navbar-default navbar-custom navbar-fixed-top" role="navigation">
+ <div class="container-fluid">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="{{.VirtualRoot}}/"><span class="glyphicon glyphicon-home"></span> Home</a>
+ </div>
+ <div class="collapse navbar-collapse" id="navbarCollapse">
+ <ul class="nav navbar-nav navbar-left">
+ <li><a href="{{.VirtualRoot}}/"><span class="fa fa-plus"></span> New</a></li>
+ <li><a href="{{.VirtualRoot}}/help"><span class="fa fa-question"></span> Help</a></li>
+ </ul>
+ <form class="navbar-form navbar-left" action="{{.VirtualRoot}}/search">
+ <div class="form-group has-feedback">
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Search with Keyphrase..." id="search" name="q">
+ <span class="glyphicon glyphicon-search form-control-feedback"></span>
+ </div>
+ </div>
+ </form>
+ <ul class="nav navbar-nav navbar-right">
+ <li><a href="//www.iamfabulous.de"><span class="fa fa-user-plus"></span> Read My Blog</a></li>
+ </ul>
+ </div>
+ </div>
+</nav>
diff --git a/templates/view.html b/templates/view.html
new file mode 100644
index 0000000..094caaa
--- /dev/null
+++ b/templates/view.html
@@ -0,0 +1,21 @@
+{{template "header.html" .}}
+<body class="grey">
+{{template "navbar.html" .}}
+
+<div class="container">
+ <div class="row">
+ <div class="col-md-offset-1 col-md-10">
+ <div class="playcard">
+ <div class="pull-right">
+ <a id="edit" href="{{.VirtualRoot}}/{{.Title}}" name="edit" class="text-right btn btn-success"><span class="glyphicon glyphicon-pencil"></span> Edit</a>
+
+ </div>
+ <h1>{{.Title}}</h1>
+ <hr>
+ {{RenderMarkdown .Post}}
+ </div>
+ </div>
+ </div>
+</div>
+
+{{template "footer.html"}}