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

View File

@ -1,17 +1,17 @@
{
"files": {
"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/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/profile-img.png": "/static/media/profile-img.5d5f6af9aa98aaa4efc6.png",
"index.html": "/index.html",
"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": [
"static/css/main.58462fbc.css",
"static/js/main.69ac5bd7.js"
"static/js/main.edc60963.js"
]
}

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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

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

View File

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

View File

@ -26,11 +26,11 @@ const Main = styled.div`
border: 2px solid ${props => props.theme.text};
color: ${props => props.theme.text};
background-color: ${props => props.theme.body};
padding: 2rem;
width: 30vw;
padding: 1rem;
width: 34vw;
height: 60vh;
z-index:3;
line-height: 1.5;
line-height: 1.3;
cursor: pointer;
font-family: 'Ubuntu Mono',monospace;
@ -65,7 +65,7 @@ const Description = styled.div`
color: ${props => props.theme.text};
font-size: calc(0.6em + 1vw);
padding: 0.5rem 0;
overflow: scroll;
overflow: auto;
${Main}:hover &{
@ -83,6 +83,11 @@ ul,p{
}
`
const Tools = styled.p`
height: 18vh;
overflow-x: hidden;
`
const MySkillsPage = () => {
return (
<ThemeProvider theme={lightTheme}>
@ -107,9 +112,9 @@ Responsible for automating security testing and vulnerability scanning.
</Description>
<Description>
<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
</p>
</Tools>
</Description>
</Main>
@ -128,9 +133,9 @@ Html, Css, Js, Bootstrap, ExpressJS, Jquery, Php, Laravel, S3, Database etc.
</Description>
<Description>
<strong>Tools</strong>
<p>
<Tools>
VScode, Github, Gitlab, Gitea, Bitbucket, MySQL, MariaDB, PostgreSQL, MSSQL, MongoDB, Redis etc.
</p>
</Tools>
</Description>
</Main>

View File

@ -46,7 +46,7 @@ export const Experimentations = [
name:"Build VPN server for my private network.",
tags:["vpn","network","security"],
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"
},
@ -104,7 +104,7 @@ export const Experimentations = [
name:"Build proxmox server to run any vm.",
tags:["vm","datacenter"],
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"
},

View File

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