diff --git a/.sass-cache/ebfdce28b90f164040b60556a8d195c0fb42b4a0/no-style-please.scssc b/.sass-cache/ebfdce28b90f164040b60556a8d195c0fb42b4a0/no-style-please.scssc
index 9f86738..dc8aec3 100644
Binary files a/.sass-cache/ebfdce28b90f164040b60556a8d195c0fb42b4a0/no-style-please.scssc and b/.sass-cache/ebfdce28b90f164040b60556a8d195c0fb42b4a0/no-style-please.scssc differ
diff --git a/_includes/head.html b/_includes/head.html
index 23e5649..4e9572b 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -49,8 +49,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git a/_layouts/home.html b/_layouts/home.html
index 4cdcde5..164e204 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -3,13 +3,10 @@
---
-
-
+
{%-include menu_item.html collection=site.data.menu.entries-%} {{ content }}
+
+
diff --git a/_sass/no-style-please.scss b/_sass/no-style-please.scss
index bde2da5..00a03f6 100644
--- a/_sass/no-style-please.scss
+++ b/_sass/no-style-please.scss
@@ -162,6 +162,7 @@ img {
strong {
color: rgb(255, 111, 15);
+ text-decoration: underline;
}
}
@@ -194,11 +195,15 @@ header h1 {
color: rgb(255, 111, 15);
text-decoration: underline;
}
+
+ span {
+ color: #000;
+ }
}
.background {
width: 100%;
- height: 50vh;
+ height: 100vh;
background-image: url("../images/background.jpg");
background-repeat: no-repeat;
background-position: center;
@@ -206,39 +211,13 @@ header h1 {
transition: background-position 0.1s ease-out;
}
- .profile-container {
- display: flex;
-
- .profile1 {
- width: 50%;
- height: 50vh;
- background-image: url("../images/profile1.jpg");
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- transition: background-position 0.1s ease-out;
- filter: brightness(80%);
- }
-
- .profile2 {
- width: 50%;
- height: 50vh;
- background-image: url("../images/profile2.jpg");
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- transition: background-position 0.1s ease-out;
- filter: brightness(90%);
- }
- }
-
.introduce {
width: 100%;
position: absolute;
- top: 55%;
+ top: 60%;
left: 50%;
text-align: center;
- font-size: 24px;
+ font-size: 32px;
transform: translate(-50%, -50%);
color: #fff;
font-weight: 700;
@@ -250,13 +229,41 @@ header h1 {
}
.contact {
+ border: 1px solid #fff;
text-align: center;
font-size: 18px;
color: #000;
margin-bottom: 40px;
+ padding: 22px 0;
& span:first-of-type {
- margin-right: 18px;
+ margin-right: 36px;
+ }
+}
+
+.profile-container {
+ display: flex;
+
+ .profile1 {
+ width: 50%;
+ height: 50vh;
+ background-image: url("../images/profile1.jpg");
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ transition: background-position 0.1s ease-out;
+ filter: brightness(80%);
+ }
+
+ .profile2 {
+ width: 50%;
+ height: 50vh;
+ background-image: url("../images/profile2.jpg");
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ transition: background-position 0.1s ease-out;
+ filter: brightness(90%);
}
}
diff --git a/_site/about.html b/_site/about.html
index 464a7ea..a61daaf 100644
--- a/_site/about.html
+++ b/_site/about.html
@@ -58,8 +58,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git "a/_site/api-\355\206\265\354\213\240\353\266\200\355\204\260-\354\227\220\353\237\254-\355\225\270\353\223\244\353\247\201\352\271\214\354\247\200-feat-axios.html" "b/_site/api-\355\206\265\354\213\240\353\266\200\355\204\260-\354\227\220\353\237\254-\355\225\270\353\223\244\353\247\201\352\271\214\354\247\200-feat-axios.html"
index 4c57231..96ba931 100644
--- "a/_site/api-\355\206\265\354\213\240\353\266\200\355\204\260-\354\227\220\353\237\254-\355\225\270\353\223\244\353\247\201\352\271\214\354\247\200-feat-axios.html"
+++ "b/_site/api-\355\206\265\354\213\240\353\266\200\355\204\260-\354\227\220\353\237\254-\355\225\270\353\223\244\353\247\201\352\271\214\354\247\200-feat-axios.html"
@@ -60,8 +60,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git a/_site/archive.html b/_site/archive.html
index 711e5ab..512a6fd 100644
--- a/_site/archive.html
+++ b/_site/archive.html
@@ -58,8 +58,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
index 87b2569..2a6dde1 100644
--- a/_site/assets/css/main.css
+++ b/_site/assets/css/main.css
@@ -1 +1 @@
-html,body{background:#111}html{height:100%}body{color:#fff;font-family:monospace;font-size:16px;line-height:1.8;margin:0;min-height:100%;overflow-wrap:break-word}.post-meta{text-align:right}h2,h3,h4,h5,h6{margin-top:3rem}hr{margin:2rem 0}p{margin:1rem 0}a{color:#b9b9b9;font-weight:600;text-decoration:underline;transition:all 0.1s ease}a:hover{color:#ff6f0f}li{margin:0.4rem 0}*:target{background:yellow}.w{max-width:720px;margin:0 auto;padding:0 1.5rem 4rem 1.5rem}hr{text-align:center;border:0}hr:before{content:"/////"}hr:after{content:attr(data-content) "/////"}table{border:thin solid #b9b9b9;border-radius:8px;padding:20px 0}th,td{border-collapse:collapse}code{color:white;background:#222;border-radius:4px;padding:2px 4px;font-size:13px}div.highlighter-rouge code{display:block;overflow-x:auto;white-space:pre-wrap;padding:1.3rem;border-radius:18px}blockquote{font-style:italic;border:thin solid #fff;padding:1.2rem}blockquote p{margin:0}img{max-width:85%;display:block;margin:0 auto;border-radius:8px}.background-link{text-decoration:none}.background-header{display:flex;justify-content:center;align-items:end;height:450px;background-image:url("../images/background.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out}.background-header strong{color:#ff6f0f}header h1{text-align:center;font-size:24px;color:#fff;margin-bottom:30px}.header{position:relative;width:100%;height:100vh;margin-bottom:40px}.header .header-title{width:100%;text-align:center;position:absolute;top:35%;left:50%;transform:translate(-50%, -100%);font-size:48px;color:#fff;text-align:center}.header .header-title strong{color:#ff6f0f;text-decoration:underline}.header .background{width:100%;height:50vh;background-image:url("../images/background.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out}.header .profile-container{display:flex}.header .profile-container .profile1{width:50%;height:50vh;background-image:url("../images/profile1.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out;filter:brightness(80%)}.header .profile-container .profile2{width:50%;height:50vh;background-image:url("../images/profile2.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out;filter:brightness(90%)}.header .introduce{width:100%;position:absolute;top:55%;left:50%;text-align:center;font-size:24px;transform:translate(-50%, -50%);color:#fff;font-weight:700}.header .introduce strong{color:#ff6f0f}.contact{text-align:center;font-size:18px;color:#000;margin-bottom:40px}.contact span:first-of-type{margin-right:18px}.list{color:#ff6f0f}.post-title{color:#ff6f0f;text-decoration:underline}@media screen and (max-width: 600px){header h1{font-size:18px}.header{margin-bottom:40px}.header .header-title{font-size:20px}.contact{font-size:14px}.contact span:first-of-type{margin-right:14px}.introduce p{font-size:18px}.background-header{height:350px}code{font-size:12px}}
+html,body{background:#111}html{height:100%}body{color:#fff;font-family:monospace;font-size:16px;line-height:1.8;margin:0;min-height:100%;overflow-wrap:break-word}.post-meta{text-align:right}h2,h3,h4,h5,h6{margin-top:3rem}hr{margin:2rem 0}p{margin:1rem 0}a{color:#b9b9b9;font-weight:600;text-decoration:underline;transition:all 0.1s ease}a:hover{color:#ff6f0f}li{margin:0.4rem 0}*:target{background:yellow}.w{max-width:720px;margin:0 auto;padding:0 1.5rem 4rem 1.5rem}hr{text-align:center;border:0}hr:before{content:"/////"}hr:after{content:attr(data-content) "/////"}table{border:thin solid #b9b9b9;border-radius:8px;padding:20px 0}th,td{border-collapse:collapse}code{color:white;background:#222;border-radius:4px;padding:2px 4px;font-size:13px}div.highlighter-rouge code{display:block;overflow-x:auto;white-space:pre-wrap;padding:1.3rem;border-radius:18px}blockquote{font-style:italic;border:thin solid #fff;padding:1.2rem}blockquote p{margin:0}img{max-width:85%;display:block;margin:0 auto;border-radius:8px}.background-link{text-decoration:none}.background-header{display:flex;justify-content:center;align-items:end;height:450px;background-image:url("../images/background.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out}.background-header strong{color:#ff6f0f;text-decoration:underline}header h1{text-align:center;font-size:24px;color:#fff;margin-bottom:30px}.header{position:relative;width:100%;height:100vh;margin-bottom:40px}.header .header-title{width:100%;text-align:center;position:absolute;top:35%;left:50%;transform:translate(-50%, -100%);font-size:48px;color:#fff;text-align:center}.header .header-title strong{color:#ff6f0f;text-decoration:underline}.header .header-title span{color:#000}.header .background{width:100%;height:100vh;background-image:url("../images/background.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out}.header .introduce{width:100%;position:absolute;top:60%;left:50%;text-align:center;font-size:32px;transform:translate(-50%, -50%);color:#fff;font-weight:700}.header .introduce strong{color:#ff6f0f}.contact{border:1px solid #fff;text-align:center;font-size:18px;color:#000;margin-bottom:40px;padding:22px 0}.contact span:first-of-type{margin-right:36px}.profile-container{display:flex}.profile-container .profile1{width:50%;height:50vh;background-image:url("../images/profile1.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out;filter:brightness(80%)}.profile-container .profile2{width:50%;height:50vh;background-image:url("../images/profile2.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-position 0.1s ease-out;filter:brightness(90%)}.list{color:#ff6f0f}.post-title{color:#ff6f0f;text-decoration:underline}@media screen and (max-width: 600px){header h1{font-size:18px}.header{margin-bottom:40px}.header .header-title{font-size:20px}.contact{font-size:14px}.contact span:first-of-type{margin-right:14px}.introduce p{font-size:18px}.background-header{height:350px}code{font-size:12px}}
diff --git "a/_site/cra-typescript-\355\224\204\353\241\234\354\240\235\355\212\270-\355\231\230\352\262\275\354\227\220\354\204\234\354\235\230-\354\240\210\353\214\200-\352\262\275\353\241\234-\354\204\244\354\240\225\355\225\230\352\270\260.html" "b/_site/cra-typescript-\355\224\204\353\241\234\354\240\235\355\212\270-\355\231\230\352\262\275\354\227\220\354\204\234\354\235\230-\354\240\210\353\214\200-\352\262\275\353\241\234-\354\204\244\354\240\225\355\225\230\352\270\260.html"
index ab523fc..ddbc9f0 100644
--- "a/_site/cra-typescript-\355\224\204\353\241\234\354\240\235\355\212\270-\355\231\230\352\262\275\354\227\220\354\204\234\354\235\230-\354\240\210\353\214\200-\352\262\275\353\241\234-\354\204\244\354\240\225\355\225\230\352\270\260.html"
+++ "b/_site/cra-typescript-\355\224\204\353\241\234\354\240\235\355\212\270-\355\231\230\352\262\275\354\227\220\354\204\234\354\235\230-\354\240\210\353\214\200-\352\262\275\353\241\234-\354\204\244\354\240\225\355\225\230\352\270\260.html"
@@ -60,8 +60,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git "a/_site/createbrowserrouter\353\245\274-\355\231\234\354\232\251\355\225\234-\355\232\250\354\234\250\354\240\201\354\235\270-react-\353\235\274\354\232\260\355\214\205-\354\204\244\354\240\225\355\225\230\352\270\260-v6-4.html" "b/_site/createbrowserrouter\353\245\274-\355\231\234\354\232\251\355\225\234-\355\232\250\354\234\250\354\240\201\354\235\270-react-\353\235\274\354\232\260\355\214\205-\354\204\244\354\240\225\355\225\230\352\270\260-v6-4.html"
index e335eca..2e6c061 100644
--- "a/_site/createbrowserrouter\353\245\274-\355\231\234\354\232\251\355\225\234-\355\232\250\354\234\250\354\240\201\354\235\270-react-\353\235\274\354\232\260\355\214\205-\354\204\244\354\240\225\355\225\230\352\270\260-v6-4.html"
+++ "b/_site/createbrowserrouter\353\245\274-\355\231\234\354\232\251\355\225\234-\355\232\250\354\234\250\354\240\201\354\235\270-react-\353\235\274\354\232\260\355\214\205-\354\204\244\354\240\225\355\225\230\352\270\260-v6-4.html"
@@ -60,8 +60,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git "a/_site/eslint-prettier-\354\204\244\354\271\230-\353\260\217-\353\243\260-\354\204\244\354\240\225\354\235\204-\355\206\265\355\225\234-\355\224\204\353\241\234\354\240\235\355\212\270-\354\264\210\352\270\260-\354\204\270\355\214\205\355\225\230\352\270\260.html" "b/_site/eslint-prettier-\354\204\244\354\271\230-\353\260\217-\353\243\260-\354\204\244\354\240\225\354\235\204-\355\206\265\355\225\234-\355\224\204\353\241\234\354\240\235\355\212\270-\354\264\210\352\270\260-\354\204\270\355\214\205\355\225\230\352\270\260.html"
index 8c2a444..da26582 100644
--- "a/_site/eslint-prettier-\354\204\244\354\271\230-\353\260\217-\353\243\260-\354\204\244\354\240\225\354\235\204-\355\206\265\355\225\234-\355\224\204\353\241\234\354\240\235\355\212\270-\354\264\210\352\270\260-\354\204\270\355\214\205\355\225\230\352\270\260.html"
+++ "b/_site/eslint-prettier-\354\204\244\354\271\230-\353\260\217-\353\243\260-\354\204\244\354\240\225\354\235\204-\355\206\265\355\225\234-\355\224\204\353\241\234\354\240\235\355\212\270-\354\264\210\352\270\260-\354\204\270\355\214\205\355\225\230\352\270\260.html"
@@ -60,8 +60,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git a/_site/example2-archive.html b/_site/example2-archive.html
index 37ccde2..bb7ec5a 100644
--- a/_site/example2-archive.html
+++ b/_site/example2-archive.html
@@ -58,8 +58,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git a/_site/feed.xml b/_site/feed.xml
index 33185cc..cfc9cf3 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,4 +1,4 @@
-Jekyll2024-08-11T22:41:47+09:00http://localhost:4000/feed.xmlKang Byeong-hyeon 👨🏻💻Kang Byeonghyeon's dev blog
+Jekyll2024-08-14T18:41:56+09:00http://localhost:4000/feed.xmlKang Byeong-hyeon 👨🏻💻Kang Byeonghyeon's dev blog
Kang Byeonghyeon[우선] 우선을 중단하며2024-07-28T00:00:00+09:002024-07-28T00:00:00+09:00http://localhost:4000/%5B%EC%9A%B0%EC%84%A0%5D%20%EC%9A%B0%EC%84%A0%EC%9D%84%20%EC%A4%91%EB%8B%A8%ED%95%98%EB%A9%B0<p><br />
<br />
<br /></p>
diff --git a/_site/frontend.html b/_site/frontend.html
index a1bf1d6..276433b 100644
--- a/_site/frontend.html
+++ b/_site/frontend.html
@@ -58,8 +58,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git "a/_site/husky\354\231\200-lint-staged\353\241\234-git-hooks-\354\236\220\353\217\231\355\231\224\355\225\230\352\270\260.html" "b/_site/husky\354\231\200-lint-staged\353\241\234-git-hooks-\354\236\220\353\217\231\355\231\224\355\225\230\352\270\260.html"
index 79e8c52..55b5410 100644
--- "a/_site/husky\354\231\200-lint-staged\353\241\234-git-hooks-\354\236\220\353\217\231\355\231\224\355\225\230\352\270\260.html"
+++ "b/_site/husky\354\231\200-lint-staged\353\241\234-git-hooks-\354\236\220\353\217\231\355\231\224\355\225\230\352\270\260.html"
@@ -60,8 +60,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
diff --git a/_site/index.html b/_site/index.html
index 52b01df..6b51583 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -58,8 +58,9 @@
const scrollY = window.scrollY;
const positionY = 50 + scrollY * 0.03;
background.style.backgroundPosition = `center ${positionY}%`;
- profile1.style.backgroundPosition = `center ${positionY}%`;
- profile2.style.backgroundPosition = `center ${positionY}%`;
+ const subPositionY = 0 + scrollY * 0.03;
+ profile1.style.backgroundPosition = `center ${subPositionY}%`;
+ profile2.style.backgroundPosition = `center ${subPositionY}%`;
});
@@ -73,13 +74,10 @@
-
-
--
+
+
-
👨🏻💻 kakao tech campus 2th ~
-
2024-05-14
@@ -306,6 +303,11 @@
+
+