thanapat.t/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
KLxHunter 2024-09-09 02:22:43 +07:00
parent 1c3855928d
commit a21c11f178
8 changed files with 89 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
build/asset-manifest.json
View File

@ -1,17 +1,17 @@
{ {
"files": { "files": {
"main.css": "/static/css/main.58462fbc.css", "main.css": "/static/css/main.58462fbc.css",
"main.js": "/static/js/main.dbcf9eef.js", "main.js": "/static/js/main.69ac5bd7.js",
"static/media/u-said-it-v13-1167.mp3": "/static/media/u-said-it-v13-1167.becd66496be9c81ddf9d.mp3", "static/media/u-said-it-v13-1167.mp3": "/static/media/u-said-it-v13-1167.becd66496be9c81ddf9d.mp3",
"static/media/patrick-tomasso-Oaqk7qqNh_c-unsplash.jpg": "/static/media/patrick-tomasso-Oaqk7qqNh_c-unsplash.8ca90014fb6ce5980110.jpg", "static/media/patrick-tomasso-Oaqk7qqNh_c-unsplash.jpg": "/static/media/patrick-tomasso-Oaqk7qqNh_c-unsplash.8ca90014fb6ce5980110.jpg",
"static/media/spaceman.png": "/static/media/spaceman.5ec7fcfa9a803ead726c.png", "static/media/spaceman.png": "/static/media/spaceman.5ec7fcfa9a803ead726c.png",
"static/media/profile-img.png": "/static/media/profile-img.5d5f6af9aa98aaa4efc6.png", "static/media/profile-img.png": "/static/media/profile-img.5d5f6af9aa98aaa4efc6.png",
"index.html": "/index.html", "index.html": "/index.html",
"main.58462fbc.css.map": "/static/css/main.58462fbc.css.map", "main.58462fbc.css.map": "/static/css/main.58462fbc.css.map",
"main.dbcf9eef.js.map": "/static/js/main.dbcf9eef.js.map" "main.69ac5bd7.js.map": "/static/js/main.69ac5bd7.js.map"
}, },
"entrypoints": [ "entrypoints": [
"static/css/main.58462fbc.css", "static/css/main.58462fbc.css",
"static/js/main.dbcf9eef.js" "static/js/main.69ac5bd7.js"
] ]
} }

2
build/index.html
View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600&family=Pacifico&family=Source+Sans+Pro:wght@400;600;700&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"/><title>Thanapat Portfolio DevSecOps</title><script defer="defer" src="/static/js/main.dbcf9eef.js"></script><link href="/static/css/main.58462fbc.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html> <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600&family=Pacifico&family=Source+Sans+Pro:wght@400;600;700&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"/><title>Thanapat Portfolio DevSecOps</title><script defer="defer" src="/static/js/main.69ac5bd7.js"></script><link href="/static/css/main.58462fbc.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

6
build/static/js/main.dbcf9eef.js → build/static/js/main.69ac5bd7.js
View File

File diff suppressed because one or more lines are too long

0
build/static/js/main.dbcf9eef.js.LICENSE.txt → build/static/js/main.69ac5bd7.js.LICENSE.txt
View File

1
build/static/js/main.69ac5bd7.js.map Normal file
View File

File diff suppressed because one or more lines are too long

1
build/static/js/main.dbcf9eef.js.map
View File

File diff suppressed because one or more lines are too long

1
src/components/MySkillsPage.js
View File

