Update logo, banners and navbar colour

hsma-programme · Oct 21, 2024 · 87f20a7 · 87f20a7
1 parent f456ae0
commit 87f20a7
Show file tree

Hide file tree

Showing 22 changed files with 85 additions and 68 deletions.
diff --git a/_quarto.yml b/_quarto.yml
@@ -3,7 +3,8 @@ project:
   output-dir: docs
 
 website:
-  title: "HSMA Website"
+  title: |
+    ![](/resources/hsma_logo_transparent_background_wide_black.png){height=50}
   # google-analytics:
   #   tracking-id: "G-MBWDD0MCCS"
   #   anonymize-ip: true
@@ -26,10 +27,11 @@ website:
             text: Projects by Method
           - href: previous_projects/projects_by_service_area.qmd
             text: Projects by Service Area
-          - href: previous_projects/index.qmd
-            text: Projects by Cohort
           - href: previous_projects/projects_by_organisation.qmd
             text: Projects by Organisation
+          - href: previous_projects/projects_by_cohort.qmd
+            text: Projects by Cohort
+
 
 format:
   html:
@@ -39,4 +41,5 @@ format:
       - resources/fonts/css/lexend.css
     # css: styles.css
     toc: true
+    title-block-banner: resources/banner.png
     mainfont: Lexend
diff --git a/docs/index.html b/docs/index.html
@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 
-<title>HSMA Website</title>
+<title> - HSMA Website</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -86,19 +86,26 @@
 });
 </script> 
 
+<style>
+
+      .quarto-title-block .quarto-title-banner {
+        background-image: url(resources/banner.png);
+background-size: cover;
+      }
+</style>
 
 
 </head>
 
 <body class="nav-fixed">
 
 <div id="quarto-search-results"></div>
-  <header id="quarto-header" class="headroom fixed-top">
+  <header id="quarto-header" class="headroom fixed-top quarto-banner">
     <nav class="navbar navbar-expand-lg " data-bs-theme="dark">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container mx-auto">
     <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">HSMA Website</span>
+    <span class="navbar-title"><img src=".\resources/hsma_logo_transparent_background_wide_black.png" height="50"></span>
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>
@@ -123,14 +130,14 @@
         <li>
     <a class="dropdown-item" href="./previous_projects/projects_by_service_area.html">
  <span class="dropdown-text">Projects by Service Area</span></a>
-  </li>  
-        <li>
-    <a class="dropdown-item" href="./previous_projects/index.html">
- <span class="dropdown-text">Projects by Cohort</span></a>
   </li>  
         <li>
     <a class="dropdown-item" href="./previous_projects/projects_by_organisation.html">
  <span class="dropdown-text">Projects by Organisation</span></a>
+  </li>  
+        <li>
+    <a class="dropdown-item" href="./previous_projects/projects_by_cohort.html">
+ <span class="dropdown-text">Projects by Cohort</span></a>
   </li>  
     </ul>
   </li>
@@ -142,32 +149,33 @@
     </nav>
 </header>
 <!-- content -->
-<div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-article page-navbar">
+<header id="title-block-header" class="quarto-title-block default page-columns page-full">
+  <div class="quarto-title-banner page-columns page-full">
+    <div class="quarto-title column-body">
+      <h1 class="title">HSMA Website</h1>
+                      </div>
+  </div>
+
+
+  <div class="quarto-title-meta">
+
+
+
+
+    </div>
+
+
+  </header><div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-article page-navbar">
 <!-- sidebar -->
 <!-- margin-sidebar -->
     <div id="quarto-margin-sidebar" class="sidebar margin-sidebar">
 
     </div>
 <!-- main -->
-<main class="content" id="quarto-document-content">
-
-<header id="title-block-header" class="quarto-title-block default">
-<div class="quarto-title">
-<h1 class="title">HSMA Website</h1>
-</div>
-
-
+<main class="content quarto-banner-title-block" id="quarto-document-content">
 
