[Update] local

Former-commit-id: ca17c197b53773f94320cb1f9d5486891e62e5fd

.gitignore

@@ -9,5 +9,5 @@ __pycache__/
 
 .DS_Store
 
-.idea
+.idea/
 

app/nutrients.txt

@@ -0,0 +1,32 @@
+비타민 c : 
+1. 감염기간이나 걸렸을때 심각성을 줄이는데 역할을 한 연구결과가 있다
+2. 박테리아, 바이러스, 프로토조아의 감염을 예방하는데 도움을 주는 연구가 있음
+3. 염증이나 산화 스트레스에 효과가 있었음
+4. 호흡기 질환에 중요한 규제역할을 함
+
+비타민 d :
+1. 비타민 d는 세포단위의 면역체계에 도움을 준다.
+2. 바이러스 공격과 종양인자를 억제하는 역할을 한다.
+3. 비타민D가 적은 그룹에 대해 양성 판정률이 1.77배 높은 연구결과
+
+아연 zinc
+1. WHO에 따르면 인구의 3분의 1이 아연 부족을 겪어 식단으로 채울 것을 권고
+3. 채식주의자에게 아연 부족현상에 민감함 - 데이터 분석결과 고기류에 모두 존재했었음
+4. 조직의 바이러스 감염과 관련되어있음
+5. 증상을 줄이는데 큰 도움을 준 연구가 존재함
+6. 호흡기 질환의 발현 억제
+7. RNA 바이러스에 대해 30~50 mg/day가 제안됨
+
+비타민 b3
+1. DNA 복원에 도움줌
+2. 과복용은 간에 유독함
+3. 비타민 b3가 만드는 NAD+는 셀 단위의 면역에 큰 역할을 끼침
+4. NAD+는 림프구 바이러스 감염에 도움을 줌
+5. 실제로 비타민 b3를 복용한 그룹이 30프로 이상 빠르게 회복된 연구결과
+
+셀레늄
+1. 셀레늄이 셀레노단백질이 되어 산화 스트레스, 종양인자의 문지기 역할을함
+2. 셀레늄의 부족이 RNA 바이러스에 취약한 결과를 보여줌
+3. 코로나 계열의 SARS-CoV, MERS-CoV, SARS-CoV-2 모두 세포간 문지기의 역할이 중요한 요소
+4. 증상의 심각성을 줄이는데 도움을 주는 연구결과
+

app/static/css/style.css

@@ -9,7 +9,6 @@ body{
     margin: 0;
     padding: 0;
     min-height: 100vh;
-    background-color: #effeff;
 }
 /*--------link style--------*/
 a:link{color: black; text-decoration: none;}
@@ -67,6 +66,7 @@ a:active{color: white;}
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    background-color: #effeff;
 }
 .login{
     width: 400px;
@@ -141,6 +141,7 @@ a:active{color: white;}
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    background-color: #effeff;
 }
 .join{
     width: 400px;
@@ -210,6 +211,7 @@ a:active{color: white;}
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    background-color: #effeff;
 }
 .join_result_container h2{
     margin-bottom: 100px;
@@ -244,6 +246,8 @@ a:active{color: white;}
     width: 100%;
     height: 100%;
     text-align: center;
+    background-color: #effeff;
+    padding-bottom: 50px;
 }
 .inex::before{
     content: "";
@@ -291,9 +295,9 @@ a:active{color: white;}
       opacity: 1;
     }
 }
