<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon"  href="https://static.igem.wiki/teams/5187/art/icon.png">
  <style>
    body {
      font-family: Calibri, sans-serif;
      line-height: 1.6;
      margin: 0;
      padding: 0;
    }
    .content {
      padding: 20px;
      max-width: 800px;
      margin: 0 auto;
    }
    
    h2 {
      scroll-margin-top: 60px; 
    }
    .row.mt-4 {
      margin-right: 100px; 
      margin-left: 130px; 
    }
    
  </style>
</head>
<body>
  {% extends "layout.html" %}
  
  {% block title %}Inclusivity{% endblock %}

  {% block page_content %}
  <div class="sidebar">
    <ul>
      <li><a href="#Future generations">Future generations</a></li>
      <li><a href="#Socioeconomic status">Socioeconomic status</a></li>
      <li><a href="#Accessibility needs">Accessibility needs</a></li>
      <li><a href="#Language accessibility">Language accessibility</a></li>
      <li><a href="#Global outreach">Global outreach</a></li>
      <li><a href="#References">References</a></li>
    </ul>
  </div>

  <div class="progress-container">
    <svg class="progress-bar-circle" width="60" height="60">
      <circle class="progress-circle" cx="30" cy="30" r="25" stroke-width="5" fill="transparent"></circle>
    </svg>
    <div class="progress-text">0%</div>
  </div>

  <div class="row mt-4">
    <div class="col-lg-12">
      <hr>
      <div class="image-container" style="display: flex; justify-content: center;">
        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 600px;">
      </div>
      <p>At MuScure, we believe that science thrives when everyone is included. Inclusive science not only reflects the diversity of our world but also unlocks new ideas, insights, and innovations that can change lives. Through our project, we have identified several focus areas: gender, accessibility needs, socioeconomic status, global outreach, and empowering future generations. These areas shape our commitment to ensure that our work is accessible, impactful, and empowering for all communities. Together, we can create a world where diverse minds contribute to groundbreaking discoveries that benefit all of humanity.</p>
      <div class="image-container" style="display: flex; justify-content: center;">
        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic2.png" alt="ibd_figure" class="shadowed-image" style="width: 45%; max-width: 450px;">
      </div>
    </div>
  </div>

  <div class="row mt-4">
    <div class="col-lg-12">
      <h2 id="Future generations">
        <h2>Future generations</h2>
      <hr>
      <p>We believe that real change and the power to shape the future begins today. Education is the foundation of that change, and it starts from a young age. By inspiring future generations—especially middle schoolers and even younger audiences—we can nurture a passion for science early on.</p>
      <p>People are most curious when they are young, and this curiosity enhances their brain's ability to learn, helping them retain information even if the subject is not initially interesting to them. This makes fostering curiosity in childhood essential for long-term learning and growth.</p>
      <p>To achieve this, we created an engaging and easy-to-understand animation video designed to capture the attention of young minds. Our goal is to make science fun, relatable, and exciting for them.</p>
      <h3>Simplifying Language for Young Audiences</h3>
      <p>When designing our content, we used <b>specific techniques</b> to simplify the language so that even children could understand it. For example:</p>
      <ul>
        <li>We <b>avoided technical words</b> and instead used common, everyday terms to explain scientific processes.</li>
        <li>We kept our sentences short and clear, breaking down complex ideas into bite-sized pieces that could be more easily digested. </li>
      </ul>
      <h3>Engaging Video Content</h3>
      <p>To captivate young minds, we created several <b>animated videos</b> that were both <b>fun and informative</b>:</p>
      <ul>
        <li>Project Introduction Video: This animated video introduces our project in an engaging way, using <b>bright visuals, colorful characters, and simple narration</b> to explain what we do. The animation style is designed to capture the attention of children, making it easier for them to stay focused and absorb the information.
          <p> </p>
          <div style="text-align: center;">
            <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic16.png" alt="ibd_figure" class="shadowed-image" style="width: 45%; max-width: 450px;">
          </div>
          <p> </p>
        </li>
        <li>15-Minute IBD Educational Video: One of our cornerstone videos is a 15-minute-long animation focused on <b>IBD (Inflammatory Bowel Disease)</b>. We took great care to explain the condition in a way that children can understand, using <b>cartoon characters</b> to represent different parts of the body and explaining the symptoms and treatments in a <b>relatable and non-scary way</b>. 
          <div style="text-align: center;">
            <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic17.png" alt="IBD_educational_video" style="width: 50%; max-width: 500px;">
          </div>
          <br>
          <div style="text-align: center; display: flex; justify-content: center; align-items: flex-start;">
            <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic3.png" alt="IBD_character_1" style="width: 45%; max-width: 450px; height: auto; margin-right: 10px;">
            <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic5.jpg" alt="IBD_character_2" style="width: 45%; max-width: 450px; height: auto; margin-left: 10px;">
          </div>
        </li>
      </ul>
      <p>ADD LZF PART HERE </p>
    </div>
  </div>


  <div class="row mt-4">
    <div class="col-lg-12">
      <h2 id="Socioeconomic status">
        <h2>Socioeconomic status</h2>
        <hr>
      <p>In China, while tremendous strides have been made in reducing poverty, many children still face significant socioeconomic barriers, particularly in rural areas. By 2020, the government successfully eradicated extreme rural poverty, yet as of 2018, 19% of children were still living in multidimensional poverty, which includes limited access to education, healthcare, and other essential resources. [2]</p>
      <p>To do our part, we traveled to a rural area in Sichuan, where we engaged with local children, introduced our project, and raised awareness about inflammatory bowel disease (IBD). Through activities and discussions, we aimed to inspire curiosity in science and provide them with the tools to envision a brighter future.</p>
    </div>
    <div style="display: flex; justify-content: center; align-items: flex-start; gap: 20px;">
      <div class="image-container" style="flex: 1; max-width: 45%;">
        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic6.png" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
      </div>
      <div class="image-container" style="flex: 1; max-width: 45%;">
        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic7.jpg" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
      </div>
  </div>
  </div>


  <div class="row mt-4">
    <div class="col-lg-12">
      <h2 id="Accessibility needs">
        <h2>Accessibility needs</h2>
        <hr>
  </div>
  </div>

  <div class="row mt-4">
    <div class="col-lg-12">
      <h3>Wiki</h3>
      <p>Ensuring that our wiki is accessible to individuals with diverse cognitive and visual challenges, such as autism, dyslexia, color blindness, low vision, and ADHD, was a priority for our team. Drawing from research on digital accessibility and user-centered design, we implemented a range of solutions tailored to meet the specific needs of these user groups. Below is a detailed breakdown of the steps we took, why we made these choices, and how we implemented each accessibility feature.</p>
      <p>Many individuals, including those with autism, dyslexia, color blindness, low vision, and ADHD, face challenges when interacting with digital content. Common issues include difficulty processing overwhelming visuals, navigating unclear structures, and reading non-accessible fonts or low-contrast text.</p>
      <h4>1.	Predictable and Structured Design for Autism</h4>
      <h5>Why We Focused on This?</h5>
      <p>Research shows that individuals with autism often experience difficulty processing overwhelming stimuli, which can lead to anxiety and frustration when navigating digital environments. According to the Journal of Autism and Developmental Disorders, individuals with autism benefit from predictable patterns, consistent layouts, and minimized sensory input,This allows them to better process and engage with information.</p>
      <h5>How We Implemented It?</h5>
      <ul>
        <li>Clear Navigation: We implemented a<b> linear navigation structure</b> where all key content is easily accessible through a consistent menu bar and breadcrumb trails. This ensures that users can predict the next steps and won't feel overwhelmed by complex or unfamiliar pathways.</li>
        <li>Consistent Layouts: Each page of the wiki follow a <b>uniform template</b>. We maintained consistent placement of headers, body text, and images across all sections.</li>
        <li>Muted Color Schemes: We avoided bright and jarring color schemes that could contribute to sensory overload. Instead, we used muted tones and soft contrast, following recommendations from studies on sensory processing in individuals with autism. This reduces the likelihood of discomfort and makes the interface more user-friendly.</li>
      </ul>
      <h4>2.	Dyslexia-Friendly Fonts and Text Design</h4>
      <h5>Why We Focused on This?</h5>
      <p>Individuals with dyslexia often struggle to read standard fonts, as they can appear distorted or jumbled. According to Annals of Dyslexia, specialized fonts such as Dyslexie and OpenDyslexic improve readability for dyslexic individuals by reducing letter confusion through distinct shapes. Additionally, avoiding excessive italics or underlining improves text clarity.</p>
      <h5>How We Implemented It?</h5>
      <ul>
        <li>Font Switch Feature: We introduced a <b>font-switching option</b> that allows users to toggle between standard fonts and dyslexia-friendly fonts like Dyslexie and OpenDyslexic. These fonts are designed with heavier bottom weights and distinct character shapes, making it easier for dyslexic users to differentiate between letters.</li>
        <li>Avoiding Italics and Underlining: In the body text, we avoided using italics and underlining—both of which can distort the visual form of words—following guidelines from the British Dyslexia Association. Instead, we relied on bold formatting to highlight important text.</li>
        <li>Letter Spacing: We ensured that text had <b>larger letters</b>, which makes it easier for dyslexic users to track lines of text without losing their place. This design choice was based on recommendations from accessibility experts in the International Dyslexia Journal.</li>
      </ul>
      <div class="image-container" style="display: flex; justify-content: center;">
        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic18.png" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 500px;">
      </div>
      <h4>3. High Contrast and Readability for Low Vision and Color Blindness/h4>
      <h5>Why We Focused on This?</h5>
      <p>Individuals with low vision or color blindness face challenges in distinguishing between colors and reading small, low-contrast text. According to the World Blind Union and research on low-vision accessibility, high-contrast color schemes and adjustable text sizes are critical for making digital content readable.</p>
      <h5>How We Implemented It?</h5>
      <ul>
        <li>Clean Design: We used a <b>minimalistic design</b>, ensuring that each page was free from distracting elements like unnecessary images, animations, or banners. This helps users focus on the core content without being sidetracked.</li>
        <li>Clear Headings: Each section of the wiki was broken down into <b>concise, clearly labeled headings</b>, making it easier for users to skim and locate the information they need. This approach is supported by research from the Journal of Attention Disorders.</li>
      </ul>
      <div class="image-container" style="display: flex; justify-content: center;">
        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic9.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 600px;">
      </div>
    </div>
  </div>

  <div class="row mt-4">
    <div class="col-lg-12">
      <h3>Booklet Inclusivity</h3>
      <h4>1. Initial Consultation and Collaboration</h4>
      <p>We began by reaching out to 包国红老师, an expert from the China Braille Press, to understand the specific needs of visually impaired individuals. Her feedback was invaluable in guiding the adaptations required to make our booklet accessible for those with vision impairments</p>
      <h4>2. Learning and Insights from Consultation</h4>
      <p>From 包国红老师, we learned about the different categories of accessible formats, such as Braille, large-print books, and audiobooks. We were also made aware of key design principles, such as:</p>
      <ul>
        <li>Increasing font size to a minimum of 15pt for readability.</li>
        <li>Using sans-serif fonts like Arial or Helvetica for better clarity.</li>
        <li>Ensuring high contrast between text and background colors, especially for users with low vision</li>
        <li>Removing decorative elements and complex backgrounds that can hinder readability</li>
      </ul>
      <h4>3. Implementation in the Booklet Design</h4>
      <ul>
        <li><b>Font Adjustments</b>: We applied accessible fonts and increased the font size, ensuring that the text was legible for individuals with low vision. Decorative fonts and italicized text were avoided to maintain clarity.</li>
        <li><b>Color Contrast</b>: The text and background colors were carefully chosen to provide sufficient contrast, making it easier for visually impaired users to read.</li>
        <li><b>Simplified Layout</b>: We reduced sensory overload by designing a clean, structured layout with predictable navigation. This helps individuals with visual impairments and other conditions like autism interact with the content comfortably.</li>
      </ul>
      <div class="image-container" style="display: flex; justify-content: center;">
        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic20.png" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 500px;">
      </div>
      <div class="image-container" style="display: flex; justify-content: center;">
        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic19.jpg" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 500px;">
      </div>
    </div>
  </div>

  <div class="row mt-4">
    <div class="col-lg-12">
        <h3>Audiobook Creation</h3>
        <p>We decided to create an audiobook version of our booklet to ensure full accessibility for individuals who are blind, have low vision, or simply prefer auditory learning. </p>
        <p>Research shows that approximately 8% of the global population is visually impaired, with around <b>2.2 billion people</b> affected by some form of vision loss. Additionally, studies have found that up to<b> 20-30% of people prefer learning through auditory methods</b>, as it allows them to multitask and absorb information more effectively. </p>
        <p>To ensure our content reached this significant portion of the population, we conducted research on the best practices for creating accessible audiobooks. This included selecting <b>high-quality audio recording tools</b>, ensuring clear and <b>well-paced narration</b>, and working with <b>native speakers </b>for the various language versions of the audiobook. By following guidelines on audio clarity and structure, we were able to produce an audiobook that is inclusive, engaging, and easy to follow, catering to the needs of individuals who rely on auditory content.</p>
        <div class="image-container" style="display: flex; justify-content: center;">
          <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic21.png" alt="ibd_figure" class="shadowed-image" style="width: 50%; max-width: 500px;">
        </div>
      </div>
 </div>

 <div class="row mt-4">
   <div class="col-lg-12">
     <h2 id="Language accessibility">
       <h2>Language accessibility</h2>
       <hr>
      <p>To maximize the global reach and inclusivity of our project, we strategically selected Mandarin Chinese, Arabic, English, and French for translations. These languages were chosen because they are among the most widely spoken languages in the world, allowing us to connect with a significant portion of the global population. In total, these languages cover more than <b>3.2 billion speakers</b>, or about <b>40% of the world's population</b>.</p>
   <h3>Why We Chose These Languages?</h3>
   <ul>
    <li>Mandarin Chinese: With over 1.1 billion speakers—around 15% of the global population—Mandarin is the most spoken language in the world. </li>
    <li>English: Spoken by 1.5 billion people globally, including native and non-native speakers, English is the most widely spoken second language. Around 20% of the world's population communicates in English, making it essential for reaching a global audience and participating in international scientific discourse.</li>
    <li>Arabic: With 310 million native speakers and 270 million second-language speakers, Arabic is one of the top five most spoken languages globally, covering 7% of the world population.</li>
    <li>French: Spoken by over 275 million people, French is a key language across Europe, Africa, and parts of the Caribbean. It is the official language in 29 countries.</li>
   </ul>
   <p>video</p>
   <h3>How We Implemented Language Accessibility?</h3>
   <p>To ensure that these languages were well-integrated into all aspects of our project, we took a multifaceted approach:</p>
   <h4>1.	Written Booklet</h4>
   <ul>
    <li>Translations: Our booklet was translated into <b>Mandarin Chinese, Arabic, English, and French</b>, ensuring that written content could be accessed by a diverse audience.</li>
    <li>Design Considerations: The booklet design was adapted to accommodate the reading preferences of each language group, using accessible fonts and ensuring the layout was consistent across all versions to maintain clarity and ease of use.</li>
   </ul>
  <h4>2.	Audiobook Versions</h4>
  <ul>
    <li>Accessible Formats: Recognizing that not all individuals can access written content, we created audiobook versions of the booklet in all four languages. </li>
   </ul>
  <h4>3.	Promotion Videos:</h4>
  <ul>
    <li>Multilingual Versions: Our promotional videos were produced in <b>Mandarin Chinese, Arabic, English, French and Dutch</b>. This allowed us to reach even broader audiences through dynamic, visual storytelling that was accessible to speakers of these major languages.</li>
    <li>Subtitles and Audio: We added subtitles and audio tracks in the respective languages to ensure that viewers with hearing impairments or language barriers could fully understand and engage with the content. </li>
  </ul>
  <div class="image-container" style="display: flex; justify-content: center;">
    <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic12.png" alt="ibd_figure" class="shadowed-image" style="width: 70%; max-width: 700px;">
  </div>
  <h3>Educational Content</h3>
  <p>To make our educational content accessible to a wider audience and foster inclusivity, we ensured that our materials are produced in both English and Chinese. This bilingual approach allows us to reach a diverse audience, bridging cultural and linguistic gaps.</p>
  <h4>Detailed Lab Experiment Videos</h4>
  <p>For our<b> lab experiments</b>, we made sure to provide comprehensive educational content. Each video covers the entire experimental process, from start to finish, ensuring that viewers can fully understand each step. To make the material even more accessible and clear:</p>
  <ul>
    <li>We <b>filmed the entire process</b> of the experiments, demonstrating every step visually.</li>
    <li>Each video is accompanied by <b>step-by-step written instructions</b>, so learners can follow along at their own pace.</li>
    <li>We added a <b>voiceover </b>in both English and Chinese, further explaining each stage of the experiment. </li>
  </ul>
  <h4>Global Platform Approach</h4>
  <p>We have taken a dual-platform approach to make our content globally accessible:</p>
  <ul>
    <li>On an international scale, we share our materials on platforms like <b>YouTube, Instagram, and TikTok</b>, allowing us to reach English-speaking audiences worldwide.</li>
    <li>For our Chinese audience, we utilize local platforms like <b>Bilibili, Wechat 推送</b>ensuring that we connect with people in China who may not have access to international platforms.</li>
  </ul>
  <p>This strategy ensures that our educational resources are available to a broader audience, fostering <b>cross-cultural exchange</b> and making science and education accessible to people across different regions and languages. </p>
  <div class="image-container" style="display: flex; justify-content: center; gap: 10px;">
    <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic14.png" alt="ibd_figure" class="shadowed-image" style="max-width: 350px;">
    <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic15.png" alt="ibd_figure" class="shadowed-image" style="width: 40%; max-width: 300px;">
  </div>
  <div class="image-container" style="display: flex; justify-content: center;">
    <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic13.png" alt="ibd_figure" class="shadowed-image" style="width: 70%; max-width: 800px;">
  </div>
