diff --git a/Ten candles/Readme.md b/Ten candles/Readme.md new file mode 100644 index 00000000000..1162a6bc55f --- /dev/null +++ b/Ten candles/Readme.md @@ -0,0 +1,10 @@ +# Ten Candles RPG Roll20 Character Sheet +UnofficialCharacter Sheet Template for Ten Candles tabletop game, [Ten Candles](https://cavalrygames.com/ten-candles). + +## Version 1.0 +(Evilbram) Nov. 2023 + +A simple and light character sheet for the role-playing game "Ten Candles". +The character sheet collects all the character information. +Check boxes in front of each card to remember their use. +A GM tab allows you to centralize information for all characters. \ No newline at end of file diff --git a/Ten candles/img/D6_tencandles.png b/Ten candles/img/D6_tencandles.png new file mode 100644 index 00000000000..749aeff46f0 Binary files /dev/null and b/Ten candles/img/D6_tencandles.png differ diff --git a/Ten candles/img/hope_dice_tencandles.png b/Ten candles/img/hope_dice_tencandles.png new file mode 100644 index 00000000000..2fdce977e6d Binary files /dev/null and b/Ten candles/img/hope_dice_tencandles.png differ diff --git a/Ten candles/img/logo_official_short.png b/Ten candles/img/logo_official_short.png new file mode 100644 index 00000000000..8f9c0f8f68c Binary files /dev/null and b/Ten candles/img/logo_official_short.png differ diff --git a/Ten candles/sheet.json b/Ten candles/sheet.json new file mode 100644 index 00000000000..37e0870085c --- /dev/null +++ b/Ten candles/sheet.json @@ -0,0 +1,9 @@ +{ + "html": "ten-candles.html", + "css": "ten-candles.css", + "authors": "Evilbram", + "preview": "ten-candles.PNG", + "roll20userid": "9526628", + "instructions": "A character sheet for Ten Candles.", + "legacy": true +} \ No newline at end of file diff --git a/Ten candles/ten-candles.PNG b/Ten candles/ten-candles.PNG new file mode 100644 index 00000000000..e282c4a2207 Binary files /dev/null and b/Ten candles/ten-candles.PNG differ diff --git a/Ten candles/ten-candles.css b/Ten candles/ten-candles.css new file mode 100644 index 00000000000..076d729e3f8 --- /dev/null +++ b/Ten candles/ten-candles.css @@ -0,0 +1,426 @@ +/*----------- Logo -------------*/ + +img.sheet-logo { +width: 420px; + height: auto; + margin-bottom: 50px; + +} + +.charsheet input:checked + label { + color: red; +} + +.charsheet ::placeholder{ + color: #9FA8A1; + font-size: 12px; + text-align: center; +} + +/*----------- Tabs Setup -------------*/ + +/*this hides the contents of each tab by default*/ +.charsheet div[class^="sheet-section"]{ + display: none; +} + +/*this shows the tab content when the appropriate input field is selected*/ +.charsheet input.sheet-tab1:checked ~ div.sheet-section-profile, +.charsheet input.sheet-tab2:checked ~ div.sheet-section-regle, +.charsheet input.sheet-tab3:checked ~ div.sheet-section-abilities, +.charsheet input.sheet-tab4:checked ~ div.sheet-section-GM,{ + display: block; + background-color: #1F1F1F; +} + +.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"]{ + display: block; +} + +/*this hides the radio button for each tab, makes it 100px wide and 40px tall and makes sure it's above everything else*/ +.charsheet input.sheet-tab { + width: 100px; + height: 40px; + cursor: pointer; + position: relative; + opacity: 0; + z-index: 9999; +} + +/*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/ +.charsheet span.sheet-tab { + display: inline-block; + text-align: center; + font-size: 13px; + background: #1F1F1F; + color: white; + font-weight: bold; + border-radius: 4px; + + width: 100px; + height: 40px; + cursor: pointer; + position: relative; + vertical-align: middle; + margin-left: -101px;/*originally 91px*/ +} + +/*this modifies the span color once the radio button is selected so you know which tab is selected*/ +.charsheet input.sheet-tab1:checked + span.sheet-tab1, +.charsheet input.sheet-tab2:checked + span.sheet-tab2, +.charsheet input.sheet-tab3:checked + span.sheet-tab3, +.charsheet input.sheet-tab4:checked + span.sheet-tab4, +.charsheet input.sheet-tab5:checked + span.sheet-tab5, +.charsheet input.sheet-tab6:checked + span.sheet-tab6, +.charsheet input.sheet-tab7:checked + span.sheet-tab7, +.charsheet input.sheet-tab8:checked + span.sheet-tab8, +.charsheet input.sheet-tab99:checked + span.sheet-tab99{ + background: #2c424e; + color: white; + border-radius: 4px; +} + +/*----------- Checkbox Section -------------*/ + +.charsheet input[type="checkbox"] { + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +.charsheet input[type="checkbox"] + span::before { + margin-right: 4px; + border: solid 1px #a8a8a8; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + box-shadow: 0 0 10px 3px #bdb8b8; + background: #f6f6f6; + background: radial-gradient(#f6f6f6, #dfdfdf); +} + +.charsheet input[type="checkbox"] + span::before { + content: ""; + width: 14px; + height: 14px; + font-size: 12px; + border-radius: 3px; +} + +.charsheet input[type="checkbox"]:checked + span::before { + content: "✓"; + background: black; + box-shadow: 0px 0px 8px 1px #1F1F1F; + +} + + +/*----------- Dice Button Section -------------*/ +div.sheet-d6{ + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/main/Ten%20candles/img/D6_tencandles.png); + background-size: 55px 55px; + background-repeat: no-repeat; + width: 55px; + height: 55px; +} + +div.sheet-dicehope{ + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/main/Ten%20candles/img/hope_dice_tencandles.png); + background-size: 30px 30px; + background-repeat: no-repeat; + width: 30px; + height: 30px; +} + +button[type="roll"].sheet-dicehope:before, +button[type="roll"].sheet-d6:before{ + content: ' '; +} + +button[type="roll"].sheet-dicehope:hover, +button[type="roll"].sheet-d6:hover{ + background-position: 0; +} + +button[type="roll"].sheet-d6{ + background-image:url(https://raw.githubusercontent.com/ctotone/JdR/main/Ten%20candles/img/D6_tencandles.png); + background-size: 50px 50px; + background-repeat: no-repeat; + width: 50px; + height: 50px; + border-style: none; + background-color: transparent; + margin-left: 5px; +} + +button[type="roll"].sheet-dicehope{ + background-image:url(https://raw.githubusercontent.com/ctotone/JdR/main/Ten%20candles/img/hope_dice_tencandles.png); + background-size: 25px 25px; + background-repeat: no-repeat; + width: 25px; + height: 25px; + border-style: none; + background-color: transparent; + margin-left: 5px; +} + +button[type="roll"].sheet-empty:before{ + content: ' '; +} + +/*----------- Card Section -------------*/ +.charsheet .sheet-section-profile{ + background-color: #ffffff; + background-repeat: no-repeat; +} + +.charsheet div.sheet-section-profile{ + padding-top: 30px; + padding-bottom: 10px; +} + +.charsheet .sheet-section-profile p{ + font-family: 'Shadows Into Light'; + font-size: 23px; + color: #e1e1e1 !important; + margin-left: 20px; + line-height: 1.5; + width: 750px; +} + +input[type=text], +input[type=number] { + display: inline-block; + margin-right: 5px; + box-shadow: none; + border: none; + border-bottom: 1px solid #e1e1e147; + -moz-appearance:textfield; + font-size: 17px; + margin-top: -5px; + padding-bottom: 2px; + color: #e1e1e1 !important; + background-color: #1F1F1F; +} + +.charsheet input.sheet-name { + width: 250px; + font-size: 20px !important; + color: #e1e1e1; + background-color: #1F1F1F; +} + +.charsheet input.sheet-look { + width: 250px; + font-size: 20px !important; + color: #e1e1e1; + background-color: #1F1F1F; +} + +.charsheet input.sheet-age { + width: 80px; + font-size: 20px !important; + color: #e1e1e1; + background-color: #1F1F1F; +} + +.charsheet input.sheet-virtue { + width: 280px; + font-size: 18px !important; + color: #e1e1e1; + background-color: #1F1F1F; +} + +.charsheet input.sheet-vice { + width: 300px; + font-size: 18px !important; + color: #e1e1e1; + background-color: #1F1F1F; +} + +.charsheet input.sheet-card { + width: 200px; + font-size: 18px !important; + color: #e1e1e1; + background-color: #1F1F1F; +} + +.charsheet input.sheet-card1 { + width: 345px; + font-size: 18px !important; + color: #e1e1e1; + background-color: #1F1F1F; +} + +.charsheet input.sheet-card2 { + width: 400px; + font-size: 18px !important; + color: #e1e1e1; + background-color: #1F1F1F; +} + +.charsheet textarea.sheet-notes { + width: 400px; + height: 65px; + line-height: 1.0; + font-size: 20px !important; + color: #e1e1e1; + background-color: #1F1F1F; + border: 1px solid #e1e1e147; +} + +.charsheet textarea.sheet-note1 { + width: 470px; + height: 60px; + line-height: 1.0; + font-size: 20px !important; + color: #e1e1e1; + background-color: #1F1F1F; + +} + +.charsheet div.sheet-profile-notes { + padding-top: 15px; +} + + +/*----------- Concept Section -------------*/ + +div.sheet-section-abilities { + padding-top: 30px; +} + +div.sheet-section-abilities p{ + font-family: 'Shadows Into Light'; + font-size: 23px; + color: #e1e1e1 !important; + margin-left: 20px; + line-height: 1.6; + width: 750px; +} + + + +/*----------- Rules Section -------------*/ + +div.sheet-section-regle { + padding-top: 30px; +} + +div.sheet-section-regle p{ + font-family: 'Shadows Into Light'; + font-size: 23px; + color: #e1e1e1 !important; + margin-left: 20px; + line-height: 1.6; + width: 750px; + padding-bottom: 25px; +} + + +/*----------- GM Section -------------*/ + +div.sheet-section-GM { + padding-top: 30px; +} + +div.sheet-section-GM p{ + font-family: 'Shadows Into Light'; + font-size: 18px; + color: #e1e1e1 !important; + margin-left: 20px; + width: 750px; +} + + +div.sheet-section-GM input[type=text], +input[type=number] { + display: inline-block; + margin-right: 5px; + box-shadow: none; + border: none; + -moz-appearance:textfield; + font-size: 17px; + margin-top: -5px; + padding-bottom: 2px; +} + +/*------------------------------------*\ + #ROLL TEMPLATES +\*------------------------------------*/ + +/* Smaller margins - remove these if you want the huge default left margin */ +.sheet-rolltemplate-tencandles { + margin-left: -37px; +} +.withoutavatars .sheet-rolltemplate-tencandles { + margin-left: -7px; +} + +.sheet-rolltemplate-tencandles .sheet-container { + border: 3px solid var(--tencandles-blue); + border-radius: 3px; +} + +/* Header formatting - title and subtitle */ +.sheet-rolltemplate-tencandles .sheet-header { + background-color: var(--tencandles-blue); + color: white; + text-align: left; + text-transform: capitalize; + padding: 5px; + border-bottom: 2px solid var(--tencandles-blue); +} +.sheet-rolltemplate-tencandles .sheet-title { + font-size:1.2em; + font-weight: bold; +} +.sheet-rolltemplate-tencandles .sheet-subtitle { + font-size:.9em; +} + + +.sheet-rolltemplate-tencandles .sheet-container { + --tencandles-blue: #2c424e; +} + +/* Allprops part */ +.sheet-rolltemplate-tencandles .sheet-content { + display: grid; + background: #FFF; + /* Header formatting - modify the column layout below */ + grid-template-columns: auto auto; + /* Line height to match default roll template */ + line-height:1.4em; +} +.sheet-rolltemplate-tencandles .sheet-content > div { + padding: 5px; +} + +/* Left column */ +.sheet-rolltemplate-tencandles .sheet-content .sheet-key { + font-weight: bold; + padding-right: 10px; + text-align: right; + color: #2c424e; +} + +/* Make even-numbered rows grey */ +.sheet-rolltemplate-tencandles .sheet-content :nth-child(4n+3), +.sheet-rolltemplate-tencandles .sheet-content :nth-child(4n) { + background:#EEE; +} + +/* Wide Description field */ +.sheet-rolltemplate-tencandles .sheet-desc { + grid-column: span 2; + padding: 5px; + text-align: center; +} diff --git a/Ten candles/ten-candles.html b/Ten candles/ten-candles.html new file mode 100644 index 00000000000..0ab69792d1a --- /dev/null +++ b/Ten candles/ten-candles.html @@ -0,0 +1,121 @@ +
+ + + + Card + + Concept + + Rules + + GM + + + + + + + + + + + + +
+ +
+

