+
diff --git a/src/app.postcss b/src/app.postcss
index 2b163cc..2c92b81 100644
--- a/src/app.postcss
+++ b/src/app.postcss
@@ -26,15 +26,6 @@
-webkit-text-size-adjust: 100%;
}
-a {
- font-weight: 500;
- color: #646cff;
- text-decoration: inherit;
-}
-a:hover {
- color: #535bf2;
-}
-
body {
margin: 4;
display: flex;
@@ -55,7 +46,7 @@ h1 {
text-align: center;
}
-button {
+/* button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
@@ -72,7 +63,7 @@ button:hover {
button:focus,
button:focus-visible {
outline: 4px auto #c4005a;
-}
+} */
@media (prefers-color-scheme: light) {
:root {
diff --git a/src/lib/About.svelte b/src/lib/About.svelte
index 0eb3984..90032cf 100644
--- a/src/lib/About.svelte
+++ b/src/lib/About.svelte
@@ -1,29 +1,51 @@
-
-
-
-
- 
-
-
-
- Dan Hirst
-Geospatial Engineer
-
+
\ No newline at end of file
diff --git a/src/lib/Portfolio.svelte b/src/lib/Portfolio.svelte
index 8c7176b..269ff37 100644
--- a/src/lib/Portfolio.svelte
+++ b/src/lib/Portfolio.svelte
@@ -1,152 +1,80 @@
-
-
+
+
-
+
-About
+I am a ‘La Caixa’ Fellow pursuing a PhD in neuroscience at the University of Barcelona, + where I investigate reserve and resilience in aging. I have a background in psychology and global health + that has given me the opportunity to work in child TB in South Africa, cervical cancer in Peru, and dementia + prevention in the UK. In my free time, I enjoy being outdoors and hiking in the mountains around + Barcelona.
+
+
+ Get in touch
+
+
About
-Hi! I am a full-stack engineer focussed on geospatial applications. I am currently working at BeZero Carbon as a Senior Data Engineer, where I build satellite imagery pipelines to assess carbon offset projects. I live in Barcelona, Spain, where I am learning Spanish, hiking, and drinking sangria.
-
-
- Get in touch
-
-
+
{ active_tag = ""}} class="mb-5">
- {#each unique_tags as tag}
-
- {/each}
+
+
-
-Projects
+ { active_tag = ""}} use:clickOutside>
+ {#each unique_tags as tag}
+
+ {/each}
+
+
-
\ No newline at end of file
+
+
+ import {cubicInOut} from 'svelte/easing';
+ import {slide} from 'svelte/transition';
+
+ let options = {duration: 150, easing: cubicInOut};
+
+
+
+{title}
- -
- {#each content as {title, desc, link, tags}}
-
-
+
\ No newline at end of file
diff --git a/src/lib/Project.svelte b/src/lib/Project.svelte
index 186d4fe..eba2ce1 100644
--- a/src/lib/Project.svelte
+++ b/src/lib/Project.svelte
@@ -4,10 +4,14 @@
export let desc;
export let tags;
export let active_tag;
+ export let active_grid;
+ export let index;
+
$: tags_joined = tags.join(" • ")
-
+ let dropdown_visible = false;
+
// $: console.log(active_tag)
// sets active to true if the active_tag is in the tags array
@@ -22,28 +26,42 @@
return "is-inactive"
}
}
+
$: active = set_active(active_tag)
$: disabled = active == "is-inactive" ? "disabled" : ""
-
+
+ function toggleDropdown() {
+ if (active_grid == index) {
+ active_grid = -1;
+ } else {
+ active_grid = index;
+ }
+ }
-
+ {#each content as {title, desc, link, tags}, index}
+
+
+
+
+
+
+ {/if}
+
+ {#if index % 2 == 1 || index == content.length - 1}
+ {#if active_grid == index || (active_grid % 2 == 0 && active_grid == index - 1)}
+
+ {/if}
+ {/if}
+ {/each}
+
+
+
-
-
-
-
+{title}
-{desc}
-{tags_joined}
-
+
+
+
\ No newline at end of file
diff --git a/src/lib/SEO.svelte b/src/lib/SEO.svelte
index b1a7136..975339c 100644
--- a/src/lib/SEO.svelte
+++ b/src/lib/SEO.svelte
@@ -1,23 +1,24 @@
+
+ 
+
+
\ No newline at end of file
diff --git a/src/lib/content/FollowUp.svelte b/src/lib/content/FollowUp.svelte
new file mode 100644
index 0000000..ba97cbf
--- /dev/null
+++ b/src/lib/content/FollowUp.svelte
@@ -0,0 +1,24 @@
+
+Breast cancer is the most common cause of cancer-related death in Peru, and its treatment is physically and + emotionally demanding. In this study, we wanted to understand how women in Peru cope with breast cancer + treatment and what support they need.
+We found that women lacked information about breast cancer and its treatment and wanted more guidance from health + professionals. Women also experienced many challenging emotions that could be supported by social support + groups; however, not all women had access to these groups, and instead relied on friends and family for support. + We suggest that breast cancer programs provide more informational support to help women cope with breast cancer + treatment.
+
+ Fields, B. C., Morse, R. M., Ortega, E., […] Paz-Soldan, V.A. (2023) “’I + wanted information’: Navigating Breast Cancer and Its Treatment in Lima, Peru.” BMC Women’s Health. https://doi.org/10.1186/s12905-023-02321-3
+
+
+ 
+ 
+
+
\ No newline at end of file
diff --git a/src/lib/content/ScreenTreat.svelte b/src/lib/content/ScreenTreat.svelte
new file mode 100644
index 0000000..f07e578
--- /dev/null
+++ b/src/lib/content/ScreenTreat.svelte
@@ -0,0 +1,23 @@
+
+In many cervical cancer prevention programs, patients with positive screening results are referred to the + hospital for additional tests and treatment. However, in the Amazonian region of Peru, 70% of patients referred + to the hospital were not receiving the care they needed.
+In this study, we set out to understand why so many patients were not able to receive care. We found that, while + patients were strongly motivated, they encountered many challenges. One main challenge was an inadequate + registration system where there was often no information about each patients’ care. Other challenges were + structural, such as long wait times or doctor strikes. Others were financial, including high cost of travel to + the hospital, and others were cognitive, such as not receiving clear information from healthcare providers. We + suggest that cervical cancer programs focus on addressing these barriers.
+
+
+ Morse, R. M., Jurczuk, M., Brown, J., […] Paz-Soldan, V.A., & the + Proyecto Precancer Study Group. “‘Day or night, no matter what, I will go”: Women’s perspectives on challenges + associated with receiving follow-up after abnormal cervical cancer screening results in Iquitos, Peru.” BMC + Women’s Health. http://doi.org/10.1186/s12905-023-02414-z +
+
+
+
+ 
+
+ 
+
+
\ No newline at end of file
diff --git a/src/lib/content/SelfReflection.svelte b/src/lib/content/SelfReflection.svelte
new file mode 100644
index 0000000..69ab439
--- /dev/null
+++ b/src/lib/content/SelfReflection.svelte
@@ -0,0 +1,20 @@
+
+An HPV based screen-and-treat approach with ablative therapy can prevent cervical cancer. Patients who test + positive for HPV, the cause of cervical cancer, can receive ablative therapy treatment at a clinic on the same + day. The WHO recommends this approach, but ablative therapy is new and, though it is safe, the experience + patients receive this treatment is not well understood.
+In this study, we aimed to understand whether patients found ablative therapy treatment acceptable and feasible. + We found that, although patients experienced minor side effects, they experienced satisfaction and relief, and + wanted this treatment to be available at more clinics.
+
+
+
+ Morse, R. M., Brown, J., Nobel, H. E., […] Paz-Soldan, V.A., & the + Proyecto Precancer Study Group (2022). “Patient's perspectives on the acceptability and feasibility of an HPV + screen-and-treat approach to cervical cancer prevention in Iquitos, Peru.” BMC Women’s Health. https://doi.org/10.1186/s12905-022-01943-3
+
+
+ 
+ 
+
+
\ No newline at end of file
diff --git a/src/lib/content/Stigma.svelte b/src/lib/content/Stigma.svelte
new file mode 100644
index 0000000..3a9e7de
--- /dev/null
+++ b/src/lib/content/Stigma.svelte
@@ -0,0 +1,28 @@
+
+Dementia is a devastating disease that affects over 50 million people worldwide. However, up to one third of + cases can be prevented by addressing modifiable risk factors, such as poor diet and lack of physical activity. + Psychological factors that may increase dementia risk have received less attention. This study examined one of + them, self-reflection, which involves actively assessing your own thoughts, feelings, and behaviors. We found + that older adults who engaged in more self-reflection had better memory performance and higher glucose + metabolism. These factors are both protective against Alzheimer’s disease, the most common form of dementia.
+
+
+ Demnitz-King, H., Gonneaud, J., Klimecki, O.M., […] Morse, R. M., […] + Marchant, N.L. & The Medit-Ageing Research Group (2022). “Self-reflection is Associated with Markers of + Alzheimer’s Disease in Cognitively Intact Older Adults.” Neurology. https://doi.org/10.1212/WNL.0000000000200951
+
+
+ 
+ 
+ 
+
+
\ No newline at end of file
diff --git a/src/lib/content/TBApp.svelte b/src/lib/content/TBApp.svelte
new file mode 100644
index 0000000..d45fe6a
--- /dev/null
+++ b/src/lib/content/TBApp.svelte
@@ -0,0 +1,20 @@
+
+
+HPV is a common sexually transmitted disease that can develop into cervical cancer. Most women will get an HPV + infection in their lifetime that their bodies will be able control. However, in some cases, women will need + treatment to help prevent HPV from developing into cervical cancer. An HPV infection can come from any past + sexual partner, even if a woman has been in a monogamous relationship for a long time. Despite how common HPV + is, HPV and cervical cancer are often stigmatized.
+In this study, we aimed to understand this stigma and explore its impact. We conducted our research in a + low-resource setting in Peru and found widespread stigma where HPV was considered a shameful and secretive + disease. The stigma blamed women for being promiscuous or men for being unfaithful, and was reinforced by + patients, community members, healthcare workers and policies. This stigma sometimes stopped women from getting + screened for HPV.
+We propose that cervical cancer prevention programs address stigma throughout the healthcare system and, instead + of focusing on associations between HPV and sexual behaviors, provide comprehensive information about HPV and + offer screening to all eligible women, regardless of sexual history.
+
+
+
+ Morse, R. M., Brown, J., Gage, J.C., […] Paz-Soldan, V.A., & the + Proyecto Precancer Study Group. “‘Easy women get it’: pre-existing stigma associated with HPV and cervical + cancer in a low-resource setting prior to implementation of an HPV screen-and-treat program.” BMC Public Health. + http://doi.org/10.1186/s12889-023-17324-w
+
+
+ 
+
+
\ No newline at end of file
diff --git a/src/lib/js/clickOutside.js b/src/lib/js/clickOutside.js
index 299ecc1..9834370 100644
--- a/src/lib/js/clickOutside.js
+++ b/src/lib/js/clickOutside.js
@@ -1,18 +1,18 @@
export function clickOutside(node) {
-
+
const handleClick = event => {
- if (node && !node.contains(event.target) && !event.defaultPrevented) {
- node.dispatchEvent(
- new CustomEvent('click_outside', node)
- )
- }
+ if (node && !node.contains(event.target) && !event.defaultPrevented) {
+ node.dispatchEvent(
+ new CustomEvent('click_outside', node)
+ )
+ }
}
-
- document.addEventListener('click', handleClick, true);
-
+
+ document.addEventListener('click', handleClick, true);
+
return {
- destroy() {
- document.removeEventListener('click', handleClick, true);
- }
- }
- }
\ No newline at end of file
+ destroy() {
+ document.removeEventListener('click', handleClick, true);
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/lib/js/link-xor.js b/src/lib/js/link-xor.js
index 5e713d5..bc808cd 100644
--- a/src/lib/js/link-xor.js
+++ b/src/lib/js/link-xor.js
@@ -1,91 +1,81 @@
-document.addEventListener('DOMContentLoaded', function ()
-{
- // TODO: choose your own key (0 <= key <= 255):
- const key = 20;
- const xor = new Xor(key);
- const linkXor = new LinkCoder(xor);
-
- Nodes.decode('.email', linkXor);
+document.addEventListener('DOMContentLoaded', function () {
+ // TODO: choose your own key (0 <= key <= 255):
+ const key = 20;
+ const xor = new Xor(key);
+ const linkXor = new LinkCoder(xor);
+
+ Nodes.decode('.email', linkXor);
});
// Xor
-function Xor (key)
-{
- this.key = key;
+function Xor(key) {
+ this.key = key;
}
-Xor.prototype.encode = function (input)
-{
- let output = '';
+Xor.prototype.encode = function (input) {
+ let output = '';
- for (let i = 0; i < input.length; ++i) {
- const hexInput = input.charCodeAt(i);
- const hexOutput = hexInput ^ this.key;
+ for (let i = 0; i < input.length; ++i) {
+ const hexInput = input.charCodeAt(i);
+ const hexOutput = hexInput ^ this.key;
- output += this.fromHex(hexOutput);
- }
+ output += this.fromHex(hexOutput);
+ }
- return output;
+ return output;
}
-Xor.prototype.decode = function (input)
-{
- let output = '';
+Xor.prototype.decode = function (input) {
+ let output = '';
- for (let i = 0; i < input.length; i += 2) {
- const hexInput = this.toHex(input, i);
- const hexOutput = hexInput ^ this.key;
+ for (let i = 0; i < input.length; i += 2) {
+ const hexInput = this.toHex(input, i);
+ const hexOutput = hexInput ^ this.key;
- output += String.fromCharCode(hexOutput);
+ output += String.fromCharCode(hexOutput);
}
- return output;
+ return output;
}
-Xor.prototype.fromHex = function (hex)
-{
- let text = hex.toString(16);
+Xor.prototype.fromHex = function (hex) {
+ let text = hex.toString(16);
- if (hex < 16) {
- text = '0' + text;
- }
+ if (hex < 16) {
+ text = '0' + text;
+ }
- return text;
+ return text;
}
-Xor.prototype.toHex = function (text, i)
-{
- const sequence = text.substr(i, 2);
+Xor.prototype.toHex = function (text, i) {
+ const sequence = text.substr(i, 2);
- return parseInt(sequence, 16);
+ return parseInt(sequence, 16);
}
// LinkCoder
-function LinkCoder (coder)
-{
- this.coder = coder;
+function LinkCoder(coder) {
+ this.coder = coder;
}
-LinkCoder.prototype.encode = function (a)
-{
- this.apply('encode', a);
+LinkCoder.prototype.encode = function (a) {
+ this.apply('encode', a);
}
-LinkCoder.prototype.decode = function (a)
-{
- this.apply('decode', a);
+LinkCoder.prototype.decode = function (a) {
+ this.apply('decode', a);
}
-LinkCoder.prototype.apply = function (action, a)
-{
- const input = a.getAttribute('href');
- const output = this.coder[action](input);
+LinkCoder.prototype.apply = function (action, a) {
+ const input = a.getAttribute('href');
+ const output = this.coder[action](input);
- a.setAttribute('href', output);
+ a.setAttribute('href', output);
}
@@ -94,10 +84,9 @@ LinkCoder.prototype.apply = function (action, a)
let Nodes = {};
-Nodes.decode = function (selector, coder)
-{
- const nodes = document.querySelectorAll(selector);
- const method = coder.decode.bind(coder);
+Nodes.decode = function (selector, coder) {
+ const nodes = document.querySelectorAll(selector);
+ const method = coder.decode.bind(coder);
- nodes.forEach(method);
+ nodes.forEach(method);
}
diff --git a/src/main.ts b/src/main.ts
index c030412..2e983f7 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,7 @@ import "./app.postcss";
import App from "./App.svelte";
const app = new App({
- target: document.getElementById("app"),
+ target: document.getElementById("app"),
});
export default app;
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 19edbc1..6db1f02 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -4,16 +4,19 @@ const config = {
extend: {
colors: {
primary: {
- 100: "#f6dfea",
- 200: "#f0c0d5",
- 300: "#eebad1",
- 400: "#e07ca9",
- 500: "#c4005a",
- 600: "#b20052"
+ 100: "#F0A202",
+ 200: "#F18805",
+ 300: "#D95D39",
+ 400: "#a64c7c",
+ 500: "#843B62",
+ 600: "#5d2a45"
}
},
},
},
+ plugins: [
+ require("@tailwindcss/typography"),
+ ]
};
Children with TB and their caregivers are aware of the importance of treatment, but TB treatment for children is + often difficult, with drugs that have an unpleasant tastes and serious side effects. As a result, many children + fail to complete their full treatment, despite their initial motivation, and face risk of developing drug + resistant TB or serious health complications. In this article, we suggest using a mobile app to improve + children’s experience of and adherence to TB treatment in South Africa. Our app suggestion features an avatar, + rewards, and social support to address common challenges in TB treatment and improve the well-being of children + and their caregivers throughout the process.
+
+ Morse, R. M., Myburgh, H., Reubi, D., […] Hoddinott, G. (2020). + “Opportunities for Mobile App–Based Adherence Support for Children with Tuberculosis in South Africa.” JMIR + MHealth and UHealth. https://doi.org/10.2196/19154
+