</div>
</div>

 <div class="row mt-4">
  <div class="col-lg-12">
    <h2 id="Global outreach">
      <h2>Global outreach</h2>
    <hr>
    <h3>International interviews</h3>
    <p>We carefully designed the interview questions for patients with Inflammatory Bowel Disease (IBD) based on the principle of <b>patient care</b>. Our primary goal was to foster a safe, empathetic environment where patients felt comfortable sharing their experiences.</p>
    <p>We chose questions that explore <b>multiple facets of living with IBD</b>, such as physical symptoms, emotional challenges, treatment experiences, and common misconceptions. By asking patients to reflect on their personal journey, the interview becomes a way for them to share insights that are often overlooked. Additionally, this allows us to identify key pain points and areas where our project might offer support or improvement.</p>
    <p>Our primary objective was to <b>gather qualitative data from a diverse group of patients</b>. This information helps us better tailor our project to meet patients' real-world needs, especially in terms of improving treatments, addressing misconceptions, and understanding the emotional and psychological impacts of living with IBD. We also aimed to uncover potential gaps in current medical treatments, such as side effects or inefficacies in medication, so that our project could provide more patient-centered solutions.</p>

  <h3>Interview Strategy</h3>
  <p>we strategically designed our interviews to cover diverse age groups, genders, and geographical locations. Our aim was to capture the full spectrum of experiences that individuals with IBD face, as both the symptoms and emotional impacts can vary significantly based on factors such as age, how long they've lived with the condition, and cultural or regional influences.</p>
  <div class="image-container" style="display: flex; justify-content: center;">
    <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic22.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 600px;">
  </div>
  <h3>Age Groups and Length of Diagnosis</h3>
  <p>We consciously interviewed people from different age groups to capture the varying challenges they encounter at different stages of life. We included participants <b>aged 25 and under</b>, as younger individuals often face unique social pressures, particularly in relation to school, relationships, and self-image while dealing with IBD. Conversely, we also interviewed individuals <b>35 and older</b>, who could provide insight into managing long-term treatment and balancing IBD with careers and family responsibilities.</p>
  <p>Additionally, we made a point to include both<b> recently diagnosed individuals and those who have been living with IBD for a long time</b>. This allowed us to compare the initial shock and adjustment phase with long-term management strategies and the emotional toll that living with a chronic disease can bring.</p>
  <h3>Gender and Global Perspectives</h3>
  <p>We ensured a balanced representation of genders to understand if and how experiences might differ between men and women living with IBD. For instance, societal expectations and stigma can manifest differently depending on gender, as can the management of symptoms and treatments. This diverse representation helps paint a more inclusive picture of the struggles faced by all individuals with IBD. </p>
  <p>One of the <b>common misconceptions</b> we aimed to dispel through both the interviews and the survey was the belief that <b>IBD primarily affects women</b> and is often confused with <b>irritable bowel syndrome (IBS)</b>. However, research shows that IBD <b>affects both men and women at comparable rates</b>, and both genders face unique but equally challenging experiences with this chronic condition. By including<b> both male and female patients</b> in our recorded interviews, we were able to highlight diverse perspectives and experiences, ensuring that all voices in the IBD community were represented.</p>
  <div class="image-container" style="display: flex; justify-content: center;">
    <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic23.png" alt="ibd_figure" class="shadowed-image" style="width: 60%; max-width: 600px;">
  </div>
