LikeLionSCH · YebinLeee · Jul 18, 2021 · Jul 18, 2021 · Jul 19, 2021 · Jul 19, 2021
diff --git a/django_gunicorn/manage.py b/django_gunicorn/manage.py
diff --git a/django_gunicorn/question/static/css_yebin/resultpage.css b/django_gunicorn/question/static/css_yebin/resultpage.css
@@ -0,0 +1,143 @@
+@font-face {
+    font-family: 'BRRA_R';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/BRRA_R.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Cafe24SsurroundAir';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Cafe24SsurroundAir.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@media screen and (max-width: 1000px) {
+    #center{
+      width:100%;
+      border-radius:0 0;
+      height:90vh;
+      box-shadow:none;
+      margin:0;
+    }
+  #main{
+      background-color:white;
+  }
+  #left, #right, #header_left, #header_right {
+    width: 0;
+  }
+}
+
+*, body{
+    margin:0;
+}
+body{
+    display:flex;
+    flex-direction:column;
+}
+#header{
+    height:100px;
+    display:flex;
+    justify-content:center;
+    align-items:center;
+}
+#main{
+    display:flex;
+    justify-content:center;
+    height:90vh;
+    background-color:#EDABBF;
+}
+#center{
+    width:500px;
+    background-color:white;
+    border-radius:30px;
+    box-shadow:5px 5px rgb(143, 143, 143);
+    margin:1% 0;
+
+    display:flex;
+    flex-direction:column;
+    align-items:center;
+    justify-content:space-around;
+}
+#icecream_result{
+    display:flex;
+    flex-direction:column;
+    height:25%;
+}
+#icecream_name, #icecream_tags, #icecream_image,
+#icecream_personality, #icecream_personality,
+#icecream_other_flavors{
+    display:flex;
+    justify-content:center;
+}
+#icecream_name{
+    font-size:130%;
+    flex-direction:column;
+    height:70%;
+    justify-content:flex-end;
+    align-items:center;
+}
+#flavor_name{
+    font-family: 'BRRA_R';
+    font-size:250%;
+    color:#F56F98;
+    font-weight:bold;
+}
+#icecream_tags{
+    margin-top:5%;
+}
+#icecream_image{
+    height:20%;
+    align-items:center;
+}
+.icecream_img{
+    height:250px;
+}
+#icecream_personality{
+    font-family: 'BRRA_R';
+    font-size:130%;
+    width:90%;height:10%;
+    align-items:center;
+    color:white;
+    background-color:#F56F98;
+    border-radius:15px;
+    box-shadow:3px 3px #8a8a8a;
+}
+#icecream_characteristics{
+    height:20%;
+    padding:3%;
+}
+#charact{
+    margin-top:5%;
+}
+#charact li{
+    line-height:30px;
+}
+#icecream_other_flavors{
+    width:90%;height:5%;
+    align-items:center;
+    color:rgb(85, 85, 85);
+    background-color:#ffebeb;
+    border-radius:15px;
+    box-shadow:3px 3px #8a8a8a;
+}
+#icecream_other_flavors:hover{
+    background-color:#ffafc7;
+}
+#made_by{
+    display:flex;
+    justify-content:flex-end;
+    width:90%;height:3%;
+}
+.madeby{
+    width:20%;
+    background-color:#5a5a5a;
+    color:white;
+    border-radius:10px;
+    display:flex;
+    justify-content:center;align-items:center;
+    text-decoration:none;
+    margin-right:1%;
+}
+.madeby:hover{
+    background-color:#161616;
+}
diff --git a/django_gunicorn/question/static/icon_yebin/choco_forest.svg b/django_gunicorn/question/static/icon_yebin/choco_forest.svg
diff --git a/django_gunicorn/question/static/icon_yebin/header_logo.svg b/django_gunicorn/question/static/icon_yebin/header_logo.svg
diff --git a/django_gunicorn/question/static/icon_yebin/레인보우샤베트.png b/django_gunicorn/question/static/icon_yebin/레인보우샤베트.png
diff --git a/django_gunicorn/question/static/icon_yebin/엄마는외계인.png b/django_gunicorn/question/static/icon_yebin/엄마는외계인.png
diff --git a/django_gunicorn/question/static/icon_yebin/쫀떡궁합.png b/django_gunicorn/question/static/icon_yebin/쫀떡궁합.png
diff --git a/django_gunicorn/question/templates/choco_forest.svg b/django_gunicorn/question/templates/choco_forest.svg
diff --git a/django_gunicorn/question/templates/header_logo.svg b/django_gunicorn/question/templates/header_logo.svg
diff --git a/django_gunicorn/question/templates/resultpage.html b/django_gunicorn/question/templates/resultpage.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="utf-8">
+    <title>MBTI result: 초코나무숲 [ESTJ 사업가형]</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="{% static 'css_yebin/resultpage.css' %}">
+</head>
+<body>
+    <div id="header">
+            <img src="header_logo.svg">
+    </div>
+
+    <div id="main">
+        <!-- <div id="left"></div> -->
+        <div id="center">
+            <div id="icecream_result">
+                <div id="icecream_name">
+                    당신에게 어울리는 맛은
+
+                    <span id="flavor_name"> 초코나무 숲 </span>  <!-- flavor_name 필드값 -->
+                    입니다.
+                </div>
+                <div id="icecream_tags">
+                    #초콜릿 #그린티 <!-- flavor_tags 필드값 -->
+                </div>
+            </div>
+            <div id="icecream_image">
+                <img class="icecream_img" src="choco_forest.svg"> <!-- flavor_image 필드값 -->
+            </div>
+            <div id="icecream_personality">
+                전체적인 숲을 볼 수 있는 안목을 소유한 사업가형 <!-- flavor_personality 필드값 -->
+            </div>        
+            <div id="icecream_characteristics">
+                <ul id="charact"> <!-- flavor_characteristics 필드값 -->
+                    <li> 당신은 매우 사무적, 실용적, 현실적 스타일이네요. </li>
+                    <li> 사물과 사람을 관리하는데 타의 추종을 불허하는 뛰어난 실력을 갖춘 관리자형입니다. </li>
+
+                </ul>
+            </div>
+            <div id="icecream_other_flavors">
+                <a href="#"> 다른 맛들 보러가기 </a>
+                <!-- 카카오톡 공유 부분 추가 예정-->
+            </div>
+            <div id="made_by">
+                <a class="madeby" href="#"> Made By </a>  
+                <a class="madeby" href="https://github.com/LikeLionSCH/Bera-Project-9th"> Github </a>
+            </div>
+        </div>
+        <!-- <div id="right"></div> --> 
+    </div>
+
+</body>
+</html>
diff --git a/django_gunicorn/question/templates/레인보우샤베트.png b/django_gunicorn/question/templates/레인보우샤베트.png
diff --git a/django_gunicorn/question/templates/엄마는외계인.png b/django_gunicorn/question/templates/엄마는외계인.png
diff --git a/django_gunicorn/question/templates/쫀떡궁합.png b/django_gunicorn/question/templates/쫀떡궁합.png