Modify dormitory joining instructions

Author: oksuoh

data/result/G_join.txt

@@ -1,4 +1,4 @@
 -현재 그리핀도르의 기숙사장은 <span class='highlight'>'이현준'</span> 님이 맡고 계십니다.
--가짜연구소 디스코드에서 <span class='highlight'>'hyeonjun lee #5241'</span> 님을 찾으세요!
--기숙사장에게 기숙사 암호 <span class='highlight'>'퀴드 아지스'</span> 을 DM으로 말씀하셔서 기숙사 채널로 초대를 받으세요.
+-가짜연구소 디스코드에서 <span class='highlight'>'hyeonjun lee #5241'</span> 님을 찾아, DM으로 기숙사 암호 <span class='highlight'>'퀴드 아지스'</span> 를 말씀하세요.
+-암호를 말씀하신 뒤, 가짜연구소 디스코드 <span class='highlight'>'#프로필-게시판'</span>에 프로필을 작성하시면, 기숙사 채널로 초대받으실 수 있습니다.
 -그럼 '용기' 있는 자를 기다리고 있겠습니다.

data/result/H_join.txt

@@ -1,4 +1,4 @@
 -현재 후플푸프의 기숙사장은 <span class='highlight'>'김태윤'</span> 님이 맡고 계십니다.
--가짜연구소 디스코드에서 <span class='highlight'>'김태윤 #9666'</span> 님을 찾으세요!
--기숙사장에게 기숙사 암호 <span class='highlight'>'신동사'</span> 를 DM으로 말씀하셔서 기숙사 채널로 초대를 받으세요.
+-가짜연구소 디스코드에서 <span class='highlight'>'김태윤 #9666'</span> 님을 찾아, DM으로 기숙사 암호 <span class='highlight'>'신동사'</span> 를 말씀하세요.
+-암호를 말씀하신 뒤, 가짜연구소 디스코드 <span class='highlight'>'#프로필-게시판'</span>에 프로필을 작성하시면, 기숙사 채널로 초대받으실 수 있습니다.
 -그럼 '성실'한 자를 기다리고 있겠습니다.

data/result/R_join.txt

@@ -1,4 +1,4 @@
 -현재 래번클로의 기숙사장은 <span class='highlight'>'김광일'</span> 님이 맡고 계십니다.
--가짜연구소 디스코드에서 <span class='highlight'>'김광일 #5103'</span> 님을 찾으세요!
--기숙사장에게 기숙사 암호 <span class='highlight'>'불꽃이 먼저인가? 불사조가 먼저인가?'</span> 를 DM으로 말씀하셔서 기숙사 채널로 초대를 받으세요.
+-가짜연구소 디스코드에서 <span class='highlight'>'김광일 #5103'</span> 님을 찾아, DM으로 기숙사 암호 <span class='highlight'>'불꽃이 먼저인가? 불사조가 먼저인가?'</span> 를 말씀하세요.
+-암호를 말씀하신 뒤, 가짜연구소 디스코드 <span class='highlight'>'#프로필-게시판'</span>에 프로필을 작성하시면, 기숙사 채널로 초대받으실 수 있습니다.
 -그럼 '현명'한 자를 기다리고 있겠습니다.

data/result/S_join.txt

@@ -1,4 +1,4 @@
 -현재 슬리데린의 기숙사장은 <span class='highlight'>'이윤아'</span> 님이 맡고 계십니다.
--가짜연구소 디스코드에서 <span class='highlight'>'yuna #9521'</span> 님을 찾으세요!
--기숙사장에게 기숙사 암호 <span class='highlight'>'pureblood'</span> 를 DM으로 말씀하셔서 기숙사 채널로 초대를 받으세요.
+-가짜연구소 디스코드에서 <span class='highlight'>'yuna #9521'</span> 님을 찾아, DM으로 기숙사 암호 <span class='highlight'>'pureblood'</span> 를 말씀하세요.
+-암호를 말씀하신 뒤, 가짜연구소 디스코드 <span class='highlight'>'#프로필-게시판'</span>에 프로필을 작성하시면, 기숙사 채널로 초대받으실 수 있습니다.
 -그럼 '야망' 있는 자를 기다리고 있겠습니다.

static/css/style.css

@@ -219,7 +219,7 @@ button {
 
 /* The actual popup (appears on top) */
 .popup .popuptext {
-    width: 300%;
+    width: 500px;
     visibility: hidden;
     background-color: #555555;
     color: #ffffff;
@@ -229,7 +229,7 @@ button {
     z-index: 1;
     bottom: 140%;
     left: 0%;
-    margin-left: -80px;
+    margin-left: -180px;
 }
 
 /* Popup arrow */
@@ -284,5 +284,6 @@ button {
 
     .popup .popuptext {
         width: 300px;
+        margin-left: -80px;
     }
 }