g6SH595s

1    <style>
2 @import url('https://fonts.googleapis.com/css?family=Abel');
3 * {
4 -webkit-touch-callout: none;
5 -webkit-user-select: none;
6 -khtml-user-select: none;
7 -moz-user-select: none;
8 -ms-user-select: none;m
9 user-select: none;
10 }
11 body {
12 padding: 0px;
13 background: #FBFBFB;
14 }
15 .main.container {
16 width: 100%;
17 }
18 sec {
19 display: block;
20 }
21 body, html, .row,
22 .main.container, .col-lg-12 {
23 height: 100%;
24 }
25 .center {
26 text-align: center;
27 }
28 .fancybox-lock .fancybox-overlay {
29 overflow-y: hidden;
30 }
31 /* Custom Menu Navigation */
32 .menu {
33 z-index: 110;
34 }
35 .menu-toggle {
36 display: none;
37 }
38 .menu .menu-wrap {
39 color: white;
40 background-color: rgba(6, 6, 6, 0.7);
41 }
42 .menu .menu-wrap .menu-list .menu-block {
43 border-bottom: 1px solid #444;
44 }
45 .menu .menu-wrap .menu-list .menu-block ol li a {
46 color: white;
47 font-size: 14px;
48 font-weight: normal;
49 font-family: 'Abel';
50 }
51 .menu .menu-wrap .menu-list .menu-block ol li a:hover {
52 background-color: rgba(0, 208, 255, 0.21);
53 }
54 /* Main Screen */
55 .main-screen {
56 margin: 0 -15px;
57 min-height: 100%;
58 overflow: hidden;
59 position: relative;
60 font-family: 'Abel';
61 background-size: cover;
62 background-position: center;
63 background-attachment: fixed;
64 background-image: url('https://i.imgsafe.org/aa4b21f55b.png');
65 }
66 .main-screen .main-menu-bar {
67 width: 100%;
68 color: white;
69 height: 35px;
70 line-height: 36px;
71 position: absolute;
72 bottom: 0px; left: 0px;
73 box-shadow: 0 0 7px -2px white;
74 background-color: rgba(48, 67, 70, 0.3);
75 }
76 .main-screen .main-menu-bar .main-menu-bar-inner {
77 width: 100%;
78 height: 100%;
79 position: relative;
80 }
81 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-button {
82 width: 36px;
83 height: 36px;
84 line-height: 36px;
85 position: absolute;
86 left: 0px; top: 0px;
87 background-color: transparent;
88 display: inline-block;
89 }
90 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-profile {
91 cursor: pointer;
92 padding: 0 15px;
93 position: absolute;
94 right: 0px; top: 0px;
95 }
96 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-profile 
97 .main-menu-profile-photo {
98 width: 20px;
99 height: 20px;
100 margin-top: -3px;
101 margin-right: 5px;
102 border-radius: 2px;
103 display: inline-block;
104 }
105 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-profile 
106 .main-menu-profile-name {
107 display: inline-block;
108 }
109 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-profile
110 .main-menu-profile-nav {
111 right: 0px;
112 z-index: 100;
113 width: 150px;
114 bottom: 36px;
115 color: white;
116 display: none;
117 min-height: auto;
118 position: absolute;
119 border-radius: 5px 0 0 0;
120 box-shadow: -1px -1px 7px -3px white;
121 background-color: rgba(6, 6, 6, 0.7);
122 }
123 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-profile 
124 .main-menu-profile-nav .nav-profile-list {
125 display: block;
126 height: 100%;
127 list-style: none;
128 padding: 10px 0px;
129 margin: 0px;
130 }
131 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-profile 
132 .main-menu-profile-nav .nav-profile-list li {
133 padding: 0px 15px;
134 text-align: center;
135 }
136 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-profile 
137 .main-menu-profile-nav .nav-profile-list li:hover {
138 background-color: rgba(0, 208, 255, 0.21);
139 }
140 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-profile 
141 .main-menu-profile-nav:hover, .main-screen .main-menu-bar .main-menu-bar-inner 
142 .main-menu-profile:hover .main-menu-profile-nav {
143 display: inline-block;
144 }
145 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-button:hover,
146 .main-screen .main-menu-bar .main-menu-bar-inner .main-menu-profile:hover {
147 background-color: rgba(6, 6, 6, 0.7);
148 }
149 /* Main Body */
150 .modal-backdrop {
151 display: none;
152 }
153 .main-screen .main-body {
154 position: absolute;
155 left: 0px;
156 top: 0px;
157 bottom: 36px;
158 right: 0px;
159 }
160 .main-screen .main-body .main-body-inner {
161 height: 100%;
162 position: relative;
163 }
164 .main-screen .main-body .main-body-inner .main-body-content .modal-dialog {
165 width: 100%;
166 margin: 0px;
167 }
168 .main-screen .main-body .main-body-inner .main-body-content 
169 .modal-dialog {
170 height: 100%;
171 padding-bottom: 68px;
172 }
173 .main-screen .main-body .main-body-inner .main-body-content 
174 .modal-dialog .modal-content {
175 border: 0px;
176 height: 100%;
177 border-radius: 0px;
178 background-color: transparent;
179 }
180 .main-screen .main-body .main-body-inner .main-body-content 
181 .modal-dialog .modal-content .modal-header {
182 color: white;
183 padding: 0px 10px;
184 letter-spacing: 2px;
185 border-bottom: 0px;
186 background-color: rgb(72, 72, 72);
187 }
188 .main-screen .main-body .main-body-inner .main-body-content 
189 .modal-dialog .modal-content .modal-header .close {
190 position: absolute;
191 right: 5px; top: 0px;
192 font-size: 26px;
193 letter-spacing: 0px;
194 padding: 0px 20px;
195 background-color: #EA6666;
196 line-height: 28px;
197 cursor: pointer;
198 color: white;
199 font-weight: normal;
200 opacity: 1;
201 }
202 .main-screen .main-body .main-body-inner .main-body-content 
203 .modal-dialog .modal-content .modal-header .close:hover {
204 background-color: #F56363;
205 }
206 .main-screen .main-body .main-body-inner .main-body-content 
207 .modal-dialog .modal-content .modal-header .modal-title {
208 line-height: 32px;
209 font-size: 16px;
210 text-align: center;
211 }
212 .main-screen .main-body .main-body-inner .main-body-content 
213 .modal-dialog .modal-content .modal-body {
214 height: 100%;
215 padding: 5px;
216 overflow-y: scroll;
217 background-color: white;
218 }
219 .main-screen .main-body .main-body-inner .main-body-content 
220 .modal-dialog .modal-content .modal-footer {
221 padding: 0px;
222 height: 36px;
223 border-top: 0px;
224 }
225 /* profile class */
226 .main-screen .main-body .main-body-inner #profile .modal-body {
227 padding: 0px;
228 position: relative;
229 overflow-y: hidden;
230 }
231 .main-screen .main-body .main-body-inner #profile .modal-body
232 .profile-left-bar {
233 z-index: 100;
234 width: 250px;
235 height: 100%;
236 position: absolute;
237 background-color: whitesmoke;
238 border-right: 1px solid #D0D0D0;
239 }
240 .main-screen .main-body .main-body-inner #profile .modal-body
241 .profile-left-bar .profile-left-data {
242 text-align: center;
243 }
244 .main-screen .main-body .main-body-inner #profile .modal-body
245 .profile-left-bar .profile-left-data .profile-image-bar {
246 position: relative;
247 margin: 10px 60px 5px 60px;
248 }
249 .main-screen .main-body .main-body-inner #profile .modal-body
250 .profile-left-bar .profile-left-data .profile-image-bar .profile-name {
251 width: 100%;
252 bottom: 0px;
253 position: absolute;
254 background-color: rgba(0, 0, 0, .7);
255 color: white;
256 line-height: 24px;
257 letter-spacing: 2px;
258 }
259 .main-screen .main-body .main-body-inner #profile .modal-body
260 .profile-left-bar .profile-left-data .profile-desc-bar {
261 margin: 0px 15px;
262 margin-bottom: 20px;
263 }
264 .main-screen .main-body .main-body-inner #profile .modal-body
265 .profile-left-bar .profile-left-nav .profile-nav-list {
266 list-style: none;
267 padding: 0px;
268 }
269 .main-screen .main-body .main-body-inner #profile .modal-body
270 .profile-left-bar .profile-left-nav .profile-nav-list li {
271 position: relative;
272 cursor: pointer;
273 color: #302f2f;
274 padding: 5px 0px;
275 padding-left: 30px;
276 }
277 .main-screen .main-body .main-body-inner #profile .modal-body
278 .profile-left-bar .profile-left-nav .profile-nav-list li.active {
279 background-color: #d8d7d6
280 ;
281 }
282 .main-screen .main-body .main-body-inner #profile .modal-body
283 .profile-left-bar .profile-left-nav .profile-nav-list li:before {
284 content: "";
285 width: 9px;
286 height: 9px;
287 display: inline-block;
288 background-color: #484747;
289 position: absolute;
290 transform:  translate(-15px, 5px) rotate(45deg);
291 border: 2px solid #d8d7d6;
292 }
293 .main-screen .main-body .main-body-inner #profile .modal-body
294 .profile-left-bar .profile-left-nav .profile-nav-list li:hover {
295 color: #a8a7a6;
296 background-color: #f1efee;
297 }
298 .main-screen .main-body .main-body-inner #profile .modal-body
299 .profile-content-bar {
300 height: 100%;
301 overflow-y: scroll;
302 padding-left: 250px;
303 }
304 .main-screen .main-body .main-body-inner #profile .modal-body
305 .profile-content-bar .profile-content-text {
306 padding: 15px 25px 25px;
307 }
308 .main-screen .main-body .main-body-inner #profile 
309 .modal-dialog .modal-content .modal-header .profile-menu-btn {
310 position: absolute;
311 line-height: 32px;
312 background-color: #5bc0de;
313 width: 32px;
314 text-align: center;
315 left: 0px;
316 cursor: pointer;
317 display: none;
318 }
319 .main-screen .main-body .main-body-inner #profile 
320 .modal-dialog .modal-content .modal-header .profile-menu-btn:hover {
321 background-color: #31b0d5;
322 }
323 /* content body */
324 .main-screen .main-body .main-body-inner .modal-body .content-header {
325 font-size: 24px;
326 font-weight: bold;
327 margin-bottom: 10px;
328 }
329 .main-screen .main-body .main-body-inner .modal-body .content-body {
330 margin-bottom: 20px;
331 }
332 .main-screen .main-body .main-body-inner .modal-body .content-body:last-child {
333 margin-bottom: 0px;
334 }
335 .main-screen .main-body .main-body-inner .modal-body .content-body 
336 .bio-group {
337 position: relative;
338 }
339 .main-screen .main-body .main-body-inner .modal-body .content-body 
340 .bio-group .bio-key {
341 font-weight: bold;
342 position: absolute;
343 }
344 .main-screen .main-body .main-body-inner .modal-body .content-body 
345 .bio-group .bio-value {
346 padding-left: 100px;
347 }
348 .main-screen .main-body .main-body-inner .modal-body .content-body 
349 .bio-group .bio-value:before {
350 content: ": ";
351 }
352 /* custom syntax */
353 .main-screen .main-body .main-body-inner .modal-body .b-margin-10 {
354 margin-bottom: 10px;
355 }
356 /* desktop icon */
357 .main-screen .main-body .main-body-inner .main-icon-list {
358 padding: 10px;
359 }
360 .main-screen .main-body .main-body-inner .main-icon-list .main-icon-bundle {
361 width: 78px;
362 color: white;
363 height: 78px;
364 display: inline-block;
365 text-shadow: 0 0 3px black;
366 }
367 .main-screen .main-body .main-body-inner .main-icon-list .main-icon-bundle .main-icon-inner {
368 cursor: pointer;
369 text-align: center;
370 }
371 .main-screen .main-body .main-body-inner .main-icon-list .main-icon-bundle .main-icon-inner .icon-image {
372 height: 48px;
373 }
374 /* ability */
375 .main-screen .main-body .main-body-inner #ability .modal-body {
376 padding: 0px;
377 position: relative;
378 overflow-y: hidden;
379 }
380 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
381 .ability-content .ability-navigation {
382 width: 63px;
383 z-index: 11;
384 height: 100%;
385 position: absolute;
386 text-align: center;
387 top: 0px;
388 left: 0px;
389 background-color: whitesmoke;
390 border-right: 1px solid #D0D0D0;
391 }
392 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
393 .ability-content .ability-navigation .ability-icon-holder {
394 padding-left: 0px;
395 list-style: none;
396 margin-bottom: 0px;
397 }
398 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
399 .ability-content .ability-navigation .ability-icon {
400 height: 64px;
401 padding: 7px;
402 cursor: pointer;
403 }
404 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
405 .ability-content .ability-navigation .ability-icon:hover {
406 background-color: #C2C6F7;
407 }
408 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
409 .ability-content .ability-navigation .ability-icon.active {
410 background-color: #C2F1F9;
411 }
412 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
413 .ability-content .ability-navigation .ability-icon .icon-container {
414 height: 100%;
415 max-width: 50px;
416 background-size: auto 50px;
417 background-position: center;
418 background-image: url("https://65.media.tumblr.com/085ef3ef730306097926bbed1e0683b5/tumblr_ofoodyRGZA1ujufyxo2_1280.png");
419 background-repeat: repeat-x;
420 }
421 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
422 .ability-content .ability-navigation .ability-icon.dual-wield .icon-container {
423 background-position: 0px 0px;
424 }
425 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
426 .ability-content .ability-navigation .ability-icon.high_iq .icon-container {
427 background-position: 50px 0px;
428 }
429 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
430 .ability-content .ability-navigation .ability-icon.immortal .icon-container {
431 background-position: 100px 0px;
432 }
433 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
434 .ability-content .ability-navigation .ability-icon.sniping .icon-container {
435 background-position: 150px 0px;
436 }
437 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
438 .ability-content .ability-navigation .ability-icon.katana .icon-container {
439 background-position: 200px 0px;
440 }
441 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
442 .ability-content .ability-body {
443 width: 100%;
444 height: 100%;
445 position: absolute;
446 overflow-y: scroll;
447 padding-left: 64px;
448 }
449 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
450 .ability-content .ability-body .ability-body-text {
451 padding: 15px 25px 25px
452 }
453 /* history */
454 .main-screen .main-body .main-body-inner #history .modal-body {
455 padding: 0px;
456 position: relative;
457 overflow-y: hidden;
458 }
459 .main-screen .main-body .main-body-inner #history .modal-body 
460 .history-content .history-body {
461 width: 100%;
462 height: 100%;
463 position: absolute;
464 overflow-y: scroll;
465 padding-left: 10px;
466 }
467 .main-screen .main-body .main-body-inner #history .modal-body
468 .history-content .history-navigation {
469 left: 10px; top: 50%;
470 position: absolute;
471 transform: translateY(-50%);
472 z-index: 10;
473 }
474 .main-screen .main-body .main-body-inner #history .modal-body
475 .history-content .history-navigation .history-icon-holder {
476 padding: 0px;
477 }
478 .main-screen .main-body .main-body-inner #history .modal-body
479 .history-content .history-navigation .history-icon-holder li {
480 width: 7px;
481 height: 30px;
482 background-color: #8BDED6;
483 margin-bottom: 10px;
484 cursor: pointer;
485 }
486 .main-screen .main-body .main-body-inner #history .modal-body
487 .history-content .history-navigation .history-icon-holder li.active,
488 .main-screen .main-body .main-body-inner #history .modal-body
489 .history-content .history-navigation .history-icon-holder li:hover {
490 background-color: #002BFF;
491 }
492 .main-screen .main-body .main-body-inner #history .modal-dialog .modal-content 
493 .history-content .history-body .history-body-text {
494 padding: 15px 25px 25px
495 }
496 /* writer note */
497 .main-screen .main-body .main-body-inner #writer_note .modal-body
498 .writer-list {
499 list-style: none;
500 padding-left: 0px;
501 max-width: 1250px;
502 margin: auto;
503 margin-top: 10px;
504 }
505 .main-screen .main-body .main-body-inner #writer_note .modal-body
506 .writer-list li {
507 margin-bottom: 15px;
508 box-shadow: 5px 5px 0px black;
509 margin: 0px 10px 15px 5px;
510 }
511 .main-screen .main-body .main-body-inner #writer_note .modal-body
512 .writer-list li .list-title {
513 color: white;
514 background-color: #a8a7a6;
515 font-size: 16px;
516 padding: 5px 10px;
517 font-weight: bold;
518 }
519 .main-screen .main-body .main-body-inner #writer_note .modal-body
520 .writer-list li .list-description {
521 background-color: #f1efee;
522 padding: 10px 10px 5px;
523 }
524 /* responsive */
525 @media (max-width: 767px) {
526 /* profile */
527 .main-screen .main-body .main-body-inner #profile 
528 .modal-dialog .modal-content .modal-header .profile-menu-btn {
529 display: inline-block;
530 }
531 .main-screen .main-body .main-body-inner #profile .modal-body 
532 .profile-content-bar {
533 padding-left: 0px;
534 }
535 .main-screen .main-body .main-body-inner #profile .modal-body 
536 .profile-left-bar {
537 left: -100%;
538 z-index: 11;
539 -webkit-transition: all .5s ease-in-out;
540 -moz-transition: all .5s ease-in-out;
541 -ms-transition: all .5s ease-in-out;
542 -o-transition: all .5s ease-in-out;
543 transition: all .5s ease-in-out;
544 }
545 .main-screen .main-body .main-body-inner #profile .modal-body 
546 .profile-left-bar.open-profile-nav {
547 left: 0px;
548 }
549 /* ability */
550 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
551 .ability-content .ability-navigation {
552 height: auto;
553 width: 100%;
554 border-right: 0px;
555 padding: 0px;
556 border-bottom: 1px solid #D0D0D0;
557 top: 0px;
558 }
559 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
560 .ability-content .ability-navigation .ability-icon {
561 height: 40px;
562 text-align: center;
563 display: inline-block;
564 float: left;
565 }
566 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
567 .ability-content .ability-navigation .ability-icon-holder {
568 width: auto;
569 margin: auto;
570 display: inline-block;
571 outline: 0px;
572 vertical-align: top;
573 }
574 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
575 .ability-content .ability-navigation .ability-icon .icon-container {
576 width: 26px;
577 background-size: auto 26px;
578 }
579 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
580 .ability-content .ability-navigation .ability-icon.dual-wield .icon-container {
581 background-position: 0px 0px;
582 }
583 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
584 .ability-content .ability-navigation .ability-icon.high_iq .icon-container {
585 background-position: 26px 0px;
586 }
587 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
588 .ability-content .ability-navigation .ability-icon.immortal .icon-container {
589 background-position: 52px 0px;
590 }
591 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
592 .ability-content .ability-navigation .ability-icon.sniping .icon-container {
593 background-position: 78px 0px;
594 }
595 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
596 .ability-content .ability-navigation .ability-icon.katana .icon-container {
597 background-position: 104px 0px;
598 }
599 .main-screen .main-body .main-body-inner #ability .modal-dialog .modal-content 
600 .ability-content .ability-body {
601 padding-left: 0px;
602 margin-top: 40px;
603 height: calc(100% - 40px);
604 }
605 /* relation */
606 .main-screen .main-body .main-body-inner #relation .modal-body
607 .relation-list-group .relation-data .relation-head {
608 height: 140px;
609 background-position: -80px 0px;
610 }
611 .main-screen .main-body .main-body-inner #relation .modal-body
612 .relation-list-group .relation-data:nth-child(2n) .relation-head {
613 background-position: calc(100% + 70px) 0px;
614 }
615 }
616 </style>
617 <sec class="main-screen">
618 <sec class="main-menu-bar">
619 <sec class="main-menu-bar-inner">
620 <sec class="main-menu-button menu-toggle">
621 <i class="glyphicon glyphicon-th-large"></i>
622 </sec>
623 <sec class="main-menu-profile">
624 <img src="https://pbs.twimg.com/profile_images/814724821766414336/rFcC8xaV_400x400.jpg" alt="Profile" class="main-menu-profile-photo">
625 <sec class="main-menu-profile-name">Liam</sec>
626 <sec class="main-menu-profile-nav">
627 <ul class="nav-profile-list">
628 <li data-toggle="modal" data-target="#profile">Profile</li>
629 <li data-toggle="modal" data-target="#history">Notes</li>
630 <li data-toggle="modal" data-target="#ability">Wynegard</li>
631 <li data-toggle="modal" data-target="#writer_note">Relatives</li>
632 </ul>
633 </sec>
634 </sec>
635 </sec>
636 </sec>
637 <sec class="main-body">
638 <sec class="main-body-inner">
639 <!-- desktop icon -->
640 <sec class="main-icon-list">
641 <sec class="main-icon-bundle">
642 <sec class="main-icon-inner" data-toggle="modal" data-target="#profile">
643 <img src="https://67.media.tumblr.com/1892dbfd4e4bd0db7b2dfd6d9f8c2cec/tumblr_ogbefu7y3N1ujufyxo2_540.png" class="icon-image">
644 <sec class="icon-title">Personal</sec>
645 </sec>
646 </sec>
647 <sec class="main-icon-bundle">
648 <sec class="main-icon-inner" data-toggle="modal" data-target="#history">
649 <img src="https://65.media.tumblr.com/243c9f88f2e4543a2ab63ea79527e05d/tumblr_ogbefu7y3N1ujufyxo3_540.png" class="icon-image">
650 <sec class="icon-title">Notes</sec>
651 </sec>
652 </sec>
653 <sec class="main-icon-bundle">
654 <sec class="main-icon-inner" data-toggle="modal" data-target="#ability">
655 <img src="https://67.media.tumblr.com/9b9f1a0f4b70283b8a4d9cb3ce88ece2/tumblr_ogbekdv28n1ujufyxo1_540.png" class="icon-image">
656 <sec class="icon-title">Wynegard</sec>
657 </sec>
658 </sec>
659 <sec class="main-icon-bundle">
660 <sec class="main-icon-inner" data-toggle="modal" data-target="#writer_note">
661 <img src="https://65.media.tumblr.com/bfa24b86f59ff985832389b284a9d548/tumblr_ogbefu7y3N1ujufyxo1_540.png" class="icon-image">
662 <sec class="icon-title">Relatives</sec>
663 </sec>
664 </sec>
665 </sec>
666 <!-- profile -->
667 <sec class="main-body-content modal fade in" id="profile" tabindex="-1" role="dialog" aria-labelledby="profile_label" style="display: block; padding-left: 17px;">
668 <sec class="modal-dialog" role="document">
669 <sec class="modal-content">
670 <sec class="modal-header">
671 <span class="close" data-dismiss="modal" aria-label="Close">
672 <span aria-hidden="true">×</span>
673 </span>
674 <span meta-toggle-class="" class="profile-menu-btn" data-target="#profile-navigation" data-class="open-profile-nav">
675 <i class="glyphicon glyphicon-user"></i>
676 </span>
677 <h4 class="modal-title" id="profile_label">Profile</h4>
678 </sec>
679 <sec class="modal-body">
680 <sec class="profile-left-bar" id="profile-navigation">
681 <sec class="profile-left-data">
682 <sec class="profile-image-bar">
683 <img src="https://pbs.twimg.com/profile_images/814724821766414336/rFcC8xaV_400x400.jpg" class="profile-image img-responsive">
684 <sec class="profile-name">Liam</sec>
685 </sec>
686 <sec class="profile-desc-bar">
687 ⭐6 1566 2090G – Hogwarts vice principal who proudly claims himself as a cheese enthusiast.
688 </sec>
689 </sec>
690 <sec class="profile-left-nav">
691 <ul class="profile-nav-list" data-spy-target="" data-body="#profile-main-content">
692 <li meta-action-scroll="" data-target="#basic" data-body=".modal-body #profile-main-content" class="active">
693 About <a href="#basic"></a>
694 </li>
695 <li meta-action-scroll="" data-target="#personality" data-body=".modal-body #profile-main-content" class="">
696 Personality <a href="#personality"></a>
697 </li>
698 <li meta-action-scroll="" data-target="#appearance" data-body=".modal-body #profile-main-content" class="">
699 Appearance <a href="#appearance"></a>
700 </li>
701 <li meta-action-scroll="" data-target="#more" data-body=".modal-body #profile-main-content" class="">
702 Backyard <a href="#more"></a>
703 </li>
704 </ul>
705 </sec>
706 </sec>
707 <sec class="profile-content-bar" id="profile-main-content">
708 <sec class="profile-content-text" id="basic">
709 <!-- basic -->
710 <p align="right">Thanks for 253 visitors.</p>
711 <sec class="content-header">About</sec>
712 <sec class="content-body">
713 <p><strong></strong></p><center><strong>Basic</strong></center><p></p>
714 <sec class="bio-group">
715 <span class="bio-key">Full Name</span>
716 <span class="bio-value">Liam Varnhagen</span>
717 </sec>
718 <sec class="bio-group">
719 <span class="bio-key">Nick Name</span>
720 <span class="bio-value">Liam</span>
721 </sec>
722 <sec class="bio-group">
723 <span class="bio-key">Pronunciation</span>
724 <span class="bio-value">Lee-am</span>
725 </sec>
726 <sec class="bio-group">
727 <span class="bio-key">Birth Date</span>
728 <span class="bio-value">December 12, 1994</span>
729 </sec>
730 <sec class="bio-group">
731 <span class="bio-key">Birth Place</span>
732 <span class="bio-value">Paddington, London</span>
733 </sec>
734 
735 <sec class="bio-group">
736 <sec class="bio-group">
737 <span class="bio-key">Current Place</span>
738 <span class="bio-value">Scotland, United Kingdom</span>
739 </sec><span class="bio-key">Age</span>
740 <span class="bio-value">22</span>
741 </sec>
742 <sec class="bio-group">
743 <span class="bio-key">Nationality</span>
744 <span class="bio-value">British</span>
745 </sec>
746 <sec class="bio-group">
747 <span class="bio-key">Education</span>
748 <span class="bio-value">Hogwarts School of Witchcraft and Wizardry</span>
749 </sec>
750 <sec class="bio-group">
751 <span class="bio-key">Sign</span>
752 <span class="bio-value">Sagitarius</span>
753 </sec>
754 <sec class="bio-group">
755 <span class="bio-key">Contact</span>
756 <span class="bio-value">liamvarnhagen@gmail.com</span>
757 </sec>
758 <hr width="1">
759 <p><strong></strong></p><center><strong>Physical Traits</strong></center><p></p>
760 <sec class="bio-group">
761 <span class="bio-key">Gender</span>
762 <span class="bio-value">Male</span>
763 </sec>
764 <sec class="bio-group">
765 <span class="bio-key">Eye Color</span>
766 <span class="bio-value">Grey</span>
767 </sec>
768 <sec class="bio-group">
769 <span class="bio-key">Hair Color</span>
770 <span class="bio-value">Dark Brown</span>
771 </sec>
772 <sec class="bio-group">
773 <span class="bio-key">Skin Color</span>
774 <span class="bio-value">Tan Light</span>
775 </sec>
776 <sec class="bio-group">
777 <span class="bio-key">Height</span>
778 <span class="bio-value">6'1"</span>
779 </sec>
780 <sec class="bio-group">
781 <span class="bio-key">Weight</span>
782 <span class="bio-value">157 lbs</span>
783 </sec>
784 <sec class="bio-group">
785 <span class="bio-key">Blood Type</span>
786 <span class="bio-value">A+</span>
787 </sec>
788 <sec class="bio-group">
789 <span class="bio-key">Blood Status</span>
790 <span class="bio-value">Pure Blood</span>
791 </sec>
792 <sec class="bio-group">
793 <span class="bio-key">Sexuality</span>
794 <span class="bio-value">Heterosexual</span>
795 </sec>
796 <sec class="bio-group">
797 <span class="bio-key">Status</span>
798 <span class="bio-value">Alive</span>
799 </sec>
800 <hr width="1">
801 <p><strong></strong></p><center><strong>Wynegard Information</strong></center><p></p>
802 <sec class="bio-group">
803 <span class="bio-key">ID Town</span>
804 <span class="bio-value">1566</span>
805 </sec>
806 <sec class="bio-group">
807 <span class="bio-key">Job Status</span>
808 <span class="bio-value">★★★★★★ (Gold Butterfly)</span>
809 </sec>
810 <sec class="bio-group">
811 <span class="bio-key">House Address</span>
812 <span class="bio-value">S123</span>
813 </sec>
814 <sec class="bio-group">
815 <span class="bio-key">Race</span>
816 <span class="bio-value">Witch × Persona User</span>
817 </sec>
818 <sec class="bio-group">
819 <span class="bio-key">Wand</span>
820 <span class="bio-value">Elder</span>
821 </sec>
822 <sec class="bio-group">
823 <span class="bio-key">Wand Core</span>
824 <span class="bio-value">Dragon Heartstring</span>
825 </sec>
826 <sec class="bio-group">
827 <span class="bio-key">Patronus</span>
828 <span class="bio-value">White Phoenix</span>
829 </sec>
830 <sec class="bio-group">
831 <span class="bio-key">Persona</span>
832 <span class="bio-value">Siegfried</span>
833 </sec>
834 <sec class="bio-group">
835 <span class="bio-key">Arcana</span>
836 <span class="bio-value">Strength</span>
837 </sec>
838 <sec class="bio-group">
839 <span class="bio-key">PLV</span>
840 <span class="bio-value">52 — 275/265</span>
841 </sec>
842 <sec class="bio-group">
843 <span class="bio-key">PSL</span>
844 <span class="bio-value">52 — 415/188</span>
845 </sec>
846 <sec class="bio-group">
847 <span class="bio-key">Occupation</span>
848 <span class="bio-value">Vice Principal &amp; Gringotts Davis</span>
849 </sec>
850 <sec class="bio-group">
851 <span class="bio-key">Date Joined</span>
852 <span class="bio-value">August 9, 2015</span>
853 </sec>
854 </sec>
855 <hr width="1">
856 <!-- Personality -->
857 <sec class="content-header" id="personality">Personality</sec>
858 <sec class="content-body">
859 <p><strong></strong></p><center><strong>ESTJ-A</strong></center><p></p>
860 <li><span style="line-height: 1.4;">Practical, realistic, responsible.</span></li>
861 <li><span style="line-height: 1.4;">Honest, cautious and loyal.</span></li>
862 <li><span style="line-height: 1.4;">A devoted hard worker that one can always rely on.</span></li>
863 <li><span style="line-height: 1.4;">Loves to exercise and keeps his lifestyle organised.</span></li>
864 <li><span style="line-height: 1.4;">Has an outstanding ability in socialising.</span></li>
865 <li><span style="line-height: 1.4;">Dislikes it the most when something is out of place, disorganised or in a chaotic mess.</span></li>
866 <li><span style="line-height: 1.4;">Is always on time when it comes to doing his duties.</span></li>
867 <hr width="1">
868 <p><strong>Extraversion: </strong>Often feel motivated by their interaction with people. They tend to enjoy a wide circle of acquaintances, and they gain energy in social situations.</p>
869 <p><strong>Sensing: </strong>Tend to be more concrete than abstract. They focus their attention on the details rather than the big picture, and on immediate realities rather than future possibilities.</p>
870 <p><strong>Thinking: </strong>These people value objective criteria above personal preference. When making decisions, they generally give more weight to logic than to social considerations.</p>
871 <p><strong>Judgment: </strong>They plan their activities and make decisions early. They derive a sense of control through predictability.</p>
872 </sec>
873 <!-- Appearance -->
874 <sec class="content-header" id="appearance">Appearance</sec>
875 <sec class="content-body">
876 <sec class="row">
877 <sec class="col-md-6">
878 <sec class="row">
879 <sec class="col-xs-6 b-margin-10">
880 <a href="https://i.imgur.com/DVsQOIr.png" title="Formal" class="fancy-image">
881 <img src="https://i.imgur.com/DVsQOIr.png" title="Formal" class="img-responsive img-thumbnail">
882 </a>
883 </sec>
884 <sec class="col-xs-6 b-margin-10">
885 <a href="https://i.imgur.com/1UYlfSl.png" title="Semi-formal" class="fancy-image">
886 <img src="https://i.imgur.com/1UYlfSl.png" title="Semi-formal" class="img-responsive img-thumbnail">
887 </a>
888 </sec>
889 </sec>
890 </sec>
891 <sec class="col-md-6">
892 <sec class="row">
893 <sec class="col-xs-6 b-margin-10">
894 <a href="https://i.imgur.com/OiNypvN.png" title="Casual 1" class="fancy-image">
895 <img src="https://i.imgur.com/OiNypvN.png" title="Casual 1" class="img-responsive img-thumbnail">
896 </a>
897 </sec>
898 <sec class="col-xs-6 b-margin-10">
899 <a href="https://i.imgur.com/OjY3LLt.png" title="Casual 2" class="fancy-image">
900 <img src="https://i.imgur.com/OjY3LLt.png" title="Casual 2" class="img-responsive img-thumbnail">
901 </a>
902 </sec>
903 </sec>
904 </sec>
905 </sec>
906 </sec>
907 <!-- Appearance -->
908 <sec class="content-header" id="more">Backyard</sec>
909 <sec class="content-body">
910 <a href="https://i.imgsafe.org/fd7d72404e.png" title="Ultima Lavida Deluxe Garden" class="fancy-image">
911 <center><img src="https://i.imgsafe.org/fd7d72404e.png" title="Ultima Lavida Deluxe Garden" class="img-responsive img-thumbnail"></center>
912 </a>
913 <hr width="300">
914 <center><strong>Pets</strong></center>
915 <hr width="1">
916 <sec class="row">
917 <sec class="col-xs-12">
918 <sec class="row">
919 <sec class="col-xs-6 b-margin-10">
920 <a href="https://66.media.tumblr.com/33bf1e4e8d3673c184b2ce5e775c2064/tumblr_ofool1mBqe1ujufyxo1_250.png" title="Volger" class="fancy-image">
921 <center><img src="https://66.media.tumblr.com/33bf1e4e8d3673c184b2ce5e775c2064/tumblr_ofool1mBqe1ujufyxo1_250.png" title="Volger" class="img-responsive img-thumbnail"></center>
922 </a>
923 <hr width="1">
924 <center><strong>Name: </strong>Volger</center>
925 <center><strong>Gender: </strong>Male</center>
926 <center><strong>Food: </strong>Meat</center>
927 <center><strong>Valid Food: </strong>7 January</center>
928 <center><strong>Type: </strong>Daemon</center>
929 <hr width="1">
930 </sec>
931 <sec class="col-xs-6 b-margin-10">
932 <a href="https://67.media.tumblr.com/ab3e221046c2920b1ad3c1949c1066c2/tumblr_ofool1mBqe1ujufyxo5_250.png" title="Fimo" class="fancy-image">
933 <center><img src="https://67.media.tumblr.com/ab3e221046c2920b1ad3c1949c1066c2/tumblr_ofool1mBqe1ujufyxo5_250.png" title="Fimo" class="img-responsive img-thumbnail"></center>
934 </a>
935 <hr width="1">
936 <center><strong>Name: </strong>Fimo</center>
937 <center><strong>Gender: </strong>Female</center>
938 <center><strong>Food: </strong>Fruits</center>
939 <center><strong>Valid Food: </strong>7 January</center>
940 <center><strong>Type: </strong>Patronus</center>
941 <hr width="1">
942 </sec>
943 <sec class="col-xs-6 b-margin-10">
944 <a href="https://i.imgur.com/S9IvsWm.png" title="Grumpy" class="fancy-image">
945 <center><img src="https://i.imgur.com/S9IvsWm.png" title="Grumpy" class="img-responsive img-thumbnail"></center>
946 </a>
947 <hr width="1">
948 <center><strong>Name: </strong>Grumpy</center>
949 <center><strong>Gender: </strong>Female</center>
950 <center><strong>Food: </strong>Whiskas</center>
951 <center><strong>Valid Food: </strong>7 January</center>
952 <center><strong>Type: </strong>Standard</center>
953 <hr width="1">
954 </sec>
955 <sec class="col-xs-6 b-margin-10">
956 <a href="https://s24.postimg.org/cajhjollh/Darren.png" title="Darren" class="fancy-image">
957 <center><img src="https://s24.postimg.org/cajhjollh/Darren.png" title="Darren" class="img-responsive img-thumbnail"></center>
958 </a>
959 <hr width="1">
960 <center><strong>Name: </strong>Darren</center>
961 <center><strong>Gender: </strong>Male</center>
962 <center><strong>Food: </strong>Meat</center>
963 <center><strong>Valid Food: </strong> </center>
964 <center><strong>Type: </strong>Standard</center>
965 <hr width="1">
966 </sec>
967 <sec class="col-xs-6 b-margin-10">
968 <a href="https://i.imgur.com/lxSwReo.png" title="Pringles" class="fancy-image">
969 <center><img src="https://i.imgur.com/lxSwReo.png" title="Pringles" class="img-responsive img-thumbnail"></center>
970 </a>
971 <hr width="1">
972 <center><strong>Name: </strong>Pringles</center>
973 <center><strong>Gender: </strong>Female</center>
974 <center><strong>Food: </strong>Fish Pellet</center>
975 <center><strong>Valid Food: </strong>7 January</center>
976 <center><strong>Type: </strong>Standard</center>
977 <hr width="1">
978 </sec>
979 <sec class="col-xs-6 b-margin-10">
980 <a href="https://66.media.tumblr.com/cb9349980f088a8c09c6f90a2272cc51/tumblr_ogqehpf28f1ujufyxo3_r2_250.png" title="Sao Bai" class="fancy-image">
981 <center><img src="https://66.media.tumblr.com/cb9349980f088a8c09c6f90a2272cc51/tumblr_ogqehpf28f1ujufyxo3_r2_250.png" title="Sao Bai" class="img-responsive img-thumbnail"></center>
982 </a>
983 <hr width="1">
984 <center><strong>Name: </strong>Sao Bai</center>
985 <center><strong>Gender: </strong>Male</center>
986 <center><strong>Food: </strong>Yellow Apricot</center>
987 <center><strong>Valid Food: </strong>16 January</center>
988 <center><strong>Type: </strong>Persona</center>
989 <hr width="1">
990 </sec>
991 <hr width="300">
992 <center><strong>Plants</strong></center>
993 <hr width="1">
994 <sec class="col-xs-6 b-margin-10">
995 <a href="https://i.imgur.com/qeJVSO6.png" title="Blue Raspberry Tree" class="fancy-image">
996 <center><img src="https://i.imgur.com/qeJVSO6.png" title="Blue Raspberry Tree" class="img-responsive img-thumbnail"></center>
997 </a>
998 <hr width="1">
999 <center><strong>Name: </strong>Raspberry Tree</center>
1000 <center><strong>Stuffs: </strong>Full</center>
1001 <center><strong>Valid Stuffs: </strong>26 December</center>
1002 <center><strong>Growth Status: </strong>100%</center>
1003 <hr width="1">
1004 </sec>
1005 <sec class="col-xs-6 b-margin-10">
1006 <a href="https://s27.postimg.org/econsnkab/Pluots_Tree.png" title="Pluots Tree" class="fancy-image">
1007 <center><img src="https://s27.postimg.org/econsnkab/Pluots_Tree.png" title="Pluots Tree" class="img-responsive img-thumbnail"></center>
1008 </a>
1009 <hr width="1">
1010 <center><strong>Name: </strong>Pluots Tree</center>
1011 <center><strong>Stuffs: </strong>Full</center>
1012 <center><strong>Valid Stuffs: </strong>16 January</center>
1013 <center><strong>Growth Status: </strong>45%</center>
1014 <hr width="1">
1015 </sec>
1016 <sec class="col-xs-6 b-margin-10">
1017 <a href="https://67.media.tumblr.com/54b1e27b213e32e13fa0928dd0a17fbd/tumblr_ogoybeBQd21ujufyxo2_250.png" title="Red Currant Tree" class="fancy-image">
1018 <center><img src="https://67.media.tumblr.com/54b1e27b213e32e13fa0928dd0a17fbd/tumblr_ogoybeBQd21ujufyxo2_250.png" title="Red Currant Tree" class="img-responsive img-thumbnail"></center>
1019 </a>
1020 <hr width="1">
1021 <center><strong>Name: </strong>Red Currant Tree</center>
1022 <center><strong>Stuffs: </strong>Gloves, Sprayer, Fertilizer</center>
1023 <center><strong>Valid Stuffs: </strong>26 December</center>
1024 <center><strong>Growth Status: </strong>60%</center>
1025 <hr width="1">
1026 </sec>
1027 <sec class="col-xs-6 b-margin-10">
1028 <a href="https://65.media.tumblr.com/b3af47fa010aba9470fbb8d64aefc033/tumblr_ogoybeBQd21ujufyxo1_250.png" title="Ginseng Tree" class="fancy-image">
1029 <center><img src="https://65.media.tumblr.com/b3af47fa010aba9470fbb8d64aefc033/tumblr_ogoybeBQd21ujufyxo1_250.png" title="Ginseng Tree" class="img-responsive img-thumbnail"></center>
1030 </a>
1031 <hr width="1">
1032 <center><strong>Name: </strong>Ginseng Tree</center>
1033 <center><strong>Stuffs: </strong>Gloves, Sprayer, Fertilizer</center>
1034 <center><strong>Valid Stuffs: </strong>16 January</center>
1035 <center><strong>Growth Status: </strong>70%</center>
1036 <hr width="1">
1037 </sec>
1038 <sec class="col-xs-6 b-margin-10">
1039 <a href="https://67.media.tumblr.com/f2587269aa16dc702950b29ea6f614d8/tumblr_ohah29Z3oN1ujufyxo1_250.png" title="Ichi Apple Tree" class="fancy-image">
1040 <center><img src="https://67.media.tumblr.com/f2587269aa16dc702950b29ea6f614d8/tumblr_ohah29Z3oN1ujufyxo1_250.png" title="Ichi Apple Tree" class="img-responsive img-thumbnail"></center>
1041 </a>
1042 <hr width="1">
1043 <center><strong>Name: </strong>Ichi Apple Tree</center>
1044 <center><strong>Stuffs: </strong>Full</center>
1045 <center><strong>Valid Stuffs: </strong>26 December</center>
1046 <center><strong>Growth Status: </strong>75%</center>
1047 <hr width="1">
1048 </sec>
1049 <sec class="col-xs-6 b-margin-10">
1050 <a href="https://68.media.tumblr.com/d279bb8eed96da5f0b5a46743ff32a01/tumblr_ohsr6pxOM41ujufyxo1_250.png" title="Fuyu Persimmon Tree" class="fancy-image">
1051 <center><img src="https://68.media.tumblr.com/d279bb8eed96da5f0b5a46743ff32a01/tumblr_ohsr6pxOM41ujufyxo1_250.png" title="Fuyu Persimmon Tree" class="img-responsive img-thumbnail"></center>
1052 </a>
1053 <hr width="1">
1054 <center><strong>Name: </strong>Fuyu Persimmon Tree</center>
1055 <center><strong>Stuffs: </strong>Fertilizer, Water Sprayer, Gloves</center>
1056 <center><strong>Valid Stuffs: </strong>16 January</center>
1057 <center><strong>Growth Status: </strong>50%</center>
1058 <hr width="1">
1059 </sec>
1060 </sec>
1061 </sec>
1062 </sec>
1063 </sec>
1064 </sec>
1065 </sec>
1066 </sec>
1067 <sec class="modal-footer" data-dismiss="modal"> &nbsp; </sec>
1068 </sec>
1069 </sec>
1070 </sec>
1071 <!-- history -->
1072 <sec class="main-body-content modal fade" id="history" tabindex="-1" role="dialog" aria-labelledby="history_label" style="display: none;">
1073 <sec class="modal-dialog" role="document">
1074 <sec class="modal-content">
1075 <sec class="modal-header">
1076 <span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></span>
1077 <h4 class="modal-title" id="history_label">Notes</h4>
1078 </sec>
1079 <sec class="modal-body">
1080 <sec class="history-content">
1081 <sec class="history-navigation">
1082 <ul class="history-icon-holder" data-spy-target="" data-body="#history-main-content">
1083 <li meta-action-scroll="" data-target="#h_about" data-body=".modal-body #history-main-content" class="">
1084 <a href="#h_about"></a>
1085 </li>
1086 <li meta-action-scroll="" data-target="#h_child_5" data-body=".modal-body #history-main-content" class="">
1087 <a href="#h_child_5"></a>
1088 </li>
1089 <li meta-action-scroll="" data-target="#h_child_10" data-body=".modal-body #history-main-content" class="">
1090 <a href="#h_child_10"></a>
1091 </li>
1092 <li meta-action-scroll="" data-target="#h_kuroshi_dead" data-body=".modal-body #history-main-content" class="">
1093 <a href="#h_kuroshi_dead"></a>
1094 </li>
1095 <li meta-action-scroll="" data-target="#h_adult" data-body=".modal-body #history-main-content" class="active">
1096 <a href="#h_adult"></a>
1097 </li>
1098 </ul>
1099 </sec>
1100 <sec class="history-body" id="history-main-content">
1101 <sec class="history-body-text" id="h_class">
1102 <sec class="content-header">History</sec>
1103 <sec class="content-body">
1104 <p align="justify">Singkat cerita mengenai keluarganya, Hugo adalah seorang penyihir lulusan Hogwarts. Dahulu, Hugo ter-sorhat ke dalam Asrama Slytherin. Bersekolah di Hogwarts membuat Hugo menemukan cinta sejatinya, dari Asama Gyrffindor―Eureil. Keduanya memutuskan untuk menjalani hidup bersama sesaat setelah lulus dan mendapat pekerjaan yang sama di Ministry of Magic Skotlandia. Hugo dibagian Department of Magical Law Enforcement, sedangkan Eureil dibagian Department of International Magical Cooperation. Setelah bekerja lebih dari dua tahun, keduanya diberi karunia oleh Tuhan.</p>
1105 <p align="justify">Liam lahir puluhan tahun yang lalu sebagai salah seorang anak dari penyihir hebat. Tepat pada tanggal 12 Desember tahun 1994, ia menyapa kedua orang tuanya yang bernama Hugo dan Eureil. Kedua orang tuanya memberikan nama belakang yang sama, yaitu Varnhagen. Oh, omong-omong orang tuanya adalah keturunan asli penyihir―sebutan lain pure blood―atau darah murni. Berbeda dengan sang Ibu, Liam lebih cenderung memiliki watak mirip dengan Ayahnya. Dimana ketenangan lebih mendominasi dari pada hal lain.</p>
1106 <p align="justify">Sebentar, ia tidak lahir seorang diri ke dunia, melainkan dengan seorang anak berjenis kelamin wanita yang bernama Sara. Kembar? Benar. Beberapa menit setelah Liam lahir, disusul dengan sang adik yang sifatnya lebih mirip dengan Ibu mereka. Liam dan Sara bukanlah anak pertama dari pasangan Hugo dan Eureil, mereka berdua adalah anak kedua. Anak pertama bernama Gabby, yang umurnya agak dekat dengan Liam dan Sara. Sementara beberapa tahun setelahnya, ia memiliki seorang adik perempuan. Jill, adalah nama panggilan yang diberikan kedua orang tuanya kepada adik perempuannya tersebut.</p>
1107 <p align="justify">Kembali pada seorang Liam, pemuda yang lahir di London ini dibesarkan dengan penuh kasih sayang walaupun sang Ayah cenderung lebih sibuk sehingga jarang bertemu dengan Liam ketika ia masih balita. Karena Nenek dan Kakeknya telah meninggal dunia, ia tidak pernah mendapatkan kasih sayang dari mereka berdua sejak lahir.</p>
1108 <hr width="1">
1109 <p align="justify">Menginjak umur yang ke 12 tahun, Liam dan Sara bersekolah di tempat yang sama seperti orang tua dan kakak pertamanya―Hogwarts School of Witchcraft and Wizardry. Keduanya ter-sorhat ke dalam Asrama yang sama pula seperti sang Ibu, yaitu Gryffindor.</p>
1110 <p align="justify">Waktu berjalan begitu cepat, tepatnya ketika Liam berumur 15 tahun. Banyak kegiatan yang ia ikuti dalam sekolahnya―bukan hanya kegiatan, ia juga mengambil kerja sampingan menjadi staff dibeberapa toko. Kalau tidak salah mengingat, pertama kali ia bekerja pada toko yang bernama Wiseacre's W.E. Dalam pengalaman pertamanya, ia sempat berkenalan dengan beberapa kakak kelas, dan juga anak dari Asrama lain. Namun, pada beberapa bulan setelahnya, ia memilih untuk resign dari pekerjaan tersebut karena suatu alasan. Lalu, pengalaman berikutnya ia tuliskan pada toko lain yang bernama Pottermore Bookstore. Karirnya dalam toko yang biasa disebut PMB ... cukup lumayan. Liam bisa bekerja di toko itu sampai ia dinyatakan lulus. Oh, ia juga pernah menjadi salah satu staff Menagerie dan Stationary.</p>
1111 <p align="justify">Jika berbicara tentang karir, karir pemuda kelahiran 1994 ini juga berjalan dalam Asramanya. Ketika menginjak kelas 3, ia ditunjuk untuk menjadi Leadroom dari salah satu kamar yang ada dalam Asramanya. Namun, tiba-tiba tanggungjawab yang harus ia pikul lebih berat. Terpilih menjadi Vice Prefect―untuk menggantikan Vice Prefect lama yang keluar lebih dahulu dari Hogwarts. Hal tersebut ia jalani lebih kurang seminggu. Pada minggu kedua, ia dikagetkan dengan surat pengunduran diri dari partner yang juga kakak kelasnya. Alasan yang sama harus ia terima, meninggalkan sekolah karena akan disibukkan oleh kegiatan muggle. Dengan pertimbangan dari seorang Headmiss dan juga pertimbangan anak lain, ia resmi diangkat menjadi Prefect. Rasanya―ada senang dan ada sedih―tanggungjawab yang dipikul semakin besar. Tetapi ia tidak sendirian, ada Vice Prefect baru yang juga satu kelas dengannya. Perlahan, Asrama yang di tempati mulai bangkit, hal ini tidak luput dari semua dukungan teman-teman yang selalu bekerjasama untuk menjadi yang terbaik. Tapi, sayang sekali―partner yang telah bekerjasama dengan dirinya harus pergi meninggalkan Hogwarts ketika memasuki tahun ke lima. Karena kejadian itu, ia harus menjalani tanggungjawab sendirian. Ada beberapa alasan yang mengharuskan Liam untuk menunggu pelantikan pengurus baru.</p>
1112 <hr width="1">
1113 </sec>
1114 <sec class="content-header" id="h_child_5">Stuffs</sec>
1115 <sec class="content-body">
1116 <p align="justify">Under construction.</p>
1117 <hr width="1">
1118 </sec>
1119 <sec class="content-header" id="h_child_10">Moments</sec>
1120 <sec class="content-body">
1121 <sec class="bio-group">
1122 <span class="bio-key">10/16</span>
1123 <span class="bio-value"><a href="https://twitter.com/ProfsAnya/status/789797775168802816" target="_blank">Asrama Hogwarts 10th Graduation</a></span>
1124 </sec>
1125 <sec class="bio-group">
1126 <span class="bio-key">10/16</span>
1127 <span class="bio-value"><a href="https://twitter.com/ProfsLiam/status/791615281986613248" target="_blank">Rise of the Undead</a></span>
1128 </sec>
1129 <sec class="bio-group">
1130 <span class="bio-key">12/16</span>
1131 <span class="bio-value"><a href="https://twitter.com/ProfsAnya/status/809730490814996480" target="_blank">Asrama Hogwarts 11th Graduation</a></span>
1132 </sec>
1133 <sec class="bio-group">
1134 <span class="bio-key">12/16</span>
1135 <span class="bio-value"><a href="https://twitter.com/ProfsAnya/status/809902962730377216" target="_blank">Wynegard Festival: Wonderful Winter in Wynegard</a></span>
1136 </sec>
1137 <sec class="bio-group">
1138 <span class="bio-key">12/16</span>
1139 <span class="bio-value"><a href="https://twitter.com/ProfsAnya/status/812603265812574208" target="_blank">Christmas Eve!</a></span>
1140 </sec>
1141 <hr width="1">
1142 </sec>
1143 <sec class="content-header" id="h_kuroshi_dead">Journey</sec>
1144 <sec class="content-body">
1145 <sec class="bio-group">
1146 <span class="bio-key">08/15 - 01/16</span>
1147 <span class="bio-value"><a href="https://twitter.com/AsherSensei/status/630321551565459456" target="_blank">Manager of Pottermore Bookstore</a></span>
1148 </sec>
1149 <sec class="bio-group">
1150 <span class="bio-key">01/16 - 02/16</span>
1151 <span class="bio-value"><a href="https://twitter.com/Asrama_Hogwarts/status/690556383041695744" target="_blank">Gryffindor Headmaster</a></span>
1152 </sec>
1153 <sec class="bio-group">
1154 <span class="bio-key">08/15 - 04/16</span>
1155 <span class="bio-value"><a href="https://twitter.com/AsherSensei/status/630321551565459456" target="_blank">History of Magic Professor</a></span>
1156 </sec>
1157 <sec class="bio-group">
1158 <span class="bio-key">05/16 - 07/16</span>
1159 <span class="bio-value"><a href="https://twitter.com/Asrama_Hogwarts/status/730336345252487168" target="_blank">Herbology Professor</a></span>
1160 </sec>
1161 <sec class="bio-group">
1162 <span class="bio-key">05/16 - Present</span>
1163 <span class="bio-value"><a href="https://twitter.com/WynegardTown/status/732541154114166784" target="_blank">Wynegard Parliament</a></span>
1164 </sec>
1165 <sec class="bio-group">
1166 <span class="bio-key">02/16 - Present</span>
1167 <span class="bio-value"><a href="https://twitter.com/Asrama_Hogwarts/status/703187232631304192" target="_blank">Vice Principal of Asrama Hogwarts</a></span>
1168 </sec>
1169 <sec class="bio-group">
1170 <span class="bio-key">08/16 - Present</span>
1171 <span class="bio-value">Gringotts Davis</span>
1172 </sec>
1173 <hr width="1">
1174 </sec>
1175 <sec class="content-header" id="h_adult">Writer's Note</sec>
1176 <sec class="content-body">
1177 <p align="center"><strong>Language</strong></p>
1178 <p align="justify">Komposisi Bahasa yang sering saya gunakan adalah sebanyak 85% Bahasa Indonesia, sisanya Bahasa Asing. Saat plot ataupun IC, saya lebih sering menggunakan Bahasa Indonesia.
1179 </p><hr width="1">
1180 <p align="center"><strong>Character</strong></p>
1181 <p align="justify">Semua kepribadian dan kebiasaan dari karakter sudah tertera pada bagian Profil, jadi dimohon untuk membedakan situasi dikala saya sedang IC. Dalam karakter ini, hampir setiap perkataan yang saya lontarkan adalah IC. Jika terkesan kaku, cuek, atau convo killer―mohon maaf, karena itu adalah IC dari karakter yang sedang saya perankan.</p>
1182 <hr width="1">
1183 <p align="center"><strong>Plot</strong></p>
1184 <p align="justify">– Ketika plot melakukan kegiatan, atau sebagainya, saya lebih sering menggunakan sudut pandang orang ketiga.</p>
1185 <p align="justify">– Kebanyakan plot yang saya lakukan bergenre Fantasy dan AU, hal ini dikarenakan karakter saya yang merupakan seorang penyihir.</p>
1186 <p align="justify">– Multiverse dengan beberapa batasan.</p>
1187 <p align="justify">– Menerima ajakan plot dari following dengan genre bebas. Terkecuali Comedi, Crime, 18+, dan Romance.</p>
1188 <hr width="1">
1189 <p align="center"><strong>OOC</strong></p>
1190 <p align="justify">– ... : Action / paragraph plot.</p>
1191 <p align="justify">– '...' : Inner talk.</p>
1192 <p align="justify">– "..." : Dialogue.</p>
1193 <p align="justify">– (...) : OOC / muntalk.</p>
1194 <hr width="1">
1195 <p align="justify">– Karena karakter yang saya perankan adalah seorang pengajar yang bekerja dikawasan Wynegard, maka saya tidak mengikuti (follow) orang lain yang tidak berhubungan dengan Wynegard. Pengecualian, bagi orang luar yang memiliki suatu kepentingan dengan karakter saya.</p>
1196 <p align="justify">– Isi timeline kebanyakan tentang kegiatan karakter yang berada dikawasan Hogwarts Castle, Skotlandia.</p>
1197 <hr width="1">
1198 <p align="center"><strong>Contents</strong></p>
1199 <p align="justify">– Writer tidak memiliki hak milik terhadap semua konten media yang ada pada web.</p>
1200 <p align="justify">– Segala bentuk kesamaan informasi atau tempat di web ini adalah ketidaksengajaan.</p>
1201 <p align="justify">– Mohon bantuannya untuk tidak melakukan segala jenis tiruan yang ada pada web. Akan writer hargai jika meminta izin terlebih dahulu.</p>
1202 <hr width="1">
1203 <p align="center"><strong>Credit</strong></p>
1204 <p align="justify">– Terima kasih kepada <a href="https://twitter.com/biolbe" target="_blank">Admin L</a> yang telah mengizinkan saya untuk menggunakan kode html yang sangat keren. Dan, Admin <a href="http://www.w3schools.com/" target="_blank">w3schools.com</a> untuk situs yang sangat bermanfaat bagi pemula seperti saya. Dan juga, untuk situs pendukung lainnya yang lumayan banyak sehingga tidak dapat saya sebutkan satu-persatu.</p>
1205 <p align="justify">– Kepada <a href="https://twitter.com/noceurn" target="_blank">Valerie</a>, <a href="https://twitter.com/inteagral" target="_blank">Mika</a>, dan <a href="https://twitter.com/clatarys" target="_blank">Clatarys</a> yang telah membantu saya dengan sabar dan mau memberikan izin untuk menjadikan webnya sebagai inspirasi.</p>
1206 <p align="justify">– Kepada semua orang yang sudah membuka web ini, mohon maaf apabila ada perkataan yang kurang berkenan.</p>
1207 <hr width="1">
1208 </sec>
1209 </sec>
1210 </sec>
1211 </sec>
1212 </sec>
1213 <sec class="modal-footer" data-dismiss="modal"> &nbsp; </sec>
1214 </sec>
1215 </sec>
1216 </sec>
1217 <!-- ability -->
1218 <sec class="main-body-content modal fade" id="ability" tabindex="-1" role="dialog" aria-labelledby="ability_label" style="display: none;">
1219 <sec class="modal-dialog" role="document">
1220 <sec class="modal-content">
1221 <sec class="modal-header">
1222 <span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></span>
1223 <h4 class="modal-title" id="ability_label">Wynegard</h4>
1224 </sec>
1225 <sec class="modal-body">
1226 <sec class="ability-content">
1227 <sec class="ability-navigation">
1228 <ul class="ability-icon-holder" data-spy-target="" data-body="#ability-main-content">
1229 <li class="ability-icon immortal active" meta-action-scroll="" data-target="#immortal" data-body=".modal-body #ability-main-content">
1230 <sec class="icon-container"></sec> <a href="#immortal"></a>
1231 </li>
1232 <li class="ability-icon high_iq" meta-action-scroll="" data-target="#high_iq" data-body=".modal-body #ability-main-content">
1233 <sec class="icon-container"></sec> <a href="#high_iq"></a>
1234 </li>
1235 <li class="ability-icon sniping" meta-action-scroll="" data-target="#sniping" data-body=".modal-body #ability-main-content">
1236 <sec class="icon-container"></sec> <a href="#sniping"></a>
1237 </li>
1238 <li class="ability-icon katana" meta-action-scroll="" data-target="#katana" data-body=".modal-body #ability-main-content">
1239 <sec class="icon-container"></sec> <a href="#katana"></a>
1240 </li>
1241 <li class="ability-icon dual-wield" meta-action-scroll="" data-target="#dual_wield" data-body=".modal-body #ability-main-content">
1242 <sec class="icon-container"></sec> <a href="#dual_wield"></a>
1243 </li>
1244 </ul>
1245 </sec>
1246 <sec class="ability-body" id="ability-main-content">
1247 <sec class="ability-body-text" id="immortal">
1248 <sec class="content-header">AH Staffs Rules</sec>
1249 <sec class="content-body">
1250 <p align="left"><strong>Students Rewards</strong></p>                
1251 <style>
1252 table {
1253 font-family: arial, sans-serif;
1254 border-collapse: collapse;
1255 width: 100%;
1256 }
1257 td, th {
1258 border: 1px solid #dddddd;
1259 text-align: left;
1260 padding: 8px;
1261 }
1262 tr:nth-child(even) {
1263 background-color: #dddddd;
1264 }
1265 </style>
1266 <table>
1267 <tbody><tr>
1268 <th></th>
1269 <th><center>Galleons</center></th>
1270 <th><center>Student Points</center></th>
1271 <th><center>House Points</center></th>
1272 </tr>
1273 <tr>
1274 <td><strong>Class</strong></td>
1275 <td><center>20 - 50</center></td>
1276 <td><center>25 - 65</center></td>
1277 <td><center>1 - 50 / Kid</center></td>
1278 </tr>
1279 <tr>
1280 <td><strong>Task</strong></td>
1281 <td><center>25 - 60</center></td>
1282 <td><center>30 - 65</center></td>
1283 <td><center>1 - 50 / Kid</center></td>
1284 </tr>
1285 <tr>
1286 <td><strong>Exam</strong></td>
1287 <td><center>20 - 50</center></td>
1288 <td><center>25 - 65</center></td>
1289 <td><center>1 - 50 / Kid</center></td>
1290 </tr>
1291 <tr>
1292 <td><strong>Event</strong></td>
1293 <td><center>-</center></td>
1294 <td><center>-</center></td>
1295 <td><center>1 - 1000 / House</center></td>
1296 </tr>
1297 </tbody></table>
1298 <p align="right">Note: Rew 'Tugas Pengganti Kelas' termasuk kedalam reward kelas.</p>
1299 <hr width="1">
1300 <p align="left"><strong>Professors</strong></p>
1301 <p align="justify"><span style="line-height: 1.4;">1. Jika berhalangan hadir kelas (mengajar) harap mengumumkan minimal 24 jam sebelum kelas dan ijin terlebih dahulu ke Office.</span></p>
1302 <p align="justify">2. Kelas Pengganti harus diberitukan pada setiap Asrama minimal 24 jam sebelum kelas diadakan.</p>
1303 <p align="justify">3. Setiap Pengumuman harap tag ke main account Asrama Hogwarts.</p>
1304 <p align="justify">4. Hiatus harap diberitaukan kepada Wynegard Town Major - <a href="https://twitter.com/AsherSensei" target="_blank">Asher Sensei</a>, Principal - <a href="https://twitter.com/Nato_Sensei" target="_blank">Nato Sensei</a>, dan Vice Principal - <a href="https://twitter.com/ProfsLiam" target="_blank">Profs Liam</a>.</p>
1305 <p align="justify">5. Maksimal waktu Hiatus adalah 1 bulan (30 hari).</p>
1306 <p align="justify">6. Staff yang Resign atau ingin memberikan pekerjaan kepada orang lain, tidak diperbolehkan memberikan pekerjaannya begitu saja tanpa persetujuan dari pihak Sekolah.</p>
1307 <hr width="1">
1308 <p align="left"><strong>Sistem Event</strong></p>
1309 <p align="justify"><span style="line-height: 1.4;">1. Staffs dibagi ke dalam 11 Tim.</span></p>
1310 <p align="justify">2. Tiap 1 Tim berisi 3-4 orang Staffs (Sekolah yang menentukan).</p>
1311 <p align="justify">3. 11 Tim tersebut kemudian diundi (menggunakan random number), untuk menentukan siapa yang menyelenggarakan Event duluan.</p>
1312 <p align="justify">4. Jangka waktu dari Event 1 ke Event lain adalah 3 minggu.</p>
1313 <p>Berikut adalah daftar Tim berserta anggota:</p>
1314 <style>
1315 table {
1316 font-family: arial, sans-serif;
1317 border-collapse: collapse;
1318 width: 100%;
1319 }
1320 td, th {
1321 border: 1px solid #dddddd;
1322 text-align: left;
1323 padding: 8px;
1324 }
1325 tr:nth-child(even) {
1326 background-color: #dddddd;
1327 }
1328 </style>
1329 <table>
1330 <tbody><tr>
1331 <th><center>Team</center></th>
1332 <th><center>Members</center></th>
1333 <th><center>Status</center></th>
1334 </tr>
1335 <tr>
1336 <td><center>1</center></td>
1337 <td><align-left>Kyrie, Axton, Mika</align-left></td>
1338 <td><center></center></td>
1339 </tr>
1340 <tr>
1341 <td><center>2</center></td>
1342 <td><align-left>Arfold, Viella, Celine</align-left></td>
1343 <td><center></center></td>
1344 </tr>
1345 <tr>
1346 <td><center>3</center></td>
1347 <td><align-left>Gale, Ceerin, Sara, Jovianne</align-left></td>
1348 <td><center></center></td>
1349 </tr>
1350 <tr>
1351 <td><center>4</center></td>
1352 <td><align-left>Serena, Luna, Lyra</align-left></td>
1353 <td><center></center></td>
1354 </tr>
1355 <tr>
1356 <td><center>5</center></td>
1357 <td><align-left>Fuka, Elizabeth, Lova</align-left></td>
1358 <td><center></center></td>
1359 </tr>
1360 <tr>
1361 <td><center>6</center></td>
1362 <td><align-left>Zhao, Anya, Atha</align-left></td>
1363 <td><center></center></td>
1364 </tr>
1365 <tr>
1366 <td><center>7</center></td>
1367 <td><align-left>Stacey, Lyon, Penny</align-left></td>
1368 <td><center></center></td>
1369 </tr>
1370 <tr>
1371 <td><center>8</center></td>
1372 <td><align-left>Moura, Heidi, John, Cairis</align-left></td>
1373 <td><center></center></td>
1374 </tr>
1375 <tr>
1376 <td><center>9</center></td>
1377 <td><align-left>Carrow, Saura, Naya</align-left></td>
1378 <td><center></center></td>
1379 </tr>
1380 <tr>
1381 <td><center>10</center></td>
1382 <td><align-left>Ariella, Nael, Dylan</align-left></td>
1383 <td><center></center></td>
1384 </tr>
1385 <tr>
1386 <td><center>11</center></td>
1387 <td><align-left>Edgar, Seanna, Hayes</align-left></td>
1388 <td><center></center></td>
1389 </tr>
1390 </tbody></table>
1391 <hr width="1">
1392 <p>Berikut adalah hasil undian yang sudah diundi oleh Principal: <a href="https://s02.justpaste.it/files/justpaste/d370/a13828301/43429.jpg" target="_blank">Show</a></p>
1393 <p>Berdasarkan undian diatas, berikut adalah daftar giliran Tim untuk menyelenggarakan Event:</p>
1394 <style>
1395 table {
1396 font-family: arial, sans-serif;
1397 border-collapse: collapse;
1398 width: 100%;
1399 }
1400 td, th {
1401 border: 1px solid #dddddd;
1402 text-align: left;
1403 padding: 8px;
1404 }
1405 tr:nth-child(even) {
1406 background-color: #dddddd;
1407 }
1408 </style>
1409 <table>
1410 <tbody><tr>
1411 <th><center>Ordinal Number</center></th>
1412 <th><center>Team</center></th>
1413 </tr>
1414 <tr>
1415 <td><center>1</center></td>
1416 <td><center>3</center></td>
1417 </tr>
1418 <tr>
1419 <td><center>2</center></td>
1420 <td><center>5</center></td>
1421 </tr>
1422 <tr>
1423 <td><center>3</center></td>
1424 <td><center>8</center></td>
1425 </tr>
1426 <tr>
1427 <td><center>4</center></td>
1428 <td><center>4</center></td>
1429 </tr>
1430 <tr>
1431 <td><center>5</center></td>
1432 <td><center>6</center></td>
1433 </tr>
1434 <tr>
1435 <td><center>6</center></td>
1436 <td><center>9</center></td>
1437 </tr>
1438 <tr>
1439 <td><center>7</center></td>
1440 <td><center>11</center></td>
1441 </tr>
1442 <tr>
1443 <td><center>8</center></td>
1444 <td><center>1</center></td>
1445 </tr>
1446 <tr>
1447 <td><center>9</center></td>
1448 <td><center>7</center></td>
1449 </tr>
1450 <tr>
1451 <td><center>10</center></td>
1452 <td><center>10</center></td>
1453 </tr>
1454 <tr>
1455 <td><center>11</center></td>
1456 <td><center>2</center></td>
1457 </tr>
1458 </tbody></table>
1459 <hr width="1">
1460 <p><em><span style="line-height: 1.4;">Ps:</span></em></p>
1461 <ul>
1462 <li>Sistem Event berlaku mulai tanggal 07/03/16 - Seterusnya.</li>
1463 <li>Perwakilan Tim bisa menghubungi <a href="https://twitter.com/ProfsLiam" target="_blank">Profs Liam</a> untuk konfirmasi dan menyerahkan detail Event.</li>
1464 <li>Setelah Event di konfirmasi, book tanggal di <a href="https://twitter.com/WynegardEvent" target="_blank">Wynegard Event</a>.</li>
1465 <li>Jika dalam kurun waktu 1 minggu anggota Tim (yang mendapat giliran) tidak kunjung memberikan kabar tentang Event atau tidak ingin membuat Event. Maka, otomatis akan digantikan oleh Tim berikutnya.</li>
1466 <li>Anggota Tim tetap boleh membuat Event sendirian atau berdua, walaupun salah satu anggota tidak berminat membuat Event.</li>
1467 <li>Sistem ini berlaku untuk semua jenis Event, kecuali Fleur dan Deathly Amps.</li>
1468 </ul>
1469 <hr width="1">
1470 <p align="left"><strong>Sistem Games</strong></p>
1471 <ul>
1472 <li>Kuota Games.</li>
1473 </ul>
1474 <ol>
1475 <li><span style="line-height: 1.4;">Hari biasa: Maksimal 2× dalam seminggu.</span></li>
1476 <li><span style="line-height: 1.4;">Minggu tenang: Maksimal 3× dalam seminggu.</span></li>
1477 </ol>
1478 <ul>
1479 <li>Games Hopo tidak diperbolehkan.</li>
1480 </ul>
1481 <hr width="1">
1482 <p align="left"><strong>Warning</strong></p>
1483 <p><span style="line-height: 1.4;">Peringatan untuk Staffs yang tidak aktif (online) tanpa keterangan:</span></p>
1484 <ul>
1485 <li>7 hari: Surat Peringatan 1. Jika Surat Peringatan 1 tidak dibalas sejak sehari setelah surat ini diberikan, maka akan dikeluarkan Surat Peringatan 2.</li>
1486 <li>9 hari: Surat Peringatan 2. Jika Surat Peringatan 2 tidak dibalas sejak sehari setelah surat ini diberikan, maka akan dikeluarkan Surat Pemutusan Hubungan Kerja.</li>
1487 <li>Tidak mengajar selama 2 kali tanpa memberikan keterangan, tugas, atau asprof maka yang bersangkutan akan mendapat Surat Peringatan 1.</li>
1488 <li>Staff yang sudah mengoleksi Surat Peringatan sebanyak 3 Surat (entah itu SP 1/2) akan dikenakan Surat Pemutusan Hubungan Kerja tanpa terkecuali.</li>
1489 </ul>
1490 </sec>
1491 <sec class="content-header" id="high_iq">New Staffs Guide</sec>
1492 <sec class="content-body">
1493 <p><span style="line-height: 1.4;">1. Mencari lowongan pekerjaan. Menunggu (jika mau) kalau lowongan sudah benar-benar kosong. Calon alumnus diharapkan pro-aktif untuk menanyakan lowongan pekerjaan kepada Principal / Vice Principal masing-masing Akademi.</span></p>
1494 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">2. Mendapatkan pekerjaan.</span></p>
1495 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">3. Memperkenalkan diri dan meminta ID Town pada </span><a href="twitter.com/AsherSensei" target="_blank" style="line-height: 1.4;">Asher Sensei</a><span style="line-height: 1.4;"> (Town's Major).</span></p>
1496 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">4. Memindahkan tabungan ke </span><a href="twitter.com/WynegardBank" target="_blank" style="line-height: 1.4;">Wynegard Bank</a><span style="line-height: 1.4;"> dari Bank sekolah asal.</span></p>
1497 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">5. Mengurus Debit Card dan ID Card di </span><a href="twitter.com/WynegardBank" target="_blank" style="line-height: 1.4;">Wynegard Bank</a><span style="line-height: 1.4;">.</span></p>
1498 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">6. Mengurus tempat tinggal dengan menyewa Apartemen 69, menumpang di rumah penduduk lain, atau langsung membeli tanah dan rumah (proses pembangunan butuh waktu satu minggu, selagi menunggu harus menyewa Apartemen).</span></p>
1499 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">7. Jika sudah tinggal di sebuah rumah, laporkan alamatnya ke </span><a href="twitter.com/WynegardPolice" target="_blank" style="line-height: 1.4;">Wynegard Police</a><span style="line-height: 1.4;"> , </span><a href="twitter.com/WynegardBank" target="_blank" style="line-height: 1.4;">Wynegard Bank</a><span style="line-height: 1.4;"> &amp; </span><a href="twitter.com/WyneHospital" target="_blank" style="line-height: 1.4;">Wyne Hospital</a><span style="line-height: 1.4;">. Begitu juga jika ingin pindah rumah ke alamat lain.</span><br><span style="line-height: 1.4;">Jika ingin tinggal dengan penduduk lain, jangan lupa membeli Wynegard Ring di </span><a href="https://twitter.com/junes_dstore" target="_blank" style="line-height: 1.4;">Junes DStore</a><span style="line-height: 1.4;">.</span></p>
1500 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">8. Satu rumah maksimal 4 orang (2 roomates &amp; 1 couple).&nbsp;</span><span style="line-height: 1.4;">Jika tidak ada couple, satu rumah hanya boleh maksimal 3 orang (3 roomates).</span></p>
1501 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">9. Membeli makanan &amp; minuman di </span><a href="https://twitter.com/WyneLounge" target="_blank" style="line-height: 1.4;">Wyne Lounge</a><span style="line-height: 1.4;"> agar WS tidak berkurang (jangan lupa lapor ke Hospital begitu mendapatkan ID dari major).</span></p>
1502 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">10. Baca dan pahami semua ketentuan dan peraturan Wynegard Foundation.</span></p>
1503 <p><span style="line-height: 1.4;"></span><span style="line-height: 1.4;">11. Perlu diperhatikan, setiap Prof Sensei / Staff wajib mengikuti setiap Event penting yang diadakan Akademinya masing-masing ataupun Event penting Wynegard yang mengharuskan kehadiran Staff.</span></p>
1504 <p><span style="line-height: 1.4;">12. Baca dan pahami ketentuan masing-masing Lembaga:</span></p>
1505 <ul>
1506 <li><a href="http://www.twitlonger.com/show/n_1snq3nj?new_post=true" target="_blank" style="line-height: 1.4;"><span style="line-height: 1.4;">Wyne Lounge</span></a></li>
1507 <li><a href="http://wynegardbank.weebly.com/" target="_blank" style="line-height: 1.4;"><span style="line-height: 1.4;">Wynegard Bank</span></a></li>
1508 <li><a href="https://biol.be/WyneHospital" target="_blank" style="line-height: 1.4;">Wynegard Hospital</a></li>
1509 </ul>
1510 </sec>
1511 <sec class="content-header" id="sniping">General Laws</sec>
1512 <p>1. Staff Wynegard adalah siapapun yang memiliki ID penduduk Wynegard.</p>
1513 <ul>
1514 <li><span style="line-height: 1.4;">Yang berhak menjadi penduduk Wynegard adalah semua Alumni Akademi DSP atau AH.</span></li>
1515 <li><span style="line-height: 1.4;">2 (Dua) Digit pertama ID penduduk menandakan tahun aktif Staff yang bersangkutan.</span></li>
1516 <li><span style="line-height: 1.4;">ID Wynegard berlaku selama yang bersangkutan masih aktif dalam lingkup Wynegard.</span></li>
1517 <li><span style="line-height: 1.4;">ID Wynegard hanya dapat hilang / tidak berlaku, jika:</span></li>
1518 </ul>
1519 <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;- Pemiliknya meninggal dunia (WS 0% selama lebih dari 1 minggu dan tidak merespon saat diinformasikan pihak RS Pusat).</p>
1520 <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;- Pemiliknya menyatakan diri Resign atau keluar dari kota Wynegard.</p>
1521 <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;- Pemiliknya mendapatkan surat pemecatan dari Akademi atau Walikota.</p>
1522 <p>2. Penduduk Wynegard dilarang memiliki akun murid selain daripada akun Alumni yang bersangkutan di Akademi asal.</p>
1523 <ul>
1524 <li><span style="line-height: 1.4;">Akun staff Wynegard yang aktif hanya boleh 1 (satu) akun.</span></li>
1525 <li><span style="line-height: 1.4;">Jika hal ini diketahui terjadi, maka akan ada pengurangan Sugar sebanyak 2000 Pts per akun.</span></li>
1526 <li><span style="line-height: 1.4;">Jika setelah pengurangan Sugar terjadi akun murid ilegal belum di-nonaktifkan, akan diberikan surat pemecatan terhadap Staff yang bersangkutan.</span></li>
1527 </ul>
1528 <p>3. Penduduk Wynegard tidak terdaftar sebagai pengurus aktif (admin, pengajar atau staff) di Akademi lain di luar Wynegard Foundation.</p>
1529 <ul>
1530 <li><span style="line-height: 1.4;">Jika hal ini diketahui terjadi, maka akan ada Surat Pemecatan dari Walikota.</span></li>
1531 <li><span style="line-height: 1.4;">Surat Pemecatan bisa digantikan dengan pengurangan Sugar sebanyak 2000 Pts; jika dan hanya jika yang bersangkutan sudah menyatakan resign dari Akademi yang bersangkutan.</span></li>
1532 </ul>
1533 <p>4. Penduduk Wynegard yang telah kehilangan akunnya karena poin pada pasal 2, maka tidak dapat kembali menjadi staff kecuali memulai dari jenjang murid Akademi lagi dan mendapatkan ID penduduk baru setelah lulus. Rank akan reset dari Eggs.</p>
1534 <ul>
1535 <li><span style="line-height: 1.4;">Hal ini tidak berlaku bila alumnus memutuskan bergabung kembali ke Wynegard Foundation namun sebagai prajurit (Army).</span></li>
1536 <li><span style="line-height: 1.4;">Setiap orang hanya punya maksimal 3x kesempatan untuk mendaftar ulang (sebagai siswa) setelah keluar dari Wynegard. Hal ini berlaku juga di DSP ataupun AH.</span></li>
1537 </ul>
1538 <p>5. Staff Wynegard diharapkan tidak melakukan ulah yang akan mencoreng nama Wynegard / Akademi di akun staffnya.</p>
1539 <ul>
1540 <li><span style="line-height: 1.4;">Ulah yang dimaksud mencakup: Terlibat dalam pertengkaran/konflik dengan murid Akademi atau sesama staff, melanggar pasal 2 dan 3.</span></li>
1541 <li><span style="line-height: 1.4;">Sanksi atas pasal ini adalah pengurangan Sugar dengan jumlah variatif tergantung bobot pelanggaran (kecuali untuk pelanggaran pasal 2 dan 3 sudah tercantum).</span></li>
1542 <li><span style="line-height: 1.4;">Diharapkan melakukan semua kewajiban sesuai profesi masing-masing dan mengikuti peraturan masing-masing Akademi.</span></li>
1543 </ul>
1544 <p>6. Staff Wynegard wajib melaporkan kepada Walikota bila ada perpindahan owner akun staff atau akun Staff dihandle lebih dari satu orang.</p>
1545 <ul>
1546 <li><span style="line-height: 1.4;">Pengurangan Sugar dan sanksi dapat terjadi jika tidak ada laporan yang diterima Walikota dari staff yang bersangkutan.</span></li>
1547 </ul>
1548 <p>7. Staff Wynegard memiliki ketentuan jumlah pekerjaan.</p>
1549 <ul>
1550 <li><span style="line-height: 1.4;">Maksimal memiliki 1 profesi utama (main job).</span></li>
1551 <li><span style="line-height: 1.4;">Main job antara lain = Manajer/Chief dari Shop/Lembaga, Staff pengajar Akademi, Principal/Vice Principal Akademi, Headmaster/Headmistress, Police/Auror, Doctor, Nurse, Herbalist, Bankers.</span></li>
1552 <li><span style="line-height: 1.4;">Maksimal memiliki 2 profesi sampingan (side job). Side job antara lain = Kru Talk Hots dan Wynews, Koordinator Jurusan, Koordinator Organisasi siswa (DSNo / SAS), Anggota Parlemen.</span></li>
1553 </ul>
1554 <p>8. Staff Wynegard dapat memiliki 2 diantara 3 race yang terdapat di Wynegard (Wizard, P-User atau Exorcist) jika dan hanya jika penduduk yang bersangkutan minimal sudah rank Butterfly (★★★★). Dibawah rank tersebut, staff wajib memiliki race sesuai dengan jurusan pekerjaan atau race awal saat menjadi murid.</p>
1555 <sec class="content-body">
1556 <sec class="row">
1557 <sec class="col-xs-12 center">
1558 
1559 </sec>
1560 </sec>
1561 </sec>
1562 <sec class="content-header" id="katana">Sugar</sec>
1563 <sec class="content-body">
1564 <p align="justify">Setiap Prof/Sensei memiliki jabatan atau pangkat berupa ★ (bintang) dari bintang satu sampai tujuh. Cara menentukan pangkat ini adalah dari jumlah total poin ‘penilaian cara mengajar’ secara keseluruhan yang dinamai Sugar.</p>
1565 <ul>
1566 <li><span style="line-height: 19.6px;">Aturan jumlah Sugar untuk kenaikan pangkat:</span></li>
1567 </ul>
1568 <p style="line-height: 19.6px;">★ (Eggs) : 500-5000 SG</p>
1569 <p style="line-height: 19.6px;">★★ (Caterpillar) : 5001-10000 SG</p>
1570 <p style="line-height: 19.6px;">★★★ (Cocoon) : 10001-30000 SG</p>
1571 <p style="line-height: 19.6px;">★★★★ (Butterfly) : 30001-60000 SG</p>
1572 <p style="line-height: 19.6px;">★★★★★ (Silver Butterfly) : 60001-100000 SG</p>
1573 <p style="line-height: 19.6px;">★★★★★★ (Gold Butterfly) : 100001-150000 SG</p>
1574 <p style="line-height: 19.6px;">★★★★★★★ (Platinum Butterfly) : &gt; 150000 SG</p>
1575 <ul>
1576 <li><span style="line-height: 19.6px;">Sugar akan berkurang jika Prof/Sensei melakukan hal-hal berikut ini:</span></li>
1577 </ul>
1578 <p style="line-height: 19.6px;">1. Tidak mengajar tanpa memberikan kabar (-500 SG). Jika 2x melakukan hal ini, maka akan dikali 3 atau 3x lipatnya.</p>
1579 <p style="line-height: 19.6px;">2. Tidak mengajar selama 3 minggu berturut-turut meskipun sudah menggunakan asisten prof atau memberikan tugas (-250 SG). Jika 2x melakukan hal ini, maka akan dikali 3 atau 3x lipat menjadi -750 SG.</p>
1580 <p style="line-height: 19.6px;">3. Membawa dan membuat masalah pribadi atau keributan yang tidak pantas dilakukan seorang Prof/Sensei (-500 SG).</p>
1581 <p style="line-height: 19.6px;">4. Terlambat mengumpulkan reward atau tugas dari Principal dan Vice Principal.</p>
1582 <p style="line-height: 19.6px;">5. Jarang mengikuti Event penting Akademi.</p>
1583 <p align="justify">Tiap bulannya Principal/Vice Principal masing-masing Akademi silakan membuat laporan singkat jika ada staff yang perlu dikenakan sanksi.</p>
1584 <sec class="row">
1585 <sec class="col-xs-12 center">
1586 
1587 </sec>
1588 </sec>
1589 </sec>
1590 <sec class="content-header" id="dual_wield">Salary</sec>
1591 <sec class="content-body">
1592 <p><strong>Shops, Restaurant, etc</strong></p>
1593 <ul>
1594 <li><span style="line-height: 1.4;">Income &gt; 10000 C/G perbulan</span></li>
1595 </ul>
1596 <ol>
1597 <li><span style="line-height: 1.4;">Manajer: 5.750 C/G</span></li>
1598 <li><span style="line-height: 1.4;">Staff: Sesuai income</span></li>
1599 </ol>
1600 <ul>
1601 <li><span style="line-height: 1.4;">Income &lt; 10000 C/G perbulan</span></li>
1602 </ul>
1603 <ol>
1604 <li><span style="line-height: 1.4;">Manajer: 4.025 C/G</span></li>
1605 <li><span style="line-height: 1.4;">Staff: Sesuai income</span></li>
1606 </ol>
1607 <ul>
1608 <li><span style="line-height: 1.4;">Tambahan untuk Manajer Shop (sesuai rank; jika profesinya HANYA Manajer Shop):</span></li>
1609 </ul>
1610 <p>★ = 1000 C/G perbulan</p>
1611 <p>★★ = 2000 C/G perbulan</p>
1612 <p>★★★ = 5000 C/G perbulan</p>
1613 <p>★★★★ = 7500 C/G perbulan</p>
1614 <p>★★★★★ = 9000 C/G perbulan</p>
1615 <p>★★★★★★ = 11000 C/G perbulan</p>
1616 <p>★★★★★★★ = 14000 C/G perbulan</p>
1617 <p>Setiap shop yang memiliki income lebih dari 20k per bulannya akan ada tambahan bonus untuk manajer &amp; staff.</p>
1618 <ul>
1619 <li><span style="line-height: 1.4;">Lembaga</span></li>
1620 </ul>
1621 <p><strong>Bank Wynegard</strong></p>
1622 <ol>
1623 <li><span style="line-height: 1.4;">Presdir: 6900 C/G</span></li>
1624 <li><span style="line-height: 1.4;">Staff: 3450 C/G perbank</span></li>
1625 </ol>
1626 <p><strong>Bank Sekolah</strong></p>
1627 <ol>
1628 <li><span style="line-height: 1.4;">Presdir: 5750 G/C</span></li>
1629 <li><span style="line-height: 1.4;">Staff: 4600 C/G</span></li>
1630 </ol>
1631 <p><strong>Police</strong></p>
1632 <ol>
1633 <li><span style="line-height: 1.4;">Police: 2500 C/G perorang</span></li>
1634 </ol>
1635 <p><strong>Hospital</strong></p>
1636 <ol>
1637 <li><span style="line-height: 1.4;">Chief: 5750 C/G</span></li>
1638 <li><span style="line-height: 1.4;">Doctors: 2875 C/G perorang</span></li>
1639 <li><span style="line-height: 1.4;">Nurses: 2300 C/G perorang</span></li>
1640 </ol>
1641 <ul>
1642 <li><span style="line-height: 1.4;">Academy</span></li>
1643 </ul>
1644 <p><strong>Principal</strong></p>
1645 <ol>
1646 <li><span style="line-height: 1.4;">Gaji tetap: Seperti gaji guru (sesuai rank)</span></li>
1647 <li><span style="line-height: 1.4;">Gaji tambahan: 5% dari total income seluruh shop sekolah masing-masing</span></li>
1648 </ol>
1649 <p><strong>Headma/Headmiss</strong></p>
1650 <ol>
1651 <li><span style="line-height: 1.4;">5000 C/G perbulan​ (tanpa mengajar)</span></li>
1652 <li><span style="line-height: 1.4;">3000 C/G perbulan (jika mengajar).</span></li>
1653 </ol>
1654 <p><strong>Prof/Sensei (sesuai rank)</strong></p>
1655 <ol>
1656 <li><span style="line-height: 1.4;">★ = 3000 C/G perbulan</span></li>
1657 <li><span style="line-height: 1.4;">★★ = 5000 C/G perbulan</span></li>
1658 <li><span style="line-height: 1.4;">★★★ = 8000 C/G perbulan</span></li>
1659 <li><span style="line-height: 1.4;">★★★★ = 10000 C/G perbulan</span></li>
1660 <li><span style="line-height: 1.4;">★★★★★ = 12000 C/G perbulan</span></li>
1661 <li><span style="line-height: 1.4;">★★★★★★ = 15000 C/G perbulan</span></li>
1662 <li><span style="line-height: 1.4;">★★★★★★★ = 18000 C/G perbulan</span></li>
1663 </ol>
1664 <p align="justify">Gaji untuk Prof Sen dan Principal akan langsung di transfer tiap bulan dari Wynegard Bank ke rekening masing-masing.</p>
1665 <sec class="row">
1666 <sec class="col-xs-6 center">
1667 
1668 </sec>
1669 <sec class="col-xs-6 center">
1670 
1671 </sec>
1672 </sec>
1673 </sec>
1674 </sec>
1675 </sec>
1676 </sec>
1677 </sec>
1678 <sec class="modal-footer" data-dismiss="modal"> &nbsp; </sec>
1679 </sec>
1680 </sec>
1681 </sec>
1682 <!-- relation -->
1683 <sec class="main-body-content modal fade" id="relation" tabindex="-1" role="dialog" aria-labelledby="relation_label">
1684 <sec class="modal-dialog" role="document">
1685 <sec class="modal-content">
1686 <sec class="modal-header">
1687 <span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></span>
1688 <h4 class="modal-title" id="relation_label">Relatives</h4>
1689 </sec>
1690 <sec class="modal-body">
1691 <sec class="relation-list-group">
1692 <sec class="relation-data panel">
1693 <sec class="relation-head" style="background-image: url('https://s32.postimg.org/x323z4rh1/By_Blood.png');" data-toggle="collapse" data-parent=".relation-list-group" data-target="#rel_kuroshi"></sec>
1694 <sec class="relation-body collapse" id="rel_kuroshi">
1695 <sec class="relation-text">
1696 <a href="https://s31.postimg.org/3rysrcre3/Gabby.png" title="Gabby" class="fancy-image">
1697 <center><img src="https://s31.postimg.org/3rysrcre3/Gabby.png" title="Gabby" class="img-responsive img-thumbnail"></center>
1698 </a>
1699 <hr width="300">
1700 <hr width="300">
1701 </sec>
1702 </sec>
1703 </sec>
1704 <sec class="relation-data panel">
1705 <sec class="relation-head" style="background-image: url('https://s32.postimg.org/oavaybk4l/By_Blood_1.png');" data-toggle="collapse" data-parent=".relation-list-group" data-target="#rel_mother"></sec>
1706 <sec class="relation-body collapse" id="rel_mother">
1707 <sec class="relation-text">
1708 <a href="https://s32.postimg.org/chj0pjuud/Jill.png" title="Jill" class="fancy-image">
1709 <center><img src="https://s32.postimg.org/chj0pjuud/Jill.png" title="Jill" class="img-responsive img-thumbnail"></center>
1710 </a>
1711 <hr width="300">
1712 <hr width="300">
1713 </sec>
1714 </sec>
1715 </sec>
1716 <sec class="relation-data panel">
1717 <sec class="relation-head" style="background-image: url('https://s32.postimg.org/x323z4rh1/By_Blood.png');" data-toggle="collapse" data-parent=".relation-list-group" data-target="#rel_zeal"></sec>
1718 <sec class="relation-body collapse" id="rel_zeal">
1719 <sec class="relation-text">
1720 <a href="https://s32.postimg.org/chj0pjuud/Jill.png" title="Jill" class="fancy-image">
1721 <center><img src="https://s32.postimg.org/chj0pjuud/Jill.png" title="Jill" class="img-responsive img-thumbnail"></center>
1722 </a>
1723 <hr width="300">
1724 <hr width="300">
1725 </sec>
1726 </sec>
1727 </sec>
1728 <sec class="relation-data panel">
1729 <sec class="relation-head" style="background-image: url('https://s32.postimg.org/oavaybk4l/By_Blood_1.png');" data-toggle="collapse" data-parent=".relation-list-group" data-target="#rel_kuroyuki"></sec>
1730 <sec class="relation-body collapse" id="rel_kuroyuki">
1731 <sec class="relation-text">
1732 <a href="https://s32.postimg.org/chj0pjuud/Jill.png" title="Jill" class="fancy-image">
1733 <center><img src="https://s32.postimg.org/chj0pjuud/Jill.png" title="Jill" class="img-responsive img-thumbnail"></center>
1734 </a>
1735 <hr width="300">
1736 <hr width="300">
1737 </sec>
1738 </sec>
1739 </sec>
1740 <sec class="relation-data panel">
1741 <sec class="relation-head" style="background-image: url('https://s32.postimg.org/x323z4rh1/By_Blood.png');" data-toggle="collapse" data-parent=".relation-list-group" data-target="#rel_sara"></sec>
1742 <sec class="relation-body collapse" id="rel_sara">
1743 <sec class="relation-text">
1744 <a href="https://s32.postimg.org/chj0pjuud/Jill.png" title="Jill" class="fancy-image">
1745 <center><img src="https://s32.postimg.org/chj0pjuud/Jill.png" title="Jill" class="img-responsive img-thumbnail"></center>
1746 </a>
1747 <hr width="300">
1748 <hr width="300">
1749 </sec>
1750 </sec>
1751 </sec>
1752 </sec>
1753 </sec>
1754 <sec class="modal-footer" data-dismiss="modal"> &nbsp; </sec>
1755 </sec>
1756 </sec>
1757 </sec>
1758 <!-- writer note -->
1759 <sec class="main-body-content modal fade" id="writer_note" tabindex="-1" role="dialog" aria-labelledby="writer_note_label">
1760 <sec class="modal-dialog" role="document">
1761 <sec class="modal-content">
1762 <sec class="modal-header">
1763 <span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></span>
1764 <h4 class="modal-title" id="writer_note_label">Relatives</h4>
1765 </sec>
1766 <sec class="modal-body">
1767 <ul class="writer-list">
1768 <li>
1769 <sec class="list-title"><center>Alderton Hugo Varnhagen</center></sec>
1770 <sec class="list-description">
1771 <a href="https://i.imgur.com/2Mq9gTI.png" title="Hugo" class="fancy-image">
1772 <center><img src="https://i.imgur.com/2Mq9gTI.png" title="Hugo" class="img-responsive img-thumbnail"></center>
1773 </a>
1774 <hr width="300">
1775 <center><strong>Nick Name: </strong>Hugo</center>
1776 <center><strong>Birth Place: </strong>Southwark, London</center>
1777 <center><strong>Birth Date: </strong>January 11, 1978</center>
1778 <center><strong>Status: </strong>Alive</center>
1779 <center><strong>Relation: </strong>Biological Father</center>
1780 <hr width="1">
1781 </sec>
1782 </li>
1783 <li>
1784 <sec class="list-title"><center>Fleureila Etheridge Varnhagen</center></sec>
1785 <sec class="list-description">
1786 <a href="https://i.imgur.com/FOWpGby.png" title="Eureil" class="fancy-image">
1787 <center><img src="https://i.imgur.com/FOWpGby.png" title="Eureil" class="img-responsive img-thumbnail"></center>
1788 </a>
1789 <hr width="300">
1790 <center><strong>Nick Name: </strong>Eureil</center>
1791 <center><strong>Birth Place: </strong>Budapest, Hungary</center>
1792 <center><strong>Birth Date: </strong>November 19, 1979</center>
1793 <center><strong>Status: </strong>Alive</center>
1794 <center><strong>Relation: </strong>Biological Mother</center>
1795 <hr width="1">
1796 </sec>
1797 </li>
1798 <li>
1799 <sec class="list-title"><center>Gabrielle de Hemmings Varnhagen</center></sec>
1800 <sec class="list-description">
1801 <a href="https://66.media.tumblr.com/4a49b1ee4a59352ab032ebfac2ca4cb8/tumblr_ofooy5cn0G1ujufyxo2_250.png" title="Gabby" class="fancy-image">
1802 <center><img src="https://66.media.tumblr.com/4a49b1ee4a59352ab032ebfac2ca4cb8/tumblr_ofooy5cn0G1ujufyxo2_250.png" title="Gabby" class="img-responsive img-thumbnail"></center>
1803 </a>
1804 <hr width="300">
1805 <center><strong>Nick Name: </strong>Gabby</center>
1806 <center><strong>Birth Place: </strong>Paddington, London</center>
1807 <center><strong>Birth Date: </strong>March 22, 1992</center>
1808 <center><strong>Status: </strong>Alive</center>
1809 <center><strong>Relation: </strong>Biological Sister</center>
1810 <hr width="1">
1811 </sec>
1812 </li>
1813 <li>
1814 <sec class="list-title"><center>Jilliane Luxury Varnhagen</center></sec>
1815 <sec class="list-description">
1816 <a href="https://67.media.tumblr.com/923bb845cef02273bb55cf21b1b77a8b/tumblr_ofooy5cn0G1ujufyxo3_250.png" title="Jill" class="fancy-image">
1817 <center><img src="https://67.media.tumblr.com/923bb845cef02273bb55cf21b1b77a8b/tumblr_ofooy5cn0G1ujufyxo3_250.png" title="Jill" class="img-responsive img-thumbnail"></center>
1818 </a>
1819 <hr width="300">
1820 <center><strong>Nick Name: </strong>Jill</center>
1821 <center><strong>Birth Place: </strong>Portland, USA</center>
1822 <center><strong>Birth Date: </strong>December 9, 1996</center>
1823 <center><strong>Status: </strong>Alive</center>
1824 <center><strong>Relation: </strong>Biological Sister</center>
1825 <hr width="1">
1826 </sec>
1827 </li>
1828 <li>
1829 <sec class="list-title"><center>Grace Louisara Lupin Varnhagen</center></sec>
1830 <sec class="list-description">
1831 <a href="https://i.imgur.com/rOJBmUi.png" title="Sara" class="fancy-image">
1832 <center><img src="https://i.imgur.com/rOJBmUi.png" title="Sara" class="img-responsive img-thumbnail"></center>
1833 </a>
1834 <hr width="300">
1835 <center><strong>Nick Name: </strong>Sara</center>
1836 <center><strong>Birth Place: </strong>Paddington, London</center>
1837 <center><strong>Birth Date: </strong>December 12, 1994</center>
1838 <center><strong>Status: </strong>Alive</center>
1839 <center><strong>Relation: </strong>Biological Twin</center>
1840 <hr width="1">
1841 </sec>
1842 </li>
1843 <li>
1844 <sec class="list-title"><center>Lee Zhao Soneclare Vienno</center></sec>
1845 <sec class="list-description">
1846 <a href="https://66.media.tumblr.com/e6473485332b68832e0b6d34d0badddb/tumblr_ofooy5cn0G1ujufyxo7_250.png" title="Zhao" class="fancy-image">
1847 <center><img src="https://66.media.tumblr.com/e6473485332b68832e0b6d34d0badddb/tumblr_ofooy5cn0G1ujufyxo7_250.png" title="Zhao" class="img-responsive img-thumbnail"></center>
1848 </a>
1849 <hr width="300">
1850 <center><strong>Nick Name: </strong>Zhao</center>
1851 <center><strong>Birth Place: </strong>Seoul, South Korea</center>
1852 <center><strong>Birth Date: </strong>June 20, 1994</center>
1853 <center><strong>Status: </strong>Alive</center>
1854 <center><strong>Relation: </strong>Adoptive Brother</center>
1855 <hr width="1">
1856 </sec>
1857 </li>
1858 <li>
1859 <sec class="list-title"><center>Cedrella Malfoy</center></sec>
1860 <sec class="list-description">
1861 <a href="https://67.media.tumblr.com/21850ab84dc24e3032a300aaaaeaf907/tumblr_ofooy5cn0G1ujufyxo1_250.png" title="Cedr" class="fancy-image">
1862 <center><img src="https://67.media.tumblr.com/21850ab84dc24e3032a300aaaaeaf907/tumblr_ofooy5cn0G1ujufyxo1_250.png" title="Cedr" class="img-responsive img-thumbnail"></center>
1863 </a>
1864 <hr width="300">
1865 <center><strong>Nick Name: </strong>Cedrella</center>
1866 <center><strong>Birth Place: </strong>Budapest, Hungary</center>
1867 <center><strong>Birth Date: </strong>September 23, 1994</center>
1868 <center><strong>Status: </strong>Alive</center>
1869 <center><strong>Relation: </strong>Adoptive Sister</center>
1870 <hr width="1">
1871 </sec>
1872 </li>
1873 <li>
1874 <sec class="list-title"><center>Shirley Louisa Midford</center></sec>
1875 <sec class="list-description">
1876 <a href="https://65.media.tumblr.com/931192f1645eec075df83980058dc620/tumblr_ofooy5cn0G1ujufyxo6_250.png" title="Shirley" class="fancy-image">
1877 <center><img src="https://65.media.tumblr.com/931192f1645eec075df83980058dc620/tumblr_ofooy5cn0G1ujufyxo6_250.png" title="Shirley" class="img-responsive img-thumbnail"></center>
1878 </a>
1879 <hr width="300">
1880 <center><strong>Nick Name: </strong>Shirley</center>
1881 <center><strong>Birth Place: </strong>California, USA</center>
1882 <center><strong>Birth Date: </strong>October 24, 1994</center>
1883 <center><strong>Status: </strong>Alive</center>
1884 <center><strong>Relation: </strong>Adoptive Sister</center>
1885 <hr width="1">
1886 </sec>
1887 </li>
1888 <li>
1889 <sec class="list-title"><center>Fumika Akabane</center></sec>
1890 <sec class="list-description">
1891 <a href="https://66.media.tumblr.com/bf1ce17c9cb0466cf48b4e08065a29d1/tumblr_ofooy5cn0G1ujufyxo5_250.png" title="Mika" class="fancy-image">
1892 <center><img src="https://66.media.tumblr.com/bf1ce17c9cb0466cf48b4e08065a29d1/tumblr_ofooy5cn0G1ujufyxo5_250.png" title="Mika" class="img-responsive img-thumbnail"></center>
1893 </a>
1894 <hr width="300">
1895 <center><strong>Nick Name: </strong>Mika</center>
1896 <center><strong>Birth Place: </strong>Sapporo, Japan</center>
1897 <center><strong>Birth Date: </strong>May 5, 1996</center>
1898 <center><strong>Status: </strong>Alive</center>
1899 <center><strong>Relation: </strong>Adoptive Sister</center>
1900 <hr width="1">
1901 </sec>
1902 </li>
1903 <li>
1904 <sec class="list-title"><center>Judy Rachel Lupin</center></sec>
1905 <sec class="list-description">
1906 <a href="https://67.media.tumblr.com/c26ace5f13bd7137fc91938ff5b87941/tumblr_ofooy5cn0G1ujufyxo4_250.png" title="Judy" class="fancy-image">
1907 <center><img src="https://67.media.tumblr.com/c26ace5f13bd7137fc91938ff5b87941/tumblr_ofooy5cn0G1ujufyxo4_250.png" title="Judy" class="img-responsive img-thumbnail"></center>
1908 </a>
1909 <hr width="300">
1910 <center><strong>Nick Name: </strong>Judy</center>
1911 <center><strong>Birth Place: </strong>California, USA</center>
1912 <center><strong>Birth Date: </strong>February, 22 1994</center>
1913 <center><strong>Status: </strong>Alive</center>
1914 <center><strong>Relation: </strong>Cousin</center>
1915 <hr width="1">
1916 </sec>
1917 </li>
1918 </ul>
1919 </sec>
1920 <sec class="modal-footer" data-dismiss="modal"> &nbsp; </sec>
1921 </sec>
1922 </sec>
1923 </sec>
1924 </sec>
1925 </sec>
1926 </sec>