Jeff/resume_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新CSS

Browse Source
This commit is contained in:
JEFF 2025-02-12 21:41:33 +08:00
parent 0b780d00d9
commit 046db5492f
2 changed files with 55 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
Frontend_test/Views/Home/Index.cshtml
View File

@ -16,10 +16,10 @@
<section id="about">
<h2>About Me</h2>
<p>Name：彭賢恩 (Jeff)</p>
<p><span class="phone-icon">📞</span> Cellphone：0972253074</p>
<p><span class="mail-icon">📧</span> E-mail：aeelejkl174820@gmail.com</p>
<p><span class="tea-icon">🍵</span>Gitea：<a href="http://140.125.21.72:8418/Jeff" target="_blank">http://140.125.21.72:8418/Jeff</a></p>
<p class="custom-text">Name：彭賢恩 (Jeff)</p>
<p class ="custom-text"><span class="phone-icon">📞</span> Cellphone：0972253074</p>
<p class="custom-text"><span class="mail-icon">📧</span> E-mail：aeelejkl174820@gmail.com</p>
<p class="custom-text"><span class="tea-icon">🍵</span>Gitea：<a href="http://140.125.21.72:8418/Jeff" target="_blank">http://140.125.21.72:8418/Jeff</a></p>
</section>
<section id="education">
@ -30,8 +30,8 @@
<div class="timeline-content">
<h3>2020-2024</h3>
<h4>虎尾科技大學 自動化工程系 學士</h4>
<li>班級學業總成績第2名</li>
<li>科系學業總成績第8名</li>
<li class="custom-text">班級學業總成績第2名</li>
<li class="custom-text">科系學業總成績第8名</li>
</div>
</div>
<div class="timeline-item">
@ -39,7 +39,7 @@
<div class="timeline-content">
<h3>2024-NOW</h3>
<h4>雲林科技大學 電機系 碩士</h4>
<p>專事於電機工程與相關研究。</p>
<p class="custom-text">專事於電機工程與相關研究。</p>
</div>
</div>
</div>
@ -48,10 +48,10 @@
<section id="skills">
<h2>Skills</h2>
<ul>
<li>C#開發經驗</li>
<li>AOI影像處理</li>
<li>YOLO物件偵測技術</li>
<li>建立前端網站</li>
<li class="custom-text">C#開發經驗</li>
<li class="custom-text">AOI影像處理</li>
<li class="custom-text">YOLO物件偵測技術</li>
<li class="custom-text">建立前端網站</li>
</ul>
</section>
@ -61,21 +61,22 @@
<div class="row my-4">
<!-- C -->
<h4 class="col-md-2 prog-lang">C</h4>
<div class="col-md-4 mb-4 mb-md-0 d-flex flex-column justify-content-center">
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" role="progressbar"
aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
C語言好難 (40%)
<div class="col-md-4 mb-4 mb-md-0 d-flex flex-column justify-content-center">
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
C語言好難 (40%)
</div>
</div>
</div>
</div>
<!-- C# -->
<h4 class="col-md-2 prog-lang">C#</h4>
<div class="col-md-4 mb-4 mb-md-0 d-flex flex-column justify-content-center">
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar--animated bg-danger" role="progressbar" aria-valuenow="40"
aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
窩還在學 (40%)
</div>
</div>

37
Frontend_test/wwwroot/css/styles.css
View File

@ -10899,8 +10899,8 @@ p.lead {
padding: 0.5rem;
}
#sideNav .navbar-brand .img-profile {
max-width: 10rem;
max-height: 10rem;
max-width: 12rem;
max-height: 12rem;
border: 0.5rem solid rgba(255, 255, 255, 0.2);
}
#sideNav .navbar-collapse {
@ -10971,6 +10971,23 @@ section.resume-section .resume-section-content {
}
}
.custom-text {
font-size: 20px; /* 可調整字體大小 */
font-weight: bold;
}
.custom-text_1 {
font-size: 18px; /* 可調整字體大小 */
font-weight: bold;
}
.prog-lang {
font-family: var(--bs-body-font-family);
font-size: 20px;
font-weight: bold;
color: gray;
}
.timeline {
border-left: 2px solid #007bff;
padding-left: 20px;
@ -11013,12 +11030,28 @@ section.resume-section .resume-section-content {
margin-bottom: 10px;
}
@keyframes glowing {
0% {
background-color: #ff0000;
}
50% {
background-color: #ff9900;
}
100% {
background-color: #ff0000;
}
}
.progress-bar {
background: #007bff;
color: white;
padding: 5px 10px;
border-radius: 10px;
font-weight: bold;
animation: glowing 1s infinite alternate;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.phone-icon {