-
Notifications
You must be signed in to change notification settings - Fork 0
/
profile.html
153 lines (145 loc) · 10.2 KB
/
profile.html
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kelvin 林坤逸 | 學生程式設計師 | 競賽得獎者</title>
<meta http-equiv="Content-Security-Policy"
content="default-src 'self' 'unsafe-inline' *.github.io *.youtube.com *.instagram.com *.spotify.com">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="首頁資料/logo/logo.png" type="image/png">
<link rel="stylesheet" href="首頁資料/css/profile.css">
<!-- Preload critical resources -->
<link rel="preload" href="首頁資料/pic/profile.jpg" as="image" fetchpriority="high">
<link rel="preload" href="首頁資料/css/profile.css" as="style">
<!-- Preconnect to external domains -->
<link rel="preconnect" href="https://youtube.com">
<link rel="preconnect" href="https://instagram.com">
<link rel="preconnect" href="https://spotify.com">
<!-- Defer non-critical images -->
<link rel="preload" href="首頁資料/pic/me.jpg" as="image" fetchpriority="low">
<link rel="preload" href="首頁資料/pic/gept.jpg" as="image" fetchpriority="low">
<link rel="preload" href="首頁資料/pic/chess.png" as="image" fetchpriority="low">
<link rel="preload" href="首頁資料/pic/code.png" as="image" fetchpriority="low">
<!-- Meta tags -->
<meta name="description" content="Kelvin林坤逸是一位來自雲林的學生程式設計師。專長包括C++、Python、前端開發。曾獲全國小論文特優、科展優等、IEYI銅牌等獎項。">
<meta name="keywords" content="Kelvin林坤逸, 程式設計, 科展, 競賽得獎, 學生程式設計師, 雲林">
<meta property="og:title" content="Kelvin林坤逸 | 學生程式設計師">
<meta property="og:description" content="Kelvin林坤逸是一位來自雲林的學生程式設計師。專長包括C++、Python、前端開發。">
<meta property="og:image" content="首頁資料/logo/分頁.svg">
<meta property="og:type" content="website">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://kelvinlinkk.github.io/profile.html">
<base target="_blank">
</head>
<body>
<article id="intro">
<img src="首頁資料/pic/me.jpg" id="background-img" alt="Max Verstappen drving in the sunset"
loading="eager" decoding="async" width="1920" height="1080" onerror="handleImageError(this)">
<img src="首頁資料/pic/profile.jpg" id="profile" alt="Kelvin programming" loading="eager" decoding="async"
width="400" height="400" onerror="handleImageError(this)">
<h1><a href="https://youtube.com/playlist?list=PLpI-mBeJCEey_rrDJNzdfwVjtPlNdtdYk&si=kJTHqYwiNpPaFBgm"
target="_self">Kelvin 林坤逸</a></h1>
<section>
<a href="https://www.youtube.com/channel/UC4V9rH959eGiONgF675Jh6Q"
aria-label="Visit Kelvin's YouTube channel"><img src="首頁資料/logo/youtube.png" alt="Kelvin's youtube"
loading="lazy" decoding="async" width="32" height="32" onerror="handleImageError(this)"></a>
<a href="https://www.instagram.com/kelvinlinkk" aria-label="Visit Kelvin's Instagram profile"><img
src="首頁資料/logo/instagram.png" alt="Kelvin's instagram" loading="lazy" decoding="async" width="32"
height="32" onerror="handleImageError(this)"></a>
<a href="https://open.spotify.com/user/kjtyw7iaimedna4fnobopere4"
aria-label="Visit Kelvin's Spotify profile"><img src="首頁資料/logo/spotify.png" alt="Kelvin's spotify"
loading="lazy" decoding="async" width="32" height="32" onerror="handleImageError(this)"></a>
</section>
<br>
</article>
<main>
<article id="about" class="content">
<h2>Profile - 個人經歷</h2>
<section>
<img src="首頁資料/pic/高二運動會.jpg" alt="Kelvin with classmates" loading="lazy" decoding="async" width="800"
height="600" onerror="handleImageError(this)">
<h3>就學歷程</h3>
<ul>
<li>2015-2020 雲林縣立仁國民小學</li><br>
<li>2020-2025 雲林縣私立揚子高級中等學校</li>
</ul><br>
<h3>比賽經歷</h3>
<ul>
<li>1120315梯次全國高級中學小論文寫作比賽 獲得特優</li><br>
<li>第64屆私立高級中等學校第四區科展 獲得優等</li><br>
<li>2024 IEYI臺灣選拔賽 獲得銅牌</li><br>
<li>113學年度數理及資訊學科能力競賽國教署第三區 獲得佳作</li>
</ul><br>
</section>
</article>
<article id="about" class="content">
<h2>About - 那些關於我的事</h2>
<section>
<img src="首頁資料/pic/gept.jpg" alt="Kelvin's GEPT certificate" loading="lazy" decoding="async" width="800"
height="600" onerror="handleImageError(this)">
<h3>樂於探索的性格</h3>
<p>
  我出生在雲林縣虎尾鎮的一個小家庭。從小我就喜歡自由探索和研究抽象事物。雖然住在公寓限制了戶外活動，但培養了我對閱讀的熱愛。童年時期不同於其他孩子喜歡去遊樂園，我更常去科學、歷史博物館參觀，母親也鼓勵我動手做實驗，如製作石蕊試紙、直流馬達等，啟發了我對自然科學的興趣。<br><br>