+

Virtue :

+

Vice :

+

Moment : "I will find hope..."

+

+

Brink : "Someone seen you..."

+

+
+
+ + + +
+ +
+

+

Name :

+

Look :

+

Age :

+

+

Background

+

+
+ +
+ + + +
+ +
+

Vice and Virtue : Once the card is burned, allows you to reroll all 1s.

+

Moment : Burn this card and resolve a conflict roll. If successful, gain your hope dice.

+

Brink : Reroll all the dice. Keep the card in case of success, but on a failure, burn the card and lose your Hope dice.

+
+ +
+ + + +
+
+

Character's name

+

+ Virtue : + Vice :

+

+ Moment : + Brink :

+
+

Character's name

+

+ Virtue : + Vice :

+

Moment : + Brink :

+
+

Character's name

+

Virtue : + Vice :

+

Moment : + Brink :

+
+
+

Character's name

+

Virtue : + Vice :

+

Moment : + Brink :

+
+
+ +
+ +
+ +
+ + + + +
+
+ {{#title}}
{{title}}
{{/title}} + {{#subtitle}}
{{subtitle}}
{{/subtitle}} +
+
+ {{#allprops() title subtitle desc}} +
{{key}}
+
{{value}}
+ {{/allprops() title subtitle desc}} + {{#desc}}
{{desc}}
{{/desc}} +
+
+ \ No newline at end of file diff --git a/Ten candles/translation.json b/Ten candles/translation.json new file mode 100644 index 00000000000..5285f68219f --- /dev/null +++ b/Ten candles/translation.json @@ -0,0 +1,21 @@ +{ + "TAB_card": "Cards", + "TAB_concept": "Concept", + "TAB_rule": "Rules", + "TAB_GM": "GM", + "virtue": " Virtue : ", + "vice": " Vice : ", + "moment": " Moment : I will find hope...", + "brink": " Brink : Someone seen you...", + "name": "Name : ", + "look": "Look : ", + "age": "Age : ", + "background": "Background ", + "moment_rule": "Moment : Burn this card and resolve a conflict roll. If successful, gain your hope dice.", + "brink_rule": "Brink : Reroll all the dice. Keep the card in case of success, but on a failure, burn the card and lose your Hope dice.", + "vice_virtue": "Vice and Virtue : Once the card is burned, allows you to reroll all 1s.", + "moment_gm" : " Moment : ", + "brink_gm" : " Brink : ", + "player_name" : "Character : " + +} \ No newline at end of file