-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
204 lines (197 loc) · 15.5 KB
/
index.js
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
let language = {
"en-US": {
profileName: "Kritsana Wipankhet",
profileFaculty: "Web & Application Developer",
profileSummary: `Freelance Web Designer & Developer. I design and develop websites,
web applications , mobile applications , IOT development. Be a
consultant and recommend about the development of applications for
friends, students and the general public. experienced with all
stages of the development for web projects. Excellent knowledge in
many programming languages such as JavaScript(Vue.js, React.js ,
Next.js, Node.js ), Flutter (Dart) , Typescript , PHP (Laravel
framework), ASP.NET (.NET6) , and CSS`,
profileBirthDate: " 22 March 1998, 25 Years old",
profileAddress:
"75/1 M.9 T. Pratupa A. Mueanglamphun Lamphun 51000 , Thailand",
workExperience: "WORK EXPERIENCE",
nttdataDate: "May 2, 2023 - Currently",
nttdataL1: "Developed a POS system and was assigned as a Full Stack Developer to create applications using Vue.js as the front-end framework and Node.js for back-end development",
locusDate: "June 1, 2022 - April 28, 2023",
locusL1:
"Developed a CRM system using the low-code platform called OutSystems to create the application.",
locusL2:
"Developed the E-FROM system and have been assigned the role of a Full Stack developer to build the application using Angular.js as the front-end framework and Java Spring Boot as the back-end.",
makerasiaDate: "March 11, 2018 - May 10, 2018",
makerasiaL1:
"Create and develop web applications To be able to work with IOT devices such as bringing the value of the sensor received to display on the monitor in Real-time. Using programming languages C# , Python , JavaScript and Node.js",
makerasiaL2:
"Create and development of the devices, sensors and software that allows the device to connect seamlessly with other systems. Create, test and document IoT solutions with integrated systems and devices.",
ltcDate: "May 6, 2015 - Sep 19, 2015",
ltcL1:
"The computer network and all the installed equipment, despite being configured, continue to encounter daily issues. In my role as an IT assistant, I am responsible for inspecting the university's network to identify errors, repairing malfunctioning equipment, and completing necessary fixes on a daily basis.",
ltcL2:
"In the event that the college purchases a new computer network, as an IT assistant, I will be responsible for installing and configuring the new network to ensure that the staff can start using it as quickly as possible. Additionally, the new computer network will need to be configured to meet the specific needs of the college.",
locationBangkok: "Bangkok, Thailand",
locationChiangMai: "Chiang Mai, Thailand",
locationLamphun: "Lamphun, Thailand",
internship: "Internship",
internalTransfer: "Internal transfer to",
education: "EDUCATION",
technicalSkill: "TECHNICAL SKILL",
achievements: "ACHIEVEMENTS",
projectBeforeGraduate: "PROJECT BEFORE GRADUATE",
bachelor: "Bachelor of engineering in Computer Engineering",
higherVocationalCertificate:
"First Class Honors Higher Vocational Certificate in Computer Networking Technology",
vocationalCertificate: "Vocational Certificate in Electronics",
GPAX: "GPAX : ",
kmitlGraduate: "2.44, Graduating in 2022",
cmtcGraduate: "3.72, Graduated in 2018",
ltcGraduate: "3.31, Graduated in 2015",
kmitlName: "King Mongkut's Institute of Technology Ladkrabang",
cmtcName: "Chiang Mai Technical College",
ltcName: "Lamphun Technical College",
achievementsL1: "The Second Runner-up, TurtleBOT3 Thailand Championship 2019",
achievementsL2: "The Winner, Thailand National Micro Controller Skills Competition 2018",
},
"th-TH": {
profileName: "กฤษณะ วิปันเขตร์",
profileFaculty: "นักพัฒนาเว็บและแอปพลิเคชัน",
profileSummary: `นักออกแบบและพัฒนาเว็บและแอปพลิเคชันอิสระ ฉันออกแบบและพัฒนาเว็บไซต์, แอปพลิเคชันเว็บ, แอปพลิเคชันมือถือ, และพัฒนาเทคโนโลยี IoT ฉันเป็นที่ปรึกษาและแนะนำเรื่องการพัฒนาแอปพลิเคชันให้กับเพื่อน, นักเรียน, และบุคคลทั่วไป มีประสบการณ์ในทุกขั้นตอนของการพัฒนาโปรเจ็คเว็บ มีความรู้เป็นอย่างดีในหลายภาษาโปรแกรมมิ่ง เช่น JavaScript (Vue.js, React.js, Next.js, Node.js), Flutter (Dart), Typescript, PHP (Laravel framework), ASP.NET (.NET6), และ CSS`,
profileBirthDate: "22 March 1998, อายุ 25 ปี",
profileAddress:
"75/1 ม.9 ต.ประตูป่า อ.เมืองลำพูน จ.ลำพูน 51000 , ประเทศไทย",
workExperience: "ประสบการณ์การทำงาน",
nttdataDate: "2 พฤษภาคม 2565 - ปัจจุบัน",
nttdataL1: "พัฒนาระบบ POS และได้รับมอบหมายให้เป็น Full Stack Developer ในการสร้างแอพพลิเคชั่นโดยใช้ Vue.js เป็นเฟรมเวิร์กหน้าบ้าน และ Node.js สำหรับงานหลังบ้าน",
locusDate: "1 มิถุนายน 2564 - 28 เมษายน 2565",
locusL1:
"พัฒนาระบบ CRM โดยใช้แพลตฟอร์ม Low-Code ที่ชื่อ OutSystems เพื่อสร้างแอปพลิเคชัน",
locusL2:
"พัฒนาระบบ E-FROM และได้รับมอบหมายให้เป็น Full Stack Developer ในการสร้างแอปพลิเคชันโดยใช้ Angular.js เป็นเฟรมเวิร์กหน้าบ้านและ Java Spring Boot เป็นเฟรมเวิร์กหลังบ้าน",
makerasiaDate: "11 มีนาคม 2560 - 10 พฤษภาคม 2560",
makerasiaL1:
"สร้างและพัฒนาแอปพลิเคชันเว็บเพื่อให้สามารถทำงานร่วมกับอุปกรณ์ IoT ได้ เช่น การนำค่าที่ได้รับจากเซนเซอร์มาแสดงบนหน้าจอในโหมดรีลไทม์ โดยใช้ภาษาโปรแกรมมิงเช่น C# , Python , JavaScript และ Node.js",
makerasiaL2:
"การสร้างและพัฒนาอุปกรณ์ ตัวเซนเซอร์ และซอฟต์แวร์ที่อนุญาตให้อุปกรณ์เชื่อมต่อกับระบบอื่นๆ อย่างมีความราบรื่น การสร้าง ทดสอบ และเอกสารระบบ IoT รวมถึงระบบและอุปกรณ์ที่ผนวกเข้ากัน",
ltcDate: "6 พฤษภาคม 2558 - 19 กันยายน 2558",
ltcL1:
"เป็นผู้ช่วยด้านเทคโนโลยีสารสนเทศ (IT assistant) รับผิดชอบในการตรวจสอบเครือข่ายคอมพิวเตอร์ของวิทยาลัยเพื่อระบุข้อผิดพลาด ซ่อมแซมอุปกรณ์ที่มีปัญหา และดำเนินการแก้ไขที่จำเป็นในแต่ละวัน โดยมีปัญหาเกิดขึ้นเป็นประจำบนเครือข่ายและอุปกรณ์ที่ติดตั้งทั้งหมด",
ltcL2:
"ในกรณีที่วิทยาลัยจัดซื้อเครือข่ายคอมพิวเตอร์ใหม่ ได้รับหน้าที่เป็นผู้ช่วยด้านเทคโนโลยีสารสนเทศ (IT assistant) จะรับผิดชอบในการติดตั้งและกำหนดค่าเครือข่ายใหม่เพื่อให้บุคลากรสามารถเริ่มใช้งานได้โดยเร็วที่สุด นอกจากนี้ เครือข่ายคอมพิวเตอร์ใหม่จะต้องถูกกำหนดค่าให้ตรงตามความต้องการเฉพาะของวิทยาลัยด้วย",
locationBangkok: "กรุงเทพมหานครฯ, ประเทศไทย",
locationChiangMai: "เชียงใหม่, ประเทศไทย",
locationLamphun: "ลำพูน, ประเทศไทย",
internship: "สหกิจศึกษา",
internalTransfer: "การโอนย้ายภายในไปยัง",
education: "การศึกษา",
technicalSkill: "ทักษะทางเทคนิค",
achievements: "ความสำเร็จ",
projectBeforeGraduate: "โครงการก่อนสำเร็จการศึกษา",
bachelor: "วิศวกรรมศาสตรบัณฑิต วิศวกรรมคอมพิวเตอร์",
higherVocationalCertificate:
"เกียรตินิยมอันดับหนึ่ง ประกาศนียบัตรวิชาชีพชั้นสูง สาขาเทคโนโลยีเครือข่ายคอมพิวเตอร์",
vocationalCertificate: "ประกาศนียบัตรวิชาชีพสาขาอิเล็กทรอนิกส์",
GPAX: "เกรดเฉลี่ย",
kmitlGraduate: "2.44, จบปีการศึกษา 2564",
cmtcGraduate: "3.72, จบปีการศึกษา 2560",
ltcGraduate: "3.31, จบปีการศึกษา 2558",
kmitlName: "สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง",
cmtcName: "วิทยาลัยเทคนิคเชียงใหม่",
ltcName: "วิทยาลัยเทคนิคลำพูน",
achievementsL1: "รางวัลรองชนะเลิศลำดับที่ 1 , การแข่งขัน TurtleBOT3 Thailand Championship 2019",
achievementsL2: "รางวัลชนะเลิศลำดับที่ 1, การแข่งขันทักษะไมโครคอนโทรลเลอร์ ระดับชาติ ประจำปีการศึกษา 2560",
},
};
let locale = document.getElementById("locale");
let body = document.body;
let downloadLink = document.getElementById("download-link");
changeLanguage("en-US");
locale.addEventListener("click", (e) => {
locale.classList.toggle("active");
if (locale.classList.contains("active")) {
changeLanguage("th-TH");
body.style.fontFamily = "Kanit, sans-serif";
downloadLink.href = '/Kritsana Wipankhet - CV (Curriculum Vitae) - Thai.pdf';
} else {
changeLanguage("en-US");
body.style.fontFamily = "Sarabun, sans-serif";
downloadLink.href = '/Kritsana Wipankhet - CV (Curriculum Vitae) - English.pdf'
}
});
function changeLanguage(languageCode) {
let currentLanguage = language[languageCode];
if (currentLanguage) {
document.getElementById("profile-name").textContent =
currentLanguage.profileName;
document.getElementById("profile-faculty").textContent =
currentLanguage.profileFaculty;
document.getElementById("profile-summary").textContent =
currentLanguage.profileSummary;
document.getElementById("profile-birthdate").textContent =
currentLanguage.profileBirthDate;
document.getElementById("profile-address").textContent =
currentLanguage.profileAddress;
document.getElementById("work-experience").textContent =
currentLanguage.workExperience;
document.getElementById("nttdata-date").textContent =
currentLanguage.nttdataDate;
document.getElementById("nttdata-l1").textContent = currentLanguage.nttdataL1;
document.querySelectorAll("#location-bangkok").forEach((e) => {
e.textContent = currentLanguage.locationBangkok;
});
document.getElementById("internal-transfer").textContent =
currentLanguage.internalTransfer;
document.getElementById("locus-date").textContent =
currentLanguage.locusDate;
document.getElementById("locus-l1").textContent =
currentLanguage.locusL1;
document.getElementById("locus-l2").textContent =
currentLanguage.locusL2;
document.querySelectorAll("#internship").forEach((e) => {
e.textContent = currentLanguage.internship;
});
document.getElementById("makerasia-date").textContent =
currentLanguage.makerasiaDate;
document.getElementById("makerasia-l1").textContent =
currentLanguage.makerasiaL1;
document.getElementById("makerasia-l2").textContent =
currentLanguage.makerasiaL2;
document.getElementById("location-chiangmai").textContent =
currentLanguage.locationChiangMai;
document.getElementById("ltc-date").textContent =
currentLanguage.ltcDate;
document.getElementById("ltc-l1").textContent = currentLanguage.ltcL1;
document.getElementById("ltc-l2").textContent = currentLanguage.ltcL2;
document.getElementById("location-lamphun").textContent =
currentLanguage.locationLamphun;
document.getElementById("education").textContent =
currentLanguage.education;
document.getElementById("technical-skill").textContent =
currentLanguage.technicalSkill;
document.getElementById("achievements").textContent =
currentLanguage.achievements;
document.getElementById("project-before-graduate").textContent =
currentLanguage.projectBeforeGraduate;
document.getElementById("bachelor").textContent =
currentLanguage.bachelor;
document.getElementById("higher-vocational-certificate").textContent =
currentLanguage.higherVocationalCertificate;
document.getElementById("vocational-certificate").textContent =
currentLanguage.vocationalCertificate;
document.getElementById("kmitl-name").textContent =
currentLanguage.kmitlName;
document.getElementById("cmtc-name").textContent =
currentLanguage.cmtcName;
document.getElementById("ltc-name").textContent =
currentLanguage.ltcName;
document.querySelectorAll("#GPAX").forEach((e) => {
e.textContent = currentLanguage.GPAX;
});
document.getElementById("kmitl-graduate").textContent = currentLanguage.kmitlGraduate;
document.getElementById("cmtc-graduate").textContent = currentLanguage.cmtcGraduate;
document.getElementById("ltc-graduate").textContent = currentLanguage.ltcGraduate;
document.getElementById("achievements-l1").textContent = currentLanguage.achievementsL1;
document.getElementById("achievements-l2").textContent = currentLanguage.achievementsL2;
}
}