B3 lunarfit (htw-imi-showtime#398)

* feat: add team gallery

* feat(b3-lunarfit): finish main page

* fix(b3-lunarfit): reduce img filesizes even more

* fix(b3-lunarfit): free up those additional 8kb

* feat(b3-lunarfit): add process description

content/ss24/bachelor/b3-lunarfit/_index.md

@@ -3,24 +3,60 @@ project_id = "B3"
 title = "LunarFit"
 subtitle = ""
 claim = "Exercise in Harmony with Your Cycle"
-abstract = "More than a fitness or period tracker, LunarFit helps athletes to better understand and adapt their training to their menstrual cycle. This lowers the risk of injury, aids regeneration and improves long-term performance gain."
+abstract = "More than a fitness or period tracker, LunarFit helps athletes better understand and adapt their training to their menstrual cycle. This reduces the risk of injury, aids in recovery, and supports long-term performance development."
 
 # Properties for displaying the project in the project list
-# card_image = "lunafit.svg"
+card_image = "lunarfit_preview-no-claim.jpg"
 
 # card_description is deprecated, will be replaced by abstract/and or claim
-card_description = "Exercise in Harmony with Your Cycle" 
+# card_description = "Exercise in Harmony with Your Cycle" 
 
 # Names are optional, team size is sufficient
 team = ["Marie Menge", "Lilly Mydlach", "Kieu Truc Tran", "Jonas Trenkler", "Leon Snakowski"]
 supervisor = "David Koschnick"
 draft = false
 
-website_link = ""
-source_link = ""
+website_link = "https://lunarfit.ac0.de/"
+# source_link = ""
 
 tags = []
 categories = ["External Stakeholder"]
 study_focus = ['Web Technology']
 
 +++
+{{<image src="lunarfit-banner.png" alt="Five screens of the lunarfit app next to each other, showing the main components: a tracking detail and explanations screen, a period calender, dashboard showing the menstrual cycle and training related data for the day, and two screens showing logging screens for data.">}}
+
+{{<section title="Our Goal">}}
+Approximately 85% of women experience menstrual-related complaints.
+Even though it commonly interferes with everyday life, the menstrual cycle is often ignored or even tabooed.
+Especially in sports, learning about their cycle, helps athletes mitigate complaints. Adapting the training accordingly allows them to harness long-term performance benefits.
+Education and awareness are crucial to end stigmatization and empower female athletes.
+{{</section>}}
+
+{{<section title="Features">}}
+Lunarfit aims to bridge the gap between menstrual health and athletic performance.
+Therefore, a core component is the daily assessment, that combines training data, individual well-being and a range of methods to track the menstrual cycle accurately.
+Based on this it is possible to offer personalized nutritional and training recommendations.
+A calendar view facilitates long term planning.
+Information screens helps to better understand the menstrual cycle. 
+All of this allows to make more informed decisions and communicate better with trainers and peers.
+{{</section>}}
+
+{{<section title="Process">}}
+The foundation of our project was provided by the Institute of Sports Science at the University of Bern, giving us a scientific basis to build upon. They initially presented their idea using a Miro Board, setting the stage for our development process. As we progressed, we continuously refined and expanded the concept, ensuring it evolved effectively the project.
+
+Before officially starting, we conducted a market analysis to assess the landscape and understand user requirements. Using the insights gained, we defined a set of features and created database and API schemas and clickable mockups in Figma to visualize the app's functionality.
+
+Next, we evaluated different tech stacks to identify the one that would best support our ideas. We then employed an agile development process, holding weekly meetings to maintain flexibility and respond to feedback quickly. This iterative approach allowed us to continuously optimize our ideas, ensuring it was both functional and user-friendly.
+{{</section>}}
+
+{{<section title="Team">}}
+Each team member was assigned a specific part of the app to focus on, promoting a sense of responsibility. This division of labor streamlined the development process and ensured that all aspects of the app received the necessary attention.
+{{</section>}}
+{{<gallery>}}
+{{<team-member image="p-marie.jpg" name="Marie Menge">}}
+{{<team-member image="p-lilly.jpg" name="Lilly Mydlach">}}
+{{<team-member image="p-jonas.jpg" name="Jonas Trenkler">}}
+{{<team-member image="p-truc.jpg" name="Kieu Truc Tran">}}
+{{<team-member image="p-leon.jpg" name="Leon Snakowski">}}
+{{</gallery>}}