-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (141 loc) · 6.92 KB
/
index.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
<!DOCTYPE html>
<html lang="zh-Hants">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YongHong Lin Personal Website</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="./styles/style.css">
<link rel="stylesheet" href="./styles/bubble.css">
</head>
<body>
<nav>
<ul>
<li><a href="#about-me">About</a></li>
<li><a href="#resume">Resume</a></li>
<li><a href="./cv.html">Computer Vision</a></li>
<li><a href="./font_end_dev.html">Full Stack Developer</a></li>
<li><a href="./other.html">Other Skill</a></li>
</ul>
</nav>
<main>
<div id="background-wrap">
<div class="bubble x1"></div>
<div class="bubble x2"></div>
<div class="bubble x3"></div>
<div class="bubble x4"></div>
<div class="bubble x5"></div>
<div class="bubble x6"></div>
<div class="bubble x7"></div>
<div class="bubble x8"></div>
<div class="bubble x9"></div>
<div class="bubble x10"></div>
</div>
<section class="main-area">
<div class="info">
<h1>Hi,I'm YongHong-Lin</h1>
<h2>歡迎來到我的網站，在這裡你可以了解到我的專業技能以及興趣</h2>
<a href="#">了解更多</a>
</div>
<div class="img-area">
<img src="./pictures/個人化頭貼-去背景.png" alt="個人照片">
</div>
</section>
<section class="about-me" id="about-me">
<section class="description">
<h2>關於我</h2>
<p>我目前就讀於師大資工所，研究領域為電腦視覺，目前在物件偵測、自監督、半監督、圖像生成皆有涉略與研究</p>
<p>我的主要技能為Data Mining,Data visualization,Deep Learning,Computer Vision,Full-Stack Devlop</p>
<div class="progress-bar-area">
<p>Data Mining</p>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-info" role="progressbar " aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 90%"></div>
</div>
<p>Data visualization</p>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-info" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 90%"></div>
</div>
<p>Deep Learning</p>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 95%"></div>
</div>
<p>Computer Vision</p>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-success" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
</div>
<p>Full-Stack Development</p>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 40%"></div>
</div>
</div>
</section>
</section>
<section class="resume" id="resume">
<section class="table">
<table>
<tr style="border-top: 2px solid gray;">
<td style="width: 20%;">自我簡歷</td>
<td style="width: 80%;">
就讀於師大資工所，研究領域為電腦視覺，研究方向包含物件偵測、自監督、半監督、圖像生成，專長為<br>Data Mining,Data Visualization,Deep Learning,Computer Vision,Full-Stack Development...
</td>
</tr>
<tr>
<td>學歷</td>
<td>
中國文化大學應用數學系、臺灣師範大學資訊工程研究所
</td>
</tr>
<tr>
<td>經歷</td>
<td>
<ol>
<li>AICUP-2022秋季賽之無人機飛行載具之智慧計數競賽</li>
<li>國科會計畫-繁體中文之場景文字偵測與辨識</li>
</ol>
</td>
</tr>
<tr>
<td>專長</td>
<td>
<ol>
<li>Data Mining(python,sklearn)</li>
<li>Data Visualization(python)</li>
<li>Computer Vision(Python,Pytorch,linux)</li>
<li>Full-Stack Development(Html,CSS,JavaScript,React)</li>
<li>C++,Java,python</li>
</ol>
</td>
</tr>
<tr>
<td>語言</td>
<td>
<ul>
<li>中文：精通</li>
<li>英文：普通</li>
</ul>
</td>
</tr>
<tr>
<td>興趣</td>
<td>
<ul>
<li>寫歌</li>
<li>騎車</li>
<li>吃美食</li>
</ul>
</td>
</tr>
</table>
</section>
<section class="picture">
<img src="./pictures/大頭照.JPG" alt="">
<div class="greenRect"></div>
<div class="greenRect2"></div>
<div class="greenRect3"></div>
</section>
</section>
</main>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="./app.js"></script>
</body>
</html>