Add FR page

.gitignore

@@ -2,4 +2,4 @@ _site
 .sass-cache
 .jekyll-cache
 .jekyll-metadata
-vendor
+vendor

_config.yml

@@ -23,6 +23,9 @@ email: [email protected]
 description: >- # this means to ignore newlines until "baseurl:"
   A research installation that brings together building occupancy analysis methods, trajectory prediction, and digital media
   to understand and mediate shared spaces.
+description_fr : >-
+  Une installation de recherche qui associe les méthodes d'analyse de l'occupation des bâtiments, la prédiction des trajectoires 
+  et les médias numériques pour comprendre les espaces partagés.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: jekyllrb

_layouts/default.html

@@ -17,46 +17,65 @@
       <header>
         <h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repository_name }}</a></h1>
 
-        {% if site.logo %}
-          <img src="{{site.logo | relative_url}}" alt="Logo" />
-        {% endif %}
+        {% if page.lang == "en" %}
 
-        <p>{{ site.description | default: site.github.project_tagline }}</p>
+          {% if site.logo %}
+            <img src="{{site.logo | relative_url}}" alt="Logo" />
+          {% endif %}
 
-        {% if site.github.is_project_page %}
-        <!-- <p class="view"><a href="{{ site.github.repository_url }}">View the Project on GitHub <small>{{ site.github.repository_nwo }}</small></a></p> -->
-        {% endif %}
+          <p>{{ site.description | default: site.github.project_tagline }}</p>
 
-        {% if site.github.is_user_page %}
-        <p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p>
-        {% endif %}
+          {% if site.status == 'active' %}
+          <p> Status: <mark style="color:rgb(76, 255, 76);">ACTIVE</mark> </p>
+          {% endif %}
+          {% if site.status == 'maintain' %}
+          <p> Status: <mark style="color:rgb(252, 255, 76);">UNDER MAINTENANCE</mark> </p>
+          {% endif %}
+          {% if site.status == 'inactive' %}
+          <p> Status: <mark style="color:rgb(255, 76, 222);">INACTIVE</mark> </p>
+          {% endif %}
+
+          <p><a href="./fr"> FR </a></p>
 
-        {% if site.status == 'active' %}
-        <p> Status: <mark style="color:rgb(76, 255, 76);">ACTIVE</mark> </p>
-        {% endif %}
-        {% if site.status == 'maintain' %}
-        <p> Status: <mark style="color:rgb(252, 255, 76);">UNDER MAINTENANCE</mark> </p>
-        {% endif %}
-        {% if site.status == 'inactive' %}
-        <p> Status: <mark style="color:rgb(255, 76, 222);">INACTIVE</mark> </p>
         {% endif %}
 
+        {% if page.lang == "fr" %}
+
+          {% if site.logo %}
+            <img src="{{site.logo | relative_url}}" alt="Logo" />
+          {% endif %}
+
+          <p>{{ site.description_fr }}</p>
+
+          {% if site.status == 'active' %}
+          <p> Status: <mark style="color:rgb(76, 255, 76);">ACTIVE</mark> </p>
+          {% endif %}
+          {% if site.status == 'maintain' %}
+          <p> Status: <mark style="color:rgb(252, 255, 76);">UNDER MAINTENANCE</mark> </p>
+          {% endif %}
+          {% if site.status == 'inactive' %}
+          <p> Status: <mark style="color:rgb(255, 76, 222);">INACTIVE</mark> </p>
+          {% endif %}
+
+          <p><a href="./"> EN </a></p>
 
-        {% if site.show_downloads %}
-        <ul class="downloads">
-          <li><a href="{{ site.github.zip_url }}">Download <strong>ZIP File</strong></a></li>
-          <li><a href="{{ site.github.tar_url }}">Download <strong>TAR Ball</strong></a></li>
-          <li><a href="{{ site.github.repository_url }}">View On <strong>GitHub</strong></a></li>
-        </ul>
         {% endif %}
+
       </header>
       <section>
 
       {{ content }}
 
       </section>
       <footer>
+        {% if page.lang == "en" %}
         <p>This project is developed and maintained by <a href="https://crclcrclcrcl.org/">CRCL</a></p>
+        {% endif %}
+
+        {% if page.lang == "fr" %}
+        <p>Ce projet est développé et maintenu par <a href="https://crclcrclcrcl.org/">CRCL</a></p>
+        {% endif %}
+
         <p>Contact: <a href="mailto:[email protected]">[email protected]</a></p>
         <!-- <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p> -->
       </footer>

about.markdown

@@ -1,5 +1,5 @@
 ---
-# layout: page
+layout: default
 title: Motion Pictures
 permalink: /about/
 ---

fr.md

@@ -0,0 +1,43 @@
+---
+layout: default
+lang: fr
+---
+
+![img01](/assets/img/fig1.png)
+
+### Research Goal
+
+Motion Pictures is a micro-scale research installation that investigates how digital projection can transform liminal spaces into more efficient and socially engaging experiences. It began in response to inflexible implementations of COVID-19 social distancing protocols. Stickers, tape, and floor signs can be effective in the right contexts but fail to address the complexity of human movement behavior especially in spaces occupied by both stationary and moving pedestrians. Computation and digital media allow for more dynamic visualizations that can follow occupants and inform them of safe and efficient paths, while automatically adjusting to obstacles and stationary pedestrians. The research intention was not to solely use computation for increasing efficiency of pedestrian movement, but also to create an enjoyable experience through social interaction in the context of restrictions and uncertainties. 
+
+### DETECTION AND DATA POLICY
+
+Data collection begins with reading video streams from each of the camera modules connected to the NUC. YOLOv8 is used for detection to reach a balance of performance and efficiency, with a deep learning-based tracker to follow individuals between frames. Detection results undergo several transformations before being passed onto the visualization to ensure that coordinates match real space. As a final step, locations are run through a pedestrian behavioral model based on Social Force, which generates short term path suggestions for occupants.
+
+The project never collects or stores any personally identifiable information. Video data from the camera system is used for people detection and tracking before being translated to Cartesian coordinates. Only these coordinates are used for the behavior model and light projection.
+
+![img02](/assets/img/fig2.png)
+
+### VISUALIZATION
+The visualization is generated as a graphical shader that shows each occupant's personal space as a distinct color. "Spotlights" change shape and direction in response to changes in the tracker and model, while also combining in unique ways as occupants interact with one another.
+
+### SETUP
+
+The hardware setup consists of two commodity projectors (Epson EB2250), an Intel NUC, and two board cameras. Multiple projectors can be connected to adjust size and shape of the covered space, making the system adaptable to different sites and conditions. 
+
+![img03](/assets/img/fig3.png)
+
+--------------
+
+#### CREDITS
+
+by Eric Duong and Prof. Stefana Parascho, CRCL, EPFL
+
+With the support of: 
+
+**CRCL:** Maxence Grangeot, Alexandra Pittiglio, Isabelle Cogotti
+
+**Habitat Research Center:** Elena Longhin
+
+**GIS:** Gilles Guignet, François Perrin, Armin Krkic, Luca Mari
+
+| ![crcl](/assets/img/crcl.png) | ![epfl](/assets/img/epfl.png) | ![hrc](/assets/img/hrc.png) |

index.markdown

@@ -1,4 +1,6 @@
 ---
+layout: default
+lang: en
 ---
 
 ![img01](/assets/img/fig1.png)