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
src/app/templates
index.html
page
about.html

47
src/app/templates/index.html

@ -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
~ not use this file except in compliance with the License. You may obtain
@ -16,52 +16,15 @@
<div class="container">
<div class="row">
<div class="col-sm-12 jumbotron">
<div class="col-sm-12">
<h1>Storyboard</h1>
<p class="lead">A task tracking system for inter-related
projects.</p>
<p>StoryBoard lets you track what needs to be done across projects
and branches.
It is a proof-of-concept demo of what the ideal OpenStack task
tracker would
look like. It may or may not end up replacing Launchpad
Bugs/Blueprints for OpenStack task tracking and release
management.</p>
<p>This page intentionally left blank. It is tentatively slated to
be replaced by a high-level overview of projects managed
by storyboard.</p>
</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>

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

@ -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
~ not use this file except in compliance with the License. You may obtain
@ -17,79 +17,93 @@
<div class="container">
<div class="row">
<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 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
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>
<h2>Stories</h2>
<img class="img-thumbnail hidden-sm hidden-xs pull-right"
src="http://placekitten.com/300/300"/>
<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>
<p>
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>
<h2>Projects</h2>
<p>
Wario et sodales cum mustachioed wario hairy lipsum, holiday
waiter bruce forsyth hairy lipsum dick van dyke wario theodore
roosevelt wario leader of men horseshoe brandy sportacus
mustachioed et sodales cum, sportacus albert einstein leader of
men dick van dyke et sodales cum brandy wario theodore roosevelt
furry facial friend jolly good show bruce forsyth horseshoe
hairy lipsum holiday waiter wario mustachioed? Rock n roll star
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>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>
</p>
<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>
<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"
target="_blank"
class="btn btn-info">
See project README
<i class="fa fa-chevron-right"></i>
</a>
</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>
<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>
<p><strong>FontAwesome </strong></p>
<p><a href="http://fontawesome.io/" target="_blank">The iconic font
designed for Bootstrap</a></p>
<p><a href="http://fontawesome.io/" target="_blank">
The iconic font designed for Bootstrap
</a></p>
<p><strong>AngularJS</strong></p>
<p><a href="http://angularjs.org/" target="_blank">Superheroic
JavaScript Framework</a></p>
<p><a href="http://angularjs.org/" target="_blank">
Superheroic JavaScript Framework
</a></p>
<p><strong>Bootstrap</strong></p>
<p><a href="http://getbootstrap.com/" target="_blank">Mobile first
front-end framework</a></p>
<p><a href="http://getbootstrap.com/" target="_blank">
Mobile first front-end framework
</a></p>
</div>
<p></p>
</div>
</div>
</div>