</div>
</div>




<div class="row mt-4">
  <div class="col-lg-12">
    <h3>Promotion video and booklet</h3>
    <p>Global outreach was a key priority for us, as we aimed to make our content accessible to people from all over the world. To achieve this, we translated our booklet into four of the most widely spoken languages: Chinese, Arabic, English, and French, and also created accompanying audiobooks in these languages.</p>
    <p>Additionally, we expanded our efforts to make our promotion video available in five languages—Chinese, Arabic, English, French, and Dutch—further broadening our reach. By making our educational content available in multiple languages, we emphasize the importance of inclusivity and ensure that people from diverse linguistic and cultural backgrounds can participate in and benefit from our project.</p>
    <p>video</p>
  </div>
</div>

<div class="row mt-4">
  <div class="col-lg-12">
    <h3>Hardware design</h3>
    <p>To ensure that our hardware design catered to different cultural backgrounds, we developed two distinct devices to accommodate the preferences and needs of diverse users.</p>
    <p>For our Asian audience, we created a scented bag, inspired by the cultural significance of scented sachets, particularly in Chinese culture. These sachets, often filled with aromatic herbs, are deeply rooted in tradition, symbolizing health, protection, and good fortune. This made the scented bag design a culturally relevant and familiar choice for users in Asia, where such items are frequently used in daily life and traditional festivals. By incorporating this design, we aimed to blend our scientific solution with cultural practices, making it more acceptable and attractive for users in these regions.</p>
    <p>At the same time, to accommodate users outside of Asia or anyone who prefers a more discreet and modern option, we designed a bracelet. This allows the device to be more inconspicuous and seamlessly integrated into daily wear, making it both practical and stylish. The bracelet caters to those who may prefer a more subtle solution.</p>
    <p>By offering two distinct designs, we ensure that our hardware is not only functional but also resonates with the cultural and aesthetic preferences of our global audience.</p>
    <div class="image-container" style="display: flex; justify-content: center; gap: 10px;">
      <img src="https://static.igem.wiki/teams/5187/wiki-hardware-fig/fig1.png" alt="ibd_figure" class="shadowed-image" style="width:30%; max-width: 250px;">
      <img src="https://static.igem.wiki/teams/5187/wiki-hardware-fig/fig7.png" alt="ibd_figure" class="shadowed-image" style="width:30%; max-width: 250px;">
    </div>
  </div>
