Markup cleanup, style tweaks and some refactoring of the home page for Wilma. Turns out that all requests for tabs were being routed to the new HomePageController since it had "/index.jsp" set as its url-pattern under the servlet-mapping in web.xml. This isn't going to work as it made every tab render using page-home.ftl. Restored TabController servlet mapping in web.xml temporarily and will discuss potential solutions with Rebecca. NIHVIVO-556 NIHVIVO-1234

This commit is contained in:
nac26 2010-10-27 13:21:55 +00:00
parent 10c352dbf9
commit f7517ba34d
13 changed files with 1103 additions and 892 deletions

View file

@ -353,7 +353,7 @@
</servlet> </servlet>
<servlet-mapping> <servlet-mapping>
<servlet-name>HomePageController</servlet-name> <servlet-name>HomePageController</servlet-name>
<url-pattern>/index.jsp</url-pattern> <url-pattern>/index.jsp?primary=1</url-pattern>
</servlet-mapping> </servlet-mapping>
<servlet> <servlet>
@ -964,6 +964,18 @@
<url-pattern>/TabEntitiesController</url-pattern> <url-pattern>/TabEntitiesController</url-pattern>
</servlet-mapping> </servlet-mapping>
<!-- NOTICE: index.jsp is mapped to TabController so that we
can have the urls that use to be in the system still work even
though we no longer use index.jsp -->
<servlet>
<servlet-name>TabController</servlet-name>
<servlet-class>edu.cornell.mannlib.vitro.webapp.controller.TabController</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>TabController</servlet-name>
<url-pattern>/index.jsp</url-pattern>
</servlet-mapping>
<!-- <servlet> <!-- <servlet>
<servlet-name>EntityPropertyListController</servlet-name> <servlet-name>EntityPropertyListController</servlet-name>
<servlet-class>edu.cornell.mannlib.vitro.webapp.controller.EntityPropertyListController</servlet-class> <servlet-class>edu.cornell.mannlib.vitro.webapp.controller.EntityPropertyListController</servlet-class>

View file

@ -191,6 +191,7 @@ img.screenshot {
display: inline; display: inline;
height: 19px; height: 19px;
line-height:19px; line-height:19px;
font-size: 0.75em;
padding: 5px 16px 0 0; padding: 5px 16px 0 0;
background: url(../images/transition/individual/grouping/h3_tab_right.gif) right top no-repeat; background: url(../images/transition/individual/grouping/h3_tab_right.gif) right top no-repeat;
color:#fff; color:#fff;
@ -257,6 +258,7 @@ img.screenshot {
#personWrap div.propsItem h4 { #personWrap div.propsItem h4 {
margin-bottom: 1.25em; margin-bottom: 1.25em;
margin-left: -16px; margin-left: -16px;
font-size: 0.8em;
} }
#personWrap ul.properties { #personWrap ul.properties {
@ -475,6 +477,8 @@ ul.keywords li {
#personWrap a.add, #personWrap a.edit, #personWrap a.delete { #personWrap a.add, #personWrap a.edit, #personWrap a.delete {
color: #209ae0; color: #209ae0;
text-decoration: underline; text-decoration: underline;
height: 0.8em;
line-height: 0.8em;
} }
#personWrap a.add:hover, #personWrap a.edit:hover, #personWrap a.delete:hover, #personWrap a.add:hover, #personWrap a.edit:hover, #personWrap a.delete:hover,

View file

