-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutme.html
127 lines (120 loc) · 3.85 KB
/
aboutme.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
---
layout: base
title: About Thi
subtitle: Understand me and share the hobbies
css:
- "/css/activity.css"
- "/css/project.css"
- "/css/contact-form.css"
- "/css/skill.css"
js:
- "/js/contact-form.js"
- "/js/skill.js"
- "/js/jquery-2.1.3.min.js"
- "/js/jquery.easy-pie-chart.js"
---
{% include header.html type="page" %}
<!-- introduction -->
<section class="alt-color">
{% include sections/sec-front-md.html %}
<div style="margin-bottom: 30px;" class="txt-center">
My name is Dinh Anh <strong>Thi</strong> (call me Thi), a Vietnamese guy who is curious about everything. I start from an amateur mathematician and a curious learner. I like to write about applied maths, apps and tools which are helpful for the human life. I also like to <a href="/sketch">draw</a>, to <a href="/reading">read</a>, to <a href="/travel">travel</a> and to meet people.
</div>
<div class="txt-center">
My dream goes with <a href="http://math2it.com">Math2IT</a>, a site for Vietnameses about Maths, LaTeX, Education and Technology. These are different from the others because they focus on the relationship between knowledge and human life. For example, Maths posts don’t talk about the pure theories but about applications of Maths in real life, about the way we can understand maths’ concepts intuitively.
</div>
{% include sections/sec-back.html %}
</section>
<!-- activity -->
<section class="alt-color">
{% include sections/sec-front-lg.html %}
<h2 id="activity">Professional Experiences</h2>
<ul class="timeline timeline-centered">
{% for obj in site.data.activity %}
<li class="timeline-item">
<div class="timeline-info">
<span>{{ obj.date }}</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
{{ obj.act }}
{% if obj.more %}
<br />
<i class="Tmore T90">{{ obj.more }}</i>
{% endif %}
{% if obj.ref %}
<i class="Tmore T90"><a target="_blank" href="{{ obj.ref }}">Reference link.</a></i>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
{% include sections/sec-back.html %}
</section>
<!-- research -->
<section class="alt-color">
{% include sections/sec-front-lg.html %}
<h2>Research Experiences</h2>
<ul class="timeline timeline-centered">
{% for obj in site.data.research %}
<li class="timeline-item">
<div class="timeline-info">
<span>{{ obj.date }}</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
{{ obj.act }}
{% if obj.more %}
<br />
<i class="Tmore T90">{{ obj.more }}</i>
{% endif %}
{% if obj.ref %}
<i class="Tmore T90"><a target="_blank" href="{{ obj.ref }}">Reference link.</a></i>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
{% include sections/sec-back.html %}
</section>
<!-- education -->
<section class="alt-color">
{% include sections/sec-front-lg.html %}
<h2>Education</h2>
<h4>
How I build my knowledge
</h4>
<ul class="timeline timeline-centered">
{% for obj in site.data.education %}
<li class="timeline-item">
<div class="timeline-info">
<span>{{ obj.date }}</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
{{ obj.act }}
{% if obj.more %}
<br />
<i class="Tmore T90">{{ obj.more }}</i>
{% endif %}
{% if obj.ref %}
<i class="Tmore T90"><a target="_blank" href="{{ obj.ref }}">Reference link.</a></i>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
{% include sections/sec-back.html %}
</section>
<!-- projects -->
<section class="alt-color">
{% include sections/sec-front-md.html %}
{% include sections/sec-project.html %}
{% include sections/sec-back.html %}
</section>
<!-- contact -->
<section class="alt-color">
{% include sections/sec-front-md.html %}
{% include sections/sec-contact.html %}
{% include sections/sec-back.html %}
</section>