Skip to content
Snippets Groups Projects
Unverified Commit 2ed0d486 authored by Kelvin Rodriguez's avatar Kelvin Rodriguez Committed by GitHub
Browse files

made the banner smaller (#5666)


* made the banner smaller

* Updates to banner

---------

Co-authored-by: default avataramystamile-usgs <astamile@usgs.gov>
parent b224a0fa
No related branches found
No related tags found
No related merge requests found
isis/src/docsys/assets/img/PIA26068.jpg

1.25 MiB

......@@ -92,15 +92,49 @@
/* Logo/Brand */
#isis-banner {
background:
linear-gradient(
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.3)
),
url(../img/moon-cr.jpg);
background: url(../img/PIA26068.jpg) no-repeat;
background-position: 50% 75%;
color: white;
padding: 4rem;
padding: 3rem;
background-size: cover;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.title-overlay {
transform: translateX(-5%);
color: #fff;
font-size: 1.5rem;
font-weight: bold;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
padding: 10px;
border-radius: 5px;
margin: 5px;
}
.title-overlay h3 {
margin: 0;
}
.image-credit-fixed {
width: 100%;
padding: 5px 45px;
background-color: #333;
color: #D1D3D4;
text-align: right;
font-size: .75rem;
line-height: 1.25rem;
}
.image-credit-fixed p {
margin: 5px 0;
}
.image-credit-fixed a {
color: #D1D3D4;
text-decoration: none;
}
.isis-logo {
......
......@@ -75,13 +75,35 @@ Deborah Lee Soltesz
<xsl:call-template name="writeHeader"/>
<div id="isis-banner">
<div>
<div class="isis-logo"></div>
<p><em>Integrated Software for Imagers and Spectrometers</em></p>
<h3 class="title-overlay">
Integrated Software for <br/>
Imagers and Spectrometers
</h3>
</div>
<div class="usa-card__container width-tablet">
<div class="usa-card__header">
<h4 class="usa-card__heading">Documentation Update</h4>
</div>
<div class="usa-card__body">
<p>
ISIS documentation, including tutorials, how-to guides, and software usage explanations, has been relocated to <a href="https://astrogeology.usgs.gov/docs/" target="_blank">the USGS Astrogeology Software Docs website</a>. Documentation for previous versions of ISIS remains accessible via the left navigation pane.
</p>
</div>
<div class="usa-card__footer">
<a href="https://astrogeology.usgs.gov/docs" class="usa-button">Visit USGS Astrogeology Software Docs</a>
</div>
</div>
</div>
<div class="image-credit-fixed">
<p>This artist's concept depicts NASA's Europa Clipper spacecraft in orbit around Jupiter.</p>
<p style="color: #fff">Image Credit: <a style="color: #fff" href="https://photojournal.jpl.nasa.gov/catalog/PIA26068" target="_blank">NASA/JPL-Caltech</a></p>
</div>
<div id="page">
<div class="isisMenu">
<xsl:call-template name="writeMenu"/>
<xsl:call-template name="writeFrontPageMenu"/>
</div>
<main class="isisContent">
<!--xsl:copy-of select="."/-->
......@@ -108,4 +130,3 @@ Deborah Lee Soltesz
</xsl:template>
</xsl:stylesheet>
......@@ -15,6 +15,82 @@ Deborah Lee Soltesz
12/13/2002
-->
<xsl:template mode="writeFrontPageMenu" name="writeFrontPageMenu">
<nav aria-label="usa-sidenav" class="sidenav">
<div id="nav-title">
<div id="nav-title-text-box">
<em id="nav-title-text">ISIS<br />Documentation</em>
</div>
</div>
<ul class="usa-sidenav">
<li class="usa-sidenav__item">
<a href="{$menuPath}index.html" target="_top" id="homeLink">Home/About</a>
</li>
<li class="usa-sidenav__item">
<a href="{$menuPath}Application/index.html" target="_top" id="homeLink">Application&#160;Manuals</a>
<ul class="usa-sidenav__sublist">
<li class="usa-sidenav__item">
<a href="{$menuPath}Application/index.html">By Category</a>
</li>
<li class="usa-sidenav__item">
<a href="{$menuPath}Application/alpha.html">By Alphabetical</a>
</li>
<li class="usa-sidenav__item">
<a href="{$menuPath}Application/oldvnew.html">Old vs. New</a>
</li>
</ul>
</li>
<li class="usa-sidenav__item">
<a href="https://github.com/DOI-USGS/ISIS3">GitHub</a>
</li>
<li class="usa-sidenav__item">
<a href="{$menuPath}Object/Developer/index.html">API</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov">Versions</a>
<ul class="usa-sidenav__sublist">
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov">Public&#160;Release</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/8.3.0/">8.3.0</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/8.2.0/">8.2.0</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/8.1.0/">8.1.0</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/8.0.0/">8.0.0</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/7.2.0/">7.2.0</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/7.1.0/">7.1.0</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/7.0.0/">7.0.0</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/6.0.0/">6.0.0</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/3.9.0/">3.9.0</a>
</li>
<li class="usa-sidenav__item">
<a href="https://isis.astrogeology.usgs.gov/3.5.0/">3.5.0</a>
</li>
</ul>
</li>
</ul>
</nav>
</xsl:template>
<xsl:template mode="writeMenu" name="writeMenu">
<nav aria-label="usa-sidenav" class="sidenav">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment