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

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

@ -10899,8 +10899,8 @@ p.lead {
padding: 0.5rem; padding: 0.5rem;
} }
#sideNav .navbar-brand .img-profile { #sideNav .navbar-brand .img-profile {
max-width: 10rem; max-width: 12rem;
max-height: 10rem; max-height: 12rem;
border: 0.5rem solid rgba(255, 255, 255, 0.2); border: 0.5rem solid rgba(255, 255, 255, 0.2);
} }
#sideNav .navbar-collapse { #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 { .timeline {
border-left: 2px solid #007bff; border-left: 2px solid #007bff;
padding-left: 20px; padding-left: 20px;
@ -11013,12 +11030,28 @@ section.resume-section .resume-section-content {
margin-bottom: 10px; margin-bottom: 10px;
} }
@keyframes glowing {
0% {
background-color: #ff0000;
}
50% {
background-color: #ff9900;
}
100% {
background-color: #ff0000;
}
}
.progress-bar { .progress-bar {
background: #007bff; background: #007bff;
color: white; color: white;
padding: 5px 10px; padding: 5px 10px;
border-radius: 10px; border-radius: 10px;
font-weight: bold; font-weight: bold;
animation: glowing 1s infinite alternate;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
} }
.phone-icon { .phone-icon {