Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
jiyouuu authored Dec 3, 2023

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
1 parent b8e4a3a commit a075cc3
Showing 11 changed files with 1,063 additions and 390 deletions.
2 changes: 1 addition & 1 deletion src/main/resources/static/css/css.css
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
@import url(style.css);
@import url(style.css);
@import url(media.css);
127 changes: 127 additions & 0 deletions src/main/resources/static/css/header.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
.header {
display: flex;
flex-direction: column;
width: 100vw;
height: 130px;
background-color: #ffffff;
position: sticky;
top: 0px;
z-index: 999;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
position:fixed;
}

.button {
font: inherit;
font-size: 0.9rem;
align-items: center;
width: 100px;
height: 35px;
padding-top: 0.3rem;
margin: 0px;
border: 0px solid;
background-color: #ffcc00;
border-radius: 10px;
cursor: pointer;
position:sticky;
top:0;
}

.button:hover {
transition: all 0.3s;
font-weight: bold;
position:sticky;
top:0;
}

.button-container {
display: flex;
width: 90%;
margin: 0px auto;
justify-content: flex-end;
align-items: center;
position:sticky;
top:0;
}


.nickname {
width: 12.5rem;
display: flex;
flex-direction: row;
justify-content: flex-end;
margin-right: 10px;
align-items: center;
position:sticky;
top:0;
}

.username {
font-weight: 1000;
width: 7rem;
margin-right: 5px;
display: flex;
justify-content: flex-end;
font-size: 1rem;
position:sticky;
top:0;
}


.nav__bar {
background-color: rgb(237, 185, 43);
padding-bottom: .5%;
height: 100px;
color: #fff;
margin: 0 auto;
width :100%;
margin-top : 0px;
position:sticky;
top:0;
}

.nav__menu {
display: flex;
justify-content: space-around;
font-size: 1.2rem;
align-items: center;
margin: 0 auto;
color: #fff;
position:sticky;
top:0;

}


/* common */
a {
cursor: pointer;
text-decoration: none;
justify-content : bottom;
align-items: bottom;
position:sticky;
top:30;

}

li {
list-style: none;
position:sticky;
top:30;
}

.white_font {
color: #fff;
position:sticky;
top:30;
}

.cate {
margin-top: 50px;
align-items: flex-end;
justify-content: center;
position:sticky;
top:0;
}
7 changes: 7 additions & 0 deletions src/main/resources/static/css/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');

body {
margin: 0px;
font-family: "Do Hyeon";

}
99 changes: 99 additions & 0 deletions src/main/resources/static/css/join.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
body {
margin-top: 250px;
}


.signup {
display: flex;
flex-direction: column;
justify-content: center;
width: 32rem;
margin: 0px auto;
margin-top: 6.25rem;
border: 2px solid #f9ebff;
border-radius: 20px;
padding: 50px 50px 50px 50px;
background-color: #f4f4f4;

}



@media all and (max-width: 375px) {
.signup {
width: auto;
margin: 1rem;
}
.h1 {
font-size: 1.5rem;
}
}
.centered-container {
text-align: center;
margin-top: 10px;
}

.p {
font-size: 20px;
color: #000000;
margin: 0px auto;
margin-bottom: 5px;
margin-left: 50px;
margin-top: 10px;
}

@media all and (max-width: 414px) {
.p {
margin-left: 0;
font-size: 1rem;
}
}

@media all and (max-width: 375px) {
.p {
margin-left: 0;
font-size: 1rem;
}
}

.in {
width: 25rem;
height: 40px;
margin: 0px auto;
padding-left: 5px;
}


@media all and (max-width: 414px) {
.in {
width: 100%;
}
}


@media all and (max-width: 375px) {
.in {
width: 100%;
}
}


.joinbtn {
width: 12.5rem;
height: 3rem;
margin: 30px auto;
background-color: #ffcc00;
border: 0px solid #e6ccef;
border-radius: 5px;
font-size: 1rem;
font: inherit;
}


.h1 {
display: flex;
justify-content: center;
margin: 0px auto;
margin-bottom: 30px;
}

