후원사 추가

Author: steadymoka

2017/dist/build.js

@@ -4,6 +4,11 @@
       <div class="logo">
       </div>
 
+      <div class="section" @click="onClickMenu(0)">
+        <span class="go-facebook" @click="goFacebook" target="_blank">
+          <i class="fa fa-facebook-square" aria-hidden="true"></i>
+      </span>
+      </div>
       <div class="section" @click="onClickMenu(0)">
         INTRODUCE
       </div>
@@ -72,6 +77,9 @@
       },
       onClickRegister: function () {
         window.open("http://onoffmix.com/event/92727", '_blank');
+      },
+      goFacebook () {
+        window.open("https://www.facebook.com/droidknights/", '_blank');
       }
     }
   }
@@ -144,7 +152,7 @@
   }
 
   .logo {
-    width: 25%;
+    width: 21%;
     height: 51px;
     color: #000;
     margin-top: 12px;
@@ -155,6 +163,13 @@
     background-image: url(../../assets/image/dk_main_logo.svg);
   }
 
+  .go-facebook {
+    cursor: pointer;
+    color: #4862A3;
+    font-size: 23px;
+    vertical-align: middle;
+  }
+
   .section {
     display: inline-block;
     margin-right: 14px;

2017/dist/build.js.map

@@ -6,18 +6,32 @@
       SPONSORS
     </div>
     <div class="container">
+      <!--<div class="contact" @click="onClickContact()">-->
+      <!--CONTACT : https://docs.google.com/forms..-->
+      <!--</div>-->
+
+      <div class="tier">GOLD</div>
 
-      <div class="contact" @click="onClickContact()">
-        CONTACT : https://docs.google.com/forms..
+      <div class="item-container google">
       </div>
-      <!--<div class="item-container realm">-->
-      <!--</div>-->
 
-      <!--<div class="item-container jpub">-->
-      <!--</div>-->
+      <div class="item-container lezhin">
+      </div>
 
-      <!--<div class="item-container google">-->
-      <!--</div>-->
+      <br><br><br><br>
+      <div class="tier">SIVER</div>
+
+      <div class="item-container siver realm">
+      </div>
+
+      <div class="item-container siver smartstudy">
+      </div>
+
+      <br><br><br><br>
+      <div class="tier">BOOK</div>
+
+      <div class="item-container siver jpub">
+      </div>
 
     </div>
   </div>
@@ -70,6 +84,7 @@
     margin-right: auto;
     position: relative;
     display: table;
+    text-align: center;
   }
 
   .contact {
@@ -79,7 +94,21 @@
     border-radius: 2px;
     text-align: center;
     cursor: pointer;
-    word-break:break-all;
+    word-break: break-all;
+  }
+
+  .tier {
+    color: white;
+    font-size: 20px;
+    background-color: #76ff03;
+    width: 110px;
+    padding: 5px 0px 5px 0px;
+    margin: 0 auto 20px auto;
+    font-family: 'Spoqa Han Sans', 'Montserrat', 'Sans-serif';
+    color: black;
+    border-radius: 2px;
+    text-align: center;
+    word-break: break-all;
   }
 
   .item-container {
@@ -90,6 +119,11 @@
     background-repeat: no-repeat;
   }
 
+  .siver {
+    width: 228px;
+    height: 150px;
+  }
+
   .realm {
     background-image: url(../../assets/image/spon_realm.png);
   }
@@ -98,15 +132,31 @@
     background-image: url(../../assets/image/spon_jpub.png);
   }
 
+  .smartstudy {
+    background-image: url(../../assets/image/spon_smartstudy.png);
+  }
+
   .google {
     background-image: url(../../assets/image/spon_google.png);
   }
 
+  .lezhin {
+    background-image: url(../../assets/image/spon_lezhin.png);
+  }
+
   @media (max-width: 1100px) {
     .item-container {
       display: block;
       width: 95vw;
-      height: 35vh;
+      height: 26vh;
+      background-position: center;
+    }
+
+    .siver {
+      display: inline-block;
+
+      width: 47vw;
+      height: 19vh;
       background-position: center;
     }
   }

2017/dist/spon_lezhin.png

@@ -1,20 +1,35 @@
 # DroidKnights
 
-드로이드 나이츠 사이트 입니다
+드로이드나이츠 사이트 + 블로그 입니다
 
 
+## 블로그
+made by jekyll
+
+#### dev
+``` shell
+$bundle exec jekyll server --w
+
+localhost:4000 접속
+```
 
-### dev
+
+## 스케쥴 홈페이지
+made by vue.js, webpack 
+
+#### dev
 
 ``` shell
 $cd 2017
 $npm install
 $npm run dev
+
+localhost:8080 접속
 ```
 
 
 
-### delpoy
+#### delpoy
 
 ``` shell
 $cd 2017