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 23:56:19 +07:00
parent a21c11f178
commit de9a0246da
11 changed files with 28 additions and 21 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.69ac5bd7.js", "main.js": "/static/js/main.edc60963.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.69ac5bd7.js.map": "/static/js/main.69ac5bd7.js.map" "main.edc60963.js.map": "/static/js/main.edc60963.js.map"
}, },
"entrypoints": [ "entrypoints": [
"static/css/main.58462fbc.css", "static/css/main.58462fbc.css",
"static/js/main.69ac5bd7.js" "static/js/main.edc60963.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.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> <!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.edc60963.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>

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

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

File diff suppressed because one or more lines are too long

2
src/components/AboutPage.js
View File

@ -45,7 +45,7 @@ const Main = styled.div`
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: calc(0.6rem + 1vw); font-size: calc(0.5rem + 1vw);
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
position: absolute; position: absolute;

3
src/components/ExperimentationComponent.js
View File

@ -29,7 +29,8 @@ const Image = styled.div`
background-image: ${(props) => `url(${props.img})`}; background-image: ${(props) => `url(${props.img})`};
width: 100%; width: 100%;
height: 60%; height: 60%;
background-size: cover; background-size: contain;
background-repeat: no-repeat;
border: 1px solid transparent; border: 1px solid transparent;
background-position: center center; background-position: center center;

21
src/components/MySkillsPage.js
View File

@ -26,11 +26,11 @@ const Main = styled.div`
border: 2px solid ${props => props.theme.text}; border: 2px solid ${props => props.theme.text};
color: ${props => props.theme.text}; color: ${props => props.theme.text};
background-color: ${props => props.theme.body}; background-color: ${props => props.theme.body};
padding: 2rem; padding: 1rem;
width: 30vw; width: 34vw;
height: 60vh; height: 60vh;
z-index:3; z-index:3;
line-height: 1.5; line-height: 1.3;
cursor: pointer; cursor: pointer;
font-family: 'Ubuntu Mono',monospace; font-family: 'Ubuntu Mono',monospace;
@ -65,7 +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; overflow: auto;
${Main}:hover &{ ${Main}:hover &{
@ -83,6 +83,11 @@ ul,p{
} }
` `
const Tools = styled.p`
height: 18vh;
overflow-x: hidden;
`
const MySkillsPage = () => { const MySkillsPage = () => {
return ( return (
<ThemeProvider theme={lightTheme}> <ThemeProvider theme={lightTheme}>
@ -107,9 +112,9 @@ Responsible for automating security testing and vulnerability scanning.
</Description> </Description>
<Description> <Description>
<strong>Tools</strong> <strong>Tools</strong>
<p> <Tools>
K3s, Kustomize/Helm, AWS, GCP, DO, Nginx, Apache, IIS, Treafik, Kong, Openresty, ELK, Filebeat, Terraform, Ansible, Rancher, ESXI, Proxmox, Fail2ban, DroneCI, JenkinsCI, RabbitMQ, Pihole, FreeIPA, PFsense, Vaultwarden, Hashicorp Vault, Mailcow, OpenVPN Server, ArgoCD, Sentry, Grafana/Prometheus, Istio, Harbor, Kuma Monitor, N8N, Sonarqube K3s, Kustomize/Helm, AWS, GCP, DO, Nginx, Apache, IIS, Treafik, Kong, Openresty, ELK, Filebeat, Terraform, Ansible, Rancher, ESXI, Proxmox, Fail2ban, DroneCI, JenkinsCI, RabbitMQ, Pihole, FreeIPA, PFsense, Vaultwarden, Hashicorp Vault, Mailcow, OpenVPN Server, ArgoCD, Sentry, Grafana/Prometheus, Istio, Harbor, Kuma Monitor, N8N, Sonarqube
</p> </Tools>
</Description> </Description>
</Main> </Main>
@ -128,9 +133,9 @@ Html, Css, Js, Bootstrap, ExpressJS, Jquery, Php, Laravel, S3, Database etc.
</Description> </Description>
<Description> <Description>
<strong>Tools</strong> <strong>Tools</strong>
<p> <Tools>
VScode, Github, Gitlab, Gitea, Bitbucket, MySQL, MariaDB, PostgreSQL, MSSQL, MongoDB, Redis etc. VScode, Github, Gitlab, Gitea, Bitbucket, MySQL, MariaDB, PostgreSQL, MSSQL, MongoDB, Redis etc.
</p> </Tools>
</Description> </Description>
</Main> </Main>

4
src/data/ExperimentationData.js
View File

@ -46,7 +46,7 @@ export const Experimentations = [
name:"Build VPN server for my private network.", name:"Build VPN server for my private network.",
tags:["vpn","network","security"], tags:["vpn","network","security"],
date:"OpenVPN AccessServer", date:"OpenVPN AccessServer",
imgSrc:"https://vpn.klxhub.com/admin/logo", imgSrc:"https://openvpn.net/_next/static/media/open-vpn-logo.238dc4d9.svg",
link:"https://vpn.klxhub.com" link:"https://vpn.klxhub.com"
}, },
@ -104,7 +104,7 @@ export const Experimentations = [
name:"Build proxmox server to run any vm.", name:"Build proxmox server to run any vm.",
tags:["vm","datacenter"], tags:["vm","datacenter"],
date:"Proxmox", date:"Proxmox",
imgSrc:"https://prox.klxhub.com/pve2/images/proxmox_logo.png", imgSrc:"https://cdn.arstechnica.net/wp-content/uploads/2024/03/proxmox-logo-stacked-inverted-color.jpg",
link:"https://prox.klxhub.com" link:"https://prox.klxhub.com"
}, },

3
src/subComponents/PowerButton.js
View File

@ -12,7 +12,7 @@ top: 2rem;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
background-color: #FCF6F4; background-color: #BEBBD6;
padding: 0.3rem; padding: 0.3rem;
border-radius: 50%; border-radius: 50%;
border: 1px solid #000; border: 1px solid #000;
@ -34,6 +34,7 @@ cursor: pointer;
&>*:first-child{ &>*:first-child{
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
height: 30px;
} }
` `