Add project subtitles, publication badges, aria-labels, canonical URLs, anchor IDs

jichuantang · jichuantang · commit 8b80d8e4847a · 2026-04-06T17:21:56.000Z
diff --git a/about.html b/about.html
@@ -21,6 +21,7 @@
   <meta property="og:description" content="Ph.D. student in Civil Engineering at the University of Notre Dame, specializing in structural dynamics, control theory, and smart sensing technologies.">
   <meta property="og:image" content="https://jichuantang.github.io/img/tang.jpg">
   <meta property="og:url" content="https://jichuantang.github.io/about.html">
+  <link rel="canonical" href="https://jichuantang.github.io/about.html">
   <meta property="og:type" content="website">
 
   <!-- Favicons -- We recommend this site for generating favicons: https://www.favicon-generator.org/ -->
@@ -145,10 +146,10 @@ <h3 style="margin-top: 10px;"><span>About me</span></h3>
         </table>
 
         <ul class="social-icons" style="padding-left: 0; text-align: center;">
-          <li><a href="https://scholar.google.com/citations?user=e0d84u0AAAAJ&hl=en" target="_blank" rel="noopener noreferrer" title="Google Scholar"><i class="ai ai-google-scholar ai-2x"></i></a></li>
-          <li><a href="https://www.researchgate.net/profile/Jichuan-Tang/" target="_blank" rel="noopener noreferrer" title="ResearchGate"><i class="fab fa-researchgate fa-2x"></i></a></li>
-          <li><a href="https://github.com/jichuantang" target="_blank" rel="noopener noreferrer" title="GitHub"><i class="fab fa-github fa-2x"></i></a></li>
-          <li><a href="https://www.linkedin.com/in/jichuan-tang-1281b1218/" target="_blank" rel="noopener noreferrer" title="LinkedIn"><i class="fab fa-linkedin fa-2x"></i></a></li>
+          <li><a href="https://scholar.google.com/citations?user=e0d84u0AAAAJ&hl=en" target="_blank" rel="noopener noreferrer" title="Google Scholar" aria-label="Google Scholar"><i class="ai ai-google-scholar ai-2x"></i></a></li>
+          <li><a href="https://www.researchgate.net/profile/Jichuan-Tang/" target="_blank" rel="noopener noreferrer" title="ResearchGate" aria-label="ResearchGate"><i class="fab fa-researchgate fa-2x"></i></a></li>
+          <li><a href="https://github.com/jichuantang" target="_blank" rel="noopener noreferrer" title="GitHub" aria-label="GitHub"><i class="fab fa-github fa-2x"></i></a></li>
+          <li><a href="https://www.linkedin.com/in/jichuan-tang-1281b1218/" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><i class="fab fa-linkedin fa-2x"></i></a></li>
         </ul>
 
       </div>
diff --git a/css/main.css b/css/main.css
@@ -747,6 +747,47 @@ footer hr {
   margin: 0 !important;
 }
 
+.project-subtitle {
+  font-size: 0.82rem !important;
+  color: var(--muted) !important;
+  font-weight: 400 !important;
+  margin: 0.3rem 0 0 2.4em !important;
+  line-height: 1.4 !important;
+  font-style: italic;
+}
+
+/* Publication status badges */
+.pub-badge {
+  display: inline-block;
+  font-size: 0.7rem;
+  font-weight: 600;
+  padding: 2px 8px;
+  border-radius: 10px;
+  margin-left: 4px;
+  vertical-align: middle;
+  letter-spacing: 0.3px;
+}
+
+.pub-badge-review {
+  background: #fef3c7;
+  color: #92400e;
+}
+
+.pub-badge-published {
+  background: #d1fae5;
+  color: #065f46;
+}
+
+[data-theme="dark"] .pub-badge-review {
+  background: #78350f;
+  color: #fef3c7;
+}
+
+[data-theme="dark"] .pub-badge-published {
+  background: #064e3b;
+  color: #d1fae5;
+}
+
 .project-figures .thumbnail {
   margin-bottom: 0.5rem;
 }
diff --git a/footer.html b/footer.html
@@ -11,11 +11,11 @@
 
         <!-- Social professional networking icons -->
         <ul class="social-icons pull-right">
