Dev

_data/Guide.md

@@ -5,6 +5,7 @@
 - Lets look at an example of how to add information
 
 ### \_data/team.yml
+To use a stock image where a headshot is not available, the imageURL field should be marked as 'null'.
 
 - categoryName: Co-Lead Investigators
   categoryData:
@@ -20,7 +21,7 @@
     title: Co-Lead Investigator
     jobTitle: Professor of Supportive Cancer Care
     affiliation: Oxford Brookes University
-    imageURL: /assets/images/Eila.jpg
+    imageURL: null
     url: https://www.brookes.ac.uk/profiles/staff/eila-watson
 
 - categoryName: The Core Team
@@ -61,3 +62,9 @@ If you want to add a url field which will create a link under the information, y
     affiliation: Warwick Clinical Trials Unit
     imageURL: "/assets/images/core-team/Alice-Longe.jpg"
     url: 'example.com'
+
+
+## Study documents
+To add more documents to the dropdown menu:
+1. Move the PDF into assets/study_documents
+2. Create a new entry in _data/documents.yml including the name you want to appear in the dropdown and the filename. Documents will appear in the order listed in the yml file.

_data/documents.yml

@@ -0,0 +1,8 @@
+
+#To include another document, add the document into the assets/study_documents folder and then add the new file name to this list. Simply copy the last item and change the name and document extension. Documents appear in the order they are listed here.
+
+- name: Test Document
+  filename: test-document.pdf
+
+- name: Test Archive Document
+  filename: test-archive-sdocument.pdf

_data/hero.yml

@@ -4,7 +4,8 @@ alert: New website coming soon
 title:
   Welcome!
   # Change the main body of information.
-blurb: SWEET is a research programme developing and testing a support package called HT&Me, which aims to help women who are prescribed hormone therapy following a breast cancer diagnosis. It is hoped HT&Me will help improve adherence to hormone therapy and improve quality of life for women. SWEET is now recruiting from NHS sites across the UK
+blurb: SWEET is a research programme developing and testing a support package called HT&Me, which aims to help women who are prescribed hormone therapy following a breast cancer diagnosis. It is hoped HT&Me will help improve adherence to hormone therapy and improve quality of life for women. 
+blurb2: SWEET is now recruiting from NHS sites across the UK.
 # Changes the buttons text.
 btnText: Learn about the programme
 # If you want to send the user to a different section, click on the section using the navigation bar at the top and make a note of what the url is that is added on after the base domain name. If you want to change this button to go to the team section instead then sendTo would be '#/team' because the url would be something like 'www.sweet.com/#team' after clicking on the team button. You can replicate this for the other sections also.

_data/navigation.yml

@@ -0,0 +1,20 @@
+- title: Home
+  url: /
+
+- title: News and updates
+  url: /pages/updates.html
+
+- title: The SWEET Programme
+  url: /pages/programme.html
+
+- title: Taking part in SWEET
+  url: /pages/taking-part.html
+
+- title: SWEET recruiting sites
+  url: /pages/sites.html
+
+- title: The SWEET Team
+  url: /pages/teams.html
+
+- title: Contact us
+  url: /pages/contact.html

_data/patientAdvisory.yml

@@ -2,9 +2,11 @@
   categoryData:
     - name: Mrs Jan Rose
       title: PAG co-chair
+      imageURL: null
 
     - name: Mrs Lesley Turner
       title: PAG co-chair
+      imageURL: null
 
 - categoryName: Patient Advisory Group Members
   categoryData:

_data/presentations.yml