</p>
<h3>英文表達能力的培養</h3>
<p>
  我的家庭相當注重英文能力的養成，從國小就培養基礎英語能力，能閱讀英文書籍並與外籍人士對話，高中時通過全民英檢中高級複試。為改善膽怯性格，我經常參加演講比賽，校內獲得英語演講、說故事第一名及國語演講第二名，校外則獲英語說故事第六名、讀者劇場第五名。<br><br>
  我善用科技輔助學習英文，包括Anki背單字、podcast練聽力及字根記憶法。這些英文能力對我準備科展和比賽發表有很大幫助。<br><br>
</p>
<h3>圍棋與邏輯分析</h3>
<p>
  圍棋在我的成長過程中扮演重要角色，培養了我理性思維和分析能力。從圍棋攻防中，我學會分析對手棋路背後的動機，這讓我在學習物理化學時也會思考公式的推導過程。圍棋也培養了我的抽象思考能力，讓我能在腦海中圖像化思考，對學習電腦科學很有幫助。<br><br>
</p>
</section>
</article>
<article id="coding" class="content">
<h2>Coding - 鍵盤為琴、滑鼠為筆</h2>
<section>
<h3>對於電資領域的興趣</h3>
<img src="首頁資料/pic/chess.png" alt="AI chess program screenshot" loading="lazy" decoding="async"
width="800" height="600" onerror="handleImageError(this)">
<p>
  樂高機器人是我接觸電資領域的起點。我曾製作自動避障車，撰寫實驗日誌記錄問題與測試，並學習齒輪差速器、傳動軸原理及程式設計，讓我在機械、資訊領域收穫良多。<br><br>
  MIT的Scratch軟體則是另一啟蒙者。小學時我用它寫了許多遊戲和工具，包括一個能根據棋子連線長度計算最佳下法的AI五子棋。<br><br>
  在電機方面，我將樂高機器人的伺服馬達作為轉動傳感器，配合觸碰感應器連接電腦，用Scratch開發了一款可用自製手柄操控的賽車遊戲。這些經驗培養了我對電機與資訊領域的濃厚興趣。<br><br>
</p>
</section>
</article>
<article id="living" class="content">
<h2>Living - 我的學習歷程專區</h2>
<section>
<img src="首頁資料/pic/code.png" alt="Programming code sample" loading="lazy" decoding="async" width="800"
height="600" onerror="handleImageError(this)">
<h3>線上教學與網路資源</h3>
<p>
  COVID-19疫情期間，我善用網路資源維持學習，透過線上影片、單字軟體和時間管理工具提升效率，因此在國中仍考出5A++的成績。這段經歷也培養了我用電腦規劃工作的能力，相信能幫助我在大學階段有更好的學習成效。<br><br>
</p>
<h3>課業與競賽並重的學習生涯</h3>
<p>
  從小我持續參與各類競賽如作文、演講、科學比賽並獲得佳績。我認為紮實的課業是參賽的基礎，讓我能靈活運用知識。因此我在國小、國中皆以縣長獎畢業，高中成績也維持在前1%。<br><br>
</p>
<h3>自學程式語言的過程</h3>
<p>
  我透過自學掌握C++和Python程式語言，也能理解前端Javascript。學習過程以書本為主、影片為輔，將重點整理成筆記本，配合影片說明與習題練習，透過實作內化程式設計知識。<br><br>
</p>
</section>
</article>
<script src="首頁資料/js/profile.js" defer></script>
</main>
<footer>
<h3><a href="#about">Kelvin Lin</a> 的首頁 | 技術支援：<a href="https://pages.github.com/">github pages</a></h3>
</footer>
<script>
function handleError(event) {
console.error('An error occurred:', event.error);
// You can add more error handling logic here
}
function handleImageError(img) {
console.error('Image failed to load:', img.src);
img.src = '首頁資料/logo/logo.png'; // Fallback image
img.alt = 'Image loading failed';
}
</script>
</body>
</html>