Homepage structure and footer changes.

This commit is contained in:
Graham Triggs 2017-04-08 07:08:31 -06:00
parent 4b7322e351
commit 2f405ac4d8
3 changed files with 117 additions and 79 deletions

View file

@ -175,11 +175,16 @@ footer {
height: 88px; height: 88px;
margin: 0 auto; margin: 0 auto;
font-size: .7em; font-size: .7em;
color: #4e5051; color: white;
background-color: black;
}
footer .row {
background-color: black;
} }
footer p.copyright { footer p.copyright {
float: left; float: left;
padding-top: 55px; padding-top: 55px;
color: white;
} }
footer p.copyright small { footer p.copyright small {
font-size: 1em; font-size: 1em;
@ -206,17 +211,17 @@ ul#individual-facultyMemberships li:last-child {
border-right: none; border-right: none;
} }
#footer-nav a { #footer-nav a {
color: #4e5051 color: white;
} }
#footer-nav a:hover, #footer-nav a:hover,
a.terms, a.terms,
a.powered-by-vivo { a.powered-by-vivo {
color: #09C; color: white;
text-decoration: none; text-decoration: none;
} }
#footer-nav a.terms:hover, #footer-nav a.terms:hover,
a.powered-by-vivo:hover { a.powered-by-vivo:hover {
color: #4e5051; color: white;
text-decoration: none; text-decoration: none;
} }
#footer-nav p { #footer-nav p {

View file

@ -31,13 +31,13 @@
<#include "identity.ftl"> <#include "identity.ftl">
</header> </header>
<#include "menu.ftl"> <#include "menu.ftl">
<div class="row hero">
<section id="intro" role="region"> <div class="theme-showcase">
<h2>${i18n().intro_title}</h2> <div class="col-md-12">
<div class="container" role="main">
<p>${i18n().intro_para1}</p> <div class="jumbotron">
<p>${i18n().intro_para2}</p> <h1>${i18n().intro_title}</h1>
</div>
<section id="search-home" role="region"> <section id="search-home" role="region">
<h3>${i18n().intro_searchvivo} <span class="search-filter-selected">filteredSearch</span></h3> <h3>${i18n().intro_searchvivo} <span class="search-filter-selected">filteredSearch</span></h3>
@ -61,11 +61,22 @@
</form> </form>
</fieldset> </fieldset>
</section> <!-- #search-home --> </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>
</section> <!-- #intro --> <div class="row faculty-home">
<div class="container">
<@widget name="login" /> <div class="col-md-12">
<!-- List of research classes: e.g., articles, books, collections, conference papers --> <!-- List of research classes: e.g., articles, books, collections, conference papers -->
<@lh.researchClasses /> <@lh.researchClasses />
@ -74,14 +85,32 @@
<!-- List of randomly selected academic departments --> <!-- List of randomly selected academic departments -->
<@lh.academicDeptsHtml /> <@lh.academicDeptsHtml />
</div>
</div>
</div>
<#if geoFocusMapsEnabled > <#if geoFocusMapsEnabled >
<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 --> <!-- Map display of researchers' areas of geographic focus. Must be enabled in runtime.properties -->
<@lh.geographicFocusHtml /> <@lh.geographicFocusHtml />
</div>
</div>
</div>
</#if> </#if>
<!-- 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--> <!-- Statistical information relating to property groups and their classes; displayed horizontally, not vertically-->
<@lh.allClassGroups vClassGroups! /> <@lh.allClassGroups vClassGroups! />
</div>
</div>
</div>
<#include "footer.ftl"> <#include "footer.ftl">
<#-- builds a json object that is used by js to render the academic departments section --> <#-- builds a json object that is used by js to render the academic departments section -->

View file

@ -1,5 +1,7 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ --> <#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<footer role="contentinfo"> <footer role="contentinfo">
<div class="row">
<div class="col-md-12">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-8"> <div class="col-md-8">
@ -32,6 +34,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</footer> </footer>
<#include "scripts.ftl"> <#include "scripts.ftl">