update

cv.html

@@ -166,7 +166,7 @@ <h3 data-change-page-title="" style="font-size: 2em; color: #fff;">Curriculum Vi
                 </div>
 
                 <div class="row2 fade-row">
-                    <div class="left-col"><p>Aug. 2021 – Mar. 2022</p><p>Supervisor: Prof. Fan Yang</p><p>Tongji University</p><a href=#>> See details</a></div>
+                    <div class="left-col"><p>Aug. 2021 – Mar. 2022</p><p>Supervisor: Prof. Fan Yang</p><p>Tongji University</p><a href=./projects.html#Pedestrian target="_blank">> See details</a></div>
                     <div class="right-col">
                         <p style="font-size: 0.8em ;padding: 8px; border:1px solid #555; border-radius: 7px"><i>The impact of spatial design on human behavior lacks a quantifiable evaluation method. The research explores an experimental approach to assess the influence of spatial elements on pedestrian flow characteristics, with findings presented at the 7th Tongji University Innovation Academic Forum.</i></p>
                         <p>● Led the research team in designing empirical experiments, developing deep learning algorithms, and conducting result analysis and visualization.</p>

projects.html

@@ -116,6 +116,27 @@ <h4>Revealing Urban Heat Island Effect</h4>
                             </div>
                         </div>
                     </div>
+
+                    <!-- Pedestrian -->
+                    <div class="project">
+                        <div class="image-container">
+                            <div class="image-border">
+                                <div class="image-frame" style="background-image: url('/projects/pedestrian/thumb/A2.gif');"></div>
+                            </div>
+                            <div class="corners">
+                                <div class="corner top-left" style="top: 0px; left: 0px; border-left: 2px solid var(--color-cornor); border-top: 2px solid var(--color-cornor);"></div>
+                                <div class="corner top-right" style="top: 0px; right: 0px; border-right: 2px solid var(--color-cornor); border-top: 2px solid var(--color-cornor);"></div>
+                                <div class="corner bottom-left" style="bottom: 0px; left: 0px; border-left: 2px solid var(--color-cornor); border-bottom: 2px solid var(--color-cornor);"></div>
+                                <div class="corner bottom-right" style="bottom: 0px; right: 0px; border-right: 2px solid var(--color-cornor); border-bottom: 2px solid var(--color-cornor);"></div>
+                            </div>
+                            <div class="caption">
+                                <a onclick="showDescription('Pedestrian')" id="Pedestrian_read">
+                                    <span class="date">8/2021 - 3/2022</span>
+                                    <h4>Influence of Spatial Factors on Pedestrian Flow</h4>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
 
                 </div>
                 <h3 class="fade-row">Urban Design</h3>
@@ -263,6 +284,28 @@ <h4>Origami Works</h4>
                 </div>
             </div>
 
+            <!-- Pedestrian -->
+            <div class="description-container d-fade-out hidden" id="Pedestrian" style="grid-template-columns: 40% 58%;">
+                <div class="description-column">
+                    <p class="title">Influence of Spatial Factors on Pedestrian Flow</p>
+                    <p class="left-text">This website is under construction.</p>
+                    <p class="left-text-small"><br><br><br><br></p>
+                    <p class="left-text-small"><strong>Time:</strong> 8/2021 - 3/2022</p>
+                    <p class="left-text-small"><strong>Authors:</strong> Weikang Kong, Wanyin Han, Jiale Yu, Hongyun Chen</p>
+                    <p class="left-text-small"><strong>Supervisor:</strong> Prof. Fan Yang - Tongji University</p>
+                </div>
+                <div class="description-column">
+                    <a href="/projects/pedestrian/A2.gif" data-fancybox="scooter_a" data-caption="">
+                        <img class = "des-image-full" src="/projects/pedestrian/thumb/A2.gif" alt="Image" loading="lazy">
+                    </a>
+                    <p class="description-text">Pedestrian flow recognition</p>
+                    <a href="/projects/pedestrian/rec result.jpeg" data-fancybox="scooter_a" data-caption="">
+                        <img class = "des-image-full" src="/projects/pedestrian/rec result.jpeg" alt="Image" loading="lazy">
+                    </a>
+                    <p class="description-text">The result of flow recognition and perspective transformation</p>
+                </div>
+            </div>
+
             <!-- Tuan -->
             <div class="description-container d-fade-out hidden" id="Tuan">
                 <div class="description-column">

projects/monitor.js

@@ -46,4 +46,12 @@ document.getElementById('Origami_read').addEventListener('click', function() {
         'event_label': 'Origami_read',
         'value': 1
     });
+});
+
+document.getElementById('Pedestrian_read').addEventListener('click', function() {
+    gtag('event', 'Pedestrian_read', {
+        'event_category': 'read',
+        'event_label': 'Pedestrian_read',
+        'value': 1
+    });
 });