Homepage structure and footer changes.
This commit is contained in:
Graham Triggs
parent
4b7322e351
commit
2f405ac4d8
3 changed files with 117 additions and 79 deletions
|
|
@ -175,11 +175,16 @@ footer {
|
|||
height: 88px;
|
||||
margin: 0 auto;
|
||||
font-size: .7em;
|
||||
color: #4e5051;
|
||||
color: white;
|
||||
background-color: black;
|
||||
}
|
||||
footer .row {
|
||||
background-color: black;
|
||||
}
|
||||
footer p.copyright {
|
||||
float: left;
|
||||
padding-top: 55px;
|
||||
color: white;
|
||||
}
|
||||
footer p.copyright small {
|
||||
font-size: 1em;
|
||||
|
|
@ -206,17 +211,17 @@ ul#individual-facultyMemberships li:last-child {
|
|||
border-right: none;
|
||||
}
|
||||
#footer-nav a {
|
||||
color: #4e5051
|
||||
color: white;
|
||||
}
|
||||
#footer-nav a:hover,
|
||||
a.terms,
|
||||
a.powered-by-vivo {
|
||||
color: #09C;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
#footer-nav a.terms:hover,
|
||||
a.powered-by-vivo:hover {
|
||||
color: #4e5051;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
#footer-nav p {
|
||||
|
|
|
|||
|
|
@ -25,63 +25,92 @@
|
|||
</head>
|
||||
|
||||
<body class="${bodyClasses!}" onload="${bodyOnload!}">
|
||||
<#-- supplies the faculty count to the js function that generates a random row number for the search query -->
|
||||
<#-- supplies the faculty count to the js function that generates a random row number for the search query -->
|
||||
<@lh.facultyMemberCount vClassGroups! />
|
||||
<header id="branding" role="banner">
|
||||
<#include "identity.ftl">
|
||||
</header>
|
||||
<#include "menu.ftl">
|
||||
|
||||
<section id="intro" role="region">
|
||||
<h2>${i18n().intro_title}</h2>
|
||||
|
||||
<p>${i18n().intro_para1}</p>
|
||||
<p>${i18n().intro_para2}</p>
|
||||
|
||||
<section id="search-home" role="region">
|
||||
<h3>${i18n().intro_searchvivo} <span class="search-filter-selected">filteredSearch</span></h3>
|
||||
|
||||
<fieldset>
|
||||
<legend>${i18n().search_form}</legend>
|
||||
<form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" >
|
||||
<div id="search-home-field">
|
||||
<input type="text" name="querytext" class="search-homepage" value="" autocapitalize="off" />
|
||||
<input type="submit" value="${i18n().search_button}" class="search" />
|
||||
<input type="hidden" name="classgroup" value="" autocapitalize="off" />
|
||||
<div class="row hero">
|
||||
<div class="theme-showcase">
|
||||
<div class="col-md-12">
|
||||
<div class="container" role="main">
|
||||
<div class="jumbotron">
|
||||
<h1>${i18n().intro_title}</h1>
|
||||
</div>
|
||||
<section id="search-home" role="region">
|
||||
<h3>${i18n().intro_searchvivo} <span class="search-filter-selected">filteredSearch</span></h3>
|
||||
|
||||
<a class="filter-search filter-default" href="#" title="${i18n().intro_filtersearch}">
|
||||
<span class="displace">${i18n().intro_filtersearch}</span>
|
||||
</a>
|
||||
<fieldset>
|
||||
<legend>${i18n().search_form}</legend>
|
||||
<form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" >
|
||||
<div id="search-home-field">
|
||||
<input type="text" name="querytext" class="search-homepage" value="" autocapitalize="off" />
|
||||
<input type="submit" value="${i18n().search_button}" class="search" />
|
||||
<input type="hidden" name="classgroup" value="" autocapitalize="off" />
|
||||
</div>
|
||||
|
||||
<ul id="filter-search-nav">
|
||||
<li><a class="active" href="">${i18n().all_capitalized}</a></li>
|
||||
<@lh.allClassGroupNames vClassGroups! />
|
||||
</ul>
|
||||
</form>
|
||||
</fieldset>
|
||||
</section> <!-- #search-home -->
|
||||
<a class="filter-search filter-default" href="#" title="${i18n().intro_filtersearch}">
|
||||
<span class="displace">${i18n().intro_filtersearch}</span>
|
||||
</a>
|
||||
|
||||
</section> <!-- #intro -->
|
||||
<ul id="filter-search-nav">
|
||||
<li><a class="active" href="">${i18n().all_capitalized}</a></li>
|
||||
<@lh.allClassGroupNames vClassGroups! />
|
||||
</ul>
|
||||
</form>
|
||||
</fieldset>
|
||||
</section> <!-- #search-home -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="container">
|
||||
<div class="jumbotron">
|
||||
<p>${i18n().intro_para1}</p>
|
||||
<p>${i18n().intro_para2}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<@widget name="login" />
|
||||
<div class="row faculty-home">
|
||||
<div class="container">
|
||||
<div class="col-md-12">
|
||||
<!-- List of research classes: e.g., articles, books, collections, conference papers -->
|
||||
<@lh.researchClasses />
|
||||
|
||||
<!-- List of research classes: e.g., articles, books, collections, conference papers -->
|
||||
<@lh.researchClasses />
|
||||
<!-- List of four randomly selected faculty members -->
|
||||
<@lh.facultyMbrHtml />
|
||||
|
||||
<!-- List of four randomly selected faculty members -->
|
||||
<@lh.facultyMbrHtml />
|
||||
|
||||
<!-- List of randomly selected academic departments -->
|
||||
<@lh.academicDeptsHtml />
|
||||
<!-- List of randomly selected academic departments -->
|
||||
<@lh.academicDeptsHtml />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#if geoFocusMapsEnabled >
|
||||
<!-- Map display of researchers' areas of geographic focus. Must be enabled in runtime.properties -->
|
||||
<@lh.geographicFocusHtml />
|
||||
<div class="row geo-focus">
|
||||
<div class="container">
|
||||
<div class="col-md-12">
|
||||
<!-- Map display of researchers' areas of geographic focus. Must be enabled in runtime.properties -->
|
||||
<@lh.geographicFocusHtml />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<!-- Statistical information relating to property groups and their classes; displayed horizontally, not vertically-->
|
||||
<@lh.allClassGroups vClassGroups! />
|
||||
<!-- List of research classes: e.g., articles, books, collections, conference papers -->
|
||||
<div class="row research-count">
|
||||
<div class="container">
|
||||
<div class="col-md-6">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- Statistical information relating to property groups and their classes; displayed horizontally, not vertically-->
|
||||
<@lh.allClassGroups vClassGroups! />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#include "footer.ftl">
|
||||
<#-- builds a json object that is used by js to render the academic departments section -->
|
||||
|
|
|
|||
|
|
@ -1,34 +1,38 @@
|
|||
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
|
||||
<footer role="contentinfo">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<p class="copyright">
|
||||
<#if copyright??>
|
||||
<small>©${copyright.year?c}
|
||||
<#if copyright.url??>
|
||||
<a href="${copyright.url}" title="${i18n().menu_copyright}">${copyright.text}</a>
|
||||
<#else>
|
||||
${copyright.text}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<p class="copyright">
|
||||
<#if copyright??>
|
||||
<small>©${copyright.year?c}
|
||||
<#if copyright.url??>
|
||||
<a href="${copyright.url}" title="${i18n().menu_copyright}">${copyright.text}</a>
|
||||
<#else>
|
||||
${copyright.text}
|
||||
</#if>
|
||||
| <a class="terms" href="${urls.termsOfUse}" title="${i18n().menu_termuse}">${i18n().menu_termuse}</a></small> |
|
||||
</#if>
|
||||
| <a class="terms" href="${urls.termsOfUse}" title="${i18n().menu_termuse}">${i18n().menu_termuse}</a></small> |
|
||||
</#if>
|
||||
${i18n().menu_powered} <a class="powered-by-vivo" href="http://vivoweb.org" target="_blank" title="${i18n().menu_powered} VIVO"><strong>VIVO</strong></a>
|
||||
<#if user.hasRevisionInfoAccess>
|
||||
| ${i18n().menu_version} <a href="${version.moreInfoUrl}" title="${i18n().menu_version}">${version.label}</a>
|
||||
</#if>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<nav role="navigation">
|
||||
<ul id="footer-nav" role="list">
|
||||
<li role="listitem"><a href="${urls.about}" title="${i18n().menu_about}">${i18n().menu_about}</a></li>
|
||||
<#if urls.contact??>
|
||||
<li role="listitem"><a href="${urls.contact}" title="${i18n().menu_contactus}">${i18n().menu_contactus}</a></li>
|
||||
</#if>
|
||||
<li role="listitem"><a href="http://www.vivoweb.org/support" target="blank" title="${i18n().menu_support}">${i18n().menu_support}</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
${i18n().menu_powered} <a class="powered-by-vivo" href="http://vivoweb.org" target="_blank" title="${i18n().menu_powered} VIVO"><strong>VIVO</strong></a>
|
||||
<#if user.hasRevisionInfoAccess>
|
||||
| ${i18n().menu_version} <a href="${version.moreInfoUrl}" title="${i18n().menu_version}">${version.label}</a>
|
||||
</#if>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<nav role="navigation">
|
||||
<ul id="footer-nav" role="list">
|
||||
<li role="listitem"><a href="${urls.about}" title="${i18n().menu_about}">${i18n().menu_about}</a></li>
|
||||
<#if urls.contact??>
|
||||
<li role="listitem"><a href="${urls.contact}" title="${i18n().menu_contactus}">${i18n().menu_contactus}</a></li>
|
||||
</#if>
|
||||
<li role="listitem"><a href="http://www.vivoweb.org/support" target="blank" title="${i18n().menu_support}">${i18n().menu_support}</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue