Final updates before statistics

petitbonhomme/_data/day_logs.yml

@@ -3990,13 +3990,23 @@
        - "Levi's Balloon Leg Light"
        - "Brick Red Coat"
   non-outfit-items:
-- date: "2024-11-04"
+- date: "2024-11-01"
   outfits:
     - items:
        - "Timberland Boots"
        - "Black Light Falke Tight"
        - "Brick Red Coat"
        - "Cropped Jumper Sezane Orange and Pink/Bordeaux"
-       - "Skirt IKKS Double Matter"
+       - "Vintage Orange Skirt"
        - "Dark Blue Sweater V-Neck Celio"
   non-outfit-items:
+- date: "2024-11-04"
+  outfits:
+    - items:
+       - "Dark Blue Corduroy High Waist Pants"
+       - "Timberland Boots"
+       - "Levi's Gray Jacket"
+       - "Sweater Volcom Blue and Gray"
+       - "Gray Long Sleeve T-Shirt"
+       - "Orange Knitted Scarf"
+  non-outfit-items:

petitbonhomme/_includes/wardrobe_and_filters.html

@@ -1,9 +1,9 @@
 {% assign only_first_level = include.only_first_level | default: "false" %}
 {% assign item_template_name = include.item_template_name | default: "wardrobe" %}
 <div id="wardrobe-and-filters-wrap">
-<div class="wardrobe-filters-wrap">
+<div id="wardrobe-filters-wrap">
 <h3 id="wardrobe-filter-title" class="collapsible-header"><span>Filters</span><span class="arrow-down"> </span></h3>
-<div class="collapsible-content">
+<div id="wardrobe-filter-content" class="collapsible-content">
 {% include brand_selector.html %}
 {% include color_selector.html %}
 </div>

petitbonhomme/_layouts/monthly_calendar.html

@@ -85,7 +85,18 @@ <h1>{{ page.full_month }} {{ page.year }}</h1>
 
     <div class="calendar-day">
       <div class="calendar-day-header">
-        {{ current_date }}
+        {% assign day_suffix = current_date | date: "%-d" %}
+
+        {% if day_suffix == "1" or day_suffix == "21" or date == "31" %}
+          {% assign day_suffix = day_suffix | append: "st" %}
+        {% elsif day_suffix == "2" or day_suffix == "22" %}
+          {% assign day_suffix = day_suffix | append: "nd" %}
+        {% elsif day_suffix == "3" or day_suffix == "23" %}
+          {% assign day_suffix = day_suffix | append: "rd" %}
+        {% else %}
+          {% assign day_suffix = day_suffix | append: "th" %}
+        {% endif %}
+        {{ day_suffix }} {{ current_date | date: "%B %Y" }}
       </div>
 
       <div class="outfits-wrap">

petitbonhomme/_plugins/monthly_calendar_generator.rb

@@ -32,7 +32,7 @@ def generate(site)
         month_page.data['logs'] = logs
         month_page.data['full_month'] = full_month
         month_page.data['main_id'] = "main-calendar"
-        month_page.data['title'] = "#{full_month} #{year}"
+        month_page.data['title'] = "PetitBonhomme | #{full_month} #{year}"
 
         # Add the month page to the site
         site.pages << month_page

petitbonhomme/assets/css/style.css

@@ -368,6 +368,7 @@ Index Page
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    margin-top: 20px;
 }
 
 #latest-items-wrap img {
@@ -709,9 +710,9 @@ Calendar Page
 }
 
 .calendar-day-header {
-  font-size: 14px;
+  font-size: smaller;
   font-weight: bold;
-  margin-bottom: 10px;
+  margin: 10px 0;
 }
 
 .outfits-wrap {
@@ -808,7 +809,7 @@ Wardrobe Page
     gap: 20px;
 }
 
-.wardrobe-filters-wrap {
+#wardrobe-filters-wrap {
     margin-bottom: 0;
     display: flex;
     flex-direction: column;
@@ -817,7 +818,7 @@ Wardrobe Page
     background: var(--color-frame);
 }
 
-.wardrobe-filters-wrap .brand-widget {
+#wardrobe-filters-wrap .brand-widget {
     padding: 10px;
 }
 

petitbonhomme/info.md

@@ -3,4 +3,30 @@ layout: default
 title: PetitBonhomme | Info
 ---
 
-<h1>About this Project</h1>
+<h1>About this Project</h1>
+
+This project came about from reflecting on my wardrobe: what goes in, what goes out, what is worn, and what isn’t.
+This reflection occurred at a time when my wardrobe was evolving rapidly.
+It marked the period when I began wearing clothes societally considered feminine.
+It was a complete shift in my clothing habits: I was purchasing a lot of items to fill a newly prominent gap in my
+wardrobe.
+After a few frenetic months, I began to question what I was actually wearing and how much money I was spending
+on items I barely worn.
+I started logging my outfits, and, in parallel, developing this website.
+
+The aim of *Le Petit Bonhomme Simon* is to provide me with objective tools to analyze my wardrobe.
+It emphasizes the notion of price-per-wear—the idea that one should invest in clothing items proportionally to
+their frequency of use.
+The more frequently worn an item is, the more reasonable it is to spend a larger amount on it.
+Conversely, expensive items that are rarely worn (suits, wedding dresses, etc.) should be allocated less.
+
+This website offers an accurate representation of what I wear and own (sometimes to the best of my memory).
+It’s open-source, and the code and the data can be found on this
+[GitHub repository](https://github.com/Simon-Rey/PetitBonhomme).
+Have fun exploring!
+
+PS: If you’re curious about the name of this website, here’s a little story.
+When I was a kid my parents and I had a ritual. 
+Every evening we would create the so-called "Petit Bonhomme Simon", a smaller version of myself.
+The idea was to lay down on the floor the clothes I would wear the next day, in the shape of sticky figure. 
+This website is the modern version of that ritual.

petitbonhomme/styleme.md

@@ -93,6 +93,11 @@ title: PetitBonhomme | Style Me
             e.nextElementSibling.classList.toggle("hidden");
 
         });
+
+        if (window.matchMedia('(max-width: 950px)').matches) {
+            document.getElementById("wardrobe-filter-title").classList.add("collapsed");
+            document.getElementById("wardrobe-filter-content").classList.add("hidden");
+        }
 
         function filterWardrobeItems() {
         const selectedBrands = Array.from(document.querySelectorAll('.brand-checkbox-wrap input:checked'))