-<div class="quarto-title-meta">
-
-
-
-
-  </div>
-
 
 
-</header>
 
 
 <p>Welcome to the website of the HSMA Programme.</p>

diff --git a/docs/previous_projects/banner.png b/docs/previous_projects/banner.png
diff --git a/docs/previous_projects/hsma_5/h5_test_project/index.html b/docs/previous_projects/hsma_5/h5_test_project/index.html
@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 
-<title>HSMA Website – Test</title>
+<title>![](/resources/hsma_logo_transparent_background_wide_black.png){height=50} – Test</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -104,7 +104,8 @@
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container mx-auto">
     <a class="navbar-brand" href="../../../index.html">
-    <span class="navbar-title">HSMA Website</span>
+    <span class="navbar-title">![](/resources/hsma_logo_transparent_background_wide_black.png){height=50}
+</span>
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>
@@ -123,20 +124,20 @@
     </a>
     <ul class="dropdown-menu" aria-labelledby="nav-menu-past-hsma-projects">    
         <li>
-    <a class="dropdown-item" href="../../../previous_projects/index.html">
- <span class="dropdown-text">Projects by Cohort</span></a>
-  </li>  
-        <li>
     <a class="dropdown-item" href="../../../previous_projects/projects_by_methods.html">
  <span class="dropdown-text">Projects by Method</span></a>
+  </li>  
+        <li>
+    <a class="dropdown-item" href="../../../previous_projects/projects_by_service_area.html">
+ <span class="dropdown-text">Projects by Service Area</span></a>
   </li>  
         <li>
     <a class="dropdown-item" href="../../../previous_projects/projects_by_organisation.html">
  <span class="dropdown-text">Projects by Organisation</span></a>
   </li>  
         <li>
-    <a class="dropdown-item" href="../../../previous_projects/projects_by_service_area.html">
- <span class="dropdown-text">Projects by Service Area</span></a>
+    <a class="dropdown-item" href="../../../previous_projects/projects_by_cohort.html">
+ <span class="dropdown-text">Projects by Cohort</span></a>
   </li>  
     </ul>
   </li>

diff --git a/docs/previous_projects/index.html b/docs/previous_projects/index.html
@@ -239,20 +239,20 @@
     </a>
     <ul class="dropdown-menu" aria-labelledby="nav-menu-past-hsma-projects">    
         <li>
-    <a class="dropdown-item" href="../previous_projects/index.html">
- <span class="dropdown-text">Projects by Cohort</span></a>
-  </li>  
-        <li>
     <a class="dropdown-item" href="../previous_projects/projects_by_methods.html">
  <span class="dropdown-text">Projects by Method</span></a>
-  </li>  
-        <li>
-    <a class="dropdown-item" href="../previous_projects/projects_by_organisation.html">
- <span class="dropdown-text">Projects by Organisation</span></a>
   </li>  
         <li>
     <a class="dropdown-item" href="../previous_projects/projects_by_service_area.html">
  <span class="dropdown-text">Projects by Service Area</span></a>
+  </li>  
+        <li>
+    <a class="dropdown-item" href="../previous_projects/index.html">
+ <span class="dropdown-text">Projects by Cohort</span></a>
+  </li>  
+        <li>
+    <a class="dropdown-item" href="../previous_projects/projects_by_organisation.html">
+ <span class="dropdown-text">Projects by Organisation</span></a>
   </li>  
     </ul>
   </li>

diff --git a/docs/previous_projects/projects_by_methods.html b/docs/previous_projects/projects_by_methods.html
@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 
-<title>HSMA Website - Projects by Methods</title>
+<title> - Projects by Methods</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -316,7 +316,8 @@
 <style>
 
       .quarto-title-block .quarto-title-banner {
-        background: #83b6e6;
+        background-image: url(banner.png);
+background-size: cover;
       }
 </style>
 
@@ -360,7 +361,7 @@
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container mx-auto">
     <a class="navbar-brand" href="../index.html">
