From d5cf6fb8acc9e9b703ec7f1d75a63986dd519a86 Mon Sep 17 00:00:00 2001 From: Jessy Barrette <30420025+JessyBarrette@users.noreply.github.com> Date: Tue, 26 Mar 2024 12:18:59 -0400 Subject: [PATCH] improve css and header html --- erddap/content/images/erddap2.css | 35 +++++++++++++++++++++++++++++ erddap/content/setup.xml | 37 ++++++++++++++++--------------- 2 files changed, 54 insertions(+), 18 deletions(-) diff --git a/erddap/content/images/erddap2.css b/erddap/content/images/erddap2.css index 98f8e3d7..ee9e81b7 100644 --- a/erddap/content/images/erddap2.css +++ b/erddap/content/images/erddap2.css @@ -114,3 +114,38 @@ td.verticalLine {border-left:1px solid #bbbbbb; height:100%; } /* This is used on the /info/[datasetID]/index.html pages to highlight a cell or row. */ td.highlightBGColor {background-color:#cceecc; } tr.highlightBGColor {background-color:#cceecc; } + +#header { + display: flex; + flex-direction: row; + justify-content: space-between; + color: white; + background-color:#aa2025; + padding:15px; + margin: 0 0 10px 0; + align-items: center; + border-radius: 10px; +} +#header-title-logo { + display: flex; + flex-direction: row; + align-items: center; +} +#header-logo img { + height: 50px; + padding: 0 10px; +} +#header-title > * { + margin: 0 ; + padding: 0; + flex-direction: column; + font-size: large; +} +#header-right { + display:flex; + flex-direction: column; + align-items: flex-end; +} +#header-right img { + padding: 0 5px; +} diff --git a/erddap/content/setup.xml b/erddap/content/setup.xml index 8e4b417c..9ee78dd1 100755 --- a/erddap/content/setup.xml +++ b/erddap/content/setup.xml @@ -359,7 +359,7 @@ For SGT graphics, currently, the Files designated below must be png, gif, jpg, o If you want to substitute other image files, it is best to make them a similar number of pixels wide and high. --> - noaa_simple.gif + logo.png noaa20.gif nlogo.gif question-mark-fill.svg @@ -442,7 +442,7 @@ This particular ERDDAP installation has oceanographic data (starting at "") for all HTML web pages. This may include &erddapUrl;, which is expanded to be [baseUrl]/erddap - (or [baseUttpsUrl]/erddap if the user is logged in). + (or [baseHttpsUrl]/erddap if the user is logged in). If your ERDDAP allows users to log in, all referenced image files, css files, etc. must be in [tomcat]/content/erddap/images or a subdirectory and must be referenced here with &erddapUrl;/images/[fileName]. @@ -519,22 +519,23 @@ information. - - - - - - -
Hakai - ERDDAP -
Easier access to the Hakai Institute data - 		- - &loginInfo; &language;     -
Brought to you by - Hakai -
+ + ]]>