comphy-lab.github.io/index.html at main · comphy-lab/comphy-lab.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
---
layout: default
title: "Home"
permalink: /
---

<section id="intro" class="s-intro target-section">
  <div class="s-intro__bg"></div>
  <div class="row s-intro__content">
    <div class="column">
      <div class="s-intro__content-top">
        <div class="s-intro__social-icons">
          <a href="https://orcid.org/0000-0002-4293-6099" aria-label="ORCID profile">
            <i class="ai ai-orcid s-intro__icon s-intro__icon--orcid"></i>
          </a>
          <a href="https://github.com/comphy-lab" aria-label="GitHub organisation">
            <i class="fa-brands fa-github s-intro__icon s-intro__icon--github"></i>
          </a>
          <a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" aria-label="Google Scholar profile">
            <i class="ai ai-google-scholar s-intro__icon s-intro__icon--scholar"></i>
          </a>
        </div>
        <h1 class="s-intro__title">
          Computational Multiphase <br>
          Physics (CoMPhy) Lab
        </h1>
        <div class="s-intro__caption">
          <p>Picture: <a href="/research/#7">Worthington jet</a> formed due to bursting bubble.</p>
        </div>
        <div class="s-intro__subtitle">
          <a href="#featured-wrapper" class="smoothscroll s-intro__cta-btn">
            Featured Research
          </a>
        </div>
      </div>
    </div>
  </div>
</section>

<section id="about" class="s-about target-section">
  <div class="row s-about__content" data-animate-block>
    <div class="s-about__grid">
      <div class="s-about__left">
        <div id="about-content" class="s-about__desc" data-animate-el>
          <!-- Markdown content will be loaded here -->
        </div>
      </div>
      <div class="s-about__right">
        <div class="s-about__social" data-animate-el>
          <div class="s-about__social-header">
            <i class="fa-solid fa-newspaper s-about__news-icon"></i>
            <h3 class="news-header">News</h3>
          </div>
          <div id="news-content" class="s-about__desc" data-animate-el>
            <!-- News content will be loaded here -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<div id="featured-wrapper" class="s-featured-wrapper">
  <div class="s-featured-wrapper__inner">
    <div class="s-featured-wrapper__header">
      <h2 class="s-featured-wrapper__title">Featured Research</h2>
      <div class="s-featured-wrapper__rule"></div>
    </div>
    <div class="featured-item" data-animate-el>
      <div class="featured-item__image">
        <!-- Featured papers will be loaded here by JavaScript -->
      </div>
    </div>
  </div>
</div>