-    <span class="navbar-title">HSMA Website</span>
+    <span class="navbar-title"><img src="..\resources/hsma_logo_transparent_background_wide_black.png" height="50"></span>
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>
@@ -379,20 +380,20 @@
     </a>
     <ul class="dropdown-menu" aria-labelledby="nav-menu-past-hsma-projects">    
         <li>
-    <a class="dropdown-item" href="../previous_projects/index.html">
- <span class="dropdown-text">Projects by Cohort</span></a>
-  </li>  
-        <li>
     <a class="dropdown-item" href="../previous_projects/projects_by_methods.html">
  <span class="dropdown-text">Projects by Method</span></a>
+  </li>  
+        <li>
+    <a class="dropdown-item" href="../previous_projects/projects_by_service_area.html">
+ <span class="dropdown-text">Projects by Service Area</span></a>
   </li>  
         <li>
     <a class="dropdown-item" href="../previous_projects/projects_by_organisation.html">
  <span class="dropdown-text">Projects by Organisation</span></a>
   </li>  
         <li>
-    <a class="dropdown-item" href="../previous_projects/projects_by_service_area.html">
- <span class="dropdown-text">Projects by Service Area</span></a>
+    <a class="dropdown-item" href="../previous_projects/projects_by_cohort.html">
+ <span class="dropdown-text">Projects by Cohort</span></a>
   </li>  
     </ul>
   </li>

diff --git a/docs/previous_projects/projects_by_service_area.html b/docs/previous_projects/projects_by_service_area.html
@@ -39,10 +39,10 @@
 <script src="../site_libs/quarto-html/tippy.umd.min.js"></script>
 <script src="../site_libs/quarto-html/anchor.min.js"></script>
 <link href="../site_libs/quarto-html/tippy.css" rel="stylesheet">
-<link href="../site_libs/quarto-html/quarto-syntax-highlighting.css" rel="stylesheet" id="quarto-text-highlighting-styles">
+<link href="../site_libs/quarto-html/quarto-syntax-highlighting-dark.css" rel="stylesheet" id="quarto-text-highlighting-styles">
 <script src="../site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="../site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
-<link href="../site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" id="quarto-bootstrap" data-mode="light">
+<link href="../site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" id="quarto-bootstrap" data-mode="dark">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,
@@ -574,7 +574,6 @@
 };
 </script>
 
-<link rel="stylesheet" href="../styles.css">
 </head>
 
 <body class="nav-fixed">
@@ -604,20 +603,20 @@
     </a>
     <ul class="dropdown-menu" aria-labelledby="nav-menu-past-hsma-projects">    
         <li>
-    <a class="dropdown-item" href="../previous_projects/index.html">
- <span class="dropdown-text">Projects by Cohort</span></a>
-  </li>  
-        <li>
     <a class="dropdown-item" href="../previous_projects/projects_by_methods.html">
  <span class="dropdown-text">Projects by Method</span></a>
-  </li>  
-        <li>
-    <a class="dropdown-item" href="../previous_projects/projects_by_organisation.html">
- <span class="dropdown-text">Projects by Organisation</span></a>
   </li>  
         <li>
     <a class="dropdown-item" href="../previous_projects/projects_by_service_area.html">
  <span class="dropdown-text">Projects by Service Area</span></a>
+  </li>  
+        <li>
+    <a class="dropdown-item" href="../previous_projects/index.html">
+ <span class="dropdown-text">Projects by Cohort</span></a>
+  </li>  
+        <li>
+    <a class="dropdown-item" href="../previous_projects/projects_by_organisation.html">
+ <span class="dropdown-text">Projects by Organisation</span></a>
   </li>  
     </ul>
   </li>
@@ -1624,7 +1623,7 @@ <h5 class="no-anchor card-title listing-title">
 </section>
 </section>
 