@@ -0,0 +1,56 @@
+- categoryName: recent
+  categoryData:
+    - year: 2024
+      conference: The UK Interdisciplinary of Breast Cancer Symposium (UKIBCS)
+      title: Developing and feasibility testing of an intervention to support women with adherence to adjuvant endocrine therapy and improve quality of life - the SWEET study
+    - year: 2023
+      conference: International Psycho-oncology Society (IPOS) World Congress of Psycho-Oncology
+      title: Development of HT&Me, a blended supported self-management intervention to support adherence to endocrine therapy in women with breast cancer
+    - year: 2023
+      conference: International Conference on Cancer Nursing
+      title: Developing and feasibility testing a self-management endocrine therapy adherence intervention
+    - year: 2023
+      conference: UK Oncology Nursing Society Conference
+      title: The development and feasibility of a nurse-supported self-management intervention for endocrine therapy adherence
+    - year: 2023
+      conference: Cancer and Primary Care Research International Network (Ca-PRI) Conference
+      title: Development of the HT&Me intervention to support women with breast cancer to adhere to adjuvant endocrine therapy and improve quality of life
+    - year: 2023
+      conference: UCL Cancer Symposium
+      title: "Supporting women with breast cancer to adhere to adjuvant endocrine therapy: development and optimisation of the HT&Me web-app"
+
+- categoryName: archived
+  categoryData:
+    - year: 2022
+      conference: Association of Breast Surgery (ABS)
+      title: Supporting women with adherence to endocrine therapy
+    - year: 2022
+      conference: UK Interdisciplinary of Breast Cancer Symposium (UKIBCS)
+      title: "Supporting women with adherence to endocrine therapy following breast cancer: the SWEET Programme"
+    - year: 2022
+      conference: British Psychological Society (BPS) Division of Health Psychology (DHP) Annual Conference
+      title: Exploring the acceptability and usefulness of a digital intervention to support adherence to adjuvant endocrine therapy (AET) in women with breast cancer 
+    - year: 2022
+      conference: British Psychosocial Oncology Society (BPOS)
+      title: Developing and optimising the HT&Me website to support adherence to adjuvant endocrine therapy (AET) in women with breast cancer
+    - year: 2022
+      conference: UK Society for Behavioural Medicine (UKBSM)
+      title: "Supporting women with breast cancer to adhere to hormone therapy: development and optimisation of the HT&Me web-app"
+    - year: 2021
+      conference: UKONS - Virtual Annual Conference
+      title: "Improving outcomes for women diagnosed with early breast cancer through adherence to adjuvant endocrine therapy (SWEET): Developing a digitally based intervention"
+    - year: 2021
+      conference: Multinational Association of Supportive Care in Cancer Annual Meeting (MASCC)
+      title: Improving outcomes for women diagnosed with early breast cancer through adherence to adjuvant endocrine therapy (SWEET) 
+    - year: 2021
+      conference: International Psycho-oncology Society (IPOS) World Congress of Psycho-Oncology (Virtual)
+      title: Improving outcomes for women diagnosed with early breast cancer through adherence to adjuvant endocrine therapy (SWEET) 
+    - year: 2021
+      conference: Symposium Mammographicum
+      title: Supporting women with adherence to adjuvant endocrine therapy following breast cancer (SWEET) 
+    - year: 2020
+      conference: National Cancer Research Institute (NCRI) Conference
+      title: Supporting women with adherence to adjuvant endocrine therapy following breast cancer (SWEET) 
+    - year: 2020
+      conference: UK Interdisciplinary of Breast Cancer Symposium (UKIBCS)
+      title: Improving outcomes for women diagnosed with early breast cancer through adherence to adjuvant endocrine therapy (SWEET) 

_data/team.yml

@@ -17,9 +17,10 @@
 
 - categoryName: The Core Team
   categoryData:
-    - name: Miss Rae Barrows
+    - name: Miss Raegan Barrows
       title: Clinical Trial Manager
       affiliation: Warwick Clinical Trials Unit
+      imageURL: null
 
     - name: Dr Jo Brett
       title: Reader
@@ -30,7 +31,7 @@
     - name: Miss Anna Mann
       title: Clinical Trial Coordinator
       affiliation: Warwick Clinical Trials Unit
-      imageURL: 
+      imageURL: null
 
     - name: Mr Phil Mawson
       title: Research Project Manager

_includes/hero.html

@@ -20,6 +20,11 @@
           >
             {{ include.description }}
           </p>
+          <p
+            class="text-base lg:text-xl text-white leading-8 text-paragraph wrap max-w-[80%]"
+          >
+            {{ include.subdescription }}
+          </p>
           <div class="flex items-center gap-x-6">
             <a href="{{ include.ctaHref }}" class="btn">{{ include.cta }}</a>
           </div>

_includes/navbar.html

