diff --git a/sq2bs.css b/sq2bs.css
index 7fb2fc1..946c209 100644
--- a/sq2bs.css
+++ b/sq2bs.css
@@ -136,6 +136,7 @@
     content: "\2724" ' '; 
 }
 
+
 .Mana { 
     color: #5ff;
 }
@@ -347,10 +348,11 @@ input.equipment-input {
     cursor: pointer;
 }
 
-.fake-button:hover {
+.fake-button:hover, .selected-btn{
     background-color: hsl(0, 0%, 14%) !important;
 }
 
+
 /* material design dark mode */
 .dark-1 {
     background-color: hsl(0, 0%, 5%) !important;
diff --git a/sq2bs.html b/sq2bs.html
index 6e0e113..b5c1d70 100644
--- a/sq2bs.html
+++ b/sq2bs.html
@@ -40,10 +40,10 @@
                                         <div class="col-3">
                                             <div class="row row-cols-1 h-100 align-items-center">
                                                 <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="helmet-health">
-                                                    09000
+                                                    0
                                                 </div>
                                                 <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="helmet-lv">
-                                                    Lv. 123
+                                                    0
                                                 </div>
                                             </div>
                                         </div>
@@ -67,10 +67,10 @@
                                         <div class="col-3">
                                             <div class="row row-cols-1 h-100 align-items-center">
                                                 <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="ring1-health">
-                                                    09000
+                                                    0
                                                 </div>
                                                 <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="ring1-lv">
-                                                    Lv. 123
+                                                    0
                                                 </div>
                                             </div>
                                         </div>
@@ -80,7 +80,7 @@
                                                     <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="ring1-choice" name="ring1-choice" placeholder="No ring" value="" tabindex="2"/>
                                                 </div>
                                                 <div class="col d-flex justify-content-end">
-                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="ring1-powder" name="ring1-powder" placeholder="powders" tabindex="2"/>
+                                                    <!-- <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="ring1-powder" name="ring1-powder" placeholder="no powders" tabindex="2"/> -->
                                                 </div>
                                             </div>
                                         </div>
@@ -94,10 +94,10 @@
                                         <div class="col-3">
                                             <div class="row row-cols-1 h-100 align-items-center">
                                                 <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="chestplate-health">
-                                                    09000
+                                                    0
                                                 </div>
                                                 <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="chestplate-lv">
-                                                    Lv. 123
+                                                    0
                                                 </div>
                                             </div>
                                         </div>
@@ -121,10 +121,10 @@
                                         <div class="col-3">
                                             <div class="row row-cols-1 h-100 align-items-center">
                                                 <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="ring2-health">
-                                                    09000
+                                                    0
                                                 </div>
                                                 <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="ring2-lv">
-                                                    Lv. 123
+                                                    0
                                                 </div>
                                             </div>
                                         </div>
@@ -134,7 +134,7 @@
                                                     <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="ring2-choice" name="ring2-choice" placeholder="No ring" value="" tabindex="2"/>
                                                 </div>
                                                 <div class="col d-flex justify-content-end">
-                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="ring2-powder" name="ring2-powder" placeholder="powders" tabindex="2"/>
+                                                    <!-- <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="ring2-powder" name="ring2-powder" placeholder="no powders" tabindex="2"/> -->
                                                 </div>
                                             </div>
                                         </div>
@@ -148,10 +148,10 @@
                                         <div class="col-3">
                                             <div class="row row-cols-1 h-100 align-items-center">
                                                 <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="leggings-health">
-                                                    09000
+                                                    0
                                                 </div>
                                                 <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="leggings-lv">
-                                                    Lv. 123
+                                                    0
                                                 </div>
                                             </div>
                                         </div>
@@ -161,7 +161,7 @@
                                                     <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="leggings-choice" name="leggings-choice" placeholder="No leggings" value="" tabindex="1"/>
                                                 </div>
                                                 <div class="col d-flex justify-content-end">
-                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="leggings-powder" name="leggings-powder" placeholder="powders" tabindex="1"/>
+                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="leggings-powder" name="leggings-powder" placeholder="no powders" tabindex="1"/>
                                                 </div>
                                             </div>
                                         </div>
@@ -175,10 +175,10 @@
                                         <div class="col-3">
                                             <div class="row row-cols-1 h-100 align-items-center">
                                                 <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="bracelet-health">
-                                                    09000
+                                                    0
                                                 </div>
                                                 <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="bracelet-lv">
-                                                    Lv. 123
+                                                    0
                                                 </div>
                                             </div>
                                         </div>
@@ -188,7 +188,7 @@
                                                     <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="bracelet-choice" name="bracelet-choice" placeholder="No bracelet" value="" tabindex="2"/>
                                                 </div>
                                                 <div class="col d-flex justify-content-end">
-                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="bracelet-powder" name="bracelet-powder" placeholder="powders" tabindex="2"/>
+                                                    <!-- <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="bracelet-powder" name="bracelet-powder" placeholder="no powders" tabindex="2"/> -->
                                                 </div>
                                             </div>
                                         </div>
@@ -202,10 +202,10 @@
                                         <div class="col-3">
                                             <div class="row row-cols-1 h-100 align-items-center">
                                                 <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="boots-health">
-                                                    09000
+                                                    0
                                                 </div>
                                                 <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="boots-lv">
-                                                    Lv. 123
+                                                    0
                                                 </div>
                                             </div>
                                         </div>
@@ -229,10 +229,10 @@
                                         <div class="col-3">
                                             <div class="row row-cols-1 h-100 align-items-center">
                                                 <div class="col text-nowrap scaled-font Health fw-bold gx-3" id="necklace-health">
-                                                    09000
+                                                    0
                                                 </div>
                                                 <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="necklace-lv">
-                                                    Lv. 123
+                                                    0
                                                 </div>
                                             </div>
                                         </div>
@@ -242,7 +242,7 @@
                                                     <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="necklace-choice" name="necklace-choice" placeholder="No necklace" value="" tabindex="2"/>
                                                 </div>
                                                 <div class="col d-flex justify-content-end">
-                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="necklace-powder" name="necklace-powder" placeholder="powders" tabindex="2"/>
+                                                    <!-- <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="necklace-powder" name="necklace-powder" placeholder="no powders" tabindex="2"/> -->
                                                 </div>
                                             </div>
                                         </div>
@@ -255,11 +255,11 @@
                                         </div>
                                         <div class="col-3">
                                             <div class="row row-cols-1 h-100 align-items-center">
-                                                <div class="col text-nowrap scaled-font fw-bold gx-3" id="weapon-dps">
-                                                    base??
+                                                <div class="col scaled-font fw-bold gx-3" id="weapon-dps">
+                                                    base dps: 0
                                                 </div>
                                                 <div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="weapon-lv">
-                                                    ??
+                                                    0
                                                 </div>
                                             </div>
                                         </div>
@@ -667,20 +667,20 @@
                     <div class="row row-cols-1 rounded dark-shadow dark-6 scaled-font">
                         <div class="col rounded-top">
                             <div class="row">
-                                <div id="tab-offense-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4 border border-2 border-dark-7" onclick="show_tab('minimal-offensive-stats')">
+                                <div id="tab-offensive-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4u border border-2 border-dark-7" onclick="show_tab('offensive-stats')">
                                     Offense
                                 </div>
-                                <div id="tab-defense-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4 border border-2 border-dark-7" onclick="show_tab('minimal-defensive-stats')">
+                                <div id="tab-defensive-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4u border border-2 border-dark-7" onclick="show_tab('defensive-stats')">
                                     Defense
                                 </div>
-                                <div id="tab-basic-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4 border border-2 border-dark-7" onclick="show_tab('all-stats')">
+                                <div id="tab-overall-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4u border border-2 border-dark-7" onclick="show_tab('overall-stats')">
                                     Overall
                                 </div>
                             </div>
                         </div>
-                        <div style="display: none;" id="minimal-offensive-stats" class="col text-nowrap"></div>
-                        <div style="display: none;" id="minimal-defensive-stats" class="col text-nowrap"></div>
-                        <div id="all-stats" class="col text-nowrap"></div>
+                        <div style="display: none;" id="offensive-stats" class="col text-nowrap"></div>
+                        <div style="display: none;" id="defensive-stats" class="col text-nowrap"></div>
+                        <div id="overall-stats" class="col text-nowrap"></div>
                     </div>
                 </div>
                 <div class="col-xl-3">
@@ -737,7 +737,7 @@
             </div>
             <div class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3" id = "build-order">
             </div>
-            <div class = "rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info">Set info</div>
+            <div class = "rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div>
         </div>
         <div class="col dark-5 scaled-font">
             <footer class="text-center">
diff --git a/sq2bs.js b/sq2bs.js
index f04df78..926518a 100644
--- a/sq2bs.js
+++ b/sq2bs.js
@@ -1,6 +1,9 @@
-let equipment_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'ring1', 'ring2', 'bracelet', 'necklace', 'weapon'];
 let weapon_keys = ['dagger', 'wand', 'bow', 'relik', 'spear'];
+let armor_keys = ['helmet', 'chestplate', 'leggings', 'boots'];
 let skp_keys = ['str', 'dex', 'int', 'def', 'agi'];
+let accessory_keys= ['ring1', 'ring2', 'bracelet', 'necklace'];
+let powderable_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'weapon'];
+let equipment_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'ring1', 'ring2', 'bracelet', 'necklace', 'weapon'];
 
 let spell_disp = ['spell0-info', 'spell1-info', 'spell2-info', 'spell3-info'];
 let other_disp = ['build-order', 'set-info', 'int-info'];