-.light_bar{
+/* .light_bar{
     position: absolute;
-    top: 310px;
+    top: 290px;
     width: 100%;
     height: 10px;
     opacity: 0.8;
@@ -316,22 +320,22 @@ a:active{color: white;}
     }
     90%
     {
-        transform: scaleX(1) translateY(calc(350px - 10px));
+        transform: scaleX(1) translateY(calc(290px - 10px));
     }
     95%,100%
     {
-        transform: scaleX(0) translateY(calc(350px - 10px));
+        transform: scaleX(0) translateY(calc(290px - 10px));
     }
-}
+} */
 .virus_blur1{
     width: 120px;
     height: 120px;
     position: absolute;
 
     top: 490px;
     right: 350px;
-	-webkit-animation: text-blur-out 2.5s ease-out 2s both infinite;
-    animation: text-blur-out 2.5s ease-out 2s both infinite;
+	-webkit-animation: text-blur-out 4s ease-out 2s both infinite;
+    animation: text-blur-out 4s ease-out 2s both infinite;
 }
 .virus_blur2{
     width: 150px;
@@ -340,8 +344,8 @@ a:active{color: white;}
 
     top: 400px;
     left: 150px;
-	-webkit-animation: text-blur-out 2s ease-out 1.5s both infinite;
-    animation: text-blur-out 2s ease-out 1.5s both infinite;
+	-webkit-animation: text-blur-out 3s ease-out 2.5s both infinite;
+    animation: text-blur-out 3s ease-out 2.5s both infinite;
 }
 .virus_blur3{
     width: 132px;
@@ -350,8 +354,8 @@ a:active{color: white;}
 
     top: 300px;
     right: 200px;
-	-webkit-animation: text-blur-out 1.5s ease-out 1s both infinite;
-    animation: text-blur-out 1.5s ease-out 1s both infinite;
+	-webkit-animation: text-blur-out 3.5s ease-out 3.5s both infinite;
+    animation: text-blur-out 3.5s ease-out 3.5s both infinite;
 }
 @keyframes text-blur-out {
     0% {
@@ -378,13 +382,6 @@ a:active{color: white;}
 .question_detail{
     weight: 800px;
 }
-.blink{
-    animation: blink 0.5s infinite;
-    font-size: 20px;
-}
-@-webkit-keyframes blink {
-    to {opacity: 0;}
-}
 /*--------index diet--------*/
 .index_inner{
     height: 500px;
@@ -401,11 +398,12 @@ a:active{color: white;}
     box-shadow: 2px 2px 3px black;
 
     display: flex;
-    align-items: center;
-    justify-content: space-evenly;
+    /* align-items: center; */
+    justify-content: center;
 
     background: url("../image/egg_avocado.jpeg"), rgba(0, 0, 0, 0.5);
-    background-size: contain;
+    background-position: 10%;
+    background-size: 850px auto;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-blend-mode: multiply;
@@ -436,6 +434,7 @@ a:active{color: white;}
 /*--------index visual--------*/
 .index_visual_image{
     top: 2200px;
+    left: 500px;
     width: 600px;
     height: 400px;
     border: 7px solid white;
@@ -445,7 +444,8 @@ a:active{color: white;}
     display: flex;
     justify-content: center;
 
-    background: url("../image/visual_img1.jpeg"), rgba(0, 0, 0, 0.5);
+    background: url("../image/visual_image.jpeg"), rgba(0, 0, 0, 0.5);
+    background-position: 20% -10%;
     background-size: 850px auto;
     background-repeat: no-repeat;
     background-attachment: fixed;
@@ -565,7 +565,7 @@ a:active{color: white;}
 .diet_background{
     width: 100%;
     padding-bottom: 130px;
-    background: linear-gradient(to bottom, #FFF9EB 10%, #FFF0CA 40%, #DEB6EA);
+    background: linear-gradient(to bottom, #FFF9EB 10%, #FFF0CA 40%, #FFE794);
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -694,6 +694,13 @@ a:active{color: white;}
     z-index: 1000;   
 }
 /*--------kit--------*/
+#firstChart{
+    margin-bottom: 200px;
+}
+#secondChart{
+    height: 225px;
+    margin-bottom: 200px;
+}
 .kit_clip_img{
     top: 1580px;
     z-index: 900;
@@ -756,14 +763,6 @@ a:active{color: white;}
 .checker_container{
     border: 1px solid;
 }
-#firstChart{
-    height: 600px;
-    margin-bottom: 200px;
-}
-#secondChart{
-    height: 800px;
-    margin-bottom: 200px;
-}
 .chart{
     height: 1000px;
 }
@@ -892,7 +891,7 @@ a:active{color: white;}
     width: 100%;
     height: fit-content;
     background: #19193e;
-    padding: 40px 0px 60px 0px;
+    padding: 60px 0px 60px 0px;
 
     display: flex;
     justify-content: space-around;
@@ -912,9 +911,12 @@ a:active{color: white;}
     align-items: left;
     justify-content: left;
 
-    font-size: 15px;
     line-height: 30px;
 }
+.source_2{
+    display: flex;
+    flex-direction: column;
+}
 .ydp01{
     padding: 5px 0px 5px 0px;
 }

app/static/js/diet.js

@@ -23,10 +23,15 @@ $(function(){
 
 });
 
-// personal submit 버튼 입력시 스크롤 이동
+// personal board의 submit 버튼 입력시 스크롤 이동
 $(document).ready(function() {
-    $("#personal_submit").click(function(event) {
-        window.scrollTo(200, 500);
-        $('html, body').animate({scrollTop:$(this.hash).offset().top}, 500);
+    $(".move_button_hidden").on("click", function(event) {
+        var offset = $("#diet_food_search").offset();
+        $('html body').animate({scrollTop : offset.top}, 1000);
     });
 });
+
+// input 값이 있거나, 포커스 될 때 lable을 숨김
+// $("input.input_chk").each(function(){
+//     var label = $(this).attr("class");
+// })