Skip to content

251010update #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
SCUTliu22 merged 1 commit into from
Oct 10, 2025
Merged

251010update #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
# Site settings
# -----------------------------------------------------------------------------

title: So-Link # the website title (if blank, full name will be used instead)
title: 多模态与类脑智能计算 # the website title (if blank, full name will be used instead)
first_name: Jianming
# middle_name: R.
last_name: Lv
Expand Down
125 changes: 99 additions & 26 deletions _pages/about.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,11 @@ selected_papers: false # includes a list of papers marked as "selected={true}"
# limit: 3 # leave blank to include all the blog posts
---


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

<style>
.lab-card {
border-radius: 16px;
Expand Down Expand Up @@ -54,60 +58,129 @@ selected_papers: false # includes a list of papers marked as "selected={true}"
font-size: 1.1rem;
line-height: 1.8;
}
/* 图片展示区域样式 */
.image-showcase {

/* 轮播图样式 */
.carousel-showcase {
margin: 25px 0;
border-radius: 12px;
overflow: hidden;
position: relative;
height: 380px;
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
height: 380px;
}
.image-showcase img {
.carousel-item {
height: 380px;
}
.carousel-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.image-showcase:hover img {
transform: scale(1.03);
}
.image-caption {
position: absolute;
.carousel-caption {
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
padding: 25px 20px 15px;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
padding: 25px 20px 15px;
text-align: left;
}
.image-caption h3 {
.carousel-caption h3 {
color: #3498db;
font-size: 1.4rem;
margin-bottom: 8px;
}
.image-caption p {
.carousel-caption p {
color: rgba(255,255,255,0.9);
font-size: 1rem;
margin-bottom: 0;
}
.carousel-control-prev,
.carousel-control-next {
width: 50px;
height: 50px;
background: rgba(0,0,0,0.3);
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
margin: 0 15px;
}
.carousel-indicators {
margin-bottom: 10px;
}
.carousel-indicators button {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 5px;
}
/* @media (max-width: 768px) {
.image-showcase {
height: 280px;
}
} */
</style>

<div class="lab-card">
<h2><i class="fas fa-flask"></i> 实验室简介</h2>
<!-- 图片展示区域 -->
<div class="image-showcase">
{% include figure.liquid path="assets/img/intro1.jpg" title="实验室风采" class="img-fluid rounded z-depth-1" %}
<div class="image-caption">
<h3>智能研究环境</h3>
<p>配备先进设备的多模态深度学习研究实验室</p>

<!-- 图片轮播区域 -->
<div id="labCarousel" class="carousel slide carousel-showcase" data-bs-ride="carousel">
<!-- 轮播指示器 -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#labCarousel" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#labCarousel" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#labCarousel" data-bs-slide-to="2"></button>
</div>

<!-- 轮播内容 -->
<div class="carousel-inner">
<!-- 第一张图片 -->
<div class="carousel-item active">
<img src="assets/img/intro1.jpg" class="d-block w-100" alt="实验室环境">
<div class="carousel-caption">
<h3>智能研究环境</h3>
<p>配备先进设备的多模态深度学习研究实验室</p>
</div>
</div>

<!-- 第二张图片 -->
<div class="carousel-item">
<img src="assets/img/intro2.jpg" class="d-block w-100" alt="团队讨论">
<div class="carousel-caption">
<h3>团队协作</h3>
<p>研究人员正在进行深入的学术讨论与交流</p>
</div>
</div>

<!-- 第三张图片 -->
<div class="carousel-item">
<img src="assets/img/intro3.png" class="d-block w-100" alt="实验设备">
<div class="carousel-caption">
<h3>先进设备</h3>
<p>高性能计算集群与专业实验设备</p>
</div>
</div>
</div>

<!-- 导航按钮 -->
<button class="carousel-control-prev" type="button" data-bs-target="#labCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#labCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>

<p>本实验室聚焦人工智能前沿领域，致力于多模态深度学习的核心技术研究与应用创新。团队重点攻关跨模态信息融合与鲁棒特征学习，在计算机视觉与信号处理领域取得突破性进展。</p>
</div>

<script>
// 自动轮播设置
document.addEventListener('DOMContentLoaded', function() {
var myCarousel = document.getElementById('labCarousel');
var carousel = new bootstrap.Carousel(myCarousel, {
interval: 4000, // 4秒切换一次
pause: 'hover', // 鼠标悬停时暂停
wrap: true // 循环播放
});
});
</script>


<!-- 主要内容容器 -->
<!-- <div style="max-width: 1000px; margin: 30px auto; padding: 0 20px;"> -->

Expand Down
4 changes: 2 additions & 2 deletions _projects/JinZhihua.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,13 +27,13 @@ related_publications: false
</div>
</div>
<div class="col-sm-4 mt-3 mt-md-0">
{% include figure.liquid path="assets/img/gbq.jpg" title="个人图片" class="img-fluid rounded z-depth-1" %}
{% include figure.liquid path="assets/img/jzh.jpg" title="个人图片" class="img-fluid rounded z-depth-1" %}
</div>
</div>

<h4 style="color: #1a6fc4; margin-bottom: 30px;">个人成果</h4>
<div style="margin-bottom: 15px; padding: 12px; border-left: 4px solid #3498db; background-color: transparent; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<span style="font-weight: bold; color: #e74c3c;">[1]</span> Jin Z, He K and Xu D. Hybrid Coefficient Fusion in Multi-resolution Singular Value Decomposition Domain for Medical Images. <span style="font-style: italic; color: #2980b9;">8th International Conference on Image, Vision and Computing, 2023, pp.397-402.
<span style="font-weight: bold; color: #e74c3c;">[1]</span> Jin Z, He K and Xu D. Hybrid Coefficient Fusion in Multi-resolution Singular Value Decomposition Domain for Medical Images. <span style="font-style: italic; color: #2980b9;">8th International Conference on Image, Vision and Computing, 2023, pp.397-402.</span>
</div>

<h4 style="color: #1a6fc4; margin-bottom: 30px;">学生风采</h4>
Expand Down
0 assets/img/intro.jpg → assets/img/intro2.jpg
View file
Open in desktop
File renamed without changes
Binary file added assets/img/intro3.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading