조수연 / Find_your_own_personal_color

Go to a project
Toggle navigation Toggle navigation pinning
이수빈
a7cffbc4 1 parent 25f8fb30

test 마지막 수정

Expand all
Inline Side-by-side
Showing 6 changed files with 14 additions and 13 deletions
This diff is collapsed. Click to expand it.
......@@ -14,9 +14,8 @@
}
.img
{
object-fit: cover;
justify-content: center;
align-items: center;
max-width:100%;
height:auto;
}
@font-face
{
......
......@@ -4,7 +4,7 @@
}
.snow-flake {
color: rgb(255, 255, 255);
animation: fall 3.0s linear infinite;
animation: fall 2.5s linear infinite;
}
@keyframes fall {
......
......@@ -77,10 +77,11 @@
}
#test
{
height: 100vh;
background-image : url("https://source.unsplash.com/random/1920x1080/?color");
background-size : cover;
background-repeat : no-repeat;
padding: 20%;
padding: 12%;
text-align: center;
line-height: 100px;
font-family: "Q";
......
......@@ -83,9 +83,12 @@ const handlePersonalScore_cool = (score_c_s,score_c_w) =>{ //함수2_여쿨, 겨
return (
<div id='test'>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"></link>
</head>
{showScore_c ? (
<span className='score-section'>
<button id="result" onClick={() => handlePersonalScore_cool(score_c_s,score_c_w)}>result</button>
<button className="animated infinite pulse" id="result" onClick={() => handlePersonalScore_cool(score_c_s,score_c_w)}>result</button>
{num === 1 ?
(<div className = "season">
{score === "summer cool" ? (<button id='next' onClick={ () => {history.push("/summer")}}>next</button>)
......@@ -95,9 +98,6 @@ const handlePersonalScore_cool = (score_c_s,score_c_w) =>{ //함수2_여쿨, 겨
</span>
) : (
<>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"></link>
</head>
<div className='question-section'>
<div id='question-count'>
<span>Question{currentQuestion_c + 1}</span>/{questions_cool.length}
......
......@@ -84,9 +84,12 @@ const handlePersonalScore_warm = (score_w_s,score_w_a) =>{ //함수2_봄, 가을
return (
<div id='test'>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"></link>
</head>
{showScore_w ? (
<span className='score-section'>
<button id="result" onClick={() => handlePersonalScore_warm(score_w_s,score_w_a)}>result</button>
<button className="animated infinite pulse" id="result" onClick={() => handlePersonalScore_warm(score_w_s,score_w_a)}>result</button>
{num === 1 ?
(<div className = "season">
{score === "spring warm" ? (<button id='next' onClick={ () => {history.push("/spring")}}>next</button>)
......@@ -96,9 +99,7 @@ const handlePersonalScore_warm = (score_w_s,score_w_a) =>{ //함수2_봄, 가을
</span>
) : (
<>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"></link>
</head>
<div className='question-section'>
<div id='question-count'>
<span>Question {currentQuestion_w + 1}</span>/{questions_warm.length}
......