51 changes: 51 additions & 0 deletions src/main/resources/static/css/login.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
body {
margin-top: 250px;
}


.login {
display: flex;
flex-direction: column;
justify-content: center;
width: 32rem;
margin: 0px auto;
margin-top: 6.25rem;
border: 2px solid #f9ebff;
border-radius: 20px;
padding: 50px 50px 50px 50px;
background-color: #f4f4f4;
}

.p {
font-size: 20px;
color: #000000;
margin: 0px auto;
margin-bottom: 5px;
margin-left: 50px;
margin-top: 10px;
}

.in {
width: 25rem;
height: 40px;
margin: 0px auto;
padding-left: 5px;
}

.btn {
width: 12.5rem;
height: 3rem;
margin: 30px auto;
background-color: #ffcc00;
border: 0px solid #e6ccef;
border-radius: 5px;
font-size: 1rem;
font: inherit;
}

.h1 {
display: flex;
justify-content: center;
margin: 0px auto;
margin-bottom: 30px;
}
142 changes: 142 additions & 0 deletions src/main/resources/static/css/main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
body {
margin-top: 230px;
}

.text {
margin-top: 8px;
}


.category {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 70px auto 0px auto;
margin-bottom: 65px;
box-sizing: border-box;
}


.divv {
width: 100vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

@media (max-width: 1024px) {
.divv {width: 80%;
height: auto;
justify-content: center;}
}

@media (max-width: 767px) {
.divv{ width: 100%;
height: auto;
justify-content: center;}
}



.box{
flex-direction: column;
text-align: center;
width: 9rem;
height: 9rem;
display: flex;
font: inherit;
font-weight: 800;
font-size: 17px;
margin: 0px 3rem;

:hover {
transition: all 0.3s;
font-weight: bold;
transform: translateY(-4px);
}
}


@media (max-width: 1024px) {
.box{ width: 9rem;
height: auto;
justify-content: center;
margin: 0px;
& div {
width: 9rem;
height: 9rem;
font-size: 15px;
}}
}

@media (max-width: 767px) {
.box{ width: 6.5rem;
height: auto;
justify-content: center;
margin: 0px;
& div {
width: 6.5rem;
height: 6.5rem;
font-size: 15px;
}}
}

@media (max-width: 414px) {
.box{ width: 4.7rem;
height: auto;
justify-content: center;
margin: 0px;
& div {
width: 5rem;
height: 5rem;
font-size: 12px;
}}
}

@media (max-width: 375px) {
.box{width: 5rem;
height: auto;
justify-content: center;
margin: 0px;
& div {
width: 5rem;
height: 5rem;
font-size: 12px;
}}
}

@media (max-width: 280px) {
.box{width: 6rem;
height: auto;
justify-content: center;
margin: 0px;
& div {
width: 5.5rem;
height: 5.5rem;
font-size: 12px;
}}
}


.icon-with-text {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}


.icon {
display: flex;
width: 7rem;
height: 7rem;
text-align:center;
background-size: cover;

align-items: flex-end;
justify-content: center;
border-radius: 10px;
}


160 changes: 80 additions & 80 deletions src/main/resources/static/css/media.css
Original file line number Diff line number Diff line change
@@ -1,81 +1,81 @@
@media (max-width: 1000px) {
.board_wrap {
width: 100%;
min-width: 320px;
padding: 0 30px;
box-sizing: border-box;
}

.board_list .num,
.board_list .writer,
.board_list .count {
display: none;
}

.board_list .date {
width: 40%;
}

.board_list .title {
text-indent: 10px;
}

.board_list .top .title {
text-indent: 0;
}

.board_page a {
width: 26px;
height: 26px;
}

.board_page a.bt {
padding-top: 7px;
}

.board_page a.num {
padding-top: 6px;
}

.board_view .info dl {
width: 50%;
padding: 0;
}

.board_view .info dl:nth-child(-n+2) {
margin-bottom: 5px;
}

.board_view .info dl::before {
display: none;
}

.board_view .info dl dt,
.board_view .info dl dd {
font-size: 1.2rem;
}

.board_write .info dl {
width: 49%;
}

.board_write .info dl:first-child {
margin-right: 2%;
}

.board_write .title dt,
.board_write .info dt {
display: none;
}

.board_write .title dd,
.board_write .info dd {
width: 100%;
}

.board_write .title input[type="text"],
.board_write .info input[type="text"],
.board_write .info input[type="password"] {
width: 100%;
}
@media (max-width: 1000px) {
.board_wrap {
width: 100%;
min-width: 320px;
padding: 0 30px;
box-sizing: border-box;
}

.board_list .num,
.board_list .writer,
.board_list .count {
display: none;
}

.board_list .date {
width: 40%;
}

.board_list .title {
text-indent: 10px;
}

.board_list .top .title {
text-indent: 0;
}

.board_page a {
width: 26px;
height: 26px;
}

.board_page a.bt {
padding-top: 7px;
}

.board_page a.num {
padding-top: 6px;
}

.board_view .info dl {
width: 50%;
padding: 0;
}

.board_view .info dl:nth-child(-n+2) {
margin-bottom: 5px;
}

.board_view .info dl::before {
display: none;
}

.board_view .info dl dt,
.board_view .info dl dd {
font-size: 1.2rem;
}

.board_write .info dl {
width: 49%;
}

.board_write .info dl:first-child {
margin-right: 2%;
}

.board_write .title dt,
.board_write .info dt {
display: none;
}

.board_write .title dd,
.board_write .info dd {
width: 100%;
}

.board_write .title input[type="text"],
.board_write .info input[type="text"],
.board_write .info input[type="password"] {
width: 100%;
}
}
143 changes: 143 additions & 0 deletions src/main/resources/static/css/myfreepost.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,143 @@
body {
margin-top: 180px;
}

.mypost {

display: flex;
flex-direction: column;
justify-content: center;
width: 38rem;
margin: 0px auto;
}

.board_wrap {
justify-content: center;
width: 1000px;
margin: 100px auto;
}

.board_title {
margin-bottom: 30px;
}

.board_title strong {
font-size: 2rem;
}



.board_list {
width: 70%;

border-top: 2px solid #000;
}

.board_list > div {
border-bottom: 1px solid #ddd;
font-size: 0;
}

.board_list > div.top {
border-bottom: 1px solid #999;
}

.board_list > div:last-child {
border-bottom: 1px solid #000;
}

.board_list > div > div {
display: inline-block;
padding: 15px 0;
text-align: center;
font-size: 1.4rem;
}

.board_list > div.top > div {
font-weight: 600;
}


.board_list .title {
width: 60%;
text-align: left;
}

.board_list .top .title {
text-align: center;
}


.board_list .date {
width: 40%;
}


a {
text-decoration: none;
color: inherit;
}


.bt_wrap {
margin-top: 30px;
text-align: center;
align-items: center;
justify-content: space-between;
font-size: 0;
display: flex;
}

.bt_wrap a {
display: inline-block;
width: 32px;
height: 32px;
box-sizing: border-box;
vertical-align: middle;
border: 1px solid #ddd;
border-left: 0;
line-height: 32px;
}

.bt_wrap a.bt {
display: inline-block;
min-width: 80px;
padding: 1px;
background-color: #ffcc00;
border: 0px solid #e6ccef;
border-radius: 2px;
font-size: 1.2rem;
color: #fff;
}



.bt_wrap a:first-child {
margin-left: 0px;
}


.bt_wrap a:last-child {
margin-right: 300px;
}

.bt.next:first-child {
float: none;
}
.button-wrapper {
text-align: center;
}

.button {
font: inherit;
font-size: 0.9rem;
width: 100px;
height: 35px;
padding-top: 0.3rem;
margin: 60px;
border: 0px solid;
background-color: #ffcc00;
border-radius: 4px;
cursor: pointer;
}

117 changes: 117 additions & 0 deletions src/main/resources/static/css/mypage.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
body {
margin-top: 180px;
}


.mypage {
display: flex;
flex-direction: column;
justify-content: center;
width: 32rem;
margin: 0px auto;
margin-top: 6.25rem;
border: 2px solid #f9ebff;
border-radius: 20px;
padding: 50px 50px 50px 50px;
background-color: #f4f4f4;
}



@media all and (max-width: 375px) {
.signup {
width: auto;
margin: 1rem;
}
.h1 {
font-size: 1.5rem;
}
}
.centered-container {
text-align: center;
margin-top: 10px;
}

.p {
font-size: 20px;
color: #000000;
margin: 0px auto;
margin-bottom: 5px;
margin-left: 50px;
margin-top: 10px;
}

@media all and (max-width: 414px) {
.p {
margin-left: 0;
font-size: 1rem;
}
}

@media all and (max-width: 375px) {
.p {
margin-left: 0;
font-size: 1rem;
}
}

.in {
width: 25rem;
height: 40px;
margin: 0px auto;
padding-left: 5px;
}


@media all and (max-width: 414px) {
.in {
width: 100%;
}
}


@media all and (max-width: 375px) {
.in {
width: 100%;
}
}


.btn {
width: 12.5rem;
height: 3rem;
/* margin: 30px 0 30px auto; */
background-color: #ffcc00;
border: 0px solid #e6ccef;
border-radius: 5px;
font-size: 1rem;
font: inherit;
}
.h1 {
display: flex;
justify-content: center;
margin: 0px auto;
margin-bottom: 30px;
}


.h2 {
display: flex;
justify-content: center;
margin: 0px auto;
margin-bottom: 30px;
font-size: 1.2rem;
}

.myprofile {
text-align: center; /* 컨테이너 내에서 가운데 정렬, 필요에 따라 조정 */
}

.h2, .btn {
display: inline-block;
vertical-align: middle; /* 필요 시 수직 정렬 */
margin: 20px;
margin-left: 90px;
}


140 changes: 140 additions & 0 deletions src/main/resources/static/css/mypost.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,140 @@
body {
margin-top: 180px;
}

.mypost {
display: flex;
flex-direction: column;
justify-content: center;
width: 38rem;
margin: 0px auto;
}

.board_wrap {
justify-content: center;
width: 1000px;
margin: 100px auto;
}

.board_title {
margin-bottom: 30px;
}

.board_title strong {
font-size: 2rem;
}



.board_list {
width: 70%;

border-top: 2px solid #000;
}

.board_list > div {
border-bottom: 1px solid #ddd;
font-size: 0;
}

.board_list > div.top {
border-bottom: 1px solid #999;
}

.board_list > div:last-child {
border-bottom: 1px solid #000;
}

.board_list > div > div {
display: inline-block;
padding: 15px 0;
text-align: center;
font-size: 1.4rem;
}

.board_list > div.top > div {
font-weight: 600;
}


.board_list .title {
width: 60%;
text-align: left;
}

.board_list .top .title {
text-align: center;
}


.board_list .date {
width: 40%;
}


a {
text-decoration: none;
color: inherit;
}


.bt_wrap {
margin-top: 30px;
text-align: center;
align-items: center;
justify-content: space-between;
font-size: 0;
display: flex;
}

.bt_wrap a {
display: inline-block;
width: 32px;
height: 32px;
box-sizing: border-box;
vertical-align: middle;
border: 1px solid #ddd;
border-left: 0;
line-height: 32px;
}

.bt_wrap a.bt {
display: inline-block;
min-width: 80px;
padding: 1px;
background-color: #ffcc00;
border: 0px solid #e6ccef;
border-radius: 2px;
font-size: 1.2rem;
color: #fff;
}



.bt_wrap a:first-child {
margin-left: 0px;
}


.bt_wrap a:last-child {
margin-right: 300px;
}


.button-wrapper {
text-align: center;
}

.button {
font: inherit;
font-size: 0.9rem;
width: 100px;
height: 35px;
padding-top: 0.3rem;
margin: 60px;
border: 0px solid;
background-color: #ffcc00;
border-radius: 4px;
cursor: pointer;
}

465 changes: 156 additions & 309 deletions src/main/resources/static/css/style.css

Large diffs are not rendered by default.

0 comments on commit a075cc3

Please sign in to comment.