From 5ba8b570aef38668d54e7be5bbe67d62869b82b5 Mon Sep 17 00:00:00 2001
From: Branson Stephens <stephenb@uwm.edu>
Date: Fri, 15 Nov 2013 16:28:44 -0600
Subject: [PATCH] Removed title panes on home page. Simplified styling.
---
templates/gracedb/index.html | 138 +++++++++++------------------------
1 file changed, 42 insertions(+), 96 deletions(-)
diff --git a/templates/gracedb/index.html b/templates/gracedb/index.html
index 6f50556ba..6b5539b47 100644
--- a/templates/gracedb/index.html
+++ b/templates/gracedb/index.html
@@ -1,128 +1,68 @@
{% extends "base.html" %}
-
{% block title %}Home{% endblock %}
-{% block heading %}GraceDB <em>Alpha</em> — Overview{% endblock %}
+{% block heading %}GraceDB — Overview{% endblock %}
{% block pageid %}home{% endblock %}
-{% block bodyattrs %}class="tundra homePage"{% endblock %}
-
{% block jscript %}
- <script src="http{% if request.is_secure %}s{% endif %}://ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojo/dojo.js" type="text/javascript"></script>
- <script type="text/javascript">
- require(["dojo/dom",
- "dojo/dom-construct",
- "dojo/dom-style",
- "dojo/parser",
- "dijit/TitlePane",
- "dojo/domReady!"], function (dom, domConstruct, domStyle, parser, TitlePane) {
- parser.parse();
-
- // Get the nodes and content
- var sections = new Array();
-
- divNode = dom.byId("what_info");
- var section = new Object();
- section.title = "What is GraceDB?";
- section.contents = divNode.innerHTML;
- sections.push(section);
- domConstruct.destroy(divNode);
-
- divNode = dom.byId("how_info");
- var section = new Object();
- section.title = "How can I use it?";
- section.contents = divNode.innerHTML;
- sections.push(section);
- domConstruct.destroy(divNode);
-
- divNode = dom.byId("api_info");
- var section = new Object();
- section.title = "Can I have a look around the API?";
- section.contents = divNode.innerHTML;
- sections.push(section);
- domConstruct.destroy(divNode);
-
- divNode = dom.byId("alert_info");
- var section = new Object();
- section.title = "How can I get an alert when an event is created?";
- section.contents = divNode.innerHTML;
- sections.push(section);
- domConstruct.destroy(divNode);
-
- divNode = dom.byId("semantic_info");
- var section = new Object();
- section.title = "What does the information in the database mean?";
- section.contents = divNode.innerHTML;
- sections.push(section);
- domConstruct.destroy(divNode);
-
- // Create the panes
- paneDiv = dom.byId("pane_holder");
- for (var i = 0; i<sections.length; i++) {
- tp = new dijit.TitlePane({title:sections[i].title,
- content:sections[i].contents,
- open:false});
- paneDiv.appendChild(tp.domNode);
- };
-
- });
-
- </script>
-
<style>
- @import "https://ajax.googleapis.com/ajax/libs/dojo/1.8.1/dijit/themes/tundra/tundra.css";
-
- .tundra.homePage .dijitTitlePaneTitle {
- background-image: none;
- background-color: none;
- border: none;
- font-size: 140%;
- font-family: "Century Schoolbook L",Georgia,serif;
+ .question {
+ font-family: Helvetica, sans-serif;
+ /*font-variant: small-caps; */
font-style: bold;
+ font-size: 18px;
+ padding-bottom: 5px;
}
- .tundra.homePage .dijitTitlePaneContentOuter {
- border: none;
+ .answer {
margin-left: 30px;
margin-right: 30px;
font-size: 14px;
+ background-color: #e2ebf2;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 20px;
+ padding-right: 20px;
}
-
- .homePage-paneHolder {
- margin-top: 10px;
- margin-bottom: 30px;
- margin-left: 30px;
- margin-right: 30px;
- }
-
</style>
-
{% endblock %}
{% block content %}
+<!-- I find myself needing some more space. -->
+<br/>
-
-<div id="pane_holder" class="homePage-paneHolder"> </div>
-
-<!-- these divs will get consumed into panes. -->
-
-<div id="what_info">
-The gravitational-wave candidate event database (GraceDB) is a
+<div class="content-area">
+<div class="question"> What is GraceDB? </div>
+<div class="answer">
+<p> The gravitational-wave candidate event database (GraceDB) is a
prototype system to organize candidate events from gravitational-wave
searches and to provide an environment to record information about
-follow-ups.
+follow-ups. </p>
+</div>
</div>
-<div id="how_info">
+<div class="content-area">
+<div class="question"> How can I use it? </div>
+<div class="answer">
+<p>
You can read about using the service on the
<a href="https://www.lsc-group.phys.uwm.edu/daswg/wiki/HowtoGraceDb">Howto page</a>. More details are available on the
<a href="https://www.lsc-group.phys.uwm.edu/daswg/projects/gracedb.html">Project page</a>.
+</p>
+</div>
</div>
-<div id="api_info">
+<div class="content-area">
+<div class="question"> Can I have a look around the API? </div>
+<div class="answer">
+<p>
Yes. The browse-able REST API is available <a href="{% url shib:api-root %}">here</a>. This is an especially handy
reference when coding against the API.
+</p>
+</div>
</div>
-<div id="semantic_info">
+<div class="content-area">
+<div class="question"> What does the information in the database mean? </div>
+<div class="answer">
<p> Some information has been collected from the CBC and Burst groups about the
meaning of the data in events from their pipelines. Summaries are available
for the following search types: </p>
@@ -136,11 +76,17 @@ for the following search types: </p>
<p> Please note that the gathering of semantic information is an ongoing project,
and we cannot guarantee that the information here is accurate or current. </p>
</div>
+</div>
-<div id="alert_info">
+<div class="content-area">
+<div class="question"> How can I get an alert when an event is created? </div>
+<div class="answer">
+<p>
To receive email or XMPP alerts when GraceDB events are created,
set your notification preferences under the
<a href="{% url userprofile-home %}">Options</a> menu item.
+</p>
+</div>
</div>
{% endblock %}
--
GitLab