Obsidian Portal - Campaign websites for Dungeons and Dragons and other tabletop RPGs

Simple Star Wars

Author: jodie

Slug: starwarsd6simple

Type: GameCharacter

System: Star Wars (D6)

DST Source Code

Note: This is the latest, unapproved DST code. Only the DST author can use an unapproved DST, and even then only they can see it. If it's a new DST, then it's invisible to everyone else. If modifying a previously approved DST, then everyone else uses the most recent approved version.

HTML Template

<div class="csx">
<div class="uicontainer"><!-- FORMAT BAR & TIP BOX -->
		<div class="formatBar">
			<button type="button" class="boldButton" title="Bold (Ctrl+B)"></button>
			<button type="button" class="italicButton" title="Italic (Ctrl+I)"></button>
			<button type="button" class="underlineButton" title="Underline (Ctrl+U)"></button>
			<button type="button" class="indentButton" title="Indent (Ctrl+Tab)"></button>
		</div>
</div>

<div class="basic_info">
        <div class="avatarWrapper"><span class="readonly dsf dsf_avatar_image"></span></div>
        <div><span class="attributeLabel readonly">Campaign</span><span class="dsf dsf_campaign"></span></div>
        <div><span class="attributeLabel">Character Type</span><span class="dsf dsf_character_type"></span></div>
        <div><span class="attributeLabel readonly">Character Name</span><span class="dsf dsf_name"></span></div>
        <div><span class="attributeLabel readonly">Player Name</span><span class="dsf dsf_player">None</span></div>
        <div><span class="attributeLabel">Height</span><span class="dsf dsf_height"></span></div>
        <div><span class="attributeLabel">Weight</span><span class="dsf dsf_weight"></span></div>
        <div><span class="attributeLabel">Sex</span><span class="dsf dsf_sex"></span></div>
        <div><span class="attributeLabel">Age</span><span class="dsf dsf_age"></span></div>
</div>

 <div class="points_and_wounds">
        <div><span class="attributeLabel">Force Points</span><span class="dsf dsf_force_points"></span></div>
        <div><span class="attributeLabel">Dark Side Points</span><span class="dsf dsf_darkside_points"></span></div>
        <div><span class="attributeLabel">Wound Status</span><span class="dsf dsf_wound_status"></span></div>
        <div><span class="attributeLabel">Skill Points</span><span class="dsf dsf_character_points">None</span></div>
        <div><span class="attributeLabel">Spent Skill Points</span><span class="dsf dsf_character_points_spent"></span></div>
        <!--<div class="isForceSensitive"><span class="attributeLabel">Force sensitive</span><span class="dsf dsf_force_sensitive checkbox"></span></div> - seems to be broken atm-->
</div>

