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

isis/src/docsys/assets/img/PIA26068.jpg

0 → 100644
+1.25 MiB
Loading image diff...

isis/src/docsys/assets/styles/IsisStyleCommon.css

+41 −7
Original line number Diff line number Diff line
@@ -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 {

isis/src/docsys/build/main.xsl

+26 −5
Original line number Diff line number Diff line
@@ -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>

isis/src/docsys/build/menu.xsl

+76 −0
Original line number Diff line number Diff line
@@ -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">