diff --git a/isis/src/docsys/assets/img/PIA26068.jpg b/isis/src/docsys/assets/img/PIA26068.jpg new file mode 100644 index 0000000000000000000000000000000000000000..16654be70d1ce3c8f09075524a4411e3708710b6 Binary files /dev/null and b/isis/src/docsys/assets/img/PIA26068.jpg differ diff --git a/isis/src/docsys/assets/styles/IsisStyleCommon.css b/isis/src/docsys/assets/styles/IsisStyleCommon.css index 6863dcd12bc61f306170ae0629b78cb452b26f45..d0955c7f237fe7cc75668a2a03f8873d531491c7 100644 --- a/isis/src/docsys/assets/styles/IsisStyleCommon.css +++ b/isis/src/docsys/assets/styles/IsisStyleCommon.css @@ -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 { diff --git a/isis/src/docsys/build/main.xsl b/isis/src/docsys/build/main.xsl index cea64afce7dacd383db1cbedb32fa530be7c6f96..8a1e82c5547f472d501c0815a160377cf9577a03 100644 --- a/isis/src/docsys/build/main.xsl +++ b/isis/src/docsys/build/main.xsl @@ -75,13 +75,35 @@ Deborah Lee Soltesz <xsl:call-template name="writeHeader"/> <div id="isis-banner"> - <div class="isis-logo"></div> - <p><em>Integrated Software for Imagers and Spectrometers</em></p> - </div> + <div> + <div class="isis-logo"></div> + <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> - diff --git a/isis/src/docsys/build/menu.xsl b/isis/src/docsys/build/menu.xsl index dc626d8ff2a4699a3754400cd0bc13f42537330b..ba9fcea4e65ef9f24ad71d407b9ef7c9aafdde83 100644 --- a/isis/src/docsys/build/menu.xsl +++ b/isis/src/docsys/build/menu.xsl @@ -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 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 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">