@@ -9,8 +12,11 @@ document.addEventListener('DOMContentLoaded', function() {
 
     for (const eq of equipment_keys) {
         document.querySelector("#"+eq+"-choice").setAttribute("oninput", "update_field('"+ eq +"'); calcBuildSchedule();");
-        document.querySelector("#"+eq+"-powder").setAttribute("oninput", "calcBuildSchedule();");
-        document.querySelector("#"+eq+"-tooltip").setAttribute("onclick", "collapse_element('#"+ eq +"-tooltip')");
+        document.querySelector("#"+eq+"-tooltip").setAttribute("onclick", "collapse_element('#"+ eq +"-tooltip'); toggle_plus_minus('" + eq + "-pm'); ");
+    }
+
+    for (const eq of powderable_keys) {
+        document.querySelector("#"+eq+"-powder").setAttribute("oninput", "calcBuildSchedule(); updatePowders(" + eq + "-powder)");
     }
 
     for (const i of spell_disp) {
@@ -137,28 +143,34 @@ function update_field(field) {
         document.querySelector("#"+field+"-choice").classList.add("text-light");
         if (item) { document.querySelector("#"+field+"-choice").classList.add("is-invalid"); }
 
-        document.querySelector("#"+equipment_keys[i]+"-powder").disabled = true;
+        /*if (!accessory_keys.contains(type.toLowerCase())) {
+            document.querySelector("#"+type+"-powder").disabled = true;
+        }*/
         return false;
     }
 
+
     if ((type != field.replace(/[0-9]/g, '')) && (category != field.replace(/[0-9]/g, ''))) {
         document.querySelector("#"+field+"-choice").classList.add("text-light");
         if (item) { document.querySelector("#"+field+"-choice").classList.add("is-invalid"); }
 
-        document.querySelector("#"+equipment_keys[i]+"-powder").disabled = true;
+        //document.querySelector("#"+equipment_keys[i]+"-powder").disabled = true;
         return false;
     }
 
     // set item color
     document.querySelector("#"+field+"-choice").classList.add(tier);
 
-    // set powder slots
-    document.querySelector("#"+field+"-powder").setAttribute("placeholder", powder_slots+" slots");
 
-    if (powder_slots == 0) {
-        document.querySelector("#"+field+"-powder").disabled = true;
-    } else {
-        document.querySelector("#"+field+"-powder").disabled = false;
+    if (powderable_keys.includes(field)) {
+        // set powder slots
+        document.querySelector("#"+field+"-powder").setAttribute("placeholder", powder_slots+" slots");
+
+        if (powder_slots == 0) {
+            document.querySelector("#"+field+"-powder").disabled = true;
+        } else {
+            document.querySelector("#"+field+"-powder").disabled = false;
+        }
     }
 
     // set weapon img
@@ -170,14 +182,18 @@ function update_field(field) {
 }
 /* tabulars | man i hate this code but too lazy to fix /shrug */
 
-let tabs = ['all-stats', 'minimal-offensive-stats', 'minimal-defensive-stats'];
+let tabs = ['overall-stats', 'offensive-stats', 'defensive-stats'];
 
 function show_tab(tab) {
-    console.log(itemFilters)
+    //console.log(itemFilters)
+
+    //hide all tabs, then show the tab of the div clicked and highlight the correct button
     for (const i in tabs) {
-        document.querySelector("#"+tabs[i]).style.display = "none";
+        document.querySelector("#" + tabs[i]).style.display = "none";
+        document.getElementById("tab-" + tabs[i].split("-")[0] + "-btn").classList.remove("selected-btn");
     }
-    document.querySelector("#"+tab).style.display = "";
+    document.querySelector("#" + tab).style.display = "";
+    document.getElementById("tab-" + tab.split("-")[0] +  "-btn").classList.add("selected-btn");
 }
 
 function toggle_spell_tab(tab) {
@@ -206,19 +222,20 @@ function toggle_tab(tab) {
 
 function collapse_element(elmnt) {
     elem_list = document.querySelector(elmnt).children;
-
-    for (elem of elem_list) {
-        if (elem.classList.contains("no-collapse")) { continue; }
-        if (elem.style.display == "none") {
-            elem.style.display = "";
-        } else {
-            elem.style.display = "none";
-        }   
+    if (elem_list) {
+        for (elem of elem_list) {
+            if (elem.classList.contains("no-collapse")) { continue; }   
+            if (elem.style.display == "none") {
+                elem.style.display = "";
+            } else {
+                elem.style.display = "none";
+            }   
+        }
     }
     // macy quirk
     window.dispatchEvent(new Event('resize'));
     // weird bug where display: none overrides??
-    document.querySelector(elmnt).style.display = "";
+    document.querySelector(elmnt).style.removeProperty('display');
 }
 
 // search misc
diff --git a/sq2builder.js b/sq2builder.js
index 3e7bb6a..ac1f98b 100644
--- a/sq2builder.js
+++ b/sq2builder.js
@@ -748,14 +748,15 @@ function calculateBuildStats() {
     }
 
     displaysq2ArmorStats(player_build);
-    displaysq2BuildStats("all-stats", player_build, build_all_display_commands);
-    displaysq2BuildStats("minimal-offensive-stats",player_build, build_offensive_display_commands);
+    displaysq2BuildStats('overall-stats', player_build, build_all_display_commands);
+    displaysq2BuildStats("offensive-stats",player_build, build_offensive_display_commands);
     displaysq2SetBonuses("set-info",player_build);
+    displaysq2WeaponStats(player_build);
 
     let meleeStats = player_build.getMeleeStats();
     displaysq2MeleeDamage(document.getElementById("build-melee-stats"), document.getElementById("build-melee-statsAvg"), meleeStats);
 
-    displaysq2DefenseStats(document.getElementById("minimal-defensive-stats"),player_build);
+    displaysq2DefenseStats(document.getElementById("defensive-stats"),player_build);
 
     displaysq2PoisonDamage(document.getElementById("build-poison-stats"),player_build);
 
diff --git a/sq2display.js b/sq2display.js
index 0563b68..ea0d8f3 100644
--- a/sq2display.js
+++ b/sq2display.js
@@ -5,14 +5,17 @@ function displaysq2BuildStats(parent_id,build,command_group){
     // normals just display a thing.
 
     let display_commands = command_group;
-    console.log(display_commands);
-
-    // Clear the parent div.
-    setHTML(parent_id, "");
+    //console.log(display_commands);
+    
+    
     let parent_div = document.getElementById(parent_id);
+    // Clear the parent div.
+    if (parent_div != null) {
+        setHTML(parent_id, "");
+    }
 
     let stats = build.statMap;
-    console.log(build.statMap);
+    //console.log(build.statMap);
     
     let active_elem;
     let elemental_format = false;
@@ -207,7 +210,7 @@ function displaysq2ExpandedItem(item, parent_id){
                     p_elem.textContent = "Set: " + item.get(id).toString();
                     parent_div.appendChild(p_elem);
                 } else if (id === "majorIds") {
-                    console.log(item.get(id));
+                    //console.log(item.get(id));
                     for (let majorID of item.get(id)) {
                         let p_elem = document.createElement("div");
                         p_elem.classList.add("col");
@@ -239,10 +242,20 @@ function displaysq2ExpandedItem(item, parent_id){
                     p_elem.textContent = "Combat Level Min: " + item.get("lvlLow") + "-" + item.get(id);
                     parent_div.appendChild(p_elem);
                 } else if (id === "displayName") {
+                    let row = document.createElement("div");
+
                     let p_elem = document.createElement("div");
-                    p_elem.classList.add("col", "text-center", "no-collapse");
+                    let plusminus = document.createElement("div");
+                    row.classList.add("row", "no-collapse");
+                    p_elem.classList.add("col", "text-center");
                     p_elem.classList.add(item.has("tier") ? item.get("tier").replace(" ","") : "none");
-                    
+                    p_elem.style.textGrow = 1;
+                    //allow the plus minus element to toggle upon click: ➕➖
+                    plusminus.id = parent_div.id.split("-")[0] + "-pm";
+                    plusminus.classList.add("col", "plus_minus", "text_end");
+                    plusminus.style.flexGrow = 0;
+                    plusminus.textContent = "\u2795";
+
                     if (item.get("custom")) {
                         // p_elem.href = url_base.replace(/\w+.html/, "") + "customizer.html#" + item.get("hash");
                         p_elem.textContent = item.get("displayName");
@@ -254,17 +267,25 @@ function displaysq2ExpandedItem(item, parent_id){
                         p_elem.textContent = item.get("displayName");
                     }
 
-                    parent_div.appendChild(p_elem);
+                   
+
+                    parent_div.appendChild(row);
+                    row.appendChild(p_elem);
+                    row.appendChild(plusminus);
+
                     let img = document.createElement("img");
                     if (item && item.has("type")) {
                         img.src = "./media/items/" + (newIcons ? "new/":"old/") + "generic-" + item.get("type") + ".png";
                         img.alt = item.get("type");
                         img.style = " z=index: 1; position: relative;";
+                        let container = document.createElement("div");
+                        
                         let bckgrd = document.createElement("div");
-                        bckgrd.classList.add("col", "px-0", "d-flex", "align-items-center", "justify-content-center", "no-collapse");
+                        bckgrd.classList.add("col", "px-0", "d-flex", "align-items-center", "justify-content-center");// , "no-collapse");
                         bckgrd.style = "border-radius: 50%;background-image: radial-gradient(closest-side, " + colorMap.get(item.get("tier")) + " 20%," + "hsl(0, 0%, 16%) 80%); margin-left: auto; margin-right: auto;"
                         bckgrd.classList.add("scaled-bckgrd");
-                        parent_div.appendChild(bckgrd);
+                        parent_div.appendChild(container);
+                        container.appendChild(bckgrd);
                         bckgrd.appendChild(img);
                     }
                 } else {
@@ -499,7 +520,7 @@ function displaysq2RolledID(item, id, elemental_format) {
     return row;
 }
 
-function displaysq2WeaponBase(build) {
+function displaysq2WeaponStats(build) {
     // let base_damage = build.get('damageRaw');
     let damage_keys = [ "nDam", "eDam", "tDam", "wDam", "fDam", "aDam" ];
 
@@ -522,8 +543,25 @@ function displaysq2WeaponBase(build) {
     powdered_map.set('aDam', powdered_base[5][0]+'-'+powdered_base[5][1]);
 
     // display
-    for (const i in damage_keys) {
+
+    //I think this is res's code? in any case it doesn't work - ferri
+    /* for (const i in damage_keys) {
         document.getElementById(damage_keys[i]+"-base").textContent = powdered_map.get(damage_keys[i]);
+    } */ 
+
+    let tot = 0;
+    //sum up elemental damages to get sum of base dps's
+    for (let i = 0; i < 6; i++) {
+        tot += powdered_base[i][0] + powdered_base[i][1];
+    }
+    tot /= 2;
+    let dps = Math.max(0, Math.round(tot * baseDamageMultiplier[attackSpeeds.indexOf(item.get("atkSpd"))] )); //atkspeeds
+
+    document.getElementById("weapon-dps").textContent = "base dps: " + dps; 
+    document.getElementById("weapon-lv").textContent = item.get("lvl"); 
+
+    if (item.get("type")) {
+        document.getElementById("weapon-img").src = "./media/items/" + (newIcons ? "new/":"old/") + "generic-" + item.get("type") + ".png";
     }
 }
 
@@ -1433,11 +1471,13 @@ function displaysq2SetBonuses(parent_id,build) {
     set_summary_elem.textContent = "Set Bonuses";
     parent_div.append(set_summary_elem);
     
+    /*
     if (build.activeSetCounts.size) {
         parent_div.parentElement.style.display = "block";
     } else {
         parent_div.parentElement.style.display = "none";
     }
+    */
 
     for (const [setName, count] of build.activeSetCounts) {
         const active_set = sets[setName];
@@ -1469,3 +1509,22 @@ function displaysq2SetBonuses(parent_id,build) {
         console.log(mock_item);
     }
 }
+
+function toggle_plus_minus(elem_id) {
+    let elem = document.getElementById(elem_id);
+    if (elem.classList.contains("plus_minus")) {
+        if (elem.textContent == "\u2795") {
+            elem.textContent = "\u2796";
+        } else if (elem.textContent == "\u2796"){
+            elem.textContent = "\u2795";
+        } else {
+            // ???? 
+        }
+    }
+}
+
+// updates the powders within this element. Attempts to do so using textContent and innerHTML.
+function updatePowders(elem_id) {
+    elem = document.getElementById(elem_id);
+    
+}
\ No newline at end of file
diff --git a/sq2display_constants.js b/sq2display_constants.js
index ac105c5..ba535ae 100644
--- a/sq2display_constants.js
+++ b/sq2display_constants.js
@@ -1,3 +1,11 @@
+let powder_chars = [
+    '\u2724',
+    '\u2726',
+    '\u2749',
+    '\u2739',
+    '\u274b'
+]
+
 /*
  * Display commands
  */