opendev/storyboard-webclient
Code Issues Proposed changes

Moved homepage content to about page.

Browse Source 
There is useful information on the homepage, however that realestate is going to be
more valuable as a project overview dashboard of some kind. In order to preserve the
content that was there, it was moved onto the about page, and the about page has
had its lorem ipsum content removed. I've also added a contribution block in the side
bar for the project.

Change-Id: I6d7b8a5c4a1252df3b19139ba1f4bd73805529d8
This commit is contained in:
Michael Krotscheck 2014-01-16 16:47:16 -08:00
parent 9ebb3572cc
commit e862e837b4
2 changed files with 70 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/app/templates/index.html
View File

@ -1,5 +1,5 @@
<!-- <!--
~ Copyright (c) 2013 Hewlett-Packard Development Company, L.P. ~ Copyright (c) 2014 Hewlett-Packard Development Company, L.P.
~ ~
~ Licensed under the Apache License, Version 2.0 (the "License"); you may ~ Licensed under the Apache License, Version 2.0 (the "License"); you may
~ not use this file except in compliance with the License. You may obtain ~ not use this file except in compliance with the License. You may obtain
@ -16,52 +16,15 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-12 jumbotron"> <div class="col-sm-12">
<h1>Storyboard</h1> <h1>Storyboard</h1>
<p class="lead">A task tracking system for inter-related <p class="lead">A task tracking system for inter-related
projects.</p> projects.</p>
<p>StoryBoard lets you track what needs to be done across projects <p>This page intentionally left blank. It is tentatively slated to
and branches. be replaced by a high-level overview of projects managed
It is a proof-of-concept demo of what the ideal OpenStack task by storyboard.</p>
tracker would
look like. It may or may not end up replacing Launchpad
Bugs/Blueprints for OpenStack task tracking and release
management.</p>
</div> </div>
</div> </div>
<div class="row">
<div class="col-sm-4">
<h2>Stories</h2>
<p>It all begins with a <strong>story</strong>. A story is a bug
report or proposed feature. Stories are then further split into
<strong>tasks</strong>, which affect a given project and branch.
You can easily track backports of bugs to a specific branch, or
plan cross-project features.</p>
<a href="#!/stories" class="btn btn-info">Access Stories
<i class="fa fa-chevron-right"></i> </a></div>
<div class="col-sm-4">
<h2>Projects</h2>
<p>StoryBoard lets you efficiently track your work across a large
number of interrelated projects. Flexible <strong>project
groups</strong> lets you get the views that makes the most
sense to you.</p>
<a href="#!/projects" class="btn btn-info">Access Projects
<i class="fa fa-chevron-right"></i> </a>
</div>
<div class="col-sm-4">
<h2>But why?</h2>
<p>The OpenStack project is now running into a number of limitations
and annoying differences in workflow with Launchpad. At the same
time, Launchpad development stalled, leaving us with little
chances to improve the tool to suit our needs. This POC reuses
key Launchpad concepts (like bug tasks) and goes beyond.</p>
<a href="https://github.com/ttx/storyboard/blob/master/README.rst"
class="btn btn-info">See project README
<i class="fa fa-chevron-right"></i> </a></div>
</div>
</div> </div>

116
src/app/templates/page/about.html
View File

