summaryrefslogtreecommitdiffstats
path: root/examples
diff options
context:
space:
mode:
authorMalf Furious <m@lfurio.us>2018-09-20 01:25:10 -0400
committerMalf Furious <m@lfurio.us>2018-09-20 01:25:10 -0400
commitad0fe4d7b46f9c0a43a717b1a3c11d6ac50469a3 (patch)
treef942aad0bbc148034a82be98a1073fae55d653ad /examples
parent694f876bc8655bc00f3a4ae3d650e54d947ea42a (diff)
downloadscrott-ad0fe4d7b46f9c0a43a717b1a3c11d6ac50469a3.tar.gz
scrott-ad0fe4d7b46f9c0a43a717b1a3c11d6ac50469a3.zip
Restore old example content to working examples directory
Diffstat (limited to 'examples')
-rw-r--r--examples/example.html109
1 files changed, 78 insertions, 31 deletions
diff --git a/examples/example.html b/examples/example.html
index 778f6d8..abf84a3 100644
--- a/examples/example.html
+++ b/examples/example.html
@@ -1,9 +1,37 @@
+<!DOCTYPE html>
+
<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+ <title>Scrott - Save the World</title>
+
+ <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" />
+
+ <style type="text/css">
+body
+{
+ padding-top: 70px;
+}
+ </style>
+ </head>
+
<body>
<!--NAVBAR-->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
-
+ <!--TITLE AND EXPAND BUTTON-->
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+
+ <a href="/" class="navbar-brand"><span class="glyphicon glyphicon-pencil"></span> Scrott</a>
+ </div>
<!--NAVBAR CONTENT-->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
@@ -32,16 +60,23 @@
</div>
</form>
-
- <!--USER BUTTON-->
- <span class="glyphicon glyphicon-exclamation-sign"></span>
- <span class="glyphicon glyphicon-envelope"></span>
-
- <li><a href="#">Issues assigned to Me <span class="badge">1</span></a></li>
- <li><a href="#">My open Issues</a></li>
- <li role="separator" class="divider"></li>
- <li><a href="#">Private Messages <span class="badge">1</span></a></li>
- <!--END-->
+ <ul class="nav navbar-nav navbar-right">
+ <li class="dropdown">
+ <a href="#" class=dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+ <span class="glyphicon glyphicon-exclamation-sign"></span>
+ <span class="glyphicon glyphicon-envelope"></span>
+ <span class="glyphicon glyphicon-user"></span> Sonic the Hedgehog <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Issues assigned to Me <span class="badge">1</span></a></li>
+ <li><a href="#">My open Issues</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="#">Private Messages <span class="badge">1</span></a></li>
+ <li><a href="#">Settings</a></li>
+ <li><a href="#">Log out</a></li>
+ </ul>
+ </li>
+ </ul>
</div>
</div>
</nav>
@@ -50,6 +85,15 @@
<div class="container">
<div class="well well-lg">
<div class="row">
+ <div class="col-md-4">
+ <h1>Save the World <span class="glyphicon glyphicon-globe"></span><!--Denoting this pad as globally visible--></h1>
+ <img src="assets/img/sonic.png" alt="Sonic" class="img-circle" height="50" />
+ <span class="glyphicon glyphicon-plus"></span>
+ <img src="assets/img/tails.png" alt="Miles" class="img-circle" height="50" />
+ <img src="assets/img/amy.png" alt="Amy" class="img-circle" height="50" />
+ <img src="assets/img/knuckles.png" alt="Knuckles" class="img-circle" height="50" />
+ </div>
+
<div class="col-md-8">
<legend class="text-center">Issue Progress</legend>
<div class="progress">
@@ -82,14 +126,14 @@
<h2 class="text-center">In Progress</h2>
<table class="table table-hover">
<tr>
- <td>a8c2402b (#4)</td>
- <td>Example Issue</td>
- <td>
+ <td class="col-md-2">a8c2402b (#4)</td>
+ <td class="col-md-5">Example Issue</td>
+ <td class="col-md-3">
<img src="assets/img/sonic.png" alt="Sonic" class="img-circle" height="35" />
<span class="glyphicon glyphicon-share-alt"></span>
<img src="assets/img/tails.png" alt="Miles" class="img-circle" height="35" />
</td>
- <td>
+ <td class="col-md-2">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
@@ -100,16 +144,16 @@
</tr>
<tr>
- <td>a8c2402b (#5)</td>
- <td>Example Issue</td>
- <td>
+ <td class="col-md-2">a8c2402b (#5)</td>
+ <td class="col-md-5">Example Issue</td>
+ <td class="col-md-3">
<img src="assets/img/tails.png" alt="Miles" class="img-circle" height="35" />
<span class="glyphicon glyphicon-share-alt"></span>
<img src="assets/img/amy.png" alt="Amy" class="img-circle" height="35" />
<span class="glyphicon glyphicon-plus"></span>
<img src="assets/img/sonic.png" alt="Sonic" class="img-circle" height="35" />
</td>
- <td>
+ <td class="col-md-2">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
@@ -125,14 +169,14 @@
<h2 class="text-center">To Do</h2>
<table class="table table-hover">
<tr>
- <td>a8c2402b (#6)</td>
- <td>Example Issue for external user</td>
- <td>
+ <td class="col-md-2">a8c2402b (#6)</td>
+ <td class="col-md-5">Example Issue for external user</td>
+ <td class="col-md-3">
<img src="assets/img/knuckles.png" alt="Knuckles" class="img-circle" height="35" />
<span class="glyphicon glyphicon-share-alt"></span>
<span class="glyphicon glyphicon-user"></span>
</td>
- <td>
+ <td class="col-md-2">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
@@ -143,14 +187,14 @@
</tr>
<tr>
- <td>a8c2402b (#7)</td>
- <td>Example Unassigned Issue</td>
- <td>
+ <td class="col-md-2">a8c2402b (#7)</td>
+ <td class="col-md-5">Example Unassigned Issue</td>
+ <td class="col-md-3">
<span class="glyphicon glyphicon-ban-circle"></span>
<span class="glyphicon glyphicon-share-alt"></span>
<img src="assets/img/sonic.png" alt="Sonic" class="img-circle" height="35" />
</td>
- <td>
+ <td class="col-md-2">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
@@ -161,12 +205,12 @@
</tr>
<tr>
- <td>a8c2402b (#8)</td>
- <td>Example Self-assigned Issue</td>
- <td>
+ <td class="col-md-2">a8c2402b (#8)</td>
+ <td class="col-md-5">Example Self-assigned Issue</td>
+ <td class="col-md-3">
<img src="assets/img/amy.png" alt="Amy" class="img-circle" height="35" />
</td>
- <td>
+ <td class="col-md-2">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
@@ -179,5 +223,8 @@
</div>
</div>
+ <!-- JS -->
+ <script type="text/javascript" src="assets/js/jquery.min.js"></script>
+ <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
</body>
</html>