diff options
Diffstat (limited to 'app/views')
| -rw-r--r-- | app/views/App/Index.html | 13 | ||||
| -rw-r--r-- | app/views/App/Index.html.bak | 23 | ||||
| -rw-r--r-- | app/views/App/Register.html | 50 | ||||
| -rw-r--r-- | app/views/debug.html | 64 | ||||
| -rw-r--r-- | app/views/errors/404.html | 20 | ||||
| -rw-r--r-- | app/views/errors/500.html | 16 | ||||
| -rw-r--r-- | app/views/flash.html | 18 | ||||
| -rw-r--r-- | app/views/footer.html | 19 | ||||
| -rw-r--r-- | app/views/header.html | 19 | ||||
| -rw-r--r-- | app/views/navbar.html | 23 |
10 files changed, 265 insertions, 0 deletions
diff --git a/app/views/App/Index.html b/app/views/App/Index.html new file mode 100644 index 0000000..cf36a51 --- /dev/null +++ b/app/views/App/Index.html @@ -0,0 +1,13 @@ +{{set . "title" "Home"}} +{{template "header.html" .}} +{{template "navbar.html" .}} + +<div class="container"> + <div class="text-center"> + <div class="row"> + </div> + </div> +</div> + + +{{template "footer.html" .}} diff --git a/app/views/App/Index.html.bak b/app/views/App/Index.html.bak new file mode 100644 index 0000000..deb2304 --- /dev/null +++ b/app/views/App/Index.html.bak @@ -0,0 +1,23 @@ +{{set . "title" "Home"}} +{{template "header.html" .}} + +<header class="hero-unit" style="background-color:#A9F16C"> + <div class="container"> + <div class="row"> + <div class="hero-text"> + <h1>It works!</h1> + <p></p> + </div> + </div> + </div> +</header> + +<div class="container"> + <div class="row"> + <div class="span6"> + {{template "flash.html" .}} + </div> + </div> +</div> + +{{template "footer.html" .}} diff --git a/app/views/App/Register.html b/app/views/App/Register.html new file mode 100644 index 0000000..9c8683c --- /dev/null +++ b/app/views/App/Register.html @@ -0,0 +1,50 @@ +{{set . "title" "Register"}} +{{template "header.html" .}} +{{template "navbar.html" .}} + + <div> + <div class="noscript"> + <div class="container"> + <div class="row text-center noscript"> + <noscript> + <!--h5>Please enable JavaScript. This page will not work otherwise.</h5--> + </noscript> + <h5>Please note: We haven't started yet! This is just a demo page.</h4> + </div> + </div> + </div> + </div> + + + <div class="container"> + <div class="text-center"> + <div class="row"> + <form class="form-horizontal" method='POST' action='./'> + <fieldset> + <legend> + <h1>Mail Exchange</h1> + <p>Free E-Mail hosting for your own domain. <br>Reqister yourself below and point your MX entry to "mx.iamfabulous.de"</p> + </legend> + + <div class="form-group"> + <label class="col-md-4 control-label" for="domain">Domain*</label> + <div class="col-md-4"> + <input id="domain" name="domain" placeholder="Your domain here." class="form-control input-md" required="" type="text"> + </div> + </div> + + <div class="form-group"> + <label class="col-md-4 control-label" for="submit"></label> + <div class="col-md-4"> + <button id="submit" name="submit" class="btn btn-primary"><span class="glyphicon glyphicon-log-in"></span> Register</button> + </div> + </div> + + + </fieldset> + </form> + </div> + </div> + </div> + +{{template "footer.html" .}} diff --git a/app/views/debug.html b/app/views/debug.html new file mode 100644 index 0000000..f3975b7 --- /dev/null +++ b/app/views/debug.html @@ -0,0 +1,64 @@ +<style type="text/css"> + #sidebar { + position: absolute; + right: 0px; + top:69px; + max-width: 75%; + z-index: 1000; + background-color: #fee; + border: thin solid grey; + padding: 10px; + } + #toggleSidebar { + position: absolute; + right: 0px; + top: 50px; + background-color: #fee; + } + +</style> +<div id="sidebar" style="display:none;"> + <h4>Available pipelines</h4> + <dl> + {{ range $index, $value := .}} + <dt>{{$index}}</dt> + <dd>{{$value}}</dd> + {{end}} + </dl> + <h4>Flash</h4> + <dl> + {{ range $index, $value := .flash}} + <dt>{{$index}}</dt> + <dd>{{$value}}</dd> + {{end}} + </dl> + + <h4>Errors</h4> + <dl> + {{ range $index, $value := .errors}} + <dt>{{$index}}</dt> + <dd>{{$value}}</dd> + {{end}} + </dl> +</div> +<a id="toggleSidebar" href="#" class="toggles"><i class="icon-chevron-left"></i></a> + +<script> + $sidebar = 0; + $('#toggleSidebar').click(function() { + if ($sidebar === 1) { + $('#sidebar').hide(); + $('#toggleSidebar i').addClass('icon-chevron-left'); + $('#toggleSidebar i').removeClass('icon-chevron-right'); + $sidebar = 0; + } + else { + $('#sidebar').show(); + $('#toggleSidebar i').addClass('icon-chevron-right'); + $('#toggleSidebar i').removeClass('icon-chevron-left'); + $sidebar = 1; + } + + return false; + }); +</script> diff --git a/app/views/errors/404.html b/app/views/errors/404.html new file mode 100644 index 0000000..ebdfe10 --- /dev/null +++ b/app/views/errors/404.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Not found</title> + </head> + <body> +{{if eq .RunMode "dev"}} +{{template "errors/404-dev.html" .}} +{{else}} + {{with .Error}} + <h1> + {{.Title}} + </h1> + <p> + {{.Description}} + </p> + {{end}} +{{end}} + </body> +</html> diff --git a/app/views/errors/500.html b/app/views/errors/500.html new file mode 100644 index 0000000..0cef4de --- /dev/null +++ b/app/views/errors/500.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> + <head> + <title>Application error</title> + </head> + <body> + {{if eq .RunMode "dev"}} + {{template "errors/500-dev.html" .}} + {{else}} + <h1>Oops, an error occured</h1> + <p> + This exception has been logged. + </p> + {{end}} + </body> +</html> diff --git a/app/views/flash.html b/app/views/flash.html new file mode 100644 index 0000000..9c9ade9 --- /dev/null +++ b/app/views/flash.html @@ -0,0 +1,18 @@ +{{if .flash.success}} +<div class="alert alert-success"> + {{.flash.success}} +</div> +{{end}} + +{{if or .errors .flash.error}} +<div class="alert alert-error"> + {{if .flash.error}} + {{.flash.error}} + {{end}} + <ul style="margin-top:10px;"> + {{range .errors}} + <li>{{.}}</li> + {{end}} + </ul> +</div> +{{end}} diff --git a/app/views/footer.html b/app/views/footer.html new file mode 100644 index 0000000..1b06355 --- /dev/null +++ b/app/views/footer.html @@ -0,0 +1,19 @@ + {{if eq .RunMode "dev"}} + {{template "debug.html" .}} + {{end}} + {{range .moreScripts}} + <script src="/public/{{.}}" type="text/javascript" charset="utf-8"></script> + {{end}} +<div class="footer"> + <div class="container"> + <div class="row"> + <footer> + <p id="copyright-text" align='right'> Copyright 2015 <a class="footer-a" href="//www.iamfabulous.de" title="Maximilian Möhring">Maximilian Möhring</a></p> + </footer> + </div> + </div> +</div> +<script src="//code.jquery.com/jquery-1.10.1.min.js"></script> +<script src="/static/js/bootstrap.js"></script> + </body> +</html> diff --git a/app/views/header.html b/app/views/header.html new file mode 100644 index 0000000..2875487 --- /dev/null +++ b/app/views/header.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> + +<html> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <title>{{.title}}</title> + <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> + <!--link rel="stylesheet" type="text/css" href="/static/css/bootstrap.css"--> + <link rel="stylesheet" type="text/css" href="/static/css/style.css"> + <link rel="shortcut icon" type="image/png" href="/static/img/favicon.ico"> + {{range .moreStyles}} + <link rel="stylesheet" type="text/css" href="/public/{{.}}"> + {{end}} + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <noscript> + <style>.navbar{margin-bottom:0;}</style> + </noscript> + </head> + <body> diff --git a/app/views/navbar.html b/app/views/navbar.html new file mode 100644 index 0000000..2e45d0a --- /dev/null +++ b/app/views/navbar.html @@ -0,0 +1,23 @@ +<nav class="navbar navbar-default navbar-custom" role="navigation"> + <div class="container"> + <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="/"><span class="glyphicon glyphicon-home"></span> Home</a> + </div> + <div class="collapse navbar-collapse" id="navbarCollapse"> + <ul class="nav navbar-nav navbar-bar-left"> + <li> + <a href="#" >About</a> + </li> + <li> + <a href="#" >About</a> + </li> + </ul> + </div> + </div> +</nav> |