-          <li><a href="mailto:jtang4@nd.edu" title="Email"><i class="fas fa-envelope fa-2x"></i></a></li>
-          <li><a href="https://github.com/jichuantang" target="_blank" rel="noopener noreferrer"><i class="fab fa-github fa-2x"></i></a></li>
-          <li><a href="https://www.linkedin.com/in/jichuan-tang-1281b1218/" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin fa-2x"></i></a></li>
-          <li><a href="https://www.researchgate.net/profile/Jichuan-Tang/" target="_blank" rel="noopener noreferrer"><i class="fab fa-researchgate fa-2x"></i></a></li>
-          <li><a href="https://scholar.google.com/citations?user=e0d84u0AAAAJ&hl=en" target="_blank" rel="noopener noreferrer"><i class="ai ai-google-scholar ai-2x"></i></a></li>
+          <li><a href="mailto:jtang4@nd.edu" title="Email" aria-label="Email"><i class="fas fa-envelope fa-2x"></i></a></li>
+          <li><a href="https://github.com/jichuantang" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><i class="fab fa-github fa-2x"></i></a></li>
+          <li><a href="https://www.linkedin.com/in/jichuan-tang-1281b1218/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="fab fa-linkedin fa-2x"></i></a></li>
+          <li><a href="https://www.researchgate.net/profile/Jichuan-Tang/" target="_blank" rel="noopener noreferrer" aria-label="ResearchGate"><i class="fab fa-researchgate fa-2x"></i></a></li>
+          <li><a href="https://scholar.google.com/citations?user=e0d84u0AAAAJ&hl=en" target="_blank" rel="noopener noreferrer" aria-label="Google Scholar"><i class="ai ai-google-scholar ai-2x"></i></a></li>
           <!-- <li><a href="" target="_blank" rel="noopener noreferrer"><i class="ai ai-academia-square ai-2x"></i></a></li> -->
         </ul>
 
diff --git a/index.html b/index.html
@@ -21,6 +21,7 @@
    <meta property="og:description" content="Projects and research by Jichuan Tang, covering multi-fidelity models, smart transportation, and structural health monitoring.">
    <meta property="og:image" content="https://jichuantang.github.io/img/tang.jpg">
    <meta property="og:url" content="https://jichuantang.github.io/">
+   <link rel="canonical" href="https://jichuantang.github.io/">
    <meta property="og:type" content="website">
 
    <!-- Favicons -- We recommend this site for generating favicons: https://www.favicon-generator.org/ -->
@@ -106,6 +107,7 @@ <h3>Research</h3>
                <span class="project-toggle" title="Expand / Collapse">+</span>
                Using DeepONets to Create Spatio-temporal Surrogates for Dynamical Systems
             </p>
+            <p class="project-subtitle">Neural operator surrogates for cable-stayed bridge dynamics</p>
             <div class="project-details" style="display:none;">
                <ul>
                   <li>Proposed Spatio-temporal full-field DeepONet yields multiple dynamical outputs in single pass.</li>
@@ -121,6 +123,7 @@ <h3>Research</h3>
                <span class="project-toggle" title="Expand / Collapse">+</span>
                Leveraging Multi-Fidelity Models for Computational Shock Response Prediction
             </p>
+            <p class="project-subtitle">DeepONets and RNNs for ship structure impact modeling</p>
             <div class="project-details" style="display:none;">
                <ul>
                   <li>Performed model analysis of ship structures to impulsive loading inputs, and discerned the full discrepancies between the low- and high-fidelity models.</li>
@@ -149,6 +152,7 @@ <h3>Research</h3>
                <span class="project-toggle" title="Expand / Collapse">+</span>
                Urban Smart Transportation and Safety Maintenance
             </p>
+            <p class="project-subtitle">MEMS sensor denoising with GANs and tunnel inspection systems</p>
             <div class="project-details" style="display:none;">
                <ul>
                   <li>Conducted denoising calibration and performance evaluation of MEMS accelerometers in low-frequency noise impact and validated its adaptability to different noise sources by using Generative adversarial networks (GANs), with comparison to empirical modal decomposition and wavelet transform methods.</li>
@@ -180,6 +184,7 @@ <h3>Research</h3>
                <span class="project-toggle" title="Expand / Collapse">+</span>
                Human-induced Vibration Control of Footbridge
             </p>
+            <p class="project-subtitle">TD3 reinforcement learning for semi-active tuned mass dampers</p>
             <div class="project-details" style="display:none;">
                <ul>
                   <li>Constructed the dynamics model for the coupled system of concrete pedestrian bridge, human and semi-active tuned mass damper (STMD) considering human-induced vibration.</li>
@@ -204,6 +209,7 @@ <h3>Research</h3>
                <span class="project-toggle" title="Expand / Collapse">+</span>
                RL-based Control Method for Real-Time Hybrid Simulation (RTHS)
             </p>
+            <p class="project-subtitle">DDPG-based control for underwater shaking table experiments</p>
             <div class="project-details" style="display:none;">
                <ul>
                   <li>Developed digital twin model of underwater shaking table based on Simulink to simulate structural behaviors under wave and earthquake loads with high accuracy, verified by physical experimental data.</li>