@ -1,5 +1,5 @@
<!-- <!--
~ Copyright (c) 2013 Hewlett-Packard Development Company, L.P. ~ Copyright (c) 2014 Hewlett-Packard Development Company, L.P.
~ ~
~ Licensed under the Apache License, Version 2.0 (the "License"); you may ~ Licensed under the Apache License, Version 2.0 (the "License"); you may
~ not use this file except in compliance with the License. You may obtain ~ not use this file except in compliance with the License. You may obtain
@ -17,79 +17,93 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<h1>About Storyboard</h1> <h1>Storyboard</h1>
<p class="lead">A task tracking system for inter-related
projects.</p>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-8 col-sm-12"> <div class="col-sm-8">
<p>Waxy gurn trimmed Leonine, waxy gurn 118 118 trimmed john cleese <h2>Stories</h2>
theodore roosevelt charity donate socially mobile cigars Leonine
lando calrissian, john cleese testosterone trophy waxy gurn
musketeer lando calrissian helllloooo charming villain cigars
socially mobile 118 118 charity donate theodore roosevelt comb
Leonine trimmed.
</p>
<img class="img-thumbnail hidden-sm hidden-xs pull-right" <p>It all begins with a <strong>story</strong>. A story is a
src="http://placekitten.com/300/300"/> bug report or proposed feature. Stories are then further
split into <strong>tasks</strong>, which affect a given
project and branch. You can easily track backports of
bugs to a specific branch, or plan cross-project
features.</p>
<a href="#!/stories" class="btn btn-info">
Access Stories
<i class="fa fa-chevron-right"></i>
</a>
<p> <h2>Projects</h2>
Old west sheriff comb soup strainer don’t panic en time-warped
cabbie, rugged et tudor philosopher comb don’t panic en
time-warped cabbie old west sheriff admiral soup strainer,
rugged et bruce forsyth clone zone shopper super mario comb old
west sheriff don’t panic en time-warped cabbie groomed country
baron admiral tudor philosopher soup strainer.
</p>
<p> <p>StoryBoard lets you efficiently track your work across a
Wario et sodales cum mustachioed wario hairy lipsum, holiday large number of interrelated projects. Flexible
waiter bruce forsyth hairy lipsum dick van dyke wario theodore <strong>project groups</strong> lets you get the views
roosevelt wario leader of men horseshoe brandy sportacus that makes the most sense to you.</p>
mustachioed et sodales cum, sportacus albert einstein leader of <a href="#!/projects" class="btn btn-info">
men dick van dyke et sodales cum brandy wario theodore roosevelt Access Projects
furry facial friend jolly good show bruce forsyth horseshoe <i class="fa fa-chevron-right"></i>
hairy lipsum holiday waiter wario mustachioed? Rock n roll star </a>
groucho-a-like borat beefeater fox hunting, borat beefeater
groucho-a-like ian rush fox hunting toothbrush robot moustache
rock n roll star yeoman farmer groomed, robot moustache tudor
philosopher wario yeoman farmer groomed groucho-a-like borat ian
rush toothbrush beefeater rock n roll star hungarian fox
hunting?
</p> <h2>But why?</h2>
<p> Groucho marx mr frothy-top glorious facial hair mr
frothy-top albert einstein furry facial friend stiff upper lip.
Robert winston um yesbaby middle eastern despot brigadier
godlike sweat irrigator,, brigadier middle eastern despot sweat
irrigator, zap rowsdower jolly good show iron tache godlike
robert winston um yesbaby.</p>
<p>The OpenStack project is now running into a number of limitations
and annoying differences in workflow with Launchpad. At the
same time, Launchpad development stalled, leaving us with little
chances to improve the tool to suit our needs. This POC
reuses key Launchpad concepts (like bug tasks) and goes
beyond.</p>
<a href="https://github.com/ttx/storyboard/blob/master/README.rst"
target="_blank"
class="btn btn-info">
See project README
<i class="fa fa-chevron-right"></i>
</a>
</div> </div>
<div class="col-md-4 hidden-sm hidden-xs"> <div class="col-sm-4">
<hr class="visible-xs"/>
<h4>Contributing</h4>
<p>Storyboard is open source! If you would like to contribute to
the development of Storyboard, you must follow the steps in the
"If you're a developer, start here" section of this page:</p>
<p><a href=" http://wiki.openstack.org/HowToContribute"
target="_blank">
http://wiki.openstack.org/HowToContribute
</a></p>
<hr/>
<h4>Attribution</h4> <h4>Attribution</h4>
<p>This site was built with the help of the following openly <p>Storyboard was built with the help of the following openly
licensed projects.</p> licensed projects.</p>
<p><strong>FontAwesome </strong></p> <p><strong>FontAwesome </strong></p>
<p><a href="http://fontawesome.io/" target="_blank">The iconic font <p><a href="http://fontawesome.io/" target="_blank">
designed for Bootstrap</a></p> The iconic font designed for Bootstrap
</a></p>
<p><strong>AngularJS</strong></p> <p><strong>AngularJS</strong></p>
<p><a href="http://angularjs.org/" target="_blank">Superheroic <p><a href="http://angularjs.org/" target="_blank">
JavaScript Framework</a></p> Superheroic JavaScript Framework
</a></p>
<p><strong>Bootstrap</strong></p> <p><strong>Bootstrap</strong></p>
<p><a href="http://getbootstrap.com/" target="_blank">Mobile first <p><a href="http://getbootstrap.com/" target="_blank">
front-end framework</a></p> Mobile first front-end framework
</a></p>
</div> </div>
<p></p>
</div> </div>
</div> </div>
</div>