<div class="attributeTables">
	<div><table>
		<tr><td class="attribute">DEXTERITY</td><td><span class="dsf dsf_dexterity"></span></td></tr>
		<tr><td class="skill">Blaster</td><td><span class="dsf dsf_blaster"></span></td></tr>
		<tr><td class="skill">Brawling Parry</td><td><span class="dsf dsf_brawling_parry"></span></td></tr>
		<tr><td class="skill">Dodge</td><td><span class="dsf dsf_dodge"></span></td></tr>
		<tr><td class="skill">Grenade</td><td><span class="dsf dsf_grenade"></span></td></tr>
		<tr><td class="skill">Heavy Weapons</td><td><span class="dsf dsf_heavy_weapons"></span></td></tr>
		<tr><td class="skill">Melee Parry</td><td><span class="dsf dsf_melee_parry"></span></td></tr>
		<tr><td class="skill">Melee</td><td><span class="dsf dsf_melee"></span></td></tr>
		<tr><td class="skill">Thrown Weapons</td><td><span class="dsf dsf_thrown_weapons"></span></td></tr>
		<tr><td class="skill">Lightsaber</td><td><span class="dsf dsf_lightsaber"></span></td></tr>
		<tr><td class="skill">Missile Weapons</td><td><span class="dsf dsf_missile_weapons"></span></td></tr>
		<tr><td class="skill">Armour Weapons</td><td><span class="dsf dsf_armour_weapons"></span></td></tr>
	</table></div>
	<div><table>
		<tr><td class="attribute">PERCEPTION</td><td><span class="dsf dsf_perception"></span></td></tr>
		<tr><td class="skill">Bargain</td><td><span class="dsf dsf_bargain"></span></td></tr>
		<tr><td class="skill">Command</td><td><span class="dsf dsf_command"></span></td></tr>
		<tr><td class="skill">Con</td><td><span class="dsf dsf_con"></span></td></tr>
		<tr><td class="skill">Gambling</td><td><span class="dsf dsf_gambling"></span></td></tr>
		<tr><td class="skill">Hide/Sneak</td><td><span class="dsf dsf_hide_sneak"></span></td></tr>
		<tr><td class="skill">Search</td><td><span class="dsf dsf_search"></span></td></tr>
	</table></div>
	<div><table>
		<tr><td class="attribute">KNOWLEDGE</td><td><span class="dsf dsf_knowledge"></span></td></tr>
		<tr><td class="skill">Alien Races</td><td><span class="dsf dsf_alien_races"></span></td></tr>
		<tr><td class="skill">Bureaucracy</td><td><span class="dsf dsf_bureaucracy"></span></td></tr>
		<tr><td class="skill">Cultures</td><td><span class="dsf dsf_cultures"></span></td></tr>
		<tr><td class="skill">Languages</td><td><span class="dsf dsf_languages"></span></td></tr>
		<tr><td class="skill">Planetary Systems</td><td><span class="dsf dsf_planetary_systems"></span></td></tr>
		<tr><td class="skill">Streetwise</td><td><span class="dsf dsf_streetwise"></span></td></tr>
		<tr><td class="skill">Survival</td><td><span class="dsf dsf_survival"></span></td></tr>
		<tr><td class="skill">Technology</td><td><span class="dsf dsf_technology"></span></td></tr>
		<tr><td class="skill">Tactics</td><td><span class="dsf dsf_tactics"></span></td></tr>
	</table></div>
	<div><table>
		<tr><td class="attribute">STRENGTH</td><td><span class="dsf dsf_strength"></span></td></tr>
		<tr><td class="skill">Brawling</td><td><span class="dsf dsf_brawling"></span></td></tr>
		<tr><td class="skill">Climbing/Jumping</td><td><span class="dsf dsf_climbing"></span></td></tr>
		<tr><td class="skill">Lifting</td><td><span class="dsf dsf_lifting"></span></td></tr>
		<tr><td class="skill">Stamina</td><td><span class="dsf dsf_stamina"></span></td></tr>
		<tr><td class="skill">Swimming</td><td><span class="dsf dsf_swimming"></span></td></tr>
	</table></div>
	<div><table>
		<tr><td class="attribute">MECHANICAL</td><td><span class="dsf dsf_mechanical"></span></td></tr>
		<tr><td class="skill">Astrogation</td><td><span class="dsf dsf_astrogation"></span></td></tr>
		<tr><td class="skill">Beast Riding</td><td><span class="dsf dsf_beast_riding"></span></td></tr>
		<tr><td class="skill">Repulsorlift Op</td><td><span class="dsf dsf_repulsorlift_op"></span></td></tr>
		<tr><td class="skill">Starship Gunnery</td><td><span class="dsf dsf_starship_gunnery"></span></td></tr>
		<tr><td class="skill">Starship Piloting</td><td><span class="dsf dsf_starship_piloting"></span></td></tr>
		<tr><td class="skill">Starship Shields</td><td><span class="dsf dsf_starship_shields"></span></td></tr>
	</table></div>
	<div><table>
		<tr><td class="attribute">TECHNICAL</td><td><span class="dsf dsf_technical"></span></td></tr>
		<tr><td class="skill">Comp. Prog./Repair</td><td><span class="dsf dsf_computer_prog_repair"></span></td></tr>
		<tr><td class="skill">Demolition</td><td><span class="dsf dsf_demolition"></span></td></tr>
		<tr><td class="skill">Droid Prog./Repair</td><td><span class="dsf dsf_droid_prog_repair"></span></td></tr>
		<tr><td class="skill">Medicine</td><td><span class="dsf dsf_medicine"></span></td></tr>
		<tr><td class="skill">Repulsorlift Repair</td><td><span class="dsf dsf_repulsorlift_repair"></span></td></tr>
		<tr><td class="skill">Security</td><td><span class="dsf dsf_security"></span></td></tr>
		<tr><td class="skill">Starship Repair</td><td><span class="dsf dsf_starship_repair"></span></td></tr>
	</table></div>