diff --git a/news.html b/news.html
@@ -21,6 +21,7 @@
    <meta property="og:description" content="Latest news and updates from Jichuan Tang's academic and research journey.">
    <meta property="og:image" content="https://jichuantang.github.io/img/tang.jpg">
    <meta property="og:url" content="https://jichuantang.github.io/news.html">
+   <link rel="canonical" href="https://jichuantang.github.io/news.html">
    <meta property="og:type" content="website">
 
    <!-- Favicons -- We recommend this site for generating favicons: https://www.favicon-generator.org/ -->
diff --git a/publication.html b/publication.html
@@ -21,6 +21,7 @@
    <meta property="og:description" content="List of publications by Jichuan Tang, focusing on civil engineering, structural dynamics, and scientific AI.">
    <meta property="og:image" content="https://jichuantang.github.io/img/tang.jpg">
    <meta property="og:url" content="https://jichuantang.github.io/publication.html">
+   <link rel="canonical" href="https://jichuantang.github.io/publication.html">
    <meta property="og:type" content="website">
 
    <!-- Favicons -- We recommend this site for generating favicons: https://www.favicon-generator.org/ -->
@@ -81,24 +82,26 @@
       <div class="section-card">
          <h3>Journal Papers</h3>
          <ul class="publications">
-            <li>
+            <li id="pub-deeponet">
                <strong>Jichuan Tang</strong>, R.G. McClarren, C. Sweet, Patrick T. Brewick*.
                "A Full-field Extended Deep Operator Network as a Spatio-temporal Surrogate for Structural Dynamics."
-               <em>Engineering Structures</em> (Under Review), 2025.
+               <em>Engineering Structures</em>, 2025.
+               <span class="pub-badge pub-badge-review">Under Review</span>
             </li>
-            <li>
+            <li id="pub-footbridge">
                <strong>Jichuan Tang</strong>, Yuguang Fu*, Ning Li, Yan-Long Xie.
                "Footbridge Vibration Mitigation Using Deep Reinforcement Learning Considering Pedestrian Uncertainty and Human-structure Interaction."
-               <em>Journal of Vibration and Control</em> (Under Review), 2024.
+               <em>Journal of Vibration and Control</em>, 2024.
+               <span class="pub-badge pub-badge-review">Under Review</span>
             </li>
-            <li>
+            <li id="pub-rths">
                Ning Li*, <strong>Jichuan Tang</strong>, Zhong-Xian Li*, and Shawn Gao.
                "Reinforcement Learning Control Method for Real-time Hybrid Simulation based on Deep Deterministic Policy Gradient Algorithm."
                <em>Structural Control and Health Monitoring</em>, vol. 29, no. 10, e3035, 2022.
                <small class="text-muted">(Co-first author)</small>
                [<a href="https://doi.org/10.1002/stc.3035" target="_blank">DOI</a>]
             </li>
-            <li>
+            <li id="pub-shaking-table">
                <strong>Jichuan Tang</strong>, Ning Li*, and Zhong-Xian Li.
                "Underwater Shaking Table Time Delay Compensation and Control Optimization based on Reinforcement Learning."
                <em>Engineering Mechanics</em>, vol. 40, no. 12, pp. 65-75, 2022.
@@ -111,12 +114,12 @@ <h3>Journal Papers</h3>
       <div class="section-card">
          <h3>Conference Papers &amp; Technical Reports</h3>
          <ul class="publications">
-            <li>
+            <li id="pub-multifidelity">
                Patrick T. Brewick*, <strong>Jichuan Tang</strong>.
                "Leveraging Multi-Fidelity Models for Computational Shock Response Prediction."
                <em>Technical Report for Office of Naval Research (ONR)</em>, 2024.
             </li>
-            <li>
+            <li id="pub-mems">
                Yan-Long Xie, <strong>Jichuan Tang</strong>, and Weixin Ren.
                "Denoising Calibration and Performance Evaluation of Low-frequency MEMS Wireless Sensors based on Generative Adversarial Network."
                <em>Engineering Mechanics Institute Conference and Probabilistic Mechanics &amp; Reliability Conference (EMI/PMC 2024)</em>, Chicago, IL, 2024.
@@ -128,7 +131,7 @@ <h3>Conference Papers &amp; Technical Reports</h3>
       <div class="section-card">
          <h3>Thesis</h3>
          <ul class="publications">
-            <li>
+            <li id="pub-thesis">
                <strong>Jichuan Tang</strong>.
                "Research on Control Method for Real-time Hybrid Simulation Based on Reinforcement Learning."
                <em>Master's Thesis</em>, Tianjin University, 2022.