-</main> <!-- /main -->
+<p><br><br><img src="..\resources/nihr_logo.png" class="img-fluid"><br><br> <em>This report is independent research supported by the National Institute for Health and Care Research Applied Research Collaboration South West Peninsula. The views expressed in this publication are those of the author(s) and not necessarily those of the National Institute for Health and Care Research or the Department of Health and Social Care.</em></p></main> <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {

diff --git a/docs/resources/banner.png b/docs/resources/banner.png
diff --git a/docs/resources/hsma_logo.png b/docs/resources/hsma_logo.png
diff --git a/docs/resources/hsma_logo_transparent_background_wide_black.png b/docs/resources/hsma_logo_transparent_background_wide_black.png
diff --git a/docs/search.json b/docs/search.json
@@ -368,7 +368,7 @@
     "href": "previous_projects/projects_by_service_area.html",
     "title": "Projects by Methods",
     "section": "",
-    "text": "Alice Waterhouse\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nHelen Young, Thomas Knight\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nShilpa Patel\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nLisa Sabir\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nRichard Pilbery, Maddie Smith, Jon Green\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nBecky Crofts, Kayleigh Haydock\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nHamzah Shami\n\n\n\n\n\n\n\n\nNo matching items"
+    "text": "Alice Waterhouse\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nHelen Young, Thomas Knight\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nShilpa Patel\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nLisa Sabir\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nRichard Pilbery, Maddie Smith, Jon Green\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nBecky Crofts, Kayleigh Haydock\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nHamzah Shami\n\n\n\n\n\n\n\n\nNo matching items\nThis report is independent research supported by the National Institute for Health and Care Research Applied Research Collaboration South West Peninsula. The views expressed in this publication are those of the author(s) and not necessarily those of the National Institute for Health and Care Research or the Department of Health and Social Care."
   },
   {
     "objectID": "previous_projects/projects_by_service_area.html#emergency-departments",

diff --git a/docs/site_libs/bootstrap/bootstrap.min.css b/docs/site_libs/bootstrap/bootstrap.min.css
diff --git a/previous_projects/banner.png b/previous_projects/banner.png
diff --git a/previous_projects/index.qmd → previous_projects/projects_by_cohort.qmd b/previous_projects/index.qmd → previous_projects/projects_by_cohort.qmd
@@ -1,6 +1,7 @@
 ---
-title: "HSMA Projects"
+title: "HSMA Projects by Cohort"
 toc-location: right
+title-block-banner: banner.png
 listing:
     - id: hsma_5
       contents: "hsma_5/*/index.qmd"

diff --git a/previous_projects/projects_by_methods.qmd b/previous_projects/projects_by_methods.qmd
@@ -1,6 +1,7 @@
 ---
 title: "Projects by Methods"
 toc-location: right
+title-block-banner: banner.png
 listing:
     - id: des_projects
       contents: "*/*/index.qmd"

diff --git a/previous_projects/projects_by_organisation.qmd b/previous_projects/projects_by_organisation.qmd
@@ -1,6 +1,7 @@
 ---
 title: "Projects by Methods"
 toc-location: right
+title-block-banner: banner.png
 listing:
     - id: nhs_projects
       contents: "*/*/index.qmd"

diff --git a/previous_projects/projects_by_service_area.qmd b/previous_projects/projects_by_service_area.qmd
@@ -1,6 +1,7 @@
 ---
 title: "Projects by Methods"
 toc-location: right
+title-block-banner: banner.png
 toc-expand: 2
 listing:
     - id: emergency_department_projects

diff --git a/resources/banner.png b/resources/banner.png
diff --git a/resources/hsma_logo_transparent_background_wide.png b/resources/hsma_logo_transparent_background_wide.png
diff --git a/resources/hsma_logo_transparent_background_wide_black.png b/resources/hsma_logo_transparent_background_wide_black.png
diff --git a/resources/hsma_logo_transparent_background_wide_blue.png b/resources/hsma_logo_transparent_background_wide_blue.png
diff --git a/theme-dark.scss b/theme-dark.scss
@@ -4,3 +4,4 @@
 
 // Code blocks
 $code-block-bg-alpha: -.8;
+$navbar-bg: #8B0000;
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,3 +4,4 @@

		// Code blocks
		$code-block-bg-alpha: -.8;
		$navbar-bg: #8B0000;