diff --git a/header.js b/header.js new file mode 100644 index 0000000..be86f97 --- /dev/null +++ b/header.js @@ -0,0 +1,17 @@ +document.getElementById('MyPage').addEventListener('click', function(){ + window.location.href = "MyPage.html"; +}); + +let isLoggedIn = false; + +document.getElementById('loginButton').addEventListener('click', function(){ + if(isLoggedIn){ + this.textContent = "로그인"; + isLoggedIn = false; + } + + else{ + location.href = '로그인.html'; + isLoggedIn = true; + } +}); \ No newline at end of file diff --git "a/img/\355\232\214\354\233\220\352\260\200\354\236\205.css" "b/img/\355\232\214\354\233\220\352\260\200\354\236\205.css" deleted file mode 100644 index 631965e..0000000 --- "a/img/\355\232\214\354\233\220\352\260\200\354\236\205.css" +++ /dev/null @@ -1,140 +0,0 @@ -/*뒷배경*/ -.wrapper { - max-width: 1440px; - height: 1024px; - z-index: -1; - padding: 30px; - margin: 0 auto; - -} - -header{ - display: flex; - height: 20px; - padding: 16px 80px; - border-bottom: 1px solid var(--cool-gray-20, #DDE1E6); - align-items: center; - justify-content: space-between; - overflow: hidden; -} - -/*로고 글씨*/ -#logofont { - width: 257px; - height: 129px; - color: #9b3333; - font-family: Inter; - font-size: 80px; - font-style: normal; - font-weight: 900; - line-height: normal; - top: 150px; - left: 868px; - align-items: center; - position: absolute; - z-index: 5; -} - -/*로그인 밖 박스*/ -#outlogbox { - top: 180px; - left: 480px; - border-radius: 30px; - width: 957px; - height: 620px; - border-radius: 30px; - border: 1px solid #FFBE99; - background: #FFF; - position: absolute; - z-index: 5; -} - -#inlogbox { - width: 811px; - height: 375px; - border-radius: 30px; - border: 1px solid #FFBE99; - background: #FFF; - position: inherit; - left: 55px; - top: 55px; - padding: 8px; - padding-left: 32px; -} - -input[type="text"] { - width: 700px; - height: 100px; - font-size: 15px; - border: 0px; - border-radius: 30px; - outline: none; - padding: 5px; - background-color: rgb(233, 233, 233); -} - -input[type="password"] { - width: 700px; - height: 100px; - font-size: 15px; - border: 0px; - border-radius: 30px; - outline: none; - padding: 5px; - background-color: rgb(233, 233, 233); -} - -input[type="submit"]{ - position: inherit; - top: 500px; - left: 140px; - height: 70px; - width: 700px; - font-size: 40px; - font-family: Inter; - border: 0px; - border-radius: 30px; - background-color: rgb(187, 187, 187); -} - -#loginbox { - width: 811px; - height: 85px; - flex-direction: column; - justify-content: center; - color: #383838; - text-align: center; - font-family: Inter; - font-size: 60px; - font-style: normal; - font-weight: 900; - line-height: normal; - top: 200px; - position: inherit; - z-index: 100; -} - -footer{ - display: flex; - height: 30px; - padding: 32px 20px; - justify-content: space-between; - align-items: center; - background: #FE730F; -} -footer .copyright, .email{ - color: black; - font-size: 18px; - font-family: 'Black Han Sans', sans-serif; - font-family: 'Hedvig Letters Sans', sans-serif; - font-family: 'Hedvig Letters Serif', serif; - font-family: 'Noto Sans KR', sans-serif; - font-family: 'Roboto', sans-serif; -} -footer .copyright{ - justify-content: center; -} - -table{ - border-collapse: collapse; -} diff --git a/landingPage.css b/landingPage.css new file mode 100644 index 0000000..e0c2992 --- /dev/null +++ b/landingPage.css @@ -0,0 +1,29 @@ +body{ + margin: 0; + display: flex; + align-items: center; + justify-content: center; +} +img{ + width: 100%; + height: 100%; +} +.right{ + height: 100%; + width: 100%; + background-color: #FE730F; + display: flex; + align-items: center; + padding-left: 30px; +} +.content .in{ + text-align: center; + font-size: 30px; + font-weight: bold; + color: white; + transition: font-size 0.5s ease-in-out; +} +.in:hover{ + cursor: pointer; + font-size: 40px; +} \ No newline at end of file diff --git "a/\352\270\260\353\263\270\355\213\200.css" "b/\352\270\260\353\263\270\355\213\200.css" index bb442ad..46ad1b1 100644 --- "a/\352\270\260\353\263\270\355\213\200.css" +++ "b/\352\270\260\353\263\270\355\213\200.css" @@ -20,9 +20,15 @@ header nav{ justify-content: space-between; gap: 50px; } +nav #loginButton:hover{ + cursor: pointer; +} nav #MyPage{ font-weight: bolder; } +nav #MyPage:hover{ + cursor: pointer; +} section{ display: flex; flex-direction: column; diff --git "a/\353\236\234\353\224\251\355\216\230\354\235\264\354\247\200.html" "b/\353\236\234\353\224\251\355\216\230\354\235\264\354\247\200.html" new file mode 100644 index 0000000..aac8e14 --- /dev/null +++ "b/\353\236\234\353\224\251\355\216\230\354\235\264\354\247\200.html" @@ -0,0 +1,21 @@ + + + + + 동국네컷 + + + +
+
+

Welcome

+ 사진관들을 예약하고, 친구들의 사진들을 확인해보세요!

+
Join!
+
+
+ + \ No newline at end of file diff --git "a/\353\241\234\352\267\270\354\235\270.html" "b/\353\241\234\352\267\270\354\235\270.html" index 8b9a828..cdfb5b0 100644 --- "a/\353\241\234\352\267\270\354\235\270.html" +++ "b/\353\241\234\352\267\270\354\235\270.html" @@ -1,8 +1,7 @@ - - + 마이 페이지 diff --git "a/\354\202\254\354\247\204\352\264\200\355\216\230\354\235\264\354\247\200.html" "b/\354\202\254\354\247\204\352\264\200\355\216\230\354\235\264\354\247\200.html" index 5296f41..9976873 100644 --- "a/\354\202\254\354\247\204\352\264\200\355\216\230\354\235\264\354\247\200.html" +++ "b/\354\202\254\354\247\204\352\264\200\355\216\230\354\235\264\354\247\200.html" @@ -4,14 +4,14 @@ - 사진관 예약 + 동국네컷 - +
@@ -49,6 +49,7 @@

Contact

한승우 옥선우 정종욱
peter001019@naver.com
+ diff --git "a/\355\232\214\354\233\220\352\260\200\354\236\205. html" "b/\355\232\214\354\233\220\352\260\200\354\236\205.html" similarity index 94% rename from "\355\232\214\354\233\220\352\260\200\354\236\205. html" rename to "\355\232\214\354\233\220\352\260\200\354\236\205.html" index b434095..154cf36 100644 --- "a/\355\232\214\354\233\220\352\260\200\354\236\205. html" +++ "b/\355\232\214\354\233\220\352\260\200\354\236\205.html" @@ -2,7 +2,7 @@ - + 마이 페이지 @@ -37,5 +37,4 @@ -