Hugging Face's logo

Spaces:
MLee1006
/
DigitalPortfolio
Running

App Files Community
MLee1006 commited on
Commit
761d230
·
1 Parent(s): af97faf

commit ming

Browse files
Files changed (6) hide show
  1. .gitignore +5 -0
  2. assets/CV_Lee_Ming_Xiang_2023.pdf +0 -0
  3. assets/images/LMX_formal.jpg +0 -0
  4. index.html +114 -17
  5. style.css +0 -28
  6. styles/main.css +163 -0
.gitignore ADDED
@@ -0,0 +1,5 @@
 
 
 
 
 
 
1
+ assets/images/LEE MING XIANG.jpeg
2
+ assets/images/LMX Informal.jpg
3
+ assets/images/LMX_Whatapps.jpg
4
+ assets/images/LMX_Whatapps2.jpg
5
+ assets/images/LMX.jpg
assets/CV_Lee_Ming_Xiang_2023.pdf ADDED
Binary file (975 kB). View file
 
assets/images/LMX_formal.jpg ADDED
index.html CHANGED
@@ -1,19 +1,116 @@
1
  <!DOCTYPE html>
2
  <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <!DOCTYPE html>
2
  <html>
3
+ <head>
4
+ <meta charset='utf-8'>
5
+ <meta http-equiv='X-UA-Compatible' content='IE=edge'>
6
+ <title>Lee Ming Xiang</title>
7
+ <meta name='viewport' content='width=device-width, initial-scale=1'>
8
+ <link rel='stylesheet' type='text/css' media='screen' href='./styles/main.css'>
9
+ </head>
10
+ <body>
11
+ <div id="container--main">
12
+ <section id="wrapper--hero" class="section--page">
13
+ <img id="profile-pic" src="./assets/images/LMX_formal.jpg"/>
14
+ <div>
15
+ <h1 id="user-name">Lee Ming Xiang</h1>
16
+ <p id="bio">I am Malaysian Chinese, who speak multilingual including Mandarin (native), English (proficient), Malay (moderate), Hokkien and Catonese.</p>
17
+ <p id="bio">I am currently working as Data Analytics Engineer at <a href="https://www.slb.com/" target="_blank">SLB</a>, with Petroleum Geoscience background and Master in Data Science.
18
+ I am deeply enthusiatic in developing data science solutions for oil and gas industry.</p>
19
+ <p id="email">👉 [email protected] / [email protected] </p>
20
+ </div>
21
+ </section>
22
+
23
+ <section class="secction--page">
24
+ <div id="socials--list">
25
+ <a href="https://www.linkedin.com/in/ming-xiang-lee-23610a95/" target="_blank">💼 LinkedIn</a>
26
+ <a href="https://github.com/mingxiang1006" target="_blank">😺 Github </a>
27
+ <a href="./assets/CV_Lee_Ming_Xiang_2023.pdf" target="_blank">📄 Download Resume</a>
28
+ </div>
29
+ </section>
30
+
31
+ <section class="section--page">
32
+ <h2>Skills and Qualifications</h2>
33
+ <ul id="qualifications--list">
34
+ <li>✔️ 2 years experience in Machine Learning,Natural Language Processing & Data Analytics.</li>
35
+ <li>✔️ 3 years experience in seismic data processing. </li>
36
+ <li>✔️ Experience in Python programming and cloud deployment.</li>
37
+ <li>✔️ Technical committee for several machine learning hackathons.</li>
38
+ <li>✔️ Volunteer speaker for Woman Who Code Event.</li>
39
+ </ul>
40
+ </section>
41
+
42
+ <section class="section--page">
43
+ <h2>Tech Stack</h2>
44
+ <div id="wrapper--techstack__items">
45
+ <div class="card--techstack"><span>Python, C++, HTML, CSS </span></div>
46
+ <div class="card--techstack"><span>Streamlit, FastAPI, Docker, Micrsoft Azure</span></div>
47
+ <div class="card--techstack"><span>Delfi, Dataiku, Cognite Data Fusion </span></div>
48
+ <div class="card--techstack"><span>Tibco Spotfire, Power BI</span></div>
49
+ <div class="card--techstack"><span>MySQL, Oracle, Postgres</span></div>
50
+ <div class="card--techstack"><span>Petrel, Omega, Hampson-Russel</span></div>
51
+ </div>
52
+ </section>
53
+
54
+ <section id="work-history-wrapper" class="section--page">
55
+ <h2>Work History</h2>
56
+ <div class="line-break"></div>
57
+
58
+ <div class="card--work-history">
59
+ <strong>🚀 DATA ANALYTICS ENGINEER | SLB </strong>
60
+ <p>06/2021 - Present</p>
61
+ <p>Worked on multiple projects related to Subsurface, Production & Drilling domains: </p>
62
+
63
+ <p>1. Natural Language Processing (NLP): </p>
64
+ <ul>
65
+ <li>Developed and deployed webapp to automatically extract insights from Daily Operation Report remark section. </li>
66
+ <li>Involved and mentoring to build oil and gas language model using transformer.</li>
67
+ <li>Involved and mentoring to identify near miss drilling event from Daily Drilling Reports.</li>
68
+ </ul>
69
+ <p>2. Machine Learning & Data Analytics: </p>
70
+ <ul>
71
+ <li>Applied cross domain pattern recognition to identify the relationship between petrophysical properties and production potentials.</li>
72
+ <li>Developed and deployed diagnostic analytics dashboard to identify overperforming and underperforming wells based on well production properties.</li>
73
+ <li>Developed predictive analytics dashboard to calculate platform CO2 emission based on prediction of gas fuel rate.</li>
74
+ </ul>
75
+ <p>3. Programming: </p>
76
+ <ul>
77
+ <li>Developed seismic auto converter from SEGY to DIO & DIO to SEGY format using C++.</li>
78
+ </ul>
79
+ </div>
80
+
81
+ <div class="line-break"></div>
82
+
83
+ <div class="card--work-history">
84
+ <strong>🚀 GEOPHYSICIST | SLB </strong>
85
+ <p>03/2018 - 06/2021 </p>
86
+ <p>Worked on multiple seismic processing project in both shallow and deep water surveys.</p>
87
+ <ul>
88
+ <li>Processed seismic in Offshore Australia, India, Gabon, Malaysia & Myanmar.</li>
89
+ <li>Worked on seismic interfrence noise removal, demultiple, denoise, seismic to well tie.</li>
90
+ <li>Worked on seismic interpretation including water bottom, fault and horizon picking.</li>
91
+ <li>Developed and deployed analytics dashboard in streamlining Adaptive Deghosting testing
92
+ efficiency by saving ~70% of man hours and cost.</li>
93
+ </ul>
94
+ </div>
95
+ </section>
96
+
97
+ <section class="section--page">
98
+ <h2>Publications & Accomplishments</h2>
99
+ <div class="card--project">
100
+ <a href="https://www.earthdoc.org/content/papers/10.3997/2214-4609.202332039"><span>🏆 </span>
101
+ Information Retrieval from Oil and Gas Unstructured Data with Contextualized Framework</a>
102
+ </div>
103
+
104
+ <div class="card--project">
105
+ <a href="https://www.earthdoc.org/content/papers/10.3997/2214-4609.202272010"><span>🏆 </span>
106
+ CO2 Emission Monitoring Based on Prediction of Gas Fuel Rate using Machine Learning</a>
107
+ </div>
108
+
109
+ <div class="card--project">
110
+ <span>🏆 </span>Business Impact Award for 2021 SLB Asia Sustainability Hackathon.</div>
111
+ <div class="card--project"><span>🏆 </span>SEG Kuwait Workshop: Imaging multi-order multiples - Shallow Water Case Study from South East Asia.</div>
112
+ </section>
113
+
114
+ </div>
115
+ </body>
116
+ </html>
style.css DELETED
@@ -1,28 +0,0 @@
1
- body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
- }
5
-
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
9
- }
10
-
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
- }
17
-
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
24
- }
25
-
26
- .card p:last-child {
27
- margin-bottom: 0;
28
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
styles/main.css ADDED
@@ -0,0 +1,163 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap');
2
+
3
+ :root{
4
+ --mainTextColor-light:#000;
5
+ --secondaryTextColor-light:rgb(51 51 51);
6
+ --mainLinkColor-light:#0014DB;
7
+ --mainBorderColor-light:rgb(218, 218, 218);
8
+ --mainBgColor-light:rgb(249, 250,251);
9
+
10
+ --mainTextColor-dark:#fff;
11
+ --secondaryTextColor-dark:#adb0b1;
12
+ --mainLinkColor-dark:rgb(30, 190,214);
13
+ --mainBorderColor-dark:#2b3031;
14
+ --mainBgColor-dark:#131415;
15
+
16
+ --mainTextColor:var(--mainTextColor-light);
17
+ --secondaryTextColor:var(--secondaryTextColor-light);
18
+ --mainLinkColor:var(--mainLinkColor-light);
19
+ --mainBorderColor: var(--mainBorderColor-light);
20
+ --mainBgColor:var(--mainBgColor-light);
21
+ }
22
+
23
+ *{
24
+ font-family: 'Readex Pro';
25
+ line-height: 1.5em;
26
+ box-sizing: border-box;
27
+ color: var(--mainTextColor);
28
+ }
29
+
30
+ body{
31
+ background-color: var(--mainBgColor);
32
+ }
33
+
34
+ p, span, li{
35
+ color: var(--secondaryTextColor);
36
+ font-size: 1em;
37
+ }
38
+
39
+ a{
40
+ text-decoration: none;
41
+ color: var(--mainLinkColor);
42
+ font-size: 500;
43
+ }
44
+
45
+ li{
46
+ line-height: 1.9em;
47
+ }
48
+
49
+ #container--main{
50
+ max-width: 750px;
51
+ margin: 0 auto;
52
+ }
53
+
54
+ .section--page{
55
+ padding-top: 1em;
56
+ padding-bottom: 1em;
57
+ }
58
+
59
+ #wrapper--hero{
60
+ display: flex;
61
+ align-items: center;
62
+ gap: 4em;
63
+ }
64
+
65
+ #user-name{
66
+ font-size: 2.5em;
67
+ line-height: 0.5em;
68
+ }
69
+
70
+ #bio, a{
71
+ font-weight: 250;
72
+ /* text-align: justify; */
73
+ }
74
+
75
+ #profile-pic{
76
+ border-radius: 50%;
77
+ width: 220px;
78
+ height: 230px;
79
+ object-fit: cover;
80
+ }
81
+
82
+ #email{
83
+ color:var(--mainTextColor);
84
+ }
85
+
86
+ #socials--list{
87
+ display: flex;
88
+ justify-content: flex-start;
89
+ column-gap: 1em;
90
+ flex-wrap: wrap;
91
+ }
92
+
93
+ #socials--list a{
94
+ border: 1px solid var(--mainBorderColor);
95
+ padding: 0.5em 1em;
96
+ border-radius: 5px;
97
+ font-size: 0.9em;
98
+ color: var(--secondaryTextColor);
99
+ transition: 0.3s;
100
+ }
101
+
102
+ #socials--list a:hover{
103
+ color: var(--mainLinkColor);
104
+ }
105
+
106
+ #qualifications--list{
107
+ list-style: none;
108
+ }
109
+
110
+ #wrapper--techstack__items{
111
+ display: flex;
112
+ flex-wrap: wrap;
113
+ gap: 1em;
114
+ font-size: 0.9em;
115
+ }
116
+
117
+ .card--techstack{
118
+ border: 1px solid var(--mainBorderColor);
119
+ padding: 0.5em 1em;
120
+ border-radius: 5px;
121
+ }
122
+
123
+ .card--work-history{
124
+ border-left: 1px solid var(--mainBorderColor-light);
125
+ margin-top: 3em;
126
+ margin-bottom: 3em;
127
+ padding-left: 2em;
128
+ }
129
+
130
+ .line-break{
131
+ background-color: var(--mainBgColor-light);
132
+ }
133
+
134
+ .card--project{
135
+ padding-top: 1em;
136
+ padding-bottom: 1em;
137
+ border-top: 1px solid var(--mainBorderColor-light);
138
+ }
139
+
140
+ .card--project a{
141
+ /* color: var(--mainTextColor); */
142
+ transition: .3s;
143
+ }
144
+
145
+ .card--project a:hover{
146
+ color: var(--mainLinkColor);
147
+ }
148
+
149
+ @media(max-width:600px){
150
+ #wrappe--hero{
151
+ flex-direction: column;
152
+ gap: 1em;
153
+ }
154
+ .section--page{
155
+ padding-top: 1em;
156
+ padding-bottom: 1em;
157
+ }
158
+
159
+ .card--work-history{
160
+ border-left: none;
161
+ padding-left: 0;
162
+ }
163
+ }