-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
246 lines (234 loc) · 13 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--for Google site verification-->
<meta name="google-site-verification" content="LT1ryDkY7V5JYYQnii6FOcR0dvFN8Xs1vspT__W55C4" />
<meta name="keywords" content="Allen's Website, allenlin, allenator YouTuber">
<meta name="description" content="I'm Allen who studies CSIE and like to share my awesome exchange life and my knowledge in computer science">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<!-- ico file on the tab -->
<link href="/images/tab_icon.ico" rel="shortcut icon" type="image/x-icon" />
<!-- link to another css file -->
<link rel="stylesheet" href="/style/style.css">
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Allen's Website</title>
</head>
<body>
<!-- cover photo -->
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-4">My Awesome Life</h1>
<p class="lead">Never Give up on learning</p>
</div>
</div>
<!-- NavBar -->
<nav class="navbar navbar-expand-lg navbar-dark sticky-top">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<a class="navbar-brand" href="/">Allen's Website</a>
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="/">Home<span class="sr-only">(current)</span></a>
</li>
<li class=" nav-item">
<a class="nav-link" href="/blog/index.html">Blog</a>
</li>
<li class=" nav-item">
<a class="nav-link" href="/blog/about-me.html">About</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="還在開發中..." aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
<span>hello</span>
</div>
</nav>
<div class="container content">
<div class="row">
<div class="card col-md-3 h-100 shadow-sm mb-3">
<div class="text-center">
<img src="/images/thumbnail.jpg" alt="Allen photo" class="rounded-circle m-3" style="width: 70%;">
</div>
<span class="text-center">Allen LIN</span>
<span class="text-muted text-center">Student major in CSIE</span>
<hr>
<div class="d-flex flex-row justify-content-center">
<a href="https://www.facebook.com/profile.php?id=100002661934970" class="fa fa-facebook-official rounded-circle icon" style="margin-left: 10px;" target="_blank"></a>
<a href="https://github.com/allenlin316" class="fa fa-github rounded-circle icon" target="_blank"></a>
<a href="https://www.linkedin.com/in/pinan-lin-8743ba22a/" class="fa fa-linkedin rounded-circle icon" target="_blank"></a>
<a href="https://www.youtube.com/channel/UCHd7xTXd4EoLJWKyayXceXw" class="fa fa-youtube-play rounded-circle icon" target="_blank"></a>
</div>
</div>
<div class="col-md-5">
<h1 class="text-muted">Archives</h1>
<h2>2024</h2>
<ul style="line-height: 2em;">
<li>
<a href="https://github.com/allenlin316/Socket_Programming_for_SYN_Flood_Mitigation">Socket Programming for SYN Flood Mitigation</a>
<p class="text-muted m-0">Nov 2024 - Dec 2024</p>
</li>
<li>
<a href="https://github.com/allenlin316/malware_classification_FL">Hybrid Malware Classification</a>
<p class="text-muted m-0">Nov 2024 - Dec 2024</p>
</li>
<li>
<a href="https://github.com/allenlin316/BlockInsure/tree/main" target="_blank">BlockInsure - 去中心化保單網站</a>
<p class="text-muted m-0">Jun 15, 2024</p>
</li>
</ul>
<h2>2023</h2>
<ul style="line-height: 2em;">
<li>
<a href="https://github.com/allenlin316/QSSL" target="_blank">大學部畢業專題製作 - 透過量子自我監督之指紋辨識應用</a>
<p class="text-muted m-0">Jul 8, 2023</p>
</li>
<li>
<a href="https://github.com/allenlin316/Android_App" target="_blank">App 設計 - Android App</a>
<p class="text-muted m-0">Jun 4, 2023</p>
</li>
<li>
<a href="https://github.com/allenlin316/Ebook_System" target="_blank">動態網站設計 - 電子書網站系統</a>
<p class="text-muted m-0">Jan 8, 2023</p>
</li>
<li>
<a href="/blog/esp32-bang.html">ESP32 飛彈射擊系統</a>
<p class="text-muted m-0">Jan 4, 2023</p>
</li>
</ul>
<h2>2022</h2>
<ul style="line-height: 2em;">
<li>
<a href="/blog/esp32-house.html">智慧家庭 - 自動瓦斯警報與通風系統</a>
<p class="text-muted m-0">Nov 10, 2022</p>
</li>
<li>
<a href="https://github.com/allenlin316/Instagram-Post-Liking-Bot" target="_blank">動態爬蟲 - Instagram 按讚機器人</a>
<p class="text-muted m-0">Jul 29, 2022</p>
</li>
<li>
<a href="/blog/spain-STEP.html">西班牙短期營隊</a>
<p class="text-muted m-0">Jul 2, 2022</p>
</li>
<li>
<a href="https://github.com/allenlin316/King_of_Knowledge" target="_blank">網路程式設計期末專題 - 知識王遊戲</a>
<p class="text-muted m-0">Jun 12, 2022</p>
</li>
<li>
<a href="https://github.com/allenlin316/ncyu_autoFill_form" target="_blank">動態爬蟲 - 嘉義大學回饋表單自動填寫</a>
<p class="text-muted m-0">May 26, 2022</p>
</li>
<li>
<a href="https://github.com/allenlin316/allenlin316.github.io" target="_blank">個人網站製作 - GitHub Page</a>
<p class="text-muted m-0">Feb 20, 2022</p>
</li>
<li>
<a href="/blog/github-note.html">GitHub Note</a>
<p class="text-muted m-0">Feb 20, 2022</p>
</li>
<li>
<a href="/blog/git-note.html">Git Note</a>
<p class="text-muted m-0">Feb 19, 2022</p>
</li>
<li>
<a href="/blog/gatsby-note.html">Gatsby Note</a>
<p class="text-muted m-0">Feb 18, 2022</p>
</li>
<li>
<a href="/blog/atomic-habits.html">課外書分享 - 原子習慣</a>
<p class="text-muted m-0">Feb 10, 2022</p>
</li>
<li>
<a href="https://github.com/allenlin316/Floppy_Face_Game" target="_blank">網頁遊戲製作 - Floppy Face Game</a>
<p class="text-muted m-0">Feb 8, 2022</p>
</li>
<li>
<a href="https://github.com/allenlin316/Fight_till_the_End" target="_blank">C# 遊戲專題 - 槍戰遊戲</a>
<p class="text-muted m-0">Jan 11, 2022</p>
</li>
</ul>
<h2>2021</h2>
<ul style="line-height: 2em;">
<li>
<a href="https://github.com/allenlin316/discord_quiz_bot" target="_blank">discord quiz bot</a>
<p class="text-muted m-0">Sep 18, 2021</p>
</li>
<li>
<a href="https://github.com/allenlin316/markdown_blog" target="_blank">前後端整合練習 - Markdown Blog</a>
<p class="text-muted m-0">Sep 15, 2021</p>
</li>
<li>
<a href="/blog/to-kill-a-mockingbird.html">課外書分享 - To Kill A Mockingbird</a>
<p class="text-muted m-0">Aug 10, 2021</p>
</li>
<li>
<a href="https://github.com/allenlin316/BMI_Web_Version" target="_blank">前端網站練習 - 線上 BMI 計算機</a>
<p class="text-muted m-0">Jul 25, 2021</p>
</li>
<li>
<a href="https://github.com/allenlin316/simple_memo_design" target="_blank">前端網站練習 - 線上備忘錄</a>
<p class="text-muted m-0">Jul 16, 2021</p>
</li>
<li>
<a href="https://github.com/allenlin316/English_Typing_Game" target="_blank">大一期末專題 - English Typing Game</a>
<p class="text-muted m-0">Jun 20, 2021</p>
</li>
<li>
<a href="https://github.com/allenlin316/Racing_Car_Game" target="_blank">Qt (C++ 應用程式開發框架)製作單機遊戲</a>
<p class="text-muted m-0">Jun 19, 2021</p>
</li>
</ul>
<h2>2016</h2>
<ul style="line-height: 2em;">
<li>
<a href="/blog/us-exchange.html">美國一年交換生經驗分享</a>
<p class="text-muted m-0">Aug 24, 2016</p>
</li>
</ul>
</div>
<!-- Categories widget-->
<div class="col-12 col-md-4 w-100">
<div class="card mb-4">
<div class="card-header">Note</div>
<div class="card-body">
<div class="row">
<div class="col-md-12">
<p>Keep working on more side project!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer class="container-fluid text-center">
© copyright by Allen
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
crossorigin="anonymous"></script>
<!-- Global site tag (gtag.js) - Google Analytics for allenlin316.github.io -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CJ793J955W"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-CJ793J955W');
</script>
</body>
</html>