Update template page layout and naming

hsma-programme · Sep 30, 2024 · 2610fcb · 2610fcb
1 parent 1d4fb15
commit 2610fcb
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 9 deletions.
diff --git a/_quarto.yml b/_quarto.yml
@@ -27,7 +27,7 @@ website:
       - href: project_registration_process.qmd
         text: Registering a Project
       - href: project_design_template.qmd
-        text: Optional Registration Template
+        text: Optional Design Template
       - href: faqs.qmd
         text: "FAQs"
 

diff --git a/docs/project_design_template.html b/docs/project_design_template.html
@@ -136,7 +136,7 @@
   </li>  
   <li class="nav-item">
     <a class="nav-link active" href="./project_design_template.html" aria-current="page"> 
-<span class="menu-text">Optional Registration Template</span></a>
+<span class="menu-text">Optional Design Template</span></a>
   </li>  
   <li class="nav-item">
     <a class="nav-link" href="./faqs.html"> 
@@ -181,9 +181,23 @@ <h1 class="title">Project Design Template</h1>
 <p>For those of you who would find a template useful to start thinking through some key aspects of their projects, one is provided on this page.</p>
 <p>The template is entirely optional - please feel free to use it, not use it, only fill in the fields you find useful for you, add fields, etc.</p>
 <p>It is indended to serve as a good prompt to start thinking about some of the things that might come up.</p>
-<iframe width="1200" height="500" src="https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing" title="HSMA Project Template"></iframe>
-<p><a href="https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing">Link</a></p>
+<p><a href="https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing">Click Here to Open the Template in Google Documents</a></p>
+<p>You will need to take a copy of the document to be able to edit it.</p>
+<div class="callout callout-style-default callout-tip callout-titled">
+<div class="callout-header d-flex align-content-center">
+<div class="callout-icon-container">
+<i class="callout-icon"></i>
+</div>
+<div class="callout-title-container flex-fill">
+Tip
+</div>
+</div>
+<div class="callout-body-container callout-body">
 <p>Some examples of filled in templates for real HSMA projects can be found <a href="https://hsma-workspace.slack.com/archives/C078UQMP2QH/p1727684798692199">here</a> if you are a member of the HSMA Slack community.</p>
+</div>
+</div>
+<p>You can take a look at the template document below, but will need to open it via the <a href="https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing">link</a> to be able to take your own copy.</p>
+<iframe width="1200" height="500" src="https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing" title="HSMA Project Template"></iframe>
 
 
 

diff --git a/docs/search.json b/docs/search.json
@@ -578,6 +578,6 @@
     "href": "project_design_template.html",
     "title": "Project Design Template",
     "section": "",
-    "text": "For those of you who would find a template useful to start thinking through some key aspects of their projects, one is provided on this page.\nThe template is entirely optional - please feel free to use it, not use it, only fill in the fields you find useful for you, add fields, etc.\nIt is indended to serve as a good prompt to start thinking about some of the things that might come up.\n\nLink\nSome examples of filled in templates for real HSMA projects can be found here if you are a member of the HSMA Slack community."
+    "text": "For those of you who would find a template useful to start thinking through some key aspects of their projects, one is provided on this page.\nThe template is entirely optional - please feel free to use it, not use it, only fill in the fields you find useful for you, add fields, etc.\nIt is indended to serve as a good prompt to start thinking about some of the things that might come up.\nClick Here to Open the Template in Google Documents\nYou will need to take a copy of the document to be able to edit it.\n\n\n\n\n\n\nTip\n\n\n\nSome examples of filled in templates for real HSMA projects can be found here if you are a member of the HSMA Slack community.\n\n\nYou can take a look at the template document below, but will need to open it via the link to be able to take your own copy."
   }
 ]
diff --git a/project_design_template.qmd b/project_design_template.qmd
@@ -11,10 +11,19 @@ The template is entirely optional - please feel free to use it, not use it, only
 
 It is indended to serve as a good prompt to start thinking about some of the things that might come up.
 
-```{=html}
-<iframe width="1200" height="500" src="https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing" title="HSMA Project Template"></iframe>
-```
+[Click Here to Open the Template in Google Documents](https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing)
 
-[Link](https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing)
+You will need to take a copy of the document to be able to edit it.
+
+:::{.callout-tip}
 
 Some examples of filled in templates for real HSMA projects can be found [here](https://hsma-workspace.slack.com/archives/C078UQMP2QH/p1727684798692199) if you are a member of the HSMA Slack community.
+
+:::
+
+
+You can take a look at the template document below, but will need to open it via the [link](https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing) to be able to take your own copy.
+
+```{=html}
+<iframe width="1200" height="500" src="https://docs.google.com/document/d/1BuiFnpwr7PvaBDqJwvpuJpYgpxBczVkByJkPPrKd7f8/edit?usp=sharing" title="HSMA Project Template"></iframe>
+```