</div>

<div class="details">
	<div><strong>Special Abilities: </strong><span class="dsf dsf_special_abilities"></span></div>
	<hr />
	<div><strong>Move: </strong><span class="dsf dsf_move"></span></div>
	<hr />
	<div><strong>Equipment: </strong><span class="dsf dsf_special_equipment"></span></div>
	<hr />
	<div><strong>Notes: </strong><span class="dsf dsf_notes"></span></div>
	<hr />
	<div><strong>Force Skills: </strong><ul>
		<li><strong>Control: </strong><span class="dsf dsf_control"></span></li>
		<li><strong>Sense: </strong><span class="dsf dsf_sense"></span></li>
		<li><strong>Alter: </strong><span class="dsf dsf_alter"></span></li>
	</ul></div>
</div>



<div class="bio">
	<span class="dsf dsf_bio readonly"></span>
</div>
<small>sheet created by <span class="dsf dsf_dst_author readonly"></span></small>
</div>

CSS

@import url('https://chainsawxiv.github.io/DST/common/css/csx_edit.css');

.ds_starwarsd6simple .points_and_wounds {
        margin: 1em auto;
        border: 1px lightgrey solid;
        box-shadow: lightgrey 3px 3px 3px;
        padding: 0.7em;
        width: fit-content;
    }

    .ds_starwarsd6simple .basic_info div {
        border-bottom: 1px solid lightgray;
        padding: 0.3em;
    }

   .ds_starwarsd6simple .avatarWrapper {
      float: right;
      max-width: 30%;
  }
 .ds_starwarsd6simple .attributeLabel {
        width: 12em;
        display: inline-block;
        font-weight: bold;
        text-transform: uppercase;
    }

    .ds_starwarsd6simple .attributeLabel:after {
        content: ': '
    }

.ds_starwarsd6simple .attributeTables {
	display: flex; 
	flex-flow: row wrap; 
	justify-content: left;
	margin-bottom: 1em;
	margin-top: 1em;
        min-width: 100%;
}

.ds_starwarsd6simple .attributeTables div {
	flex-basis: 10em; 
	margin: 0.15em;
	padding: 0.3em;
	border: 1px solid lightgray;
}

.ds_starwarsd6simple .attributeTables .attribute {
	font-weight: bold;
}

.ds_starwarsd6simple .details div {
	margin-bottom: 0.3em;
}

.ds_starwarsd6simple .details hr {
	margin-bottom: 0.3em;
	border-top: lightgrey 1px solid;
	width: 100px;
	margin-left: 1em;
	margin-right: auto;
}

.ds_starwarsd6simple .bio {
	margin-bottom: 1em;
	margin-top: 1em;
}

Javascript

csx_opts = {
	'setupCallback': item => starwarsd6simple_setup(item),
	'uiContainer': function() { return document.querySelector('.uicontainer');},
	'defaultFieldValue':'&nbsp;',
};

function starwarsd6simple_dataPostLoad(options) {
        csx_opts.isEditable = options.isEditable;
        csx_opts.defaultContext = document.getElementById(options.containerId);
        csx_opts.uiContainer = csx_opts.defaultContext.querySelector('.uicontainer');

        var includes = document.createElement('script');
	includes.type = 'text/javascript';
	includes.src = 'https://chainsawxiv.github.io/DST/common/js/csx_pathfinder_common.js';
	includes.onload = function(){
		csx_opts.setupCallback();
	};
	document.body.appendChild(includes);
}
function starwarsd6simple_setup(context){
	csx_edit(csx_opts.defaultContext);
}

Back

Simple Star Wars

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account