@ -6,13 +6,20 @@
/* Tell the browser to render HTML 5 elements as block */ /* Tell the browser to render HTML 5 elements as block */
header, hgroup, section, nav, article, aside, footer { header,
hgroup,
section,
nav,
article,
aside,
footer {
display:block; display:block;
} }
time { time {
font-weight:normal; font-weight:normal;
} }
html, body { html,
body {
margin:0; margin:0;
padding:0; padding:0;
height:100%; /* needed for container min-height */ height:100%; /* needed for container min-height */
@ -20,8 +27,8 @@ html, body {
font-family: "museo-sans-1", "museo-sans-2", helvetica, sans-serif, arial;/*font-size: 62.5%;*/ font-family: "museo-sans-1", "museo-sans-2", helvetica, sans-serif, arial;/*font-size: 62.5%;*/
/* Consider these fonts: "Lucida Sans Unicode","Lucida Grande",Geneva,*/ /* Consider these fonts: "Lucida Sans Unicode","Lucida Grande",Geneva,*/
} }
/* PAGE WRAPPER ------> */
/* PAGE WRAPPER ------> */
#wrapper { #wrapper {
position:relative; /* needed for footer positioning*/ position:relative; /* needed for footer positioning*/
/*margin:0 auto; center, not in IE5 */ /*margin:0 auto; center, not in IE5 */
@ -31,16 +38,16 @@ html, body {
min-height:100%; /* real browsers */ min-height:100%; /* real browsers */
margin:0 auto; margin:0 auto;
} }
/* HEADER ------> */
/* HEADER ------> */
#branding { #branding {
position:relative; position:relative;
width:970px; width:970px;
height:114px; height:114px;
margin:0 auto; margin:0 auto;
} }
/* BRANDING ------> */
/* BRANDING ------> */
h2.vivo-logo { h2.vivo-logo {
position:absolute; position:absolute;
width:386px; width:386px;
@ -54,17 +61,14 @@ h2.vivo-logo a {
width:386px; width:386px;
height:59px; height:59px;
} }
/* <------ BRANDING */
/* HEADER NAV------> */ /* HEADER NAV------> */
ul#header-nav { ul#header-nav {
float:right; float:right;
list-style:none; list-style:none;
height:30px; height:30px;
padding-top:10px; padding-top:10px;
margin-right:13px; margin-right:13px;
} }
ul#header-nav li { ul#header-nav li {
float:left; float:left;
@ -85,16 +89,15 @@ ul#header-nav li:last-child {
ul#header-nav a{ ul#header-nav a{
color:white; color:white;
} }
ul#header-nav a:link, ul#header-nav a:visited { ul#header-nav a:link,
ul#header-nav a:visited {
text-decoration:none; text-decoration:none;
} }
ul#header-nav a:hover, ul#header-nav a:active { ul#header-nav a:hover,
ul#header-nav a:active {
text-decoration:none; text-decoration:none;
color:#999; color:#999;
} }
/* <------ HEADER NAV*/
/* <------ HEADER */
/* MAIN NAVIGATION------> */ /* MAIN NAVIGATION------> */
ul#main-nav { ul#main-nav {
@ -114,7 +117,6 @@ ul#main-nav {
background:url(../images/separator-main-nav.jpg) right -2px no-repeat; background:url(../images/separator-main-nav.jpg) right -2px no-repeat;
} }
#main-nav li a { #main-nav li a {
padding-left:16px; padding-left:16px;
padding-right:16px; padding-right:16px;
display:block; display:block;
@ -122,7 +124,8 @@ ul#main-nav {
text-decoration:none; text-decoration:none;
} }
#main-nav li a:hover { #main-nav li a:hover {
color:#002b44;/*background:url(../images/selected-main-nav.jpg) left -3px no-repeat; color:#002b44;
/*background:url(../images/selected-main-nav.jpg) left -3px no-repeat;
margin-left:21px;*/ margin-left:21px;*/
} }
#main-nav li a.selected { #main-nav li a.selected {
@ -130,8 +133,8 @@ ul#main-nav {
background:url(../images/selected-main-nav.jpg) left -1px no-repeat; background:url(../images/selected-main-nav.jpg) left -1px no-repeat;
margin-left:18px; margin-left:18px;
} }
/* <------ MAIN NAVIGATION */
/* WRAPPER CONTENT------> */
#wrapper-content { #wrapper-content {
clear:both; clear:both;
width:930px; width:930px;
@ -140,8 +143,8 @@ ul#main-nav {
min-height:450px; min-height:450px;
padding:20px; padding:20px;
} }
/* INTRO ------> */
/* INTRO ------> */
#intro { #intro {
float:left; float:left;
width:570px; width:570px;
@ -167,10 +170,8 @@ ul#main-nav {
font-size:14px; font-size:14px;
color:#b2d15a; color:#b2d15a;
} }
/* <------ INTRO */
/* LOG IN------> */ /* LOG IN------> */
#log-in { #log-in {
float:right; float:right;
width:314px; width:314px;
@ -188,6 +189,9 @@ ul#main-nav {
padding-top:18px; padding-top:18px;
border-bottom:none; border-bottom:none;
} }
form#log-in-form {
padding-bottom:0;
}
#log-in label { #log-in label {
display:block; display:block;
font-size: 14px; font-size: 14px;
@ -208,16 +212,19 @@ div.input-field {
-webkit-border-radius:5px; -webkit-border-radius:5px;
} }
#log-in input { #log-in input {
width:214px; /* Manolo: is the width and height necessary here? commenting out for now to get the login block functional on the home page */
height:13px; /* width:214px;*/
/* height:13px;*/
margin-left:7px; margin-left:7px;
margin-top:7px; margin-top:7px;
border:0; border:0;
font-size:14px; font-size:14px;
} }
#log-in input.login {
margin: 7px 4px 10px 0;
}
#wrapper-submit-remember-me { #wrapper-submit-remember-me {
width:270px; width:270px;
height:40px;
margin-left:38px; margin-left:38px;
margin-top:20px; margin-top:20px;
} }
@ -263,10 +270,8 @@ p.forgot-password a {
padding-top:15px; padding-top:15px;
border-top:1px solid #e8ece9; border-top:1px solid #e8ece9;
} }
/* <------ LOG IN */
/* SEARCH ------> */ /* SEARCH ------> */
#search-home { #search-home {
float:left; float:left;
width:533px; width:533px;
@ -302,10 +307,8 @@ input.search-home-vivo {
padding-top:10px; padding-top:10px;
padding-left:30px; padding-left:30px;
} }
/* <------ SEARCH */
/* BROWSE ------> */ /* BROWSE ------> */
#browse { #browse {
clear:both; clear:both;
width:920px; width:920px;
@ -315,18 +318,21 @@ input.search-home-vivo {
overflow:hidden; overflow:hidden;
padding-bottom:30px; padding-bottom:30px;
} }
#browse h2 { #browse h2,
background:#5e6363; #highlights h2 {
width:102px; width:10%;
height:44px; height:44px;
line-height:44px;
font-soze:22px;
padding-left:15px;
color:#fff;
margin-bottom:27px; margin-bottom:27px;
} padding-left:15px;
/* BROWSE CLASS GROUPS ------> */ font-size:1.0em;
font-weight: normal;
line-height:44px;
color:#fff;
background:#5e6363;
}
/* BROWSE CLASS GROUPS ------> */
ul#browse-classGroups { ul#browse-classGroups {
float:left; float:left;
width:200px; width:200px;
@ -368,11 +374,8 @@ ul#browse-classGroups a.selected {
ul#browse-classGroups .count-classes { ul#browse-classGroups .count-classes {
font-size:14px; font-size:14px;
} }
/* <------ BROWSE CLASS GROUPS */
/* BROWSE CLASSES IN CLASS GROUP ------> */ /* BROWSE CLASSES IN CLASS GROUP ------> */
#browse-classes { #browse-classes {
float:left; float:left;
width:610px; width:610px;
@ -419,10 +422,8 @@ ul#class-group-list a.selected {
ul#class-group-list .count-individuals { ul#class-group-list .count-individuals {
font-size:12px; font-size:12px;
} }
/* <------ BROWSE CLASSES IN CLASS GROUP */
/* VISUALIZATION ------> */ /* VISUALIZATION ------> */
#visual-graph { #visual-graph {
float:right; float:right;
width:270px; width:270px;
@ -435,11 +436,8 @@ ul#class-group-list .count-individuals {
font-weight:normal; font-weight:normal;
background:url(../images/bullet-visual-graph.png) 120px 25px no-repeat; background:url(../images/bullet-visual-graph.png) 120px 25px no-repeat;
} }
/* <------ VISUALIZATION */
/* <------ BROWSE */
/* HIGHLIGHTS ------> */ /* HIGHLIGHTS ------> */
#highlights { #highlights {
clear:both; clear:both;
width:920px; width:920px;
@ -451,14 +449,7 @@ ul#class-group-list .count-individuals {
padding-bottom:30px; padding-bottom:30px;
} }
#highlights h2 { #highlights h2 {
background:#5e6363; width:14%;
width:102px;
height:44px;
line-height:44px;
font-soze:22px;
padding-left:15px;
color:#fff;
margin-bottom:27px;
} }
#highlights h3 { #highlights h3 {
color:#91b039; color:#91b039;
@ -472,8 +463,9 @@ ul#class-group-list .count-individuals {
width:235px; width:235px;
padding:24px; padding:24px;
} }
/* FEAUTERED PEOPLE ------> */ /* FEAUTERED PEOPLE ------> */
#fearuted-people { #featured-people {
margin-left:20px; margin-left:20px;
margin-right:15px; margin-right:15px;
} }
@ -516,12 +508,11 @@ a.view-all-style {
} }
.pictos-arrow-10 { .pictos-arrow-10 {
font-family:'Pictos'; font-family:'Pictos';
font-size:10px; font-size:1.0em;
line-height:1.0em;
} }
/* <------ FEAUTERED PEOPLE */
/* UPCOMING EVENTS------> */ /* UPCOMING EVENTS------> */
#upcoming-events { #upcoming-events {
margin-right:15px; margin-right:15px;
} }
@ -558,11 +549,8 @@ p.summary time {
padding-top:0; padding-top:0;
font-weight:normal; font-weight:normal;
} }
/* <------ UPCOMING EVENTS */
/* LATEST PUBLICATIONS ------> */ /* LATEST PUBLICATIONS ------> */
article.latest-publications-item { article.latest-publications-item {
width:232px; width:232px;
height:35px; height:35px;
@ -580,12 +568,8 @@ p.publication-content span {
display:block; display:block;
font-weight:normal; font-weight:normal;
} }
/* <------ LATEST PUBLICATIONS */
/* <------ HIGHLIGHTS */
/* FOOTER------> */ /* FOOTER------> */
#footer-content { #footer-content {
clear:both; clear:both;
width:970px; width:970px;
@ -644,21 +628,16 @@ a.powered-by-vivo:hover {
color:#4e5051; color:#4e5051;
text-decoration:none; text-decoration:none;
} }
/* <------ FOOTER*/
/* <------ PAGE WRAPPER */
/* MISCELLANEOUS------> */ /* MISCELLANEOUS------> */
.displace { .displace {
position:absolute; position:absolute;
left:-9999px; left:-9999px;
} }
/* <------ MISCELLANEOUS */
/* STYLED BUTTONS ------> */ /* STYLED BUTTONS ------> */
.button,
.button, .button:visited { .button:visited {
background:#222 url(../images/alert-overlay.png) repeat-x; background:#222 url(../images/alert-overlay.png) repeat-x;
display:inline-block; display:inline-block;
padding:7px 22px 8px; padding:7px 22px 8px;
@ -672,7 +651,8 @@ a.powered-by-vivo:hover {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(0, 0, 0, 0.25);*/ border-bottom: 1px solid rgba(0, 0, 0, 0.25);
*/
position:relative; position:relative;
cursor:pointer; cursor:pointer;
} }
@ -683,28 +663,27 @@ a.powered-by-vivo:hover {
.button:active { .button:active {
top:1px; top:1px;
} }
.small.button, .small.button:visited { .small.button,
.small.button:visited {
font-size:11px; font-size:11px;
padding:;
} }
.button, .button:visited { .button,
.button:visited {
font-size:16px; font-size:16px;
font-weight:normal; font-weight:normal;
line-height:1;/*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);*/ line-height:1;/*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);*/
} }
.green.button, .green.button:visited { .green.button,
.green.button:visited {
background-color:#749a02; background-color:#749a02;
} }
.green.button:hover { .green.button:hover {
background-color:#b2d15a; background-color:#b2d15a;
} }
.blue.button, .blue.button:visited { .blue.button,
.blue.button:visited {
background-color:#398aac; background-color:#398aac;
} }
.blue.button:hover { .blue.button:hover {
background-color:#58a2c1; background-color:#58a2c1;
} }
/* <------ STYLED BUTTONS */

View file

@ -231,6 +231,7 @@ div#labelAndMoniker { margin-bottom: 1.5em; }
#label h3 { #label h3 {
display: inline; display: inline;
padding-right: 6px; padding-right: 6px;
font-size: 1.7em;
} }
em.moniker { em.moniker {
@ -268,7 +269,7 @@ div.description { margin-bottom: 1.5em; }
.propertyName, .propertyName,
.propsItem h4 { .propsItem h4 {
font-size: 1em; font-size: 0.8em;
line-height: 1em; line-height: 1em;
color: #666; color: #666;
background: #ebebeb; background: #ebebeb;
@ -655,6 +656,7 @@ div.datatypePropertyValue,
ul.properties li, ul.properties li,
ul.datatypePropertyValue li { ul.datatypePropertyValue li {
position: relative; position: relative;
font-size: 0.7em;
} }

View file

@ -22,3 +22,4 @@ VIVO theme: screen styles
@import url("individual.css"); @import url("individual.css");
@import url("forms.css"); @import url("forms.css");
@import url("formedit.css"); @import url("formedit.css");
@import url("../../../css/login.css"); /* this is here temporarily as we transition to freemarker - something is up with adding stylesheets ever since the body template was adjusted last week*/

View file

@ -0,0 +1,156 @@
<%-- $This file is distributed under the terms of the license in /doc/license.txt$ --%>
<%-- This is a temporary file and will be removed once we have completed the transition to freemarker --%>
<%@ page import="edu.cornell.mannlib.vitro.webapp.web.*" %>
<%@ page import="edu.cornell.mannlib.vitro.webapp.controller.VitroRequest" %>
<%@ page import="edu.cornell.mannlib.vitro.webapp.dao.WebappDaoFactory" %>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@ page errorPage="/error.jsp"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page import="edu.cornell.mannlib.vitro.webapp.filters.VitroRequestPrep" %>
<%@ page import="edu.cornell.mannlib.vitro.webapp.beans.Portal"%>
<%@ page import="edu.cornell.mannlib.vitro.webapp.controller.freemarker.FreemarkerHttpServlet" %>
<%
FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
%>
<%
VitroRequest vreq = new VitroRequest(request);
Portal portal = vreq.getPortal();
String contextRoot = vreq.getContextPath();
String themeDir = portal != null ? portal.getThemeDir() : Portal.DEFAULT_THEME_DIR_FROM_CONTEXT;
themeDir = contextRoot + '/' + themeDir;
%>
<c:set var="portal" value="${requestScope.portalBean}"/>
<c:set var="themeDir"><c:out value="${themeDir}" /></c:set>
<c:set var="bodyJsp"><c:out value="${requestScope.bodyJsp}" default="/debug.jsp"/></c:set>
<c:set var="title"><c:out value="${requestScope.title}" /></c:set>
<section id="intro">
<h3>What is VIVO?</h3>
<p>VIVO is an open source semantic web application originally developed and implemented at Cornell. When installed and populated with researcher interests, activities, and accomplishments, it enables the discovery of research and scholarship across disciplines at that institution. VIVO supports browsing and a search function which returns faceted results for rapid retrieval of desired information. Content in any local VIVO installation may be maintained manually, brought into VIVO in automated ways from local systems of record, such as HR, grants, course, and faculty activity databases, or from database providers such as publication aggregators and funding agencies. <a href="#">More<span class="pictos-arrow-14"> 4</span></a></p>
<section id="search-home">
<h3>Search VIVO</h3>
<fieldset>
<legend>Search form</legend>
<form id="search-home-vivo" action="<%=contextRoot%>/search" method="post" name="search">
<div id="search-home-field">
<input name="search-home-vivo" class="search-home-vivo" id="search-home-vivo" type="text" />
<a class ="submit" href="#">Search</a>
</div>
</form>
</fieldset>
</section> <!-- #search-home -->
</section> <!-- #intro -->
${ftl_login}
<section id="browse">
<h2>Browse</h2>
<ul id="browse-classGroups">
<li><a class="selected" href="#">People<span class="count-classes"> (1,280)</span></a></li>
<li><a href="#">Courses<span class="count-classes"> (1,300)</span></a></li>
<li><a href="#">Activities<span class="count-classes"> (980)</span></a></li>
<li><a href="#">Topics<span class="count-classes"> (345)</span></a></li>
<li><a href="#">Events<span class="count-classes"> (670)</span></a></li>
<li><a href="#">Organizations<span class="count-classes"> (440)</span></a></li>
<li><a href="#">Publications<span class="count-classes"> (670)</span></a></li>
<li><a href="#">Locations<span class="count-classes"> (903)</span></a></li>
</ul>
<section id="browse-classes">
<nav>
<ul id="class-group-list">
<li><a href="#">Faculty Member<span class="count-individuals"> (18,080)</span></a></li>
<li><a class="selected" href="#">Graduate Student<span class="count-individuals"> (2,550)</span></a></li>
<li><a href="#">Librarian <span class="count-individuals"> (1,280)</span></a></li>
<li><a href="#">Non-Academic <span class="count-individuals"> (280)</span></a></li>
<li><a href="#">Non-Faculty Academic <span class="count-individuals"> (2,380)</span></a></li>
<li><a href="#">Person<span class="count-individuals"> (2,480)</span></a></li>
<li><a href="#">Postdoc <span class="count-individuals"> (1,380)</span></a></li>
<li><a href="#">Professor Emeritus<span class="count-individuals"> (680)</span></a></li>
<li><a href="#">Undergraduate Student<span class="count-individuals"> (880)</span></a></li>
</ul>
</nav>
<section id="visual-graph">
<h4>Visual Graph</h4>
<img src="<%=themeDir%>images/visual-graph.jpg" />
</section>
</section> <!-- #browse-classes -->
</section> <!-- #browse -->
<section id="highlights">
<h2>Highlights</h2>
<section id="featured-people" class="global-highlights">
<h3>FEATURED PEOPLE</h3>
<!--use Hs-->
<article class="featured-people vcard">
<a href="#">
<img class="individual-photo" src="<%=themeDir%>images/person-thumbnail-sample.jpg" width="80" height="80" />
<p class="fn">Hayworth, Rita<span class="title">Actress, dancer</span><span class="org">Sabbatic year for ever</span></p>
</a>
</article>
<article class="featured-people vcard">
<a href="#">
<img class="individual-photo" src="<%=themeDir%>images/person-thumbnail-sample-2.jpg" width="80" height="80" />
<p class="fn">Wiedmann, Martin <span class="title">Associate Professor</span><span class="org">Cornell faculty</span></p>
</a>
</article>
</section> <!-- #featured-people -->
<section id="upcoming-events" class="global-highlights">
<h3>UPCOMING EVENTS</h3>
<article class="vevent">
<time class="dtstart" datetime="2010-02-13T20:00Z">21<span>Dec</span></time>
<p class="summary">Understanding Patent Writing <time>3:30 PM</time></p>
</article>
<article class="vevent">
<time class="dtstart" datetime="2010-02-13T20:00Z">20<span>Nov</span></time>
<p class="summary">Voters, Dictators, and Peons <time>4:30 PM</time></p>
</article>
<article class="vevent">
<time class="dtstart" datetime="2010-02-13T20:00Z">19<span>Nov</span></time>
<p class="summary">Proton-Coupled Electron Transfer II <time>5:30 PM</time></p>
</article>
<p class="view-all"><a class="view-all-style" href="#">View All <span class="pictos-arrow-10">4</span></a></p>
</section> <!-- #upcoming-events -->
<section id="latest-publications" class="global-highlights">
<h3>LATEST PUBLICATIONS</h3>
<article class="latest-publications-item">
<p class="publication-content">Solar masses<span><em>Journal</em> <time datetime="2010-02-13T20:00Z"> | December 2010</time></p>
</article>
<article class="latest-publications-item">
<p class="publication-content">Link data and the Web<span><em>Article</em> <time datetime="2010-02-13T20:00Z"> | December 2010</time></p>
</article>
<article class="latest-publications-item">
<p class="publication-content">Building a community<span><em>Book</em> <time datetime="2010-02-13T20:00Z"> | November 2010</time></p>
</article>
<article class="latest-publications-item">
<p class="publication-content">Biology 101<span><em>Series</em> <time datetime="2010-02-13T20:00Z"> | November 2010</time></p>
</article>
<p class="view-all"><a class="view-all-style" href="#">View All <span class="pictos-arrow-10">4</span></a></p>
</section> <!-- #latest-publications -->
</section> <!-- $highlights -->

View file

@ -1,3 +1,6 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#-- This is a temporary file and will be removed once we have completed the transition to freemarker -->
<footer> <footer>
<div id="footer-content"> <div id="footer-content">
<#if copyright??> <#if copyright??>
@ -9,6 +12,7 @@
</#if> </#if>
All Rights Reserved | <a class="terms" href="${urls.termsOfUse}">Terms of Use</a></small> | Powered by <a class="powered-by-vivo" href="http://vivoweb.org" target="_blank"><strong>VIVO</strong></a></p> All Rights Reserved | <a class="terms" href="${urls.termsOfUse}">Terms of Use</a></small> | Powered by <a class="powered-by-vivo" href="http://vivoweb.org" target="_blank"><strong>VIVO</strong></a></p>
</#if> </#if>
<nav> <nav>
<ul id="footer-nav"> <ul id="footer-nav">
<li><a href="${urls.about}">About</a></li> <li><a href="${urls.about}">About</a></li>
@ -18,30 +22,12 @@
<li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li> <li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
</ul> </ul>
</nav> </nav>
</div> </div> <!-- #footer-content -->
</footer> </footer>
</div>
</div> <!-- #wrapper -->
<script type="text/javascript" src="http://use.typekit.com/chp2uea.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
${scripts.add("/js/jquery.js")} ${scripts.add("/js/jquery.js")}
${scripts.tags} ${scripts.tags}
<!--[if lt IE 7]>
<script type="text/javascript" src="${themeDir}/js/jquery_plugins/supersleight.js"></script>
<script type="text/javascript" src="${themeDir}/js/utils.js"></script>
<link rel="stylesheet" href="css/ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" />
<![endif]-->
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="${themeDir}/js/selectivizr.js"></script>
<![endif]-->
<#include "googleAnalytics.ftl"> <#include "googleAnalytics.ftl">

View file

@ -1,3 +1,5 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#-- NOTICE: This is SAMPLE Google Analytics code. You must replace it with your institution's code. <#-- NOTICE: This is SAMPLE Google Analytics code. You must replace it with your institution's code.
Please see documentation at https://confluence.cornell.edu/display/ennsrd/Google+Analytics+for+UI. --> Please see documentation at https://confluence.cornell.edu/display/ennsrd/Google+Analytics+for+UI. -->

View file

@ -0,0 +1,36 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#-- This is a temporary file and will be removed once we have completed the transition to freemarker -->
<#if loginName??>
<#-- nothing to see here -->
<#else>
<section id="log-in">
<h3>Log in</h3>
<form id="log-in-form" action="${urls.home}/authenticate?login=block" method="post" name="log-in-form" />
<label for="loginName">Email</label>
<div class="input-field">
<input name="loginName" id="loginName" type="text" required />
</div>
<label for="loginPassword">Password</label>
<div class="input-field">
<input name="loginPassword" id="loginPassword" type="password" required />
</div>
<div id="wrapper-submit-remember-me">
<input name="loginForm" type="submit" class="login green button" value="Log in"/>
<div id="remember-me">
<input class="checkbox-remember-me" name="remember-me" type="checkbox" value="" />
<label class="label-remember-me"for="remember-me">Remember me</label>
</div>
</div>
<p class="forgot-password"><a href="#">Forgot your password?</a></p>
</form>
<div id="request-account">
<a class="blue button" href="#">Request an account</a>
</div>
</section> <!-- #log-in -->
</#if>

View file

@ -1,3 +1,6 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#-- This is a temporary file and will be removed once we have completed the transition to freemarker -->
<header id="branding"> <header id="branding">
<h2 class="vivo-logo"><a href="${urls.home}"><span class="displace">${siteName}</span></a></h2> <h2 class="vivo-logo"><a href="${urls.home}"><span class="displace">${siteName}</span></a></h2>
<!-- Since we are using a graphic text for the tagline, we won't render ${siteTagline} <!-- Since we are using a graphic text for the tagline, we won't render ${siteTagline}

View file

@ -24,6 +24,7 @@ ${headScripts.tags}
<script type="text/javascript" src="${themeDir}/js/selectivizr.js"></script> <script type="text/javascript" src="${themeDir}/js/selectivizr.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body> <body>
<div id="wrapper"> <div id="wrapper">
<header id="branding"> <header id="branding">
@ -33,8 +34,10 @@ ${headScripts.tags}
<em>${siteTagline}</em> <em>${siteTagline}</em>
</#if>--> </#if>-->
<#import "lib-list.ftl" as l> <#import "lib-list.ftl" as l>
<nav> <nav>
<ul id="header-nav"> <ul id="header-nav">
<#if loginName??> <#if loginName??>
<li><span class="pictos-arrow-10">U</span> ${loginName}</li> <li><span class="pictos-arrow-10">U</span> ${loginName}</li>
<li><a href="${urls.logout}">Log out</a></li> <li><a href="${urls.logout}">Log out</a></li>
@ -51,9 +54,11 @@ ${headScripts.tags}
<li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li> <li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
</ul> </ul>
</nav> </nav>
<section id="search"> <section id="search">
<fieldset> <fieldset>
<legend>Search form</legend> <legend>Search form</legend>
<form id="searchForm" action="${urls.search}" name="searchForm"> <form id="searchForm" action="${urls.search}" name="searchForm">
<#if showFlag1SearchField??> <#if showFlag1SearchField??>
<select id="search-form-modifier" name="flag1" class="form-item" > <select id="search-form-modifier" name="flag1" class="form-item" >
@ -65,54 +70,56 @@ ${headScripts.tags}
</#if> </#if>
<div id="search-field"> <div id="search-field">
<input type="text" name="querytext" class="search-vivo" value="${querytext!}" /> <input type="text" name="querytext" class="search-vivo" value="${querytext!}" />
<a class ="submit" href="javascript:document.searchForm.submit();">Search</a> </div> <a class ="submit" href="javascript:document.searchForm.submit();">Search</a>
<!-- <input class ="submit" name="submit" type="submit" value="Search" /> --> <!-- <input class ="submit" name="submit" type="submit" value="Search" /> -->
</div>
</form> </form>
</fieldset> </fieldset>
</section> </section>
</header> </header>
<nav> <nav>
<ul id="main-nav"> <ul id="main-nav">
<#list tabMenu.items as item> <#list tabMenu.items as item>
<li> <li><a href="${item.url}" <#if item.active> class="selected" </#if>>${item.linkText}</a></li>
<a href="${item.url}" <#if item.active> class="selected" </#if>>
${item.linkText}
</a>
</li>
</#list> </#list>
</ul> </ul>
</nav> </nav>
<div id="wrapper-content"> <div id="wrapper-content">
<section id="intro"> <section id="intro">
<h3>What is VIVO?</h3> <h3>What is VIVO?</h3>
<p>VIVO is an open source semantic web application originally developed and implemented at Cornell. When installed and populated with researcher interests, activities, and accomplishments, it enables the discovery of research and scholarship across disciplines at that institution. VIVO supports browsing and a search function which returns faceted results for rapid retrieval of desired information. Content in any local VIVO installation may be maintained manually, brought into VIVO in automated ways from local systems of record, such as HR, grants, course, and faculty activity databases, or from database providers such as publication aggregators and funding agencies. <a href="#">More<span class="pictos-arrow-14"> 4</span></a></p> <p>VIVO is an open source semantic web application originally developed and implemented at Cornell. When installed and populated with researcher interests, activities, and accomplishments, it enables the discovery of research and scholarship across disciplines at that institution. VIVO supports browsing and a search function which returns faceted results for rapid retrieval of desired information. Content in any local VIVO installation may be maintained manually, brought into VIVO in automated ways from local systems of record, such as HR, grants, course, and faculty activity databases, or from database providers such as publication aggregators and funding agencies. <a href="#">More<span class="pictos-arrow-14"> 4</span></a></p>
<section id="search-home"> <section id="search-home">
<h3>Search VIVO</h3> <h3>Search VIVO</h3>
<fieldset> <fieldset>
<legend>Search form</legend> <legend>Search form</legend>
<form id="search-home-vivo" action="#" method="post" name="search"> <form id="search-home-vivo" action="${urls.search}" method="post" name="search">
<div id="search-home-field"> <div id="search-home-field">
<input name="search-home-vivo" class="search-home-vivo" id="search-home-vivo" type="text" /> <input name="search-home-vivo" class="search-home-vivo" id="search-home-vivo" type="text" />
<a class ="submit" href="#">Search</a> </div> <a class ="submit" href="#">Search</a>
</div>
</form> </form>
</fieldset> </fieldset>
</section> </section> <!-- #search-home -->
</section> </section> <!-- #intro -->
<!-- #intro -->
<section id="log-in"> <section id="log-in">
<h3>Log in</h3> <h3>Log in</h3>
<form id="log-in-form" action="#" method="post" name="log-in-form" />
<label for="email">Email</label> <form id="log-in-form" action="${urls.home}/authenticate?login=block" method="post" name="log-in-form" />
<label for="loginName">Email</label>
<div class="input-field"> <div class="input-field">
<input name="email" id="email" type="text" required /> <input name="loginName" id="loginName" type="text" required />
</div> </div>
<label for="password">Password</label> <label for="loginPassword">Password</label>
<div class="input-field"> <div class="input-field">
<input name="password" id="password" type="password" required /> <input name="loginPassword" id="loginPassword" type="password" required />
</div> </div>
<div id="wrapper-submit-remember-me"> <a class="green button" href="#">Log in</a> <div id="wrapper-submit-remember-me">
<input name="loginForm" type="submit" class="login green button" value="Log in"/>
<div id="remember-me"> <div id="remember-me">
<input class="checkbox-remember-me" name="remember-me" type="checkbox" value="" /> <input class="checkbox-remember-me" name="remember-me" type="checkbox" value="" />
<label class="label-remember-me"for="remember-me">Remember me</label> <label class="label-remember-me"for="remember-me">Remember me</label>
@ -120,10 +127,15 @@ ${headScripts.tags}
</div> </div>
<p class="forgot-password"><a href="#">Forgot your password?</a></p> <p class="forgot-password"><a href="#">Forgot your password?</a></p>
</form> </form>
<div id="request-account"> <a class="blue button" href="#">Request an account</a> </div>
<div id="request-account">
<a class="blue button" href="#">Request an account</a>
</div>
</section> <!-- #log-in --> </section> <!-- #log-in -->
<section id="browse"> <section id="browse">
<h2>Browse</h2> <h2>Browse</h2>
<ul id="browse-classGroups"> <ul id="browse-classGroups">
<li><a class="selected" href="#">People<span class="count-classes"> (1,280)</span></a></li> <li><a class="selected" href="#">People<span class="count-classes"> (1,280)</span></a></li>
<li><a href="#">Courses<span class="count-classes"> (1,300)</span></a></li> <li><a href="#">Courses<span class="count-classes"> (1,300)</span></a></li>
@ -134,6 +146,7 @@ ${headScripts.tags}
<li><a href="#">Publications<span class="count-classes"> (670)</span></a></li> <li><a href="#">Publications<span class="count-classes"> (670)</span></a></li>
<li><a href="#">Locations<span class="count-classes"> (903)</span></a></li> <li><a href="#">Locations<span class="count-classes"> (903)</span></a></li>
</ul> </ul>
<section id="browse-classes"> <section id="browse-classes">
<nav> <nav>
<ul id="class-group-list"> <ul id="class-group-list">
@ -148,74 +161,80 @@ ${headScripts.tags}
<li><a href="#">Undergraduate Student<span class="count-individuals"> (880)</span></a></li> <li><a href="#">Undergraduate Student<span class="count-individuals"> (880)</span></a></li>
</ul> </ul>
</nav> </nav>
<section id="visual-graph"> <section id="visual-graph">
<h4>Visual Graph</h4> <h4>Visual Graph</h4>
<img src="${themeDir}/images/visual-graph.jpg" /> </section> <img src="${themeDir}/images/visual-graph.jpg" />
</section> </section>
</section><!-- Browse --> </section> <!-- #browse-classes -->
</section> <!-- #browse -->
<section id="highlights"> <section id="highlights">
<h2>Highlights</h2> <h2>Highlights</h2>
<section id="fearuted-people" class="global-highlights">
<section id="featured-people" class="global-highlights">
<h3>FEATURED PEOPLE</h3> <h3>FEATURED PEOPLE</h3>
<!--use Hs--> <!--use Hs-->
<article class="featured-people vcard"><a href="#"><img class="individual-photo" src="${themeDir}/images/person-thumbnail-sample.jpg" width="80" height="80" /> <article class="featured-people vcard">
<a href="#">
<img class="individual-photo" src="${themeDir}/images/person-thumbnail-sample.jpg" width="80" height="80" />
<p class="fn">Hayworth, Rita<span class="title">Actress, dancer</span><span class="org">Sabbatic year for ever</span></p> <p class="fn">Hayworth, Rita<span class="title">Actress, dancer</span><span class="org">Sabbatic year for ever</span></p>
</a> </article> </a>
<article class="featured-people vcard"><a href="#"><img class="individual-photo" src="${themeDir}/images/person-thumbnail-sample-2.jpg" width="80" height="80" /> </article>
<article class="featured-people vcard">
<a href="#">
<img class="individual-photo" src="${themeDir}/images/person-thumbnail-sample-2.jpg" width="80" height="80" />
<p class="fn">Wiedmann, Martin <span class="title">Associate Professor</span><span class="org">Cornell faculty</span></p> <p class="fn">Wiedmann, Martin <span class="title">Associate Professor</span><span class="org">Cornell faculty</span></p>
</a> </article> </a>
</section> </article>
<!-- featured-people --> </section> <!-- #featured-people -->
<section id="upcoming-events" class="global-highlights"> <section id="upcoming-events" class="global-highlights">
<h3>UPCOMING EVENTS</h3> <h3>UPCOMING EVENTS</h3>
<article class="vevent"> <article class="vevent">
<time class="dtstart" datetime="2010-02-13T20:00Z">21<span>Dec</span></time> <time class="dtstart" datetime="2010-02-13T20:00Z">21<span>Dec</span></time>
<p class="summary">Understanding Patent Writing <p class="summary">Understanding Patent Writing <time>3:30 PM</time></p>
<time>3:30 PM</time>
</p>
</article> </article>
<article class="vevent"> <article class="vevent">
<time class="dtstart" datetime="2010-02-13T20:00Z">20<span>Nov</span></time> <time class="dtstart" datetime="2010-02-13T20:00Z">20<span>Nov</span></time>
<p class="summary">Voters, Dictators, and Peons <p class="summary">Voters, Dictators, and Peons <time>4:30 PM</time></p>
<time>4:30 PM</time>
</p>
</article> </article>
<article class="vevent"> <article class="vevent">
<time class="dtstart" datetime="2010-02-13T20:00Z">19<span>Nov</span></time> <time class="dtstart" datetime="2010-02-13T20:00Z">19<span>Nov</span></time>
<p class="summary">Proton-Coupled Electron Transfer II <p class="summary">Proton-Coupled Electron Transfer II <time>5:30 PM</time></p>
<time>5:30 PM</time>
</p>
</article> </article>
<p class="view-all"><a class="view-all-style" href="#">View All <span class="pictos-arrow-10">4</span></a></p> <p class="view-all"><a class="view-all-style" href="#">View All <span class="pictos-arrow-10">4</span></a></p>
</section> </section> <!-- #upcoming-events -->
<!-- upcoming-events -->
<section id="latest-publications" class="global-highlights"> <section id="latest-publications" class="global-highlights">
<h3>LATEST PUBLICATIONS</h3> <h3>LATEST PUBLICATIONS</h3>
<article class="latest-publications-item"> <article class="latest-publications-item">
<p class="publication-content">Solar masses<span><em>Journal</em> <p class="publication-content">Solar masses<span><em>Journal</em> <time datetime="2010-02-13T20:00Z"> | December 2010</time></p>
<time datetime="2010-02-13T20:00Z"> | December 2010</time>
</p>
</article> </article>
<article class="latest-publications-item"> <article class="latest-publications-item">
<p class="publication-content">Link data and the Web<span><em>Article</em> <p class="publication-content">Link data and the Web<span><em>Article</em> <time datetime="2010-02-13T20:00Z"> | December 2010</time></p>
<time datetime="2010-02-13T20:00Z"> | December 2010</time>
</p>
</article> </article>
<article class="latest-publications-item"> <article class="latest-publications-item">
<p class="publication-content">Building a community<span><em>Book</em> <p class="publication-content">Building a community<span><em>Book</em> <time datetime="2010-02-13T20:00Z"> | November 2010</time></p>
<time datetime="2010-02-13T20:00Z"> | November 2010</time>
</p>
</article> </article>
<article class="latest-publications-item"> <article class="latest-publications-item">
<p class="publication-content">Biology 101<span><em>Series</em> <p class="publication-content">Biology 101<span><em>Series</em> <time datetime="2010-02-13T20:00Z"> | November 2010</time></p>
<time datetime="2010-02-13T20:00Z"> | November 2010</time>
</p>
</article> </article>
<p class="view-all"><a class="view-all-style" href="#">View All <span class="pictos-arrow-10">4</span></a></p> <p class="view-all"><a class="view-all-style" href="#">View All <span class="pictos-arrow-10">4</span></a></p>
</section> </section> <!-- #latest-publications -->
<!-- latest-publications --> </section> <!-- $highlights -->
</section> </div> <!-- #wrapper-content -->
</div>
<footer> <footer>
<div id="footer-content"> <div id="footer-content">
<#if copyright??> <#if copyright??>
@ -236,9 +255,9 @@ ${headScripts.tags}
<li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li> <li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
</ul> </ul>
</nav> </nav>
</div> </div> <!-- #footer-content -->
</footer> </footer>
</div> </div> <!-- #wrapper -->
${scripts.add("/js/jquery.js")} ${scripts.add("/js/jquery.js")}
${scripts.tags} ${scripts.tags}

View file

@ -53,6 +53,7 @@ ${headScripts.tags}
<section id="search"> <section id="search">
<fieldset> <fieldset>
<legend>Search form</legend> <legend>Search form</legend>
<form id="searchForm" action="${urls.search}" name="searchForm"> <form id="searchForm" action="${urls.search}" name="searchForm">
<#if showFlag1SearchField??> <#if showFlag1SearchField??>
<select id="search-form-modifier" name="flag1" class="form-item" > <select id="search-form-modifier" name="flag1" class="form-item" >
@ -64,7 +65,8 @@ ${headScripts.tags}
</#if> </#if>
<div id="search-field"> <div id="search-field">
<input type="text" name="querytext" class="search-vivo" value="${querytext!}" /> <input type="text" name="querytext" class="search-vivo" value="${querytext!}" />
<a class ="submit" href="javascript:document.searchForm.submit();">Search</a> </div> <a class ="submit" href="javascript:document.searchForm.submit();">Search</a>
</div>
<!-- <input class ="submit" name="submit" type="submit" value="Search" /> --> <!-- <input class ="submit" name="submit" type="submit" value="Search" /> -->
</form> </form>
</fieldset> </fieldset>
@ -73,18 +75,14 @@ ${headScripts.tags}
<nav> <nav>
<ul id="main-nav"> <ul id="main-nav">
<#list tabMenu.items as item> <#list tabMenu.items as item>
<li> <li><a href="${item.url}" <#if item.active> class="selected" </#if>>${item.linkText}</a></li>
<a href="${item.url}" <#if item.active> class="selected" </#if>>
${item.linkText}
</a>
</li>
</#list> </#list>
</ul> </ul>
</nav> </nav>
<div id="wrapper-content"> <div id="wrapper-content">
<#-- ${body} --> <#-- ${body} -->
<#include bodyTemplate> <#include bodyTemplate>
</div> </div> <!-- #wrapper-content -->
<footer> <footer>
<div id="footer-content"> <div id="footer-content">
<#if copyright??> <#if copyright??>
@ -105,13 +103,13 @@ ${headScripts.tags}
<li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li> <li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
</ul> </ul>
</nav> </nav>
</div> </div> <!-- #footer-content -->
</footer> </footer>
</div> </div> <!-- #wrapper -->
<!--<script type="text/javascript" src="http://use.typekit.com/chp2uea.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>-->
${scripts.add("/js/jquery.js")} ${scripts.add("/js/jquery.js")}
${scripts.tags} ${scripts.tags}
<#include "googleAnalytics.ftl"> <#include "googleAnalytics.ftl">
</body> </body>
</html> </html>

View file

@ -51,9 +51,6 @@
throw new JspException(e); throw new JspException(e);
} }
*/ */
// This is here as a safety net. We should have gotten the values in identity.jsp,
// since it's the first jsp we hit.
%> %>
@ -88,13 +85,29 @@ FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
<!-- script for enabling new HTML5 semantic markup in IE browsers--> <!-- script for enabling new HTML5 semantic markup in IE browsers-->
<%-- ${headScripts.add("/js/html5.js")} --%> <%-- ${headScripts.add("/js/html5.js")} --%>
<c:if test="${!empty scripts}"><jsp:include page="${scripts}"/></c:if> <c:if test="${!empty scripts}"><jsp:include page="${scripts}"/></c:if>
<!--[if lt IE 7]>
<script type="text/javascript" src="<%=themeDir%>js/jquery_plugins/supersleight.js"></script>
<script type="text/javascript" src="<%=themeDir%>js/utils.js"></script>
<link rel="stylesheet" href="css/ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" />
<![endif]-->
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="<%=themeDir%>js/selectivizr.js"></script>
<![endif]-->
</head> </head>
<body ${requestScope.bodyAttr}> <body ${requestScope.bodyAttr}>
<div id="wrapper"> <div id="wrapper">
${ftl_menu} ${ftl_menu}
<div id="wrapper-content"> <div id="wrapper-content">
<c:import url="${bodyJsp}"/> <c:import url="${bodyJsp}"/>
</div> </div>
${ftl_footer} ${ftl_footer}
</body> </body>