</div>



<div class="row mt-4">
  <div class="col-lg-12">
    <h3>International interviews</h3>
    <p>We conducted interviews with individuals from diverse regions to gain insights into how the illness manifests across different populations. Among our interviewees were Ms. Zheng and Mr. Zao from Asia, as well as Mrs. Sara Levitt an IBD advocate from Canada. These conversations helped us understand the unique experiences and challenges faced by people in different geographical areas. Additionally, we shared our survey on international platforms, allowing participants from around the globe to contribute their responses, providing us with a broader perspective on the global impact of the illness.</p>
    <div class="image-container" style="display: flex; justify-content: center; gap: 10px;">
      <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic10.png" alt="ibd_figure" class="shadowed-image" style="width: 40%; max-width: 250px;">
      <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic11.png" alt="ibd_figure" class="shadowed-image" style="width: 40%; max-width: 250px;">
    </div>
    <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">Mr. Zao and Ms. Sara Levitt @saralevs</p>
  </div>
</div>

<div class="row mt-4">
  <div class="col-lg-12">
    <h2 id="References">
      <h2>References</h2>
      <hr>
      <p>[1] Cell Press. (2014, October 2). How Curiosity Changes the Brain to Enhance Learning. ScienceDaily.</p>
    <p>[2] World Bank. (2018, September 19). Poverty and shared prosperity 2018: Piecing together the poverty puzzle.</p>
  </div>
</div>

</body>
</html>
{% endblock %}