@@ -1,41 +1,90 @@
-<header class="w-screen fixed bg-white top-0 z-[100]">
-  <nav
-    class="navbar px-4 border-b bg-white flex justify-between navbar-light navbar-expand-lg"
-  >
-    <a class="nav-item flex flex-row items-center" href="/">
-      <img
-        src="{{site.baseurl}}/assets/images/cropped-logo.png"
-        class="brand-img w-22 h-22 lg:w-28 lg:h-28 p-2"
-      />
-      <h1
-        class="text-3xl lg:text-4xl ml-4 text-primary font-bold tracking-wide uppercase"
-      >
-        SWEET
-      </h1>
-    </a>
-    <button
-      class="navbar-toggler"
-      type="button"
-      data-bs-toggle="collapse"
-      data-bs-target="#navbarSupportedContent"
-      aria-controls="navbarSupportedContent"
-      aria-expanded="false"
-      aria-label="Toggle navigation"
-    >
-      <span class="navbar-toggler-icon"></span>
-    </button>
-
-    <div
-      class="flex text-lg lg:text-2xl items-center justify-between gap-0 lg:gap-6 hidden md:flex"
-    >
-      <a href="/#programme" class="nav-link">Programme</a>
-      <a href="/#team" class="nav-link">Team</a>
-      <a href="/#updates" class="nav-link">Updates</a>
-      <a href="/#htandme" class="nav-link">HT&Me</a>
-      <a href="/#contact" class="nav-link">Contact</a>
+<!-- This finds the current page so it can be highlighted. -->
+
+{% for entry in site.data.navigation %}
+{% capture fullurl %}{{ site.baseurl }}{{ entry.url }}{% endcapture %}
+{% if fullurl == page.url %}
+{% assign current_page = fullurl %}
+{% break %}
+{% elsif page.url contains fullurl %}
+{% assign current_page = fullurl %}
+{% endif %}
+{% endfor %}
+
+<!-- Then we build the nav bar. -->
+
+<nav class="bg-white shadow">
+  <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+    <div class="relative flex h-32 justify-between">
+      <div class="flex flex-shrink-0 items-center">
+        <img  src="{{site.baseurl}}/assets/images/cropped-logo.png"
+        class="brand-img w-16 h-16  p-2">
+      </div>
+      <!-- mobile menu -->
+      <div class=" inset-y-0 left-0 flex items-center sm:hidden">
+        <!-- Mobile menu button -->
+        <button id="hamburger" type="button" class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" aria-expanded="false">
+          <!-- <span class="absolute -inset-0.5"></span>
+          <span class="sr-only">Open main menu</span> -->
+          <!--
+            Icon when menu is closed.
+
+            Menu open: "hidden", Menu closed: "block"
+          -->
+          <svg id="closedIcon" onclick="openMenu()" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+          </svg>
+          <!--
+            Icon when menu is open.
+
+            Menu open: "block", Menu closed: "hidden"
+          -->
+          <svg id="openIcon" onclick="closeMenu()" class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+          </svg>
+        </button>
+      </div>
+
+      <!-- Larger screens menu -->
+      <div id="topnav" class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
+
+        <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
+          <!-- Current: "border-indigo-500 text-gray-900", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
+
+          {% for entry in site.data.navigation %}
+    {% if entry.url == current_page %}
+    {% assign current = ' class="current"' %}
+    {% else %}
+    {% assign current = null %}
+    {% endif %}
+    {% assign sublinks = entry.sublinks %}
+    <a {{ current }} class="inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-md  font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="{{ site.baseurl }}{{ entry.url }}">{{ entry.title }}</a>
+
+    {% endfor %}
+
+
+        </div>
+      </div>
+
     </div>
-  </nav>
-  <!-- <div class="px-4">
-  <a class="nav-link btn max-content">About the project</a>
-</div> -->
-</header>
+  </div>
+
+  <!-- Mobile menu, show/hide based on menu state. -->
+  <div class="hidden" id="mobile-menu">
+    <div class="space-y-1 pb-4 pt-2">
+
+      {% for entry in site.data.navigation %}
+      {% if entry.url == current_page %}
+      {% assign current = ' class="current"' %}
+      {% else %}
+      {% assign current = null %}
+      {% endif %}
+      {% assign sublinks = entry.sublinks %}
+        <a {{ current }} class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700" href="{{ site.baseurl }}{{ entry.url }}">{{ entry.title }}</a>
+
+        {% endfor %}
+
+
+      </div>
+  </div>
+  <script src="../script.js"></script>
+</nav>