This commit is contained in:
KLxHunter 2024-09-10 00:58:18 +07:00
parent de9a0246da
commit d8f478e858
7 changed files with 17 additions and 12 deletions

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.edc60963.js", "main.js": "/static/js/main.11acc6ad.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.edc60963.js.map": "/static/js/main.edc60963.js.map" "main.11acc6ad.js.map": "/static/js/main.11acc6ad.js.map"
}, },
"entrypoints": [ "entrypoints": [
"static/css/main.58462fbc.css", "static/css/main.58462fbc.css",
"static/js/main.edc60963.js" "static/js/main.11acc6ad.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.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> <!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.11acc6ad.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

@ -63,11 +63,8 @@ justify-content: space-evenly;
color: ${props => `rgba(${props.theme.bodyRgba},0.6)` }; color: ${props => `rgba(${props.theme.bodyRgba},0.6)` };
font-size: calc(0.5rem + 1.5vw); font-size: calc(0.5rem + 1.5vw);
font-weight:300; font-weight:300;
} }
` `
const Intro = () => { const Intro = () => {
@ -77,10 +74,18 @@ const Intro = () => {
animate={{height: '55vh'}} animate={{height: '55vh'}}
transition={{ type: 'spring', duration:2, delay:1 }} transition={{ type: 'spring', duration:2, delay:1 }}
> >
<style>{`\
@media screen and (min-width:425px) {\
.roleIsMobile {\
width: 11vh;
overflow-wrap: break-word;
}\
}\
`}</style>
<SubBox> <SubBox>
<Text> <Text>
<h1>Hi,</h1> <h1>Hi,</h1>
<h3>I'm DevSecOps.</h3> <h3 class="roleIsMobile">I'm DevSecOps.</h3>
<h6>I Implement and Design strong Infrastructure.</h6> <h6>I Implement and Design strong Infrastructure.</h6>
</Text> </Text>
</SubBox> </SubBox>