[ARVADOS] updated: 92b3f3edf77492c6667d785e2d7214231dd9e78a
git at public.curoverse.com
git at public.curoverse.com
Mon Apr 13 14:16:44 EDT 2015
Summary of changes:
.../_getting_started_popup.html.erb | 89 +++++++++++++++-------
1 file changed, 62 insertions(+), 27 deletions(-)
via 92b3f3edf77492c6667d785e2d7214231dd9e78a (commit)
from bd4fd5000f4f55035a0c31abb134d743888de72e (commit)
Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.
commit 92b3f3edf77492c6667d785e2d7214231dd9e78a
Author: Nancy Ouyang <nancy.ouyang at gmail.com>
Date: Mon Apr 13 14:16:41 2015 -0400
formatted first 2 pages
diff --git a/apps/workbench/app/views/getting_started/_getting_started_popup.html.erb b/apps/workbench/app/views/getting_started/_getting_started_popup.html.erb
index 1df9a28..8a9cc12 100644
--- a/apps/workbench/app/views/getting_started/_getting_started_popup.html.erb
+++ b/apps/workbench/app/views/getting_started/_getting_started_popup.html.erb
@@ -1,57 +1,92 @@
<style>
-.style_image {
+div.figure {
+}
+.style_image1 {
+ border: 10px solid #ddd;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+.style_image2 {
border: 10px solid #ddd;
+ display: block;
+ margin-left: 1em;
+}
+div.figure p {
+ text-align: center;
+ font-style: italic;
+ text-indent: 0;
+ border-top:-0.3em;
}
</style>
<div id="getting-started-modal-window" class="modal">
- <div class="modal-dialog modal-with-loading-spinner" style="width:60%">
- <%#<div class="modal-dialog modal-with-loading-spinner">%>
+ <div class="modal-dialog modal-with-loading-spinner" style="width: 50em">
<div class="modal-content">
- <div class="modal-header">
+ <div class="modal-header" style="text-align: center">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<div>
- <div class="col-sm-8"> <h4 class="modal-title">Getting Started with Arvados </h4> </div>
+ <div class="col-sm-8"><h4 class="modal-title" style="text-align: right">Getting Started with Arvados</h4></div> <%#Todo: center instead of right%>
<div class="spinner spinner-32px spinner-h-center col-sm-1" hidden="true"></div>
</div>
<br/>
</div>
- <div class="modal-body" style="height: 38em; overflow-y: scroll">
- <h2> Welcome!</h2> <strong>How does this work?</strong>
-
- What you're looking at right now is Workbench, the graphical interface to the Arvados system.
- <br>For example, here's what a pipeline running in Arvados looks like:<br>
- <%= image_tag "pipeline-running.gif", :class => "style_image" %>
- <br><br>
+ <%#First Modal%>
+ <div class="modal-body" style="height: auto; overflow-y: scroll">
+ <div style="margin: -0.5em 0.5em">
+ <p><div style="font-size: 150%;">Welcome!</div></p>
+ <p>
+ What you're looking at right now is <b>Workbench</b>, the graphical interface to the Arvados system.
+ </p><p>
+ <div class="figure">
+ <p> <%= image_tag "pipeline-running.gif", :class => "style_image1" %></p>
+ <p>Running the Pathomap pipeline in Arvados.</p>
+ </div>
+ </p> <p>
Click the <span class="btn btn-sm btn-primary">Next ></span> button below for a speed tour of Arvados.
- <br><br>
- <em><strong>Note:</strong> You can always come back to this Getting Started guide by clicking the <span class="fa fa-lg fa-question-circle"></span> in the upper-right corner.</em>
- <br><br>
+ </p><p>
+ <em><strong>Note:</strong> You can always come back to this Getting Started guide by clicking the <span class="fa fa-lg fa-question-circle"></span> in the upper-right corner.</em>
+ </p>
+ </div>
</div>
- <div class="modal-body" style="height: 38em; overflow-y: scroll">
- <h2>Quickstart</h2>
- <strong>Don't like reading manuals?</strong> Get started by running your first pipeline in 3 quick steps:<br><br>
- <em>Tip: log-in or register with any google account if you haven't already</em>
- <ol><li> Go to the <span class="btn btn-sm btn-default"><i class="fa fa-lg fa-fw fa-dashboard"></i> Dashboard</span> > <span class="btn btn-sm btn-primary"><i class="fa fa-fw fa-gear"></i> Run a pipeline...</span> <br><br>
- <%= image_tag "mouse-move.gif", :class => "style_image" %><br>
+ <%#Page Two%>
+ <div class="modal-body" style="height: auto; overflow-y: scroll">
+ <div style="margin: -0.5em 0.5em">
+ <p><div style="font-size: 150%;">Quickstart</div></p>
+ <p>
+ <strong>Don't feel like reading?</strong> Run your first pipeline in 3 quick steps:
+ </p>
+ <div style="display: block; margin: 0em 2em; padding-top: 1em; padding-bottom: 1em; border: thin dashed silver;">
+ <p style="margin-left: 1em;">
+ <em>First, log-in or register in the upper-right corner with any Google account if you haven't already.</em>
+ </p><p>
+ <ol><li> Go to the <span class="btn btn-sm btn-default"><i class="fa fa-lg fa-fw fa-dashboard"></i> Dashboard</span> > <span class="btn btn-sm btn-primary"><i class="fa fa-fw fa-gear"></i> Run a pipeline...</span>
+ <p style="margin-top:1em;">
+ <%= image_tag "mouse-move.gif", :class => "style_image2" %>
+ </p>
</li>
<li> <span class="btn btn-sm btn-default"><i class="fa fa-fw fa-gear"></i>Mason Lab -- Ancestry Mapper (public)</span> > <span class="btn btn-sm btn-primary">Next: choose inputs <i class="fa fa-fw fa-arrow-circle-right"></i></span></li><br>
<li> <span class="btn btn-sm btn-primary">Run <i class="fa fa-fw fa-play"></i></span></li>
</ol>
- <br>
+ </p></div>
+ <p style="margin-top:1em;">
<i class="fa fa-flag fa-flip-horizontal" style="color: green"></i> <i class="fa fa-child"></i>
<strong>Voila!</strong> <i class="fa fa-child"></i> <i class="fa fa-flag" style="color: green"></i>
Your pipeline is now spooling up and getting ready to run!
- <br><br>
+ </p><p>
Go ahead, try it for yourself right now. <span class="glyphicon glyphicon-thumbs-up"></span>
- <br><br>
+ </p><p>
Or click <span class="btn btn-sm btn-primary">Next ></span> below to keep reading!
- <br><br>
+ </p><p>
+ </div>
</div>
+
+
<div class="modal-body" style="height: 38em; overflow-y: scroll">
- <h2>Three Useful Terms</h2>
+ <div style="margin: -0.2em 0.5em">
+ <p><div style="font-size: 150%;">Three Useful Terms</div></p>
* <strong>Pipeline</strong> -- A re-usable series of analysis steps.<br><br>
** Sometimes known as a “workflow” in other systems<br><br>
** A list of well-documented public pipelines can be found in the upper right corner by clicking the "?" > "Public Pipelines and Datasets"<br><br>
@@ -68,7 +103,7 @@
* Projects -- Contain pipelines templates, pipeline instances (individual runs of a pipeline), and collections<br><br>
** The most useful one is your default "Home" project, under Projects > Home<br><br>
** Projects can be shared using the "sharing" tab<br><br>
-
+ </div>
</div>
<div class="modal-body" style="height: 38em; overflow-y: scroll">
<h2>Why We Think Arvados is Awesome</h2>
-----------------------------------------------------------------------
hooks/post-receive
--
More information about the arvados-commits
mailing list