Skip to content

Commit

Permalink
[Update] visual.html css 수정(reset)
Browse files Browse the repository at this point in the history 
Former-commit-id: 0d094ce386a4714e2526657ad419dab9baf1a9c5
  • Loading branch information
@dyeo-mee
dyeo-mee committed Dec 15, 2021
1 parent 9062552 commit 7db16af
Show file tree
Hide file tree
Showing 4 changed files with 38 additions and 33 deletions.
10 changes: 2 additions & 8 deletions app/static/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -285,7 +285,7 @@ a:active{color: white;}
.intro_symbol{
position: absolute;
inset: 0;
}
}
.symbol1{
color: white;
font-size: 85px;
Expand Down Expand Up @@ -461,12 +461,11 @@ a:active{color: white;}
box-shadow: 2px 2px 3px black;

display: flex;
/* align-items: center; */
justify-content: center;

background: url("../image/egg_avocado.jpeg"), rgba(0, 0, 0, 0.5);
background-position: 10%;
background-size: 850px auto;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-blend-mode: multiply;
Expand All @@ -489,7 +488,6 @@ a:active{color: white;}
}
.index_description{
color: white;
/* text-shadow: 0px 1px 3px black; */
display: flex;
align-items: center;
flex-direction: column;
Expand Down Expand Up @@ -749,7 +747,6 @@ a:active{color: white;}
top: 500px;
position: absolute;
display: none;
/* z-index: -999; */
}
.show{
top: 500px;
Expand Down Expand Up @@ -1030,7 +1027,4 @@ a:active{color: white;}
display: flex;
flex-direction: column;
padding: 5px 0px 5px 0px;
}
.ydp01{
/* padding: 5px 0px 5px 0px; */
}
Binary file added app/static/image/egg_avo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 12 additions & 1 deletion app/static/mj_css/visual.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,10 +108,21 @@ section {
padding: 1rem;
}
.content-prose {
display: flex;
flex-direction: column;
align-items: center;

font-size: 1.2rem;
line-height: 1.5;
max-width: 800px;
text-align: left;
padding: 0.5rem;
font-family: 'Jeju Myeongjo', sans-serif;
}
.content-prose p {
font-size: 1.2rem;
line-height: 1.5;
max-width: 800px;
width: 95%;
text-align: left;
padding: 0.5rem;
font-family: 'Jeju Myeongjo', sans-serif;
Expand Down
48 changes: 24 additions & 24 deletions app/templates/visual.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,11 +41,11 @@ <h1 class="main-title">
<section class="contents-section">
<article class="visual_content">
<!-- <h2 class="content-title">Chapter 1</h2>-->
<p class="content-prose">
여름엔 냉면 겨울엔 군고구마처럼 코로나를 상징할 수 있는 음식은 무엇일까요?
이를 위해, 국가별 영양소에 따른 확진자와 완치자에 대한 데이터를 분석해 보았습니다.
아래 차트를 한번 확인해 주세요.
</p>
<div class="content-prose">
<p>여름엔 냉면 겨울엔 군고구마처럼 코로나를 상징할 수 있는 음식은 무엇일까요?</p>
<p>이를 위해, 국가별 영양소에 따른 확진자와 완치자에 대한 데이터를 분석해 보았습니다.</p>
<p>아래 차트를 한번 확인해 주세요.</p>
</div>
<div class="carousel-container">
<div class="corr-chart" id="confirmed" style="margin-bottom: 9rem">
<p style="font-family: 'Jeju Myeongjo', sans-serif; font-size:16px; margin-top:12px"><strong>확진률_음식 간 상관관계</strong></p>
Expand All @@ -69,8 +69,8 @@ <h1 class="main-title">


<p class="content-prose">
상관관계 및 모델분석의 결과를 요약하면 다음과 같습니다.
확진을 방지하는데 '식물성 (발효)식품'이 좋은 영향을 끼치기 때문에 코로나 대응의 주력 식품으로
상관관계 및 모델 분석의 결과를 요약하면 다음과 같습니다.
확진을 방지하는데 '식물성 (발효) 식품'이 좋은 영향을 끼치기 때문에 코로나 대응의 주력 식품으로
적절한 반면, 우유는 확진률과 회복률 모두에 부정적인 영향을 끼치기에 우리가 음식을 선택할 때 배제하면 좋을
식품이라는 것입니다. 왜 두 식품군이 이렇게 다른 결과를 보여주는지 아래에서 살펴보도록 하겠습니다.
</p>
Expand All @@ -97,33 +97,33 @@ <h2 class="content-title">
<div class="food-chart-area-left">
<canvas class="left-input-chart"></canvas>
<div id="sel_div" class="createText_hidden">
<li>셀레노단백질이 되어 산화 스트레스 및 종양인자의 문지기 역할을 수행한다.</li>
<li>셀레노단백질이 되어 산화 스트레스 및 종양 인자의 문지기 역할을 수행한다.</li>
<li>셀레늄이 부족 시, RNA 바이러스에 취약하게 된다.</li>
<li>코로나 계열의 SARS-CoV, MERS-CoV, SARS-CoV-2에 긍정적 영향을 끼친다.</li>
<li>증상의 심각성 완화에 도움을 준다.</li>
</div>
<div id="vitD2_div" class="createText_hidden">
<li>비타민 d는 세포단위의 면역체계에 도움을 준다.</li>
<li>바이러스 공격과 종양인자를 억제하는 역할을 한다.</li>
<li>바이러스 공격과 종양 인자를 억제하는 역할을 한다.</li>
<li>비타민D가 적은 그룹에 대해 양성 판정률이 1.77배 높다는 연구결과가 있다.</li>
</div>
<div id="vitD3_div" class="createText_hidden">
<li>비타민 d는 세포단위의 면역체계에 도움을 준다.</li>
<li>바이러스 공격과 종양인자를 억제하는 역할을 한다.</li>
<li>바이러스 공격과 종양 인자를 억제하는 역할을 한다.</li>
<li>비타민D가 적은 그룹에 대해 양성 판정률이 1.77배 높다는 연구결과가 있다.</li>
</div>
<div id="vitC_div" class="createText_hidden">
<li>감염기간이나 걸렸을때 심각성을 줄이는데 역할을 한 연구결과가 있다.</li>
<li>박테리아, 바이러스, 프로토조아의 감염을 예방하는데 도움을 주는 연구가 있다.</li>
<li>염증이나 산화 스트레스에 효과가 있었다/</li>
<li>호흡기 질환에 중요한 규제역할을 한다.</li>
<li>감염기간이나 걸렸을 때 심각성을 줄이는데 역할을 한 연구결과가 있다.</li>
<li>박테리아, 바이러스, 프로토조아의 감염을 예방하는 데 도움을 주는 연구가 있다.</li>
<li>염증이나 산화 스트레스에 효과가 있었다.</li>
<li>호흡기 질환에 중요한 규제 역할을 한다.</li>

</div>
<!-- <div id="total-div" class="createText_hidden">-->
<!-- </div>-->
<div id="nai_div" class="createText_hidden">
<li>DNA 복원에 도움을 준다.</li>
<li>과복용은 간에 유독하다.</li>
<li>과 복용은 간에 유독하다.</li>
<li>비타민 b3가 만드는 NAD+는 셀 단위의 면역에 큰 역할을 끼친다.</li>
<li>NAD+는 림프구 바이러스 감염에 도움을 준다.</li>
<li>실제로 비타민 b3를 복용한 그룹이 30프로 이상 빠르게 회복된 연구결과가 있다.</li>
Expand Down Expand Up @@ -193,8 +193,8 @@ <h2 class="content-title">
</h2>
<p class="content-prose">
탄수화물은 우리가 매일 일상적으로 먹기에 한 칸을 빌려 이에 대한 데이터 분석을 추가하는 것도
글을 읽는 분들께 유용할 듯 합니다.
저희의 분석 데이터에 따르면 회복률을 높이는데 탄수화물을 잘 챙겨먹는 것이 도움이 된다고 합니다.
글을 읽는 분들께 유용할 듯합니다.
저희의 분석 데이터에 따르면 회복률을 높이는데 탄수화물을 잘 챙겨 먹는 것이 도움이 된다고 합니다.
아래의 탄수화물과 확진률 상관관계를 보면, 적절한 탄수화물 섭취는 코로나 대응에 긍정적인 영향을 끼치는 동시에
적절히 섭취하지 않아 영양 불균형(부족 or 과다)이 생길 경우, 코로나에 취약해질 가능성이 있다는 것을 알 수 있습니다.
</p>
Expand All @@ -210,10 +210,10 @@ <h2 class="content-title">
<div class="hidden-text">Challenge</div>
<p class="content-title">증상별 확진률</p>
</h2>
<p class="content-prose">
코로나를 대표할 수 있는 증상 5가지에 대해 확진률을 보여드립니다.
밑의 자료에 마우스를 올려 확인해 보세요.
</p>
<div class="content-prose">
<p>코로나를 대표할 수 있는 증상 5가지에 대해 확진률을 보여드립니다.</p>
<p>밑의 자료에 마우스를 올려 확인해 보세요.</p>
</div>
<img class="clip" src="../static/mj_image/clip.png" alt="docter's chart">
<div class="box" >
<p class="circle-title" style="position: absolute; left: 6rem; margin-top:-27rem">
Expand Down Expand Up @@ -276,10 +276,10 @@ <h2 class="content-title">
</h2>
<p class="content-prose" style="padding-bottom: 3rem;">
저희는 코로나와 음식의 상관관계를 기점으로 면역력을 기를 수 있는 음식 및 영양소를 발견하였습니다.
의학적 근거를 가진 6개의 영양소가 '긍정적 음식군' 의 주된 구성요소임도 확인했습니다.
의학적 근거를 가진 6개의 영양소가 '긍정적 음식 군' 의 주된 구성요소 임도 확인했습니다.
이 분석이 단순한 분석 자료가 아닌 저희 페이지를 방문해 주신 독자분들이 건강한 식단을 고를 때 유익할 수 있도록
오늘 하룻동안 섭취한 음식에 대해 부족한 영양소를 안내하고, 6가지 좋은 영양소를 기반으로 코로나 대응에
유리한 식단을 추전하는 서비스를 제공하고자 합니다. 한번 체험해 보고 싶으신 분들은 kit 페이지로 이동해보세요.
오늘 하루 동안 섭취한 음식에 대해 부족한 영양소를 안내하고, 6가지 좋은 영양소를 기반으로 코로나 대응에
유리한 식단을 추전하는 서비스를 제공하고자 합니다. 한번 체험해 보고 싶으신 분들은 kit 페이지로 이동해 보세요.
</p>

</article>
Expand Down

0 comments on commit 7db16af

Please sign in to comment.