@ -65,6 +65,7 @@ const Description = styled.div`
color: ${props => props.theme.text}; color: ${props => props.theme.text};
font-size: calc(0.6em + 1vw); font-size: calc(0.6em + 1vw);
padding: 0.5rem 0; padding: 0.5rem 0;
overflow: scroll;
${Main}:hover &{ ${Main}:hover &{

120
src/data/ExperimentationData.js
View File

@ -3,69 +3,109 @@
export const Experimentations = [ export const Experimentations = [
{ {
id:1, id:1,
name:"Build Website with ReactJS, Styled-components and GSAP for Scrolling Animations", name:"Build git selfhost for store any code repository.",
tags:["react","gsap","styled-components"], tags:["git","version-control","cicd"],
date:"13 May, 2021", date:"Gitea",
imgSrc:"https://res.cloudinary.com/practicaldev/image/fetch/s--sBeV06Xc--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2yrzy75q4dzibqz6rf82.png", imgSrc:"https://git.klxhub.com/assets/img/logo.svg",
link:"https://dev.to/codebucks/build-website-with-reactjs-styled-components-and-gsap-for-scrolling-animations-2f10" link:"https://git.klxhub.com"
}, },
{ {
id:2, id:2,
name:"How to create React Hamburger Menu using Styled-Components", name:"Build CICD selfhost.",
tags:["react","styled-components"], tags:["cicd","version-control","automation"],
date:"5 July, 2021", date:"DroneCI",
imgSrc:"https://codebucks.hashnode.dev/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1625479747640%2F7KzwP9nmj.png%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=1920&q=75", imgSrc:"https://cicd.klxhub.com/static/media/logo.76c744d4.svg",
link:"https://codebucks.hashnode.dev/react-hamburger-menu" link:"https://cicd.klxhub.com"
}, },
{ {
id:3, id:3,
name:"React Loading Screen: Try these 3 cool loading screens for your app", name:"Monitoring server with grafana.",
tags:["react","react-lottie","styled-components"], tags:["monitor","log"],
date:"6 July, 2021", date:"Grafana / Prometheus / NodeExportor / AlertManager",
imgSrc:"https://codebucks.hashnode.dev/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1625552344293%2Fegwis0UIX.png%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=1920&q=75", imgSrc:"https://graf.klxhub.com/public/img/grafana_icon.svg",
link:"https://codebucks.hashnode.dev/react-loading-screens" link:"https://graf.klxhub.com"
}, },
{ {
id:4, id:4,
name:"How to build a Fabulous Todo App using React, Redux and Framer-Motion", name:"Control server with cockpit.",
tags:["react","redux","framer-motion"], tags:["ssh","linux","network"],
date:"26 May, 2021", date:"Cockpit",
imgSrc:"https://res.cloudinary.com/practicaldev/image/fetch/s--r5oUDhhT--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/036s7j5b73up7455rdth.png", imgSrc:"https://redhatgov.io/workshops/security_containers/images/cockpit.png",
link:"https://dev.to/codebucks/build-redux-react-todo-list-app-with-animations-using-framer-motion-1mp1" link:"https://cockpit.klxhub.com"
}, },
{ {
id:5, id:5,
name:"What is Higher Order Component (HOC) in React JS?", name:"Management database and create user access control.",
tags:["react","reactJS","web-development"], tags:["database","management","sql"],
date:"3 Feb, 2021", date:"Dbeaver",
imgSrc:"https://codebucks.hashnode.dev/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1625295480148%2FlyKj8bpHK.jpeg%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=1920&q=75", imgSrc:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL4Lc-0PNANWKMqyKLiJuzUYCEIWVhPwBE4jvjREnYXMZ4cpH15lH3n5x6qBUcpNCQGSaLn9cir9cv5AisGUN2-VAWc7F81zImNeQMJT9VMX27BO7CVwY22vPjU2-q4liUGhoknIrhIQ27N6C0aVegoHFUfGfiKs49dIz4HHiGNpIyU5lhqXjMffc8YXRt/s1920/Meet%20DBeaver%20-%20Free%20Universal%20Database%20Tool%20and%20SQL%20Client.webp",
link:"https://codebucks.hashnode.dev/what-is-higher-order-component" link:"https://db.klxhub.com"
}, },
{ {
id:6, id:6,
name:"How to implement Pagination Component in React from scratch", name:"Build VPN server for my private network.",
tags:["react","css"], tags:["vpn","network","security"],
date:"5 Jan, 2021", date:"OpenVPN AccessServer",
imgSrc:"https://codebucks.hashnode.dev/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1625240050668%2FGAya9b0XK.png%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=1920&q=75", imgSrc:"https://vpn.klxhub.com/admin/logo",
link:"https://codebucks.hashnode.dev/pagination-in-react" link:"https://vpn.klxhub.com"
}, },
{ {
id:7, id:7,
name:"What is Redux ? Simply Explained!", name:"Monitor service with thirdparty selfhost.",
tags:["react","redux","javascript"], tags:["monitor","alert"],
date:"16 May, 2021", date:"Kuma Monitor",
imgSrc:"https://res.cloudinary.com/practicaldev/image/fetch/s--ZY1EK-Eo--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bcz1u90oq3prr5fga3fs.png", imgSrc:"https://kuma.klxhub.com/icon.svg",
link:"https://dev.to/codebucks/what-is-redux-simply-explained-2ch7" link:"https://kuma.klxhub.com"
}, },
{ {
id:8, id:8,
name:"How to create Sidebar navigation menu in ReactJS with react router and framer-motion", name:"Build email server for communication to world.",
tags:["react","framer-motion","styled-components"], tags:["email"],
date:"26 May, 2021", date:"MailCow",
imgSrc:"https://res.cloudinary.com/practicaldev/image/fetch/s--rv4I8UwE--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0a9h50milhlf1us6mn4a.png", imgSrc:"https://avatars.githubusercontent.com/u/23747925?s=200&v=4",
link:"https://dev.to/codebucks/build-sidebar-navigation-menu-in-reactjs-with-react-router-and-framer-motion-for-cool-page-transition-effects-4bc3" link:"https://mail.klxhub.com/SOGo"
},
{
id:9,
name:"Build internet speedtest selfhost for inspect server network.",
tags:["monitor","speedtest"],
date:"SpeedTest",
imgSrc:"https://play-lh.googleusercontent.com/1LKWySZIE8Shx6Y1oy1LgrAtgDo-FwweOmW1hnfTVggPOM0txJ1qYtc8G8XOEfDpGA=w480-h960-rw",
link:"https://speedtest.klxhub.com/"
},
{
id:10,
name:"Build dns server selfhost.",
tags:["network","dns-server"],
date:"Pihole",
imgSrc:"https://pihole.klxhub.com/admin/img/logo.svg",
link:"https://mail.klxhub.com/SOGo"
},
{
id:11,
name:"Build jenkins server selfhost to integrate cicd.",
tags:["cicd","version-control"],
date:"Jenkins",
imgSrc:"https://jk.klxhub.com/static/e396b4f7/images/svgs/logo.svg",
link:"https://jk.klxhub.com"
},
{
id:11,
name:"Build sonarqube server to scan code quality.",
tags:["security","code-scanner"],
date:"Sonarqube",
imgSrc:"https://artifacthub.io/image/949a653d-9573-4e6f-8a20-443126e55656@3x",
link:"https://sonar.klxhub.com"
},
{
id:12,
name:"Build proxmox server to run any vm.",
tags:["vm","datacenter"],
date:"Proxmox",
imgSrc:"https://prox.klxhub.com/pve2/images/proxmox_logo.png",
link:"https://prox.klxhub.com"
}, },
] ]