Files
roll20-character-sheets/Idolgram/idolgram.html
T
2024-06-03 13:15:14 -04:00

1288 lines
62 KiB
HTML

<div class="container">
<div class="top">
<div class="id">
<input type="text" name="attr_id" placeholder="ID" />
</div>
<div class="basics">
<div class="characterImg">
<div class="icon">
<img name="attr_character_avatar" />
</div>
</div>
<div class="profile">
<input type="text" name="attr_character_name" placeholder="캐릭터 이름" />
<input type="text" name="attr_position" placeholder="그룹 이름 및 포지션" />
<input type="text" name="attr_topMemo" placeholder="메모" />
<div class="follow">
<input type="text" name="attr_following" value="0" />
<input type="text" name="attr_follower" value="0" />
<input type="text" name="attr_like" value="0" />
<input type="text" name="attr_XP" value="0" />
</div>
<div class="freeDice">
<button type="roll" class="freeRoll" value="&{template:freeDice}{{roll=[[@{freeDice}]]}}"></button>
<input type="text" name="attr_freeDice" value="1d10" />
</div>
</div>
</div>
<div class="skill">
<div class="skillBox">
<button type="action" name="act_talent"></button>
<input type="number" name="attr_talent" value="0" />
</div>
<div class="skillBox">
<button type="action" name="act_style">스타일</button>
<input type="number" name="attr_style" value="0" />
</div>
<div class="skillBox">
<button type="action" name="act_dream"></button>
<input type="number" name="attr_dream" value="0" />
</div>
<div class="skillBox">
<button type="action" name="act_wits"></button>
<input type="number" name="attr_wits" value="0" />
</div>
</div>
</div>
<div class="bottom">
<input type="radio" name="attr_tab" value="1" class="actionBtn tab" checked />
<input type="radio" name="attr_tab" value="2" class="tagBtn tab" />
<input type="radio" name="attr_tab" value="3" class="etcBtn tab" />
<input type="radio" name="attr_tab" value="4" class="letterBtn tab" />
<div class="action">
<div class="actionBox">
<button type="action" name="act_action1"></button>
<input type="checkbox" name="attr_actionTab1" />
<input type="text" name="attr_actionName1" value="분위기 메이커" readonly />
<input type="text" name="attr_actionSkill1" value="스타일" readonly />
<div class="actionContent">
<textarea name="attr_actionContent1" readonly>10+이면, 다음 중 두 개를 고릅니다.
■ 대상을 확실하게 장악합니다. — 대상에게 상태 태그를 최소 2칸짜리를 줍니다.
■ 이 공간의 모두에게 영향을 미칩니다. ― 모두에게 상태 태그를 줍니다.
■ 대상이 감격하거나, 흥미를 가지게 하거나, 웃거나 두려워하게 만듭니다. — 적절하게 상태 태그를 부여하거나 서사적으로 표현하세요.
7-9이면 위의 목록 중 한 개를 고르고, 다음 중 하나를 추가로 고릅니다.
■ 적절한 상태 태그를 하나 받습니다.
■ 지나치게 주목을 받습니다. ― 악의 시계가 한 칸 차오릅니다.
■ 하트를 하나 잃습니다.</textarea>
</div>
</div>
<div class="actionBox">
<button type="action" name="act_action2"></button>
<input type="checkbox" name="attr_actionTab2" />
<input type="text" name="attr_actionName2" value="넌 할 수 있어" readonly />
<input type="text" name="attr_actionSkill2" value="꿈" readonly />
<div class="actionContent">
<textarea name="attr_actionContent2" readonly>성공하면, 다음 중 하나를 고릅니다. 10+이면, 추가로 하나를 더 고릅니다.
중복이 가능합니다.
■ 바로 다음 액션을 하고, 이때 하트 하나를 추가로 받아 사용할 수 있습니다.
■ 상태 태그 하나를 약화시킵니다.
■ 관계 태그를 하나 만듭니다.
6-이면, 당신은 실패하거나 당신의 격려가 오히려 역효과를 냅니다.</textarea>
</div>
</div>
<div class="actionBox">
<button type="action" name="act_action3"></button>
<input type="checkbox" name="attr_actionTab3" />
<input type="text" name="attr_actionName3" value="머리는 차갑게" readonly />
<input type="text" name="attr_actionSkill3" value="꾀" readonly />
<div class="actionContent">
<textarea name="attr_actionContent3" readonly>10+이면, 무사히 하려고 하는 바를 할 수 있습니다. 다음 중 두 개를 고릅니다. 이때 중복이 가능합니다.
7-9이면, 하나를 고릅니다.
■ 멋지게 함정에서 빠져나오고 상대에게 적절한 상태 태그를 부여하거나 상태 태그를 강화시킵니다.
■ 악의 시계를 한 칸 낮춥니다.
■ 바로 액션 하나를 더 하고, 이 때 사용할 수 있는 하트를 하나 받습니다.
6-이면, 함정에 빠집니다. 악의 시계가 한 칸 차오릅니다.
</textarea>
</div>
</div>
<div class="actionBox">
<button type="action" name="act_action4"></button>
<input type="checkbox" name="attr_actionTab4" />
<input type="text" name="attr_actionName4" value="꿈을 위해서라면" readonly />
<input type="text" name="attr_actionSkill4" value="꿈" readonly />
<div class="actionContent">
<textarea name="attr_actionContent4" readonly>10+이면 하려던 것을 하거나 스트레스 상황을 견뎌낼 수 있습니다.
7-9이면, 무언가 문제가 생깁니다. 다음 중 하나를 고릅니다.
■ 가지고 있는 하트를 잃거나, 새로운 위험에 빠집니다.
■ 무언가 지저분한 선택지를 받습니다.
■ 당신은 지치거나 다칩니다. 상태 태그를 하나 받습니다.
6-이면, 최악의 상황이 일어납니다.
강화된 상태 태그를 받고, 악의 시계가 한 칸 차오릅니다.
</textarea>
</div>
</div>
<div class="actionBox">
<button type="action" name="act_action5"></button>
<input type="checkbox" name="attr_actionTab5" />
<input type="text" name="attr_actionName5" value="말하는대로" readonly />
<input type="text" name="attr_actionSkill5" value="스타일" readonly />
<div class="actionContent">
<textarea name="attr_actionContent5" readonly>10+이면 일시적으로나마 당신의 말은 효과를 가집니다.
7-9이면 다음 중 한 가지를 고릅니다.
■ 상대는 당신의 말을 보증할 무언가를 당장 요구합니다.
■ 상대가 상대 자신의 문제를 해결해달라고 요구합니다.
■ 상대가 당신의 말을 듣는 척 거짓으로 행동합니다.
6-이면 상대는 당신의 말을 거부합니다. ― 악의 시계가 한 칸 차오릅니다.
</textarea>
</div>
</div>
<div class="actionBox">
<button type="action" name="act_action6"></button>
<input type="checkbox" name="attr_actionTab6" />
<input type="text" name="attr_actionName6" value="모든 건 계획대로" readonly />
<input type="text" name="attr_actionSkill6" value="꾀" readonly />
<div class="actionContent">
<textarea name="attr_actionContent6" readonly>10+이면, 하고자 하는 바를 할 수 있습니다.
7-9이면, 하고자 하는 바를 할 수 있지만 다음 중 하나를 선택합니다.
■ 당신은 중요한 무언가를 망가뜨립니다.
■ 원하지 않는 대상이 당신이 한 일을 알아챕니다.
■ 계획을 실행하는 중 꿈을 위해서라면 위험이나 스트레스를 견뎌야하는 상황에 빠집니다.
6-이면, 악의 시계가 한 칸 차오릅니다.</textarea>
</div>
</div>
<div class="actionBox">
<button type="action" name="act_action7"></button>
<input type="checkbox" name="attr_actionTab7" />
<input type="text" name="attr_actionName7" value="행복은 실력 순" readonly />
<input type="text" name="attr_actionSkill7" value="끼" readonly />
<div class="actionContent">
<textarea name="attr_actionContent7" readonly>10+이면, 당신은 누군가를 압도하거나 감동시킵니다.
― 상대에게 적절한 상태 태그를 부여합니다.
7-9이면, 당신은 누군가를 압도할 정도는 아니지만, 적당히 실력을 보여주었습니다. 그러나 이미지를 쇄신할 정도는 아닙니다.
― 부정적인 태그 옆에 체크를 하나 더합니다.
6-이면, 당신은 실패하며, 당신은 과도하게 주목받거나 누군가에게 만만하다는 이미지를 줍니다.
― 악의 시계를 한 칸 채웁니다.</textarea>
</div>
</div>
<div class="actionBox">
<button type="action" name="act_action8"></button>
<input type="checkbox" name="attr_actionTab8" />
<input type="text" name="attr_actionName8" placeholder="액션 이름" />
<div class="selectBox">
<select name="attr_actionSkill8">
<option value="" hidden selected>사용특성치</option>
<option value="">없음</option>
<option value="끼"></option>
<option value="스타일">스타일</option>
<option value="꿈"></option>
<option value="꾀"></option>
</select>
</div>
<div class="actionContent">
<textarea name="attr_actionContent8" placeholder="액션 설명"></textarea>
</div>
</div>
<div class="actionBox">
<button type="action" name="act_action9"></button>
<input type="checkbox" name="attr_actionTab9" />
<input type="text" name="attr_actionName9" placeholder="액션 이름" />
<div class="selectBox">
<select name="attr_actionSkill9">
<option value="" hidden selected>사용특성치</option>
<option value="">없음</option>
<option value="끼"></option>
<option value="스타일">스타일</option>
<option value="꿈"></option>
<option value="꾀"></option>
</select>
</div>
<div class="actionContent">
<textarea name="attr_actionContent9" placeholder="액션 설명"></textarea>
</div>
</div>
<fieldset class="repeating_action">
<div class="actionBox">
<button type="action" name="act_action"></button>
<input type="checkbox" name="attr_actionTab" />
<input type="text" name="attr_actionName" placeholder="액션 이름" />
<div class="selectBox">
<select name="attr_actionSkill">
<option value="" hidden selected>사용특성치</option>
<option value="">없음</option>
<option value="끼"></option>
<option value="스타일">스타일</option>
<option value="꿈"></option>
<option value="꾀"></option>
</select>
</div>
<div class="actionContent">
<textarea name="attr_actionContent" placeholder="액션 설명"></textarea>
</div>
</div>
</fieldset>
</div>
<div class="tag">
<div class="tagContainer">
<div class="tagTitle">
<div class="expose"></div>
<div class="group"></div>
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk1" class="exposeCk" />
<input type="text" name="attr_tagName1" />
<div class="selectBox">
<select name="attr_tagGroup1">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk1_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk1_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk1_3" class="tagCk" />
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk2" class="exposeCk" />
<input type="text" name="attr_tagName2" />
<div class="selectBox">
<select name="attr_tagGroup2">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk2_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk2_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk2_3" class="tagCk" />
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk3" class="exposeCk" />
<input type="text" name="attr_tagName3" />
<div class="selectBox">
<select name="attr_tagGroup3">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk3_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk3_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk3_3" class="tagCk" />
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk4" class="exposeCk" />
<input type="text" name="attr_tagName4" />
<div class="selectBox">
<select name="attr_tagGroup4">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk4_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk4_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk4_3" class="tagCk" />
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk5" class="exposeCk" />
<input type="text" name="attr_tagName5" />
<div class="selectBox">
<select name="attr_tagGroup5">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk5_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk5_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk5_3" class="tagCk" />
</div>
<fieldset class="repeating_tag1">
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk" class="exposeCk" />
<input type="text" name="attr_tagName" />
<div class="selectBox">
<select name="attr_tagGroup">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk2" class="tagCk" />
<input type="checkbox" name="attr_tagCk3" class="tagCk" />
</div>
</fieldset>
</div>
<div class="tagContainer">
<div class="tagTitle">
<div class="expose"></div>
<div class="group"></div>
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk6" class="exposeCk" />
<input type="text" name="attr_tagName6" />
<div class="selectBox">
<select name="attr_tagGroup6">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk6_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk6_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk6_3" class="tagCk" />
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk7" class="exposeCk" />
<input type="text" name="attr_tagName7" />
<div class="selectBox">
<select name="attr_tagGroup7">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk7_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk7_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk7_3" class="tagCk" />
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk8" class="exposeCk" />
<input type="text" name="attr_tagName8" />
<div class="selectBox">
<select name="attr_tagGroup8">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk8_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk8_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk8_3" class="tagCk" />
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk9" class="exposeCk" />
<input type="text" name="attr_tagName9" />
<div class="selectBox">
<select name="attr_tagGroup9">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk9_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk9_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk9_3" class="tagCk" />
</div>
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk10" class="exposeCk" />
<input type="text" name="attr_tagName10" />
<div class="selectBox">
<select name="attr_tagGroup10">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk10_1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk10_2" class="tagCk" />
<input type="checkbox" name="attr_tagCk10_3" class="tagCk" />
</div>
<fieldset class="repeating_tag2">
<div class="tagBox">
<input type="checkbox" name="attr_exposeCk" class="exposeCk" />
<input type="text" name="attr_tagName" />
<div class="selectBox">
<select name="attr_tagGroup">
<option value="일반" selected>일반</option>
<option value="관계">관계</option>
<option value="상태">상태</option>
</select>
</div>
<input type="checkbox" name="attr_tagCk1" class="tagCk" checked />
<input type="checkbox" name="attr_tagCk2" class="tagCk" />
<input type="checkbox" name="attr_tagCk3" class="tagCk" />
</div>
</fieldset>
</div>
</div>
<div class="etc">
<div class="clock">
<div class="clockBox">
<div class="spite"></div>
<div class="selectBox">
<select name="attr_clock1">
<option value="12" selected>12</option>
<option value="8">8</option>
<option value="6">6</option>
<option value="4">4</option>
</select>
</div>
<input type="hidden" class="clockSelect" name="attr_clock1" value="12" />
<div class="clock12 clockBack">
<input type="checkbox" name="attr_clock1_12_1" />
<input type="checkbox" name="attr_clock1_12_2" />
<input type="checkbox" name="attr_clock1_12_3" />
<input type="checkbox" name="attr_clock1_12_4" />
<input type="checkbox" name="attr_clock1_12_5" />
<input type="checkbox" name="attr_clock1_12_6" />
<input type="checkbox" name="attr_clock1_12_7" />
<input type="checkbox" name="attr_clock1_12_8" />
<input type="checkbox" name="attr_clock1_12_9" />
<input type="checkbox" name="attr_clock1_12_10" />
<input type="checkbox" name="attr_clock1_12_11" />
<input type="checkbox" name="attr_clock1_12_12" />
<div class="clock12_1Box"></div>
<div class="clock12_2Box"></div>
<div class="clock12_3Box"></div>
<div class="clock12_4Box"></div>
<div class="clock12_5Box"></div>
<div class="clock12_6Box"></div>
<div class="clock12_7Box"></div>
<div class="clock12_8Box"></div>
<div class="clock12_9Box"></div>
<div class="clock12_10Box"></div>
<div class="clock12_11Box"></div>
<div class="clock12_12Box"></div>
</div>
<div class="clock8 clockBack">
<input type="checkbox" name="attr_clock1_8_1" />
<input type="checkbox" name="attr_clock1_8_2" />
<input type="checkbox" name="attr_clock1_8_3" />
<input type="checkbox" name="attr_clock1_8_4" />
<input type="checkbox" name="attr_clock1_8_5" />
<input type="checkbox" name="attr_clock1_8_6" />
<input type="checkbox" name="attr_clock1_8_7" />
<input type="checkbox" name="attr_clock1_8_8" />
<div class="clock8_1Box"></div>
<div class="clock8_2Box"></div>
<div class="clock8_3Box"></div>
<div class="clock8_4Box"></div>
<div class="clock8_5Box"></div>
<div class="clock8_6Box"></div>
<div class="clock8_7Box"></div>
<div class="clock8_8Box"></div>
</div>
<div class="clock6 clockBack">
<input type="checkbox" name="attr_clock1_6_1" />
<input type="checkbox" name="attr_clock1_6_2" />
<input type="checkbox" name="attr_clock1_6_3" />
<input type="checkbox" name="attr_clock1_6_4" />
<input type="checkbox" name="attr_clock1_6_5" />
<input type="checkbox" name="attr_clock1_6_6" />
<div class="clock6_1Box"></div>
<div class="clock6_2Box"></div>
<div class="clock6_3Box"></div>
<div class="clock6_4Box"></div>
<div class="clock6_5Box"></div>
<div class="clock6_6Box"></div>
</div>
<div class="clock4 clockBack">
<input type="checkbox" name="attr_clock1_4_1" />
<input type="checkbox" name="attr_clock1_4_2" />
<input type="checkbox" name="attr_clock1_4_3" />
<input type="checkbox" name="attr_clock1_4_4" />
<div class="clock4_1Box"></div>
<div class="clock4_2Box"></div>
<div class="clock4_3Box"></div>
<div class="clock4_4Box"></div>
</div>
</div>
<div class="clockBox">
<div class="clockName"></div>
<div class="selectBox">
<select name="attr_clock2">
<option value="12" selected>12</option>
<option value="8">8</option>
<option value="6">6</option>
<option value="4">4</option>
</select>
</div>
<input type="hidden" class="clockSelect" name="attr_clock2" value="12" />
<div class="clock12 clockBack">
<input type="checkbox" name="attr_clock2_12_1" />
<input type="checkbox" name="attr_clock2_12_2" />
<input type="checkbox" name="attr_clock2_12_3" />
<input type="checkbox" name="attr_clock2_12_4" />
<input type="checkbox" name="attr_clock2_12_5" />
<input type="checkbox" name="attr_clock2_12_6" />
<input type="checkbox" name="attr_clock2_12_7" />
<input type="checkbox" name="attr_clock2_12_8" />
<input type="checkbox" name="attr_clock2_12_9" />
<input type="checkbox" name="attr_clock2_12_10" />
<input type="checkbox" name="attr_clock2_12_11" />
<input type="checkbox" name="attr_clock2_12_12" />
<div class="clock12_1Box"></div>
<div class="clock12_2Box"></div>
<div class="clock12_3Box"></div>
<div class="clock12_4Box"></div>
<div class="clock12_5Box"></div>
<div class="clock12_6Box"></div>
<div class="clock12_7Box"></div>
<div class="clock12_8Box"></div>
<div class="clock12_9Box"></div>
<div class="clock12_10Box"></div>
<div class="clock12_11Box"></div>
<div class="clock12_12Box"></div>
</div>
<div class="clock8 clockBack">
<input type="checkbox" name="attr_clock2_8_1" />
<input type="checkbox" name="attr_clock2_8_2" />
<input type="checkbox" name="attr_clock2_8_3" />
<input type="checkbox" name="attr_clock2_8_4" />
<input type="checkbox" name="attr_clock2_8_5" />
<input type="checkbox" name="attr_clock2_8_6" />
<input type="checkbox" name="attr_clock2_8_7" />
<input type="checkbox" name="attr_clock2_8_8" />
<div class="clock8_1Box"></div>
<div class="clock8_2Box"></div>
<div class="clock8_3Box"></div>
<div class="clock8_4Box"></div>
<div class="clock8_5Box"></div>
<div class="clock8_6Box"></div>
<div class="clock8_7Box"></div>
<div class="clock8_8Box"></div>
</div>
<div class="clock6 clockBack">
<input type="checkbox" name="attr_clock2_6_1" />
<input type="checkbox" name="attr_clock2_6_2" />
<input type="checkbox" name="attr_clock2_6_3" />
<input type="checkbox" name="attr_clock2_6_4" />
<input type="checkbox" name="attr_clock2_6_5" />
<input type="checkbox" name="attr_clock2_6_6" />
<div class="clock6_1Box"></div>
<div class="clock6_2Box"></div>
<div class="clock6_3Box"></div>
<div class="clock6_4Box"></div>
<div class="clock6_5Box"></div>
<div class="clock6_6Box"></div>
</div>
<div class="clock4 clockBack">
<input type="checkbox" name="attr_clock2_4_1" />
<input type="checkbox" name="attr_clock2_4_2" />
<input type="checkbox" name="attr_clock2_4_3" />
<input type="checkbox" name="attr_clock2_4_4" />
<div class="clock4_1Box"></div>
<div class="clock4_2Box"></div>
<div class="clock4_3Box"></div>
<div class="clock4_4Box"></div>
</div>
</div>
<fieldset class="repeating_clock">
<div class="clockBox">
<div class="selectBox">
<select name="attr_clock">
<option value="12" selected>12</option>
<option value="8">8</option>
<option value="6">6</option>
<option value="4">4</option>
</select>
</div>
<input type="hidden" class="clockSelect" name="attr_clock" value="12" />
<div class="clock12 clockBack">
<input type="checkbox" name="attr_clock_12_1" />
<input type="checkbox" name="attr_clock_12_2" />
<input type="checkbox" name="attr_clock_12_3" />
<input type="checkbox" name="attr_clock_12_4" />
<input type="checkbox" name="attr_clock_12_5" />
<input type="checkbox" name="attr_clock_12_6" />
<input type="checkbox" name="attr_clock_12_7" />
<input type="checkbox" name="attr_clock_12_8" />
<input type="checkbox" name="attr_clock_12_9" />
<input type="checkbox" name="attr_clock_12_10" />
<input type="checkbox" name="attr_clock_12_11" />
<input type="checkbox" name="attr_clock_12_12" />
<div class="clock12_1Box"></div>
<div class="clock12_2Box"></div>
<div class="clock12_3Box"></div>
<div class="clock12_4Box"></div>
<div class="clock12_5Box"></div>
<div class="clock12_6Box"></div>
<div class="clock12_7Box"></div>
<div class="clock12_8Box"></div>
<div class="clock12_9Box"></div>
<div class="clock12_10Box"></div>
<div class="clock12_11Box"></div>
<div class="clock12_12Box"></div>
</div>
<div class="clock8 clockBack">
<input type="checkbox" name="attr_clock_8_1" />
<input type="checkbox" name="attr_clock_8_2" />
<input type="checkbox" name="attr_clock_8_3" />
<input type="checkbox" name="attr_clock_8_4" />
<input type="checkbox" name="attr_clock_8_5" />
<input type="checkbox" name="attr_clock_8_6" />
<input type="checkbox" name="attr_clock_8_7" />
<input type="checkbox" name="attr_clock_8_8" />
<div class="clock8_1Box"></div>
<div class="clock8_2Box"></div>
<div class="clock8_3Box"></div>
<div class="clock8_4Box"></div>
<div class="clock8_5Box"></div>
<div class="clock8_6Box"></div>
<div class="clock8_7Box"></div>
<div class="clock8_8Box"></div>
</div>
<div class="clock6 clockBack">
<input type="checkbox" name="attr_clock_6_1" />
<input type="checkbox" name="attr_clock_6_2" />
<input type="checkbox" name="attr_clock_6_3" />
<input type="checkbox" name="attr_clock_6_4" />
<input type="checkbox" name="attr_clock_6_5" />
<input type="checkbox" name="attr_clock_6_6" />
<div class="clock6_1Box"></div>
<div class="clock6_2Box"></div>
<div class="clock6_3Box"></div>
<div class="clock6_4Box"></div>
<div class="clock6_5Box"></div>
<div class="clock6_6Box"></div>
</div>
<div class="clock4 clockBack">
<input type="checkbox" name="attr_clock_4_1" />
<input type="checkbox" name="attr_clock_4_2" />
<input type="checkbox" name="attr_clock_4_3" />
<input type="checkbox" name="attr_clock_4_4" />
<div class="clock4_1Box"></div>
<div class="clock4_2Box"></div>
<div class="clock4_3Box"></div>
<div class="clock4_4Box"></div>
</div>
</div>
</fieldset>
</div>
<div class="heart">
<div class="heartContainer">
<div class="heartTitle"></div>
<div class="xpBox">
<input type="checkbox" name="attr_xp1" value="1" />
<input type="checkbox" name="attr_xp2" value="1" />
<input type="checkbox" name="attr_xp3" value="1" />
<input type="checkbox" name="attr_xp4" value="1" />
<input type="checkbox" name="attr_xp5" value="1" />
<input type="checkbox" name="attr_xp6" value="1" />
</div>
<div class="heartBox">
<input type="checkbox" name="attr_heart1" value="1" />
<input type="checkbox" name="attr_heart2" value="1" />
<input type="checkbox" name="attr_heart3" value="1" />
<input type="checkbox" name="attr_heart4" value="1" />
<input type="checkbox" name="attr_heart5" value="1" />
<input type="checkbox" name="attr_heart6" value="1" />
<input type="checkbox" name="attr_heart7" value="1" />
<input type="checkbox" name="attr_heart8" value="1" />
</div>
</div>
</div>
</div>
<div class="letter">
<div class="tagLetter">
<div class="tagLetterBox">
<div class="letterCircle"></div>
<input type="text" name="attr_tagLetter1" value="#영원히" />
</div>
<div class="tagLetterBox">
<div class="letterCircle"></div>
<input type="text" name="attr_tagLetter2" value="#남을" />
</div>
<div class="tagLetterBox">
<div class="letterCircle"></div>
<input type="text" name="attr_tagLetter3" value="#태그를" />
</div>
<div class="tagLetterBox">
<div class="letterCircle"></div>
<input type="text" name="attr_tagLetter4" value="#이곳에" />
</div>
<div class="tagLetterBox">
<div class="letterCircle"></div>
<input type="text" name="attr_tagLetter5" value="#기록하세요" />
</div>
<fieldset class="repeating_letter">
<div class="tagLetterBox">
<div class="letterCircle"></div>
<input type="text" name="attr_tagLetter" value="#태그" />
</div>
</fieldset>
</div>
<div class="line"></div>
<div class="episode">
<div class="episodeBox">
<textarea name="attr_episode1" placeholder="에피소드 이름"></textarea>
</div>
<div class="episodeBox">
<textarea name="attr_episode2" placeholder="에피소드 이름"></textarea>
</div>
<div class="episodeBox">
<textarea name="attr_episode3" placeholder="에피소드 이름"></textarea>
</div>
<div class="episodeBox">
<textarea name="attr_episode4" placeholder="에피소드 이름"></textarea>
</div>
<div class="episodeBox">
<textarea name="attr_episode5" placeholder="에피소드 이름"></textarea>
</div>
<fieldset class="repeating_episode">
<div class="episodeBox">
<textarea name="attr_episode" placeholder="에피소드 이름"></textarea>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<rolltemplate class="sheet-rolltemplate-freeDice">
<div class="freeDiceRoll">
<p>{{roll}}</p>
</div>
</rolltemplate>
<rolltemplate class="sheet-rolltemplate-skill">
<div class="skillRoll">
<div class="skillRollBox">
<p>{{name}}</p>
<p>{{computed::roll}}</p>
</div>
<p class="result">{{computed::heart}}</p>
</div>
</rolltemplate>
<rolltemplate class="sheet-rolltemplate-action">
<div class="actionRoll">
<div class="actionName">
<p>{{name}}</p>
<div class="namePoint"></div>
</div>
<div class="actionBox">
<p>{{skillName}}</p>
<p>{{computed::roll}}</p>
</div>
<div class="actionContent">
<p>{{content}}</p>
<div class="contentPoint"></div>
</div>
</div>
<div class="actionBottom"></div>
</rolltemplate>
<script type="text/worker">
on("change:heart1 change:heart2 change:heart3 change:heart4 change:heart5 change:heart6 change:heart7 change:heart8 change:xp1 change:xp2 change:xp3 change:xp4 change:xp5 change:xp6", () => {
getAttrs(["heart1", "heart2", "heart3", "heart4", "heart5", "heart6", "heart7", "heart8", "xp1", "xp2", "xp3", "xp4", "xp5", "xp6"], (v) => {
const heart = [v.heart1, v.heart2, v.heart3, v.heart4, v.heart5, v.heart6, v.heart7, v.heart8];
const xp = [v.xp1, v.xp2, v.xp3, v.xp4, v.xp5, v.xp6];
let heartCount = 0;
let xpCount = 0;
heart.forEach((v, i) => {
if(v == 1) {
heartCount++;
}
});
xp.forEach((v, i) => {
if(v == 1) {
xpCount++;
}
});
setAttrs({like: heartCount});
setAttrs({XP: xpCount});
});
});
on("clicked:talent", (info) => {
getAttrs(["talent"], (v) => {
let roll =`&{template:skill}{{name=끼}}{{roll=[[2d6+(${v.talent})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
let resultText = "";
if (result >= 7) {
resultText = "성공";
} else {
resultText = "실패";
}
finishRoll(results.rollId, {
roll: result,
heart: resultText
});
});
});
});
on("clicked:style", (info) => {
getAttrs(["style"], (v) => {
let roll =`&{template:skill}{{name=스타일}}{{roll=[[2d6+(${v.style})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
let resultText = "";
if (result >= 7) {
resultText = "성공";
} else {
resultText = "실패";
}
finishRoll(results.rollId, {
roll: result,
heart: resultText
});
});
});
});
on("clicked:dream", (info) => {
getAttrs(["dream"], (v) => {
let roll =`&{template:skill}{{name=꿈}}{{roll=[[2d6+(${v.dream})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
let resultText = "";
if (result >= 7) {
resultText = "성공";
} else {
resultText = "실패";
}
finishRoll(results.rollId, {
roll: result,
heart: resultText
});
});
});
});
on("clicked:wits", (info) => {
getAttrs(["wits"], (v) => {
let roll =`&{template:skill}{{name=꾀}}{{roll=[[2d6+(${v.wits})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
let resultText = "";
if (result >= 7) {
resultText = "성공";
} else {
resultText = "실패";
}
finishRoll(results.rollId, {
roll: result,
heart: resultText
});
});
});
});
on("clicked:action1", (info) => {
getAttrs(["actionName1", "actionSkill1", "actionContent1", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.actionSkill1 == "끼") {
skillName = "talent";
} else if (v.actionSkill1 == "스타일") {
skillName = "style";
} else if (v.actionSkill1 == "꿈") {
skillName = "dream";
} else if (v.actionSkill1 == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.actionName1}}}{{skillName=${v.actionSkill1}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.actionContent1}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
on("clicked:action2", (info) => {
getAttrs(["actionName2", "actionSkill2", "actionContent2", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.actionSkill2 == "끼") {
skillName = "talent";
} else if (v.actionSkill2 == "스타일") {
skillName = "style";
} else if (v.actionSkill2 == "꿈") {
skillName = "dream";
} else if (v.actionSkill2 == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.actionName2}}}{{skillName=${v.actionSkill2}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.actionContent2}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
on("clicked:action3", (info) => {
getAttrs(["actionName3", "actionSkill3", "actionContent3", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.actionSkill3 == "끼") {
skillName = "talent";
} else if (v.actionSkill3 == "스타일") {
skillName = "style";
} else if (v.actionSkill3 == "꿈") {
skillName = "dream";
} else if (v.actionSkill3 == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.actionName3}}}{{skillName=${v.actionSkill3}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.actionContent3}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
on("clicked:action4", (info) => {
getAttrs(["actionName4", "actionSkill4", "actionContent4", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.actionSkill4 == "끼") {
skillName = "talent";
} else if (v.actionSkill4 == "스타일") {
skillName = "style";
} else if (v.actionSkill4 == "꿈") {
skillName = "dream";
} else if (v.actionSkill4 == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.actionName4}}}{{skillName=${v.actionSkill4}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.actionContent4}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
on("clicked:action5", (info) => {
getAttrs(["actionName5", "actionSkill5", "actionContent5", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.actionSkill5 == "끼") {
skillName = "talent";
} else if (v.actionSkill5 == "스타일") {
skillName = "style";
} else if (v.actionSkill5 == "꿈") {
skillName = "dream";
} else if (v.actionSkill5 == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.actionName5}}}{{skillName=${v.actionSkill5}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.actionContent5}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
on("clicked:action6", (info) => {
getAttrs(["actionName6", "actionSkill6", "actionContent6", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.actionSkill6 == "끼") {
skillName = "talent";
} else if (v.actionSkill6 == "스타일") {
skillName = "style";
} else if (v.actionSkill6 == "꿈") {
skillName = "dream";
} else if (v.actionSkill6 == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.actionName6}}}{{skillName=${v.actionSkill6}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.actionContent6}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
on("clicked:action7", (info) => {
getAttrs(["actionName7", "actionSkill7", "actionContent7", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.actionSkill7 == "끼") {
skillName = "talent";
} else if (v.actionSkill7 == "스타일") {
skillName = "style";
} else if (v.actionSkill7 == "꿈") {
skillName = "dream";
} else if (v.actionSkill7 == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.actionName7}}}{{skillName=${v.actionSkill7}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.actionContent7}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
on("clicked:action8", (info) => {
getAttrs(["actionName8", "actionSkill8", "actionContent8", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.actionSkill8 == "끼") {
skillName = "talent";
} else if (v.actionSkill8 == "스타일") {
skillName = "style";
} else if (v.actionSkill8 == "꿈") {
skillName = "dream";
} else if (v.actionSkill8 == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.actionName8}}}{{skillName=${v.actionSkill8}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.actionContent8}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
on("clicked:action9", (info) => {
getAttrs(["actionName9", "actionSkill9", "actionContent9", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.actionSkill9 == "끼") {
skillName = "talent";
} else if (v.actionSkill9 == "스타일") {
skillName = "style";
} else if (v.actionSkill9 == "꿈") {
skillName = "dream";
} else if (v.actionSkill9 == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.actionName9}}}{{skillName=${v.actionSkill9}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.actionContent9}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
on("clicked:repeating_action:action", (info) => {
getAttrs(["repeating_action_actionName", "repeating_action_actionSkill", "repeating_action_actionContent", "talent", "style", "dream", "wits"], (v) => {
let skillName = "";
if (v.repeating_action_actionSkill == "끼") {
skillName = "talent";
} else if (v.repeating_action_actionSkill == "스타일") {
skillName = "style";
} else if (v.repeating_action_actionSkill == "꿈") {
skillName = "dream";
} else if (v.repeating_action_actionSkill == "꾀") {
skillName = "wits";
}
let roll =`&{template:action}{{name=${v.repeating_action_actionName}}}{{skillName=${v.repeating_action_actionSkill}}}{{roll=[[2d6+(${v[skillName]})]]}}{{heart=[[?{하트 사용|0|1|2|3|4|5|6|7|8}d4]]}}{{add=[[?{수정치}]]}}{{content=${v.repeating_action_actionContent}}}`;
startRoll(roll, (results) => {
const roll = results.results.roll.result;
const heart = results.results.heart.dice;
const add = results.results.add.result;
let max = 0;
if(heart.length != 0) {
max = Math.max(...heart);
} else {
max = 0;
}
const result = parseInt(roll) + parseInt(max) + parseInt(add);
finishRoll(results.rollId, {
roll: